diff --git a/src/app/page.tsx b/src/app/page.tsx
new file mode 100644
index 0000000..564841b
--- /dev/null
+++ b/src/app/page.tsx
@@ -0,0 +1,27 @@
+import HeroSection from '@/components/sections/HeroSection'
+import FeaturedProductsSection from "@/components/sections/FeaturedProductsSection"
+import MostPopularSection from "@/components/sections/MostPopularSection"
+import CampaignSection from "@/components/sections/CampaignSection"
+import GallerySection from "@/components/sections/GallerySection"
+import OurStorySection from "@/components/sections/OurStorySection"
+import TestimonialsSection from "@/components/sections/TestimonialsSection"
+import AdvertBannerSection from "@/components/sections/AdvertBannerSection"
+import BrandCarouselSection from "@/components/sections/BrandCarouselSection"
+import ProductCarouselSection from "@/components/sections/ProductCarouselSection"
+
+export default function HomePage() {
+  return (
+    <main className="min-h-screen bg-[#f7f9f4] text-[#1b210d]">
+      <HeroSection />
+      <FeaturedProductsSection />
+      <MostPopularSection />
+      <CampaignSection />
+      <GallerySection />
+      <OurStorySection />
+      <TestimonialsSection />
+      <AdvertBannerSection />
+      <BrandCarouselSection />
+      <ProductCarouselSection />
+    </main>
+  )
+}