import type { Metadata } from "next";
import HeaderSection from "@/components/shared/HeaderSection";
import HeroSection from "@/components/home/HeroSection";
import BrandSection from "@/components/home/BrandSection";
import ServicesSection from "@/components/shared/ServicesSection";
import FeaturesSection from "@/components/shared/FeaturesSection";
import ProjectsSection from "@/components/home/ProjectsSection";
import ChooseUsSection from "@/components/home/ChooseUsSection";
import PricingSection from "@/components/shared/PricingSection";
import TestimonialsSection from "@/components/home/TestimonialsSection";
import FAQSection from "@/components/shared/FAQSection";
import FeatureSection2 from "@/components/home/FeatureSection2";
import FooterSection from "@/components/shared/FooterSection";

export const metadata: Metadata = {
  title: "Home",
  description: "Ai-power Software Solutions",
};

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

      <BrandSection />

      <section className="service-sec space-top">
        <ServicesSection />
      </section>

      <FeaturesSection />
      <ProjectsSection />
      <ChooseUsSection />

      <section className="pricing-sec space-top">
        <div className="container-fluid">
          <div className="pricing-info">
            {/* Section Title */}
            <div className="sec-title">
              <span
                className="sub-title"
                data-aos="fade-up"
                data-aos-duration={900}
                data-aos-delay={500}
              >
                Pricing Packages
              </span>
              <h2
                className="title"
                data-aos="fade-up"
                data-aos-duration={900}
                data-aos-delay={500}
              >
                Don't Miss the Special Deals
              </h2>
              <p
                data-aos="fade-up"
                data-aos-duration={1000}
                data-aos-delay={600}
              >
                Simple, transparent pricing for every stage. Pick a plan, unlock
                powerful features, and grow your website with confidence.
              </p>
            </div>
            <PricingSection />
          </div>
        </div>
      </section>

      <TestimonialsSection />

      <section className="main-sec2">
        <FAQSection />
        <FeatureSection2 />
      </section>

      <FooterSection />
    </div>
  );
}