import { ReactNode } from 'react'
import { advertisements, products, sliders } from '@/lib/actions'
import { HeroSection, ProductSection } from './_ui'

export default async function Home(): Promise<ReactNode> {
    const [
        {data: advertisementList},
        {data: slidersList},
        {data: showcaseProducts},
        {data: latestProducts},
    ] = await Promise.all([
        advertisements.getAdvertisements(),
        sliders.getSliders(),
        products.getProducts({
          limit: 5,
          showcase: true,
          random: true,
        }),
        products.getProducts({
            limit: 20,
            order: 'created_at',
            direction: 'desc',
        }),
    ])

  return <>
      <HeroSection
          advertisements={advertisementList}
          sliders={slidersList}
      />

      <ProductSection
          title="Showcase"
          link="#"
          showcase={showcaseProducts}
      />

      <ProductSection
          title="Latest Products"
          link="#"
          showcase={latestProducts}
      />

      <ProductSection
          title="Popular Products"
          link="#"
          showcase={showcaseProducts}
      />
  </>
}