import type { Metadata } from "next";
import HomeBlogSection from "@/components/home/home-blog-section";
import HomeBrandSection from "@/components/home/home-brand-section";
import HomeChooseSection from "@/components/home/home-choose-section";
import HomeFaqSection from "@/components/faq/faq-section";
import HomeFeatureSection from "@/components/home/home-feature-section";
import HomeHeroSection from "@/components/home/home-hero-section";
import HomeIntegrationStrip from "@/components/home/home-integration-strip";
import HomePricingSection from "@/components/pricing/pricing-section";
import HomeShowcaseSection from "@/components/home/home-showcase-section";
import HomeTestimonialSection from "@/components/home/home-testimonial-section";
import MainSec3Footer from "@/components/common/main-sec3-footer";
import SiteHeader from "@/components/common/site-header";

export const metadata: Metadata = {
  description:
    "All-in-one CRM for sales and support — mapped from the Sasico index template.",
};

export default function HomePage() {
  return (
    <>
      <SiteHeader />
      <HomeHeroSection />
      <HomeBrandSection />
      <HomeFeatureSection />
      <HomeShowcaseSection />

      <section className="pricing-sec space">
        <HomePricingSection />
      </section>

      <HomeChooseSection />
      <HomeTestimonialSection />
      <HomeIntegrationStrip />

      <section className="faq-sec">
        <div className="carousel-container">
          <div className="faq-info">
            <div className="sec-title">
              <span
                className="sub-title"
                data-aos="fade-up"
                data-aos-duration="900"
                data-aos-delay="300"
              >
                Asked Questions
              </span>
              <h2
                className="title"
                data-aos="fade-up"
                data-aos-duration="900"
                data-aos-delay="400"
              >
                Frequently Asked Questions
              </h2>
              <p
                data-aos="fade-up"
                data-aos-duration="700"
                data-aos-delay="400"
              >
                Our FAQ section covers everything you need to know, from setup
                and functionality to customization and support
              </p>
            </div>
            <HomeFaqSection />
          </div>
        </div>
      </section>

      <section className="blog-sec space">
        <div className="carousel-container">
          <div className="sec-title">
            <span
              className="sub-title"
              data-aos="fade-up"
              data-aos-duration="900"
              data-aos-delay="300"
            >
              Blog & Insights
            </span>
            <h2
              className="title"
              data-aos="fade-up"
              data-aos-duration="900"
              data-aos-delay="400"
            >
              News, Guides & CRM Success Stories
            </h2>
          </div>

          <HomeBlogSection />
        </div>
      </section>
      <MainSec3Footer />
    </>
  );
}