import type { Metadata } from "next";
import HeaderSection from "@/components/shared/HeaderSection";
import ServicesSection from "@/components/shared/ServicesSection";
import FeaturesSection from "@/components/shared/FeaturesSection";
import FAQSection from "@/components/shared/FAQSection";
import FooterSection from "@/components/shared/FooterSection";
import FeaturesHero from "@/components/features/FeaturesHero";
import FunFactSection from "@/components/features/FunFactSection";
import ServiceBanner from "@/components/shared/ServiceBanner";

// Import data
export const metadata: Metadata = {
  title: "Features",
  description: "Ai-power Software Solutions",
};

export default function FeaturesPage() {
  return (
    <div className="wrapper">
      <section className="main-sec3">
        <HeaderSection />

        {/* hero-sec */}
        <FeaturesHero />
        {/* End hero-sec */}

        {/* funfact-sec */}
        <FunFactSection />
        {/* End funfact-sec */}
      </section>

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

      {/* service-banner */}
      <ServiceBanner />
      {/* End service-banner */}

      <FeaturesSection />

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

      <FooterSection />
    </div>
  );
}