From 791342a6b85d2336c805af923d1a9209b8503666 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 13 May 2026 13:05:11 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d631e00..2da3ea3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -38,7 +38,7 @@ export default function LandingPage() {
               { name: "Book", id: "booking" },
             ]}
             brandName="Varad Salon"
-            button={{ text: "Book Appointment", href: "#booking" }}
+            button={{ text: "Book Appointment", onClick: () => document.getElementById('booking')?.scrollIntoView({ behavior: 'smooth' }) }}
           />
         </div>
 
@@ -48,8 +48,8 @@ export default function LandingPage() {
             title="Where Every Look Becomes a Statement."
             description="Sambhaji Nagar's most trusted salon for hair, skin, bridal, and wellness — with 5★ results and a team that truly cares."
             buttons={[
-              { text: "Book an Appointment", href: "#booking" },
-              { text: "Explore Services", href: "#services" },
+              { text: "Book an Appointment", onClick: () => document.getElementById('booking')?.scrollIntoView({ behavior: 'smooth' }) },
+              { text: "Explore Services", onClick: () => document.getElementById('services')?.scrollIntoView({ behavior: 'smooth' }) },
             ]}
             mediaItems={[
               { imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-wearing-suit-posing-black-white_23-2149411391.jpg", imageAlt: "Luxurious salon hero" },
@@ -87,7 +87,7 @@ export default function LandingPage() {
               { type: "image", src: "http://img.b2bpic.net/free-photo/woman-pampering-face-client-salon_23-2147736961.jpg", alt: "Salon ritual" },
               { type: "text", content: "A Ritual." },
             ]}
-            buttons={[{ text: "Learn More", href: "#" }]}
+            buttons={[{ text: "Learn More" }]}
           />
         </div>
 
@@ -167,15 +167,15 @@ export default function LandingPage() {
             tag="Book Now"
             title="Your Best Look is One Booking Away."
             description="Walk in as you are. Walk out transformed."
-            buttons={[{ text: "Book Your Appointment Now", href: "#" }]}
+            buttons={[{ text: "Book Your Appointment Now", onClick: () => alert('Booking system initialized') }]}
           />
         </div>
 
         <div id="footer" data-section="footer">
           <FooterLogoEmphasis
             columns={[
-              { items: [{ label: "Services", href: "#services" }, { label: "About", href: "#about" }, { label: "Book Now", href: "#booking" }] },
-              { items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }, { label: "Google Maps", href: "#" }] },
+              { items: [{ label: "Services", onClick: () => document.getElementById('services')?.scrollIntoView({ behavior: 'smooth' }) }, { label: "About", onClick: () => document.getElementById('about')?.scrollIntoView({ behavior: 'smooth' }) }, { label: "Book Now", onClick: () => document.getElementById('booking')?.scrollIntoView({ behavior: 'smooth' }) }] },
+              { items: [{ label: "Instagram" }, { label: "Facebook" }, { label: "Google Maps" }] },
             ]}
             logoText="Varad Salon"
           />
@@ -183,4 +183,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1