Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -35,7 +35,7 @@ export default function LandingPage() {
               { name: "Contact", id: "contact" },
             ]}
             brandName="Flatcap Coffee Co."
-            button={{ text: "Book Now", href: "#contact" }}
+            button={{ text: "Book Now", onClick: () => document.getElementById('contact')?.scrollIntoView({ behavior: 'smooth' }) }}
           />
         </div>
 
@@ -50,9 +50,9 @@ export default function LandingPage() {
               { name: "Karina Kharchenko", handle: "@karina", testimonial: "This is the most beautiful place I’ve ever seen to relax and enjoy a cup of coffee or tea, the atmosphere is simply gorgeous 🫶", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/tool-used-coffee-machine-coffee-making-process_23-2150187556.jpg", imageAlt: "artisanal coffee brewing process closeup" },
               { name: "Emily", handle: "@emily", testimonial: "Beautiful, magical, calm, perfect place to read a book or meet a friend for the best (and spiciest) chai latte.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-redhead-female-barista-drinks-coffee_613910-10281.jpg?_wi=1", imageAlt: "happy coffee shop customer portrait" },
               { name: "Nina Beilby", handle: "@nina", testimonial: "Awesome coffee which is difficult to find around here. A lovely spot to sit amongst the plants and flowers of the nursery.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-redhead-female-barista-drinks-coffee_613910-10275.jpg?_wi=1", imageAlt: "young woman enjoying matcha latte" },
-              { name: "Yonata Baharev", handle: "@yonatan", testimonial: "=", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-drinking-coffee-restaurant_23-2147775827.jpg?_wi=1", imageAlt: "professional drinking espresso at cafe" }
+              { name: "Yonata Baharev", handle: "@yonatan", testimonial: "The atmosphere is perfect, not too noisy and peaceful.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-drinking-coffee-restaurant_23-2147775827.jpg?_wi=1", imageAlt: "professional drinking espresso at cafe" }
             ]}
-            buttons={[{ text: "Visit Us", href: "#contact" }]}
+            buttons={[{ text: "Visit Us", onClick: () => document.getElementById('contact')?.scrollIntoView({ behavior: 'smooth' }) }]}
             imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8LMC1scCmrcrBiTTdYrjHMEI6/uploaded-1775762671929-njfb4lsp.png"
             imageAlt="Coffee shop garden interior"
             avatars={[
@@ -74,7 +74,7 @@ export default function LandingPage() {
         </div>
 
         <div id="about" data-section="about">
-          <TextAbout useInvertedBackground={false} title="Artisanal Coffee & botanical bliss" buttons={[{ text: "Our Story", href: "#" }]} />
+          <TextAbout useInvertedBackground={false} title="Artisanal Coffee & botanical bliss" buttons={[{ text: "Our Story", onClick: () => alert('Read our full story soon!') }]} />
         </div>
 
         <div id="features" data-section="features">
@@ -102,7 +102,7 @@ export default function LandingPage() {
               { id: "2", name: "zulq hulk", handle: "@zulq", testimonial: "Amazed by the nature and design of this café. Ordered me a latte and it was perfect. Definitely coming here again!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-redhead-female-barista-drinks-coffee_613910-10275.jpg?_wi=2" },
               { id: "3", name: "Karina Kharchenko", handle: "@karina", testimonial: "This is the most beautiful place I’ve ever seen to relax and enjoy a cup of coffee or tea, the atmosphere is simply gorgeous.", imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-drinking-coffee-restaurant_23-2147775827.jpg?_wi=2" },
               { id: "4", name: "Nina Beilby", handle: "@nina", testimonial: "Awesome coffee which is difficult to find around here. A lovely spot to sit amongst the plants and flowers of the nursery.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-reading-book-home-while-drinking-tea_23-2148391976.jpg" },
-              { id: "5", name: "Yonatan Baharev", handle: "@yonatan", testimonial: "The atmosphere is perfect, not too noisy and peaceful. The staff is very nice and the food is not pricy and very high quality.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-coffee-cup_23-2148756305.jpg" }
+              { id: "5", name: "Yonatan Baharev", handle: "@yonatan", testimonial: "The atmosphere is perfect, not too noisy and peaceful. The staff is very nice.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-coffee-cup_23-2148756305.jpg" }
             ]}
             title="Loved by our Community"
             description="What our guests say about their experience."
@@ -119,6 +119,7 @@ export default function LandingPage() {
               { name: "email", type: "email", placeholder: "Your Email", required: true }
             ]}
             textarea={{ name: "message", placeholder: "Your message or question", rows: 4 }}
+            onSubmit={() => alert('Message received! We will be in touch.')}
             imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8LMC1scCmrcrBiTTdYrjHMEI6/uploaded-1775833408992-y7889mqt.png"
           />
         </div>
@@ -128,20 +129,20 @@ export default function LandingPage() {
             columns={[
               {
                 title: "Menu",                items: [
-                  { label: "Coffee", href: "#" },
-                  { label: "Tea", href: "#" },
-                  { label: "Food", href: "#" }
+                  { label: "Coffee", onClick: () => alert('View our coffee menu') },
+                  { label: "Tea", onClick: () => alert('View our tea menu') },
+                  { label: "Food", onClick: () => alert('View our food menu') }
                 ]
               },
               {
                 title: "About",                items: [
-                  { label: "Our Garden", href: "#" },
-                  { label: "Our Story", href: "#" },
-                  { label: "Contact", href: "#contact" }
+                  { label: "Our Garden", onClick: () => alert('Discover our garden') },
+                  { label: "Our Story", onClick: () => alert('Read our story') },
+                  { label: "Contact", onClick: () => document.getElementById('contact')?.scrollIntoView({ behavior: 'smooth' }) }
                 ]
               }
             ]}
-            bottomLeftText="© 2024 Flatcap Coffee Co. London"
+            bottomLeftText="© 2026 Flatcap Coffee Co. London"
             bottomRightText="Hidden gem in the city."
           />
         </div>