From 7bcc27e171ee0214e87c98c75397d62d82114121 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 29 Mar 2026 11:52:07 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0c5259a..bd790e1 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,186 +17,104 @@ export default function LandingPage() {
         defaultButtonVariant="hover-magnetic"
         defaultTextAnimation="background-highlight"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-        {
-          name: "Order Now",
-          id: "contact",
-        },
-      ]}
-      brandName="U-TRN"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Menu", id: "menu" },
+              { name: "Reviews", id: "testimonials" },
+              { name: "Contact", id: "contact" }
+            ]}
+            brandName="U-TRN"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitKpi
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Affordable, Delicious Meals in Accra – Order Now"
-      description="Experience the best flavors of the city. Affordable prices, fast delivery, and authentic taste delivered to your doorstep."
-      kpis={[
-        {
-          value: "4.2+",
-          label: "Google Rating",
-        },
-        {
-          value: "100%",
-          label: "Woman Owned",
-        },
-        {
-          value: "FAST",
-          label: "Service Speed",
-        },
-      ]}
-      enableKpiAnimation={true}
-      buttons={[
-        {
-          text: "Call Now",
-          href: "tel:+233000000000",
-        },
-        {
-          text: "Order Online",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/delicious-spanish-rice-paella-pan-white-background_24972-1015.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitKpi
+            background={{ variant: "gradient-bars" }}
+            title="Affordable, Delicious Meals in Accra – Order Now"
+            description="Experience the best flavors of the city. Affordable prices, fast delivery, and authentic taste delivered to your doorstep."
+            kpis={[
+              { value: "4.2+", label: "Google Rating" },
+              { value: "100%", label: "Woman Owned" },
+              { value: "FAST", label: "Service Speed" }
+            ]}
+            enableKpiAnimation={true}
+            buttons={[{ text: "Call Now", href: "tel:+233000000000" }, { text: "Order Online", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/delicious-spanish-rice-paella-pan-white-background_24972-1015.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={false}
-      title="Authentic Flavors, Local Heart"
-      tag="Our Story"
-      tagIcon={Award}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextAbout
+            useInvertedBackground={false}
+            title="Authentic Flavors, Local Heart"
+            tag="Our Story"
+            tagIcon={Award}
+          />
+        </div>
 
-  <div id="menu" data-section="menu">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="split-description"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "jollof",
-          name: "Fully Loaded Jollof",
-          price: "GH₵35",
-          imageSrc: "http://img.b2bpic.net/free-psd/shrimp-curry-with-rice-black-plate_84443-78730.jpg",
-        },
-        {
-          id: "burger",
-          name: "Signature Burger",
-          price: "GH₵40",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-burgers-with-bacon_23-2148784474.jpg",
-        },
-        {
-          id: "wings",
-          name: "Sweet & Spicy Wings",
-          price: "GH₵30",
-          imageSrc: "http://img.b2bpic.net/free-photo/spicy-salad-with-fried-chicken_1339-4399.jpg",
-        },
-      ]}
-      title="Our Popular Items"
-      description="Crave-worthy meals that locals love. Affordable and made fresh daily."
-    />
-  </div>
+        <div id="menu" data-section="menu">
+          <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="split-description"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={true}
+            products={[
+              { id: "jollof", name: "Fully Loaded Jollof", price: "GH₵35", imageSrc: "http://img.b2bpic.net/free-psd/shrimp-curry-with-rice-black-plate_84443-78730.jpg" },
+              { id: "burger", name: "Signature Burger", price: "GH₵40", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-burgers-with-bacon_23-2148784474.jpg" },
+              { id: "wings", name: "Sweet & Spicy Wings", price: "GH₵30", imageSrc: "http://img.b2bpic.net/free-photo/spicy-salad-with-fried-chicken_1339-4399.jpg" }
+            ]}
+            title="Our Popular Items"
+            description="Crave-worthy meals that locals love. Affordable and made fresh daily."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          title: "Great Food",
-          quote: "Affordable and delicious! The jollof is amazing.",
-          name: "Sarah A.",
-          role: "Local Resident",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-fresh-cheese_52683-110427.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          title: "Best Burger",
-          quote: "The signature burger is exactly what I needed. Truly the best!",
-          name: "Kwame O.",
-          role: "Foodie",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-holding-flowers_23-2149901693.jpg",
-        },
-        {
-          id: "3",
-          title: "Fast & Tasty",
-          quote: "Everything was soooo good. Delivery was super quick.",
-          name: "Ama P.",
-          role: "Business Owner",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-beer-eating-olives_23-2147680959.jpg",
-        },
-        {
-          id: "4",
-          title: "New Regular",
-          quote: "Can't get enough of those wings. Definitely coming back.",
-          name: "John D.",
-          role: "Visitor",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dark-long-hair-smiling-coffee-shop_273609-2809.jpg",
-        },
-        {
-          id: "5",
-          title: "Authentic Taste",
-          quote: "It feels like home cooking. Simply the best in the area.",
-          name: "Esi M.",
-          role: "Teacher",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-fresh-cheese_52683-110427.jpg?_wi=2",
-        },
-      ]}
-      title="Loved by Locals"
-      description="Hear what our amazing customers have to say about U-TRN."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTen
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", title: "Great Food", quote: "Affordable and delicious! The jollof is amazing.", name: "Sarah A.", role: "Local Resident", imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-fresh-cheese_52683-110427.jpg" },
+              { id: "2", title: "Best Burger", quote: "The signature burger is exactly what I needed. Truly the best!", name: "Kwame O.", role: "Foodie", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-holding-flowers_23-2149901693.jpg" },
+              { id: "3", title: "Fast & Tasty", quote: "Everything was soooo good. Delivery was super quick.", name: "Ama P.", role: "Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-beer-eating-olives_23-2147680959.jpg" },
+              { id: "4", title: "New Regular", quote: "Can't get enough of those wings. Definitely coming back.", name: "John D.", role: "Visitor", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dark-long-hair-smiling-coffee-shop_273609-2809.jpg" },
+              { id: "5", title: "Authentic Taste", quote: "It feels like home cooking. Simply the best in the area.", name: "Esi M.", role: "Teacher", imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-fresh-cheese_52683-110427.jpg" }
+            ]}
+            title="Loved by Locals"
+            description="Hear what our amazing customers have to say about U-TRN."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "rotated-rays-animated",
-      }}
-      text="Ready to eat? Call us or order online to get your fresh meal delivered right to your door."
-      buttons={[
-        {
-          text: "Call Now",
-          href: "tel:+233000000000",
-        },
-        {
-          text: "Order Online",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={true}
+            background={{ variant: "rotated-rays-animated" }}
+            text="Ready to eat? Call us or order online to get your fresh meal delivered right to your door."
+            buttons={[
+              { text: "Call Now", href: "tel:+233000000000" },
+              { text: "Order Online", href: "#" }
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="U-TRN"
-      copyrightText="© 2025 U-TRN Restaurant. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="U-TRN"
+            copyrightText="© 2025 U-TRN Restaurant. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1