import type { Metadata } from "next";
import MobileMenu from "@/components/home/MobileMenu";
import SearchPopup from "@/components/home/SearchPopup";
import Header from "@/components/home/Header";
import PageBanner from "@/components/shared/PageBanner";
import { pageBannerData } from "@/data/about/pageBanner";
import AboutUsSection from "@/components/about/AboutUsSection";
import BrandSection from "@/components/shared/BrandSection";
import ProcessSection from "@/components/about/ProcessSection";
import TeamSection from "@/components/about/TeamSection";
import FeatureSection3 from "@/components/about/FeatureSection3";
import CtaBanner from "@/components/about/CtaBanner";
import TestimonialSection2 from "@/components/about/TestimonialSection2";
import FooterSection from "@/components/home/FooterSection";

export const metadata: Metadata = {
  title: "About Us",
  description:
    "Learn about Sasico – our mission, team, and vision for transforming the fintech industry with innovative software solutions.",
};

export default function About() {
  return (
    <div className="wrapper">
      <MobileMenu />
      <SearchPopup />
      <section className="main-sec2">
        <Header />
        <PageBanner {...pageBannerData} />
      </section>
      <AboutUsSection />
      <section className="brand-sec2">
        <BrandSection />
      </section>
      <ProcessSection />
      <TeamSection />
      <FeatureSection3 />
      <CtaBanner />
      <TestimonialSection2 />
      <FooterSection />
    </div>
  );
}