diff --git a/src/app/page.tsx b/src/app/page.tsx
index 22bad5c..5026bd2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,6 +10,7 @@ import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 
 export default function LandingPage() {
   return (
@@ -39,21 +40,21 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboard 
+        <HeroBillboardGallery
           title="Хата Огню"
           description="Experience the warmth of traditional Ukrainian hospitality in a modern setting. Savor authentic dishes and cozy ambiance."
           background={{ variant: "downward-rays-static" }}
-          avatars={[
-            { src: "https://img.b2bpic.net/free-photo/full-shot-woman-getting-warmer-by-fire_23-2149172517.jpg", alt: "Fireplace interior" },
-            { src: "https://img.b2bpic.net/free-photo/beautiful-landscape-with-mountains_23-2151151078.jpg", alt: "Mountain landscape" }
-          ]}
           buttons={[
-            { label: "Book a Table", href: "contacts", dataWebildId: "book_table_button" },
-            { label: "View Menu", href: "menu", dataWebildId: "view_menu_button" },
-            { label: "Visit Us", href: "about", dataWebildId: "visit_us_button" }
+            { label: "Book a Table", href: "contacts", dataWebildId: "book_table_button_1" },
+            { label: "View Menu", href: "menu", dataWebildId: "view_menu_button_1" },
+            { label: "Visit Us", href: "about", dataWebildId: "visit_us_button_1" }
           ]}
-          imageSrc="https://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background_53876-120942.jpg"
-          imageAlt="Luxury gradient background"
+          mediaItems={[
+            { imageSrc: "https://img.b2bpic.net/free-photo/futuristic-moon-background_23-2150930890.jpg", imageAlt: "Futuristic Moon Background" },
+            { imageSrc: "https://img.b2bpic.net/free-photo/futuristic-city-architecture_23-2151918947.jpg", imageAlt: "Futuristic City Architecture" },
+            { imageSrc: "https://img.b2bpic.net/free-photo/beautiful-landscape-with-mountains_23-2151151078.jpg", imageAlt: "Mountain Landscape" }
+          ]}
+          mediaAnimation="fade"
         />
       </div>