import type { Metadata } from "next";
import MobileMenu from "@/components/home/MobileMenu";
import SearchPopup from "@/components/home/SearchPopup";
import HeaderOnepage from "@/components/onepage-landing/HeaderOnepage";
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 = {
  title: "One Page Landing",
  description:
    "Sasico one-page fintech landing – explore features, pricing, testimonials, and contact in a single seamless experience.",
};

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