import type { Metadata } from "next";
import MobileMenu from "@/components/home/MobileMenu";
import SearchPopup from "@/components/home/SearchPopup";
import Header from "@/components/home/Header";
import FooterSection from "@/components/home/FooterSection";
import PageBanner from "@/components/shared/PageBanner";
import { pageBannerData } from "@/data/contact/pageBanner";
import ContactInfoSection from "@/components/contact/ContactInfoSection";
import ContactFormSection from "@/components/contact/ContactFormSection";

export const metadata: Metadata = {
  title: "Contact Us",
  description:
    "Get in touch with Sasico. Reach out for inquiries about our fintech solutions, partnerships, or support.",
};

export default function Contact() {
  return (
    <div className="wrapper">
      <MobileMenu />
      <SearchPopup />
      <section className="main-sec2">
        <Header />
        <PageBanner {...pageBannerData} />
      </section>
      <ContactInfoSection />
      <ContactFormSection />
      <FooterSection />
    </div>
  );
}