import type { Metadata } from "next";
import MobileMenu from "@/components/home/MobileMenu";
import SearchPopup from "@/components/home/SearchPopup";
import Header from "@/components/home/Header";
import PricingSection from "@/components/pricing/PricingSection";
import FooterSection from "@/components/home/FooterSection";
import ComparePlanSection from "@/components/pricing/ComparePlanSection";
import FaqSection from "@/components/pricing/FaqSection";
import PageBanner from "@/components/shared/PageBanner";
import { pageBannerData } from "@/data/pricing/pageBanner";

export const metadata: Metadata = {
  title: "Pricing",
  description:
    "Choose the right Sasico plan for your business. Flexible pricing for digital payment solutions, analytics, and fintech tools.",
};

export default function Pricing() {
  return (
    <div className="wrapper">
      <MobileMenu />
      <SearchPopup />
      <section className="main-sec3">
        <Header />
        <PageBanner {...pageBannerData} />
        <PricingSection />
      </section>
      <ComparePlanSection />
      <FaqSection />
      <FooterSection />
    </div>
  );
}