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 BenefitSection from "@/components/shared/BenefitSection";
import PageBanner from "@/components/shared/PageBanner";
import { pageBannerData } from "@/data/solutions/pageBanner";
import ChooseUsSection from "@/components/solutions/ChooseUsSection";
import ServiceSection from "@/components/solutions/ServiceSection";
import IntegrationSection from "@/components/solutions/IntegrationSection";

export const metadata: Metadata = {
  title: "Solutions",
  description:
    "Explore Sasico’s fintech solutions – digital payments, data analytics, API integrations, and scalable cloud-based platforms.",
};

export default function Solutions() {
  return (
    <div className="wrapper">
      <MobileMenu />
      <SearchPopup />
      <section className="main-sec2">
        <Header />
        <PageBanner {...pageBannerData} />
      </section>
      <section className="benefit-sec space">
        <BenefitSection />
      </section>
      <ChooseUsSection />
      <ServiceSection />
      <IntegrationSection />
      <FooterSection />
    </div>
  );
}