'use client';

import { useStoreInfo } from '@/core/providers/store-provider';
import { useHomeData } from '@/core/hooks/use-home-data';
import { LoadingSpinner } from '@/ui/shared/loading-spinner';
import { HeroSection } from './hero-section';
import { FeaturedProductsSection } from './featured-products-section';

export function HomeClient() {
  const { storeInfo, loading: storeLoading } = useStoreInfo();
  const { products, loading } = useHomeData();

  if (storeLoading || loading) {
    return (
      <div className="flex min-h-[60vh] items-center justify-center">
        <LoadingSpinner size="lg" />
      </div>
    );
  }

  return (
    <div>
      <HeroSection storeName={storeInfo?.name} />
      <FeaturedProductsSection products={products} />
    </div>
  );
}