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>
  );
}
