import type { Metadata } from "next";
import MobileMenu from "@/components/home/MobileMenu";

import SearchPopup from "@/components/home/SearchPopup";
import Header from "@/components/home/Header";
import HeroSection from "@/components/home/HeroSection";
import FeatureSection from "@/components/home/FeatureSection";
import ServiceSection from "@/components/home/ServiceSection";
import BenefitSection from "@/components/shared/BenefitSection";
import FeatureSection2 from "@/components/home/FeatureSection2";
import PricingSection from "@/components/home/PricingSection";
import TestimonialSection from "@/components/home/TestimonialSection";
import ContactSection from "@/components/home/ContactSection";
import BrandSection from "@/components/shared/BrandSection";
import FooterSection from "@/components/home/FooterSection";

export const metadata: Metadata = {
  description:
    "Sasico – AI-powered fintech software solutions for SaaS and tech startups. Streamline payments, analytics, and financial operations.",
};

export default function Home() {
  return (
    <div className="wrapper">
      <MobileMenu />
      <SearchPopup />
      <section className="main-sec">
        <Header />
        <HeroSection />
      </section>
      <FeatureSection />
      <ServiceSection />
      <section className="benefit-sec">
        <BenefitSection />
      </section>
      <FeatureSection2 />
      <PricingSection />
      <TestimonialSection />
      <ContactSection />
      <section className="brand-sec space">
        <BrandSection />
      </section>
      <FooterSection />
    </div>
  );
}