import type { Metadata } from "next";
import HeaderSection from "@/components/shared/HeaderSection";
import FooterSection from "@/components/shared/FooterSection";
import ServiceBanner from "@/components/shared/ServiceBanner";
import ContactHero from "@/components/contact/ContactHero";
import ContactInfo from "@/components/contact/ContactInfo";
import ContactForm from "@/components/contact/ContactForm";
import MapSection from "@/components/contact/MapSection";

// Import data
export const metadata: Metadata = {
  title: "Contact",
  description: "Ai-power Software Solutions",
};

export default function ContactPage() {
  return (
    <div className="wrapper">
      <HeaderSection />

      {/* hero-sec */}
      <ContactHero />
      {/* End hero-sec */}

      {/* contact-sec */}
      <section className="contact-sec space">
        <div className="carousel-container">
          <div className="row">
            <div className="col-lg-4 col-md-5">
              <ContactInfo />
            </div>
            <div className="col-lg-8 col-md-7">
              <ContactForm />
            </div>
          </div>
        </div>
      </section>
      {/* End contact-sec */}

      {/* googel-map */}
      <MapSection />
      {/* End googel-map */}

      {/* service-banner */}
      <ServiceBanner />
      {/* End service-banner */}

      <FooterSection />
    </div>
  );
}