Update src/app/page.tsx

Merge version_1 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", href: "#contact" },
+        { text: "Book Your Stay", onClick: () => document.getElementById('contact')?.scrollIntoView({ behavior: 'smooth' }) },
-        { text: "Explore Suites", href: "#suites" },
+        { text: "Explore Suites", onClick: () => document.getElementById('suites')?.scrollIntoView({ behavior: 'smooth' }) },
       ]}
       buttonAnimation="slide-up"
       avatarText="Join 5,000+ happy travelers"
@@ -153,14 +153,15 @@ export default function LandingPage() {
       description="Contact us to secure your suite or inquire about special offers."
       imageSrc="http://img.b2bpic.net/free-photo/sofa_1203-2905.jpg"
       mediaAnimation="slide-up"
+      onSubmit={(email) => alert(`Thank you! We will reach out to you at ${email} shortly.`)}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        { items: [{ label: "Rooms", href: "#suites" }, { label: "About Us", href: "#about" }] },
+        { items: [{ label: "Rooms", onClick: () => document.getElementById('suites')?.scrollIntoView({ behavior: 'smooth' }) }, { label: "About Us", onClick: () => document.getElementById('about')?.scrollIntoView({ behavior: 'smooth' }) }] },
-        { items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }] },
+        { items: [{ label: "Contact", onClick: () => document.getElementById('contact')?.scrollIntoView({ behavior: 'smooth' }) }, { label: "Privacy Policy" }] },
       ]}
       logoText="The Grove Resort Bahrain"
     />