From 870b683f009efa37a566956258ad770851eaa309 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 4 Apr 2026 14:44:49 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 321 +++++++++++++----------------------------------
 1 file changed, 90 insertions(+), 231 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8dd7a06..53a6e0c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -26,243 +26,102 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Menu",
-          id: "/menu",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="Shathy's Crush & Cafe"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Menu", id: "/menu" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Shathy's Crush & Cafe"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardScroll
-      background={{
-        variant: "radial-gradient",
-      }}
-      title="Welcome to Shathy's Crush & Cafe"
-      description="Your new favourite spot in London E17 for unique desserts, indulgent treats, and the friendliest vibes in town. Come for the coffee, stay for the crush."
-      buttons={[
-        {
-          text: "View Menu",
-          href: "/menu",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/composition-with-copyspace-mothers-day_23-2147789886.jpg?_wi=1"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroBillboardScroll
+            background={{ variant: "radial-gradient" }}
+            title="Welcome to Shathy's Crush & Cafe"
+            description="Your new favourite spot in London E17 for unique desserts, indulgent treats, and the friendliest vibes in town. Come for the coffee, stay for the crush."
+            buttons={[{ text: "View Menu", href: "/menu" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/composition-with-copyspace-mothers-day_23-2147789886.jpg"
+          />
+        </div>
 
-  <div id="about-overview" data-section="about-overview">
-      <AboutMetric
-      useInvertedBackground={false}
-      title="Why Choose Shathy's?"
-      metrics={[
-        {
-          icon: Coffee,
-          label: "Signature Blends",
-          value: "15+",
-        },
-        {
-          icon: Heart,
-          label: "Happy Customers",
-          value: "500+",
-        },
-        {
-          icon: Cake,
-          label: "Dessert Options",
-          value: "30+",
-        },
-        {
-          icon: Award,
-          label: "Years Served",
-          value: "5+",
-        },
-        {
-          icon: Smile,
-          label: "Community Events",
-          value: "12+",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about-overview" data-section="about-overview">
+            <AboutMetric
+            useInvertedBackground={false}
+            title="Why Choose Shathy's?"
+            metrics={[
+              { icon: Coffee, label: "Signature Blends", value: "15+" },
+              { icon: Heart, label: "Happy Customers", value: "500+" },
+              { icon: Cake, label: "Dessert Options", value: "30+" },
+              { icon: Award, label: "Years Served", value: "5+" },
+              { icon: Smile, label: "Community Events", value: "12+" },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah J.",
-          role: "Local Regular",
-          company: "E17 Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-beautiful-girl-has-cooked-cake_1262-4725.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          role: "Foodie",
-          company: "London Explorer",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-enjoying-time-together_52683-100369.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily R.",
-          role: "Customer",
-          company: "Happy Client",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-delicious-cupcakes_23-2150847716.jpg",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          role: "Coffee Enthusiast",
-          company: "Daily Visitor",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-hipster-girls-trendy-summer-casual-clothes-carefree-women-chatting-veranda-terrace-cafe-drinking-coffee-positive-models-having-fun-communicating_158538-15954.jpg",
-        },
-        {
-          id: "5",
-          name: "Sophie P.",
-          role: "Local",
-          company: "Returning Guest",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-donut_23-2148773568.jpg",
-        },
-      ]}
-      title="Loved by Our Community"
-      description="Don't just take our word for it—read what our amazing customers have to say about their visit."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+            <TestimonialCardOne
+            textboxLayout="split"
+            gridVariant="uniform-all-items-equal"
+            animationType="slide-up"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Sarah J.", role: "Local Regular", company: "E17 Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-beautiful-girl-has-cooked-cake_1262-4725.jpg" },
+              { id: "2", name: "Michael Chen", role: "Foodie", company: "London Explorer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-enjoying-time-together_52683-100369.jpg" },
+              { id: "3", name: "Emily R.", role: "Customer", company: "Happy Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-delicious-cupcakes_23-2150847716.jpg" },
+              { id: "4", name: "David Kim", role: "Coffee Enthusiast", company: "Daily Visitor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-hipster-girls-trendy-summer-casual-clothes-carefree-women-chatting-veranda-terrace-cafe-drinking-coffee-positive-models-having-fun-communicating_158538-15954.jpg" },
+              { id: "5", name: "Sophie P.", role: "Local", company: "Returning Guest", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-donut_23-2148773568.jpg" },
+            ]}
+            title="Loved by Our Community"
+            description="Don't just take our word for it—read what our amazing customers have to say about their visit."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Common Questions"
-      description="Everything you need to know about your visit to Shathy's."
-      imageSrc="http://img.b2bpic.net/free-photo/composition-with-copyspace-mothers-day_23-2147789886.jpg?_wi=2"
-      mediaAnimation="slide-up"
-      faqsAnimation="slide-up"
-      faqs={[
-        {
-          id: "q1",
-          title: "Do you accept reservations?",
-          content: "Yes, we accept reservations for groups of 4 or more. Please call us to book.",
-        },
-        {
-          id: "q2",
-          title: "Are you pet friendly?",
-          content: "We love pets! Well-behaved dogs are welcome in our cafe area.",
-        },
-      ]}
-    />
-  </div>
+        <div id="faq" data-section="faq">
+            <FaqSplitMedia
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Common Questions"
+            description="Everything you need to know about your visit to Shathy's."
+            imageSrc="http://img.b2bpic.net/free-photo/composition-with-copyspace-mothers-day_23-2147789886.jpg"
+            mediaAnimation="slide-up"
+            faqsAnimation="slide-up"
+            faqs={[
+              { id: "q1", title: "Do you accept reservations?", content: "Yes, we accept reservations for groups of 4 or more. Please call us to book." },
+              { id: "q2", title: "Are you pet friendly?", content: "We love pets! Well-behaved dogs are welcome in our cafe area." },
+            ]}
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardEight
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Sample Packages"
-      description="Enjoy our curated sets for your special occasions."
-      plans={[
-        {
-          id: "p1",
-          badge: "Popular",
-          price: "£25",
-          subtitle: "Afternoon Tea Set",
-          buttons: [
-            {
-              text: "Book Now",
-              href: "/contact",
-            },
-          ],
-          features: [
-            "Selection of 3 teas",
-            "Assorted pastries",
-            "Finger sandwiches",
-          ],
-        },
-        {
-          id: "p2",
-          badge: "Events",
-          price: "£45",
-          subtitle: "Group Brunch",
-          buttons: [
-            {
-              text: "Book Now",
-              href: "/contact",
-            },
-          ],
-          features: [
-            "Unlimited coffee",
-            "Custom dessert platter",
-            "Reserved seating",
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+            <PricingCardEight
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Sample Packages"
+            description="Enjoy our curated sets for your special occasions."
+            plans={[
+              { id: "p1", badge: "Popular", price: "£25", subtitle: "Afternoon Tea Set", buttons: [{ text: "Book Now", href: "/contact" }], features: ["Selection of 3 teas", "Assorted pastries", "Finger sandwiches"] },
+              { id: "p2", badge: "Events", price: "£45", subtitle: "Group Brunch", buttons: [{ text: "Book Now", href: "/contact" }], features: ["Unlimited coffee", "Custom dessert platter", "Reserved seating"] },
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/composition-with-copyspace-mothers-day_23-2147789886.jpg?_wi=3"
-      logoText="Shathy's Crush & Cafe"
-      columns={[
-        {
-          title: "Navigate",
-          items: [
-            {
-              label: "Menu",
-              href: "/menu",
-            },
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/composition-with-copyspace-mothers-day_23-2147789886.jpg"
+            logoText="Shathy's Crush & Cafe"
+            columns={[
+              { title: "Navigate", items: [{ label: "Menu", href: "/menu" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1