import ContactForm from "@/components/contact/ContactForm";
import ContactHero from "@/components/contact/ContactHero";
import ContactInfo from "@/components/contact/ContactInfo";
import ContactMap from "@/components/contact/ContactMap";
import MainSec3Footer from "@/components/common/main-sec3-footer";
import SiteHeader from "@/components/common/site-header";
import type { Metadata } from "next";

export const metadata: Metadata = {
  title: "Contact",
  description: "Get in touch — mapped from contact.html",
};

export default function ContactPage() {
  return (
    <>
      <SiteHeader />
      <section className="main-sec4">
        <div className="page-banner">
          <div className="carousel-container">
            <ContactHero />
            <ContactInfo />
          </div>
        </div>
      </section>
      <section className="form-sec space">
        <div className="carousel-container">
          <div className="form-info">
            <ContactMap />
            <ContactForm />
          </div>
        </div>
      </section>
      <MainSec3Footer />
    </>
  );
}