import { TopBar } from "@/components/layout/TopBar";
import { Header } from "@/components/layout/Header";
import { Footer } from "@/components/layout/Footer";
import { Hero } from "@/components/home/Hero";
import { FeaturedCategories } from "@/components/home/FeaturedCategories";
import { SiteFeatures } from "@/components/home/SiteFeatures";
import { ProductCarousel } from "@/components/home/ProductCarousel";
import { BannerRow } from "@/components/home/BannerRow";
import { AboutDoctor } from "@/components/home/AboutDoctor";
import { BlogCarousel } from "@/components/home/BlogCarousel";
import { FaqPreview } from "@/components/home/FaqPreview";
import { specialSale, topSelling, twoBanners, tripleBanners, yeganehProducts } from "@/lib/data";
import { getLogoSrc, getSlides } from "@/lib/media";

export default function HomePage() {
  const slides = getSlides();
  const logoSrc = getLogoSrc();

  return (
    <>
      <TopBar />
      <Header logoSrc={logoSrc} />
      <main className="pb-12">
        <Hero slides={slides} />
        <FeaturedCategories />
        <SiteFeatures />
        <ProductCarousel
          id="special-sale"
          title="فروش ویژه"
          subtitle="تخفیف‌های منتخب امروز داروخانه"
          products={specialSale}
          accent="sale"
        />
        <BannerRow banners={twoBanners} columns={2} />
        <ProductCarousel
          id="top-selling"
          title="پرفروش‌ترین محصولات"
          subtitle="پیشنهاد ویژه مشتریان"
          products={topSelling}
        />
        <BannerRow banners={tripleBanners} columns={3} />
        <ProductCarousel
          id="yeganeh"
          title="محصولات برند یگانه"
          subtitle="مکمل‌های منتخب Yeganeh"
          products={yeganehProducts}
        />
        <AboutDoctor />
        <BlogCarousel />
        <FaqPreview />
      </main>
      <Footer logoSrc={logoSrc} />
    </>
  );
}