Update src/app/page.tsx

src/app/page.tsx

@@ -2,6 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
@@ -41,6 +42,28 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="hero" data-section="hero">
+        <HeroBillboardGallery
+          title="Explore Our Collection"
+          description="Discover amazing products and experiences"
+          tag="Featured"
+          background={{ variant: "radial-gradient" }}
+          mediaItems={[
+            { imageSrc: "https://img.b2bpic.net/free-photo/top-view-cooked-dish-inside-plate-tray-green-table-food-meal-restaurant_140725-27860.jpg", imageAlt: "Gallery 1" },
+            { imageSrc: "https://img.b2bpic.net/free-photo/fried-pork-topped-with-sesame-placed-black-dish_1150-23120.jpg", imageAlt: "Gallery 2" },
+            { imageSrc: "https://img.b2bpic.net/free-photo/side-view-roasted-beef-with-lettuce-red-chili-pepper-plate-wood_141793-11154.jpg", imageAlt: "Gallery 3" },
+            { imageSrc: "https://img.b2bpic.net/free-photo/flat-lay-japanese-meal-composition_23-2148809882.jpg", imageAlt: "Gallery 4" },
+            { imageSrc: "https://img.b2bpic.net/free-photo/top-view-fried-meat-dish-with-glass-wine-table-meat-meal-food_140725-28163.jpg", imageAlt: "Gallery 5" }
+          ]}
+          buttons={[
+            { text: "View Gallery", href: "menu" },
+            { text: "Learn More", href: "about" }
+          ]}
+          mediaAnimation="slide-up"
+          buttonAnimation="slide-up"
+        />
+      </div>
+
       <div id="about" data-section="about">
         <MediaAbout
           title="Heritage Meets Innovation"
@@ -220,4 +243,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}