From 2709cb2aed6035cdfa4fd6dac6f2f0fb76181a3c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 5 Mar 2026 02:05:32 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 41 ++++++++++++++++++++++++++---------------
 1 file changed, 26 insertions(+), 15 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c9618da..90b8d45 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
+import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
 import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
 import ProductCardFour from "@/components/sections/product/ProductCardFour";
 import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
@@ -29,8 +29,8 @@ export default function HomePage() {
         <NavbarStyleCentered
           navItems={[
             { name: "Home", id: "/" },
-            { name: "Menu", id: "/menu" },
-            { name: "Gallery", id: "/gallery" },
+            { name: "Menu", id: "#menu" },
+            { name: "Gallery", id: "#gallery" },
             { name: "Locations", id: "/locations" },
             { name: "Events", id: "/events" },
           ]}
@@ -40,20 +40,31 @@ export default function HomePage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardScroll
+        <HeroBillboardGallery
           title="Where Every Sip Becomes a Moment"
-          description="Immerse yourself in our carefully curated aesthetic cafe. Handcrafted drinks, Instagramperfect spaces, and unforgettable vibes await."
+          description="Immerse yourself in our carefully curated aesthetic cafe. Handcrafted drinks, Instagram-perfect spaces, and unforgettable vibes await."
           tag="Welcome to Aesthetic Cafe"
           tagIcon={Coffee}
           tagAnimation="blur-reveal"
           background={{ variant: "plain" }}
-          imageSrc="http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-standing-cafe_627829-5462.jpg"
-          imageAlt="Aesthetic cafe interior with warm lighting and cozy seating"
+          mediaItems={[
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-standing-cafe_627829-5462.jpg",              imageAlt: "Aesthetic cafe interior with warm lighting and cozy seating"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-male-pouring-milk-into-glass-coffee_181624-1769.jpg",              imageAlt: "Coffee preparation and cafe ambiance"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/cozy-cafe_1098-13854.jpg",              imageAlt: "Cozy cafe interior seating"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/ceramic-cups-coffee-machine_23-2147830564.jpg",              imageAlt: "Coffee counter and espresso machine"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/coffee-with-heart-pattern-wooden-background_1232-2090.jpg",              imageAlt: "Latte art with heart pattern"},
+          ]}
           buttons={[
-            { text: "Explore Our World", href: "/menu" },
-            { text: "Book a Table", href: "/contact" },
+            { text: "Explore Our World", href: "#menu" },
+            { text: "Book a Table", href: "#cta-section" },
           ]}
           buttonAnimation="slide-up"
+          mediaAnimation="slide-up"
         />
       </div>
 
@@ -186,7 +197,7 @@ export default function HomePage() {
           title="Reserve Your Perfect Moment"
           description="Book a table at our cafe and immerse yourself in an unforgettable aesthetic experience with world-class coffee and ambiance."
           buttons={[
-            { text: "Make a Reservation", href: "/contact" },
+            { text: "Make a Reservation", href: "#contact" },
             { text: "View Locations", href: "/locations" },
           ]}
           buttonAnimation="slide-up"
@@ -202,16 +213,16 @@ export default function HomePage() {
             {
               title: "Explore",              items: [
                 { label: "Home", href: "/" },
-                { label: "Menu", href: "/menu" },
-                { label: "Gallery", href: "/gallery" },
-                { label: "About", href: "/about" },
+                { label: "Menu", href: "#menu" },
+                { label: "Gallery", href: "#gallery" },
+                { label: "About", href: "#about" },
               ],
             },
             {
               title: "Connect",              items: [
                 { label: "Locations", href: "/locations" },
                 { label: "Events", href: "/events" },
-                { label: "Contact", href: "/contact" },
+                { label: "Contact", href: "#cta-section" },
                 { label: "Blog", href: "/blog" },
               ],
             },
@@ -236,4 +247,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}