Update src/app/page.tsx

Merge version_1 into main

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>
   );
-}
+}