Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -54,8 +54,8 @@ export default function LandingPage() {
         { src: "http://img.b2bpic.net/free-photo/beauty-style-fashion-femininity-concept-positive-beautiful-young-european-woman-blue-shirt-looking-camera-with-broad-happy-smile-being-good-mood-kitchen-interior-background_343059-2087.jpg", alt: "Guest" },
       ]}
       buttons={[
-        { text: "Book Your Stay", onClick: () => document.getElementById('contact')?.scrollIntoView({ behavior: 'smooth' }) },
+        { text: "Book Your Stay", href: "#contact" },
-        { text: "Explore Suites", onClick: () => document.getElementById('suites')?.scrollIntoView({ behavior: 'smooth' }) },
+        { text: "Explore Suites", href: "#suites" },
       ]}
       buttonAnimation="slide-up"
       avatarText="Join 5,000+ happy travelers"
@@ -160,8 +160,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        { items: [{ label: "Rooms", onClick: () => document.getElementById('suites')?.scrollIntoView({ behavior: 'smooth' }) }, { label: "About Us", onClick: () => document.getElementById('about')?.scrollIntoView({ behavior: 'smooth' }) }] },
+        { items: [{ label: "Rooms", href: "#suites" }, { label: "About Us", href: "#about" }] },
-        { items: [{ label: "Contact", onClick: () => document.getElementById('contact')?.scrollIntoView({ behavior: 'smooth' }) }, { label: "Privacy Policy" }] },
+        { items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy" }] },
       ]}
       logoText="The Grove Resort Bahrain"
     />
@@ -169,4 +169,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}