import type { Metadata } from "next";

import { ContactForm } from "@/components/contact/contact-form";
import { siteConfig } from "@/lib/constants/site";
import { buildCmsPageMetadata } from "@/lib/seo/page-metadata";

export const revalidate = 120;

export async function generateMetadata(): Promise<Metadata> {
  return buildCmsPageMetadata(
    "contact",
    "Contact",
    "Reach the Big Boyz Body team for coaching inquiries and partnerships.",
    "/contact",
  );
}

export default function ContactPage() {
  return (
    <div className="ds-container ds-section grid max-w-5xl gap-12 lg:grid-cols-2">
      <div>
        <h1 className="font-display text-4xl tracking-tight sm:text-5xl">Contact</h1>
        <p className="mt-4 text-base leading-relaxed text-muted-foreground">
          Coaching intake is limited — tell us about your goals, timeline, and training history.
        </p>
        <div className="mt-10 space-y-4 text-sm">
          <p>
            <span className="text-muted-foreground">Email</span>
            <br />
            <a className="text-primary hover:underline" href={`mailto:${siteConfig.email}`}>
              {siteConfig.email}
            </a>
          </p>
          <p>
            <span className="text-muted-foreground">Phone</span>
            <br />
            {siteConfig.phone}
          </p>
        </div>
      </div>
      <ContactForm />
    </div>
  );
}