import Header from "@/components/Header";
import HeroSection from "@/components/HeroSection";
import CategoryGrid from "@/components/CategoryGrid";
import ProductCards from "@/components/ProductCards";
import BlogSection from "@/components/BlogSection";
import TrustBanner from "@/components/TrustBanner";
import Footer from "@/components/Footer";

const Index = () => {
  return (
    <div className="min-h-screen bg-[#1a1a1a]">
      <Header />
      <main>
        <HeroSection />
        <CategoryGrid />
        <TrustBanner />
        <ProductCards />
        <BlogSection />
      </main>
      <Footer />
    </div>
  );
};

export default Index;