import Link from "next/link";
import { SiteHeader } from "@/components/SiteHeader";
import { SiteFooter } from "@/components/SiteFooter";
import { ContactForm } from "@/components/ContactForm";

export default function ContactPage() {
  return (
    <>
      <SiteHeader />

      <section className="py-16">
        <div className="mx-auto max-w-6xl px-8">
          <div className="mb-12 max-w-xl">
            <h1 className="mb-4 font-heading text-4xl font-semibold leading-tight tracking-tight">
              Get in touch
            </h1>
            <p className="text-lg text-navy/65">
              Prefer to talk it through live?{" "}
              <Link href="/book" className="font-semibold text-blue underline">
                Book a free 30-minute call
              </Link>{" "}
              instead — it&apos;s usually faster than email.
            </p>
          </div>

          <div className="grid grid-cols-1 gap-12 lg:grid-cols-3">
            <div className="lg:col-span-2">
              <ContactForm />
            </div>
            <div className="space-y-6">
              <div className="rounded-card border border-navy/10 p-6">
                <p className="mb-1 text-sm font-semibold text-navy">Email</p>
                <p className="text-sm text-navy/65">donchyme@gmail.com</p>
              </div>
              <div className="rounded-card border border-navy/10 p-6">
                <p className="mb-1 text-sm font-semibold text-navy">Based in</p>
                <p className="text-sm text-navy/65">Lagos, Nigeria</p>
              </div>
            </div>
          </div>
        </div>
      </section>

      <SiteFooter />
    </>
  );
}