Landing & contact page done, services & prices missing

src/app/contact/page.js

@@ -0,0 +1,31 @@
+import Image from "next/image";
+import styles from "./page.module.css";
+import Link from "next/link";
+import HeaderSm from "../components/HeaderSm";
+
+export default function Home() {
+  return (
+    <div>
+      <HeaderSm text="Contact" />
+      <section className="container">
+        <form action="https://form.taxi/s/es9ddva1" method="POST" className={styles.form}>
+          <label htmlFor="Name">Name*</label>
+          <input type="text" name="Name" required />
+
+          <label htmlFor="Phone">Phone Number </label>
+          <input type="tel" name="Phone" />
+
+          <label htmlFor="Email">Email*</label>
+          <input type="email" name="Email" required />
+
+          <label htmlFor="firstname">Message*</label>
+          <textarea name="Message"></textarea>
+
+          <p className={styles.sm}>* required</p>
+
+          <input type="submit" value="Submit" required />
+        </form>
+      </section>
+    </div>
+  );
+}

src/app/contact/page.module.css

@@ -0,0 +1,36 @@
+.form {
+    margin-bottom: 35em;
+}
+
+.form input[type="text"],
+.form input[type="email"],
+.form input[type="tel"],
+.form select,
+.form textarea {
+  width: 100%; /* Full width */
+  padding: 1em;
+  border: 1px solid #ccc; /* Border */
+  border-radius: 0.5em; /* Rounded corners */
+  box-sizing: border-box; /* Make sure that padding and width stays in place */
+  margin-top: 6px;
+  margin-bottom: 16px;
+  resize: vertical; /* Allow the user to vertically resize the textarea (not horizontally) */
+}
+
+/* Style the submit button */
+.form input[type="submit"] {
+  background-color: var(--accent);
+  color: white;
+  padding: 1em 1.75em;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+}
+.form input[type="submit"]:hover {
+  background-color: var(--accent-secondary);
+}
+
+.sm {
+    font-size: 0.75em;
+    font-style: italic;
+}