import type { Metadata } from "next";
import Header from "@/components/shared/Header";
import HeroSection from "@/components/home/HeroSection";
import FeaturesSection from "@/components/home/FeaturesSection";
import AboutSection from "@/components/common/AboutSection";
import ServicesSection from "@/components/common/ServicesSection";
import BenefitsSection from "@/components/common/BenefitsSection";
import ChatSection from "@/components/common/ChatSection";
import PricingSection from "@/components/common/PricingSection";
import TestimonialsSection from "@/components/home/TestimonialsSection";
import FAQSection from "@/components/home/FAQSection";
import DownloadBanner from "@/components/home/DownloadBanner";
import BrandLogos from "@/components/home/BrandLogos";
import Footer from "@/components/shared/Footer";

export const metadata: Metadata = {
  title: "Home",
};

export default function HomePage() {
  return (
    <div className="wrapper">
      <section className="main-sec">
        <Header />
        <HeroSection />
      </section>

      <FeaturesSection />
      <AboutSection />
      <section className="feature-sec3 space-bottom">
        <ServicesSection />
      </section>

      <section className="benefit-sec space">
        <BenefitsSection />
      </section>
      <section className="chat-sec">
        <ChatSection />
      </section>

      <section className="pricing-sec space">
        <div className="sec-title">
          <span
            className="sub-title"
            data-aos="fade-up"
            data-aos-duration={900}
            data-aos-delay={300}
          >
            Choose a plan
          </span>
          <h2
            className="title"
            data-aos="fade-up"
            data-aos-duration={900}
            data-aos-delay={400}
          >
            Flexible Pricing for Every Stage
          </h2>
          <p data-aos="fade-up" data-aos-duration={700} data-aos-delay={300}>
            Whether you&apos;re just getting started or scaling fast, we&apos;ve
            got a pricing plan that fits your needs. Our transparent and
            flexible packages are designed
          </p>
        </div>
        <PricingSection />
      </section>

      <TestimonialsSection />
      <FAQSection />
      <DownloadBanner />
      <BrandLogos />
      <Footer />
    </div>
  );
}