From f15b4bb00d276181d6e27cb350a1a2f839ee2020 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 6 Apr 2026 16:57:35 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 64 ++++++++++++++++++++++++++++++++----------------
 1 file changed, 43 insertions(+), 21 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6abc926..a2e3103 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -14,32 +14,51 @@ const navItems = [{ name: "Home", id: "/" }];
 
 export default function Page() {
   return (
-    <ThemeProvider>
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
       <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingInline navItems={navItems} brandName="Cafe Mollie" />
+        <NavbarLayoutFloatingInline 
+          navItems={navItems} 
+          brandName="Cafe Mollie" 
+          button={{ text: "Order Now", href: "#menu" }}
+        />
       </div>
       <div id="hero" data-section="hero">
         <HeroBillboardTestimonial 
+          useInvertedBackground={false}
+          background={{ variant: "gradient-bars" }}
           title="Your Sanctuary Between Chapters"
           description="Coffee that understands you. Space that holds you. No judgment. Just really good coffee."
-          background={{ variant: "gradient-bars" }}
           testimonials={[
-            { name: "Maya S.", handle: "@maya.reads", testimonial: "Main character energy the second you walk in.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-poured-into-glass_23-2148349576.jpg" },
-            { name: "Leo J.", handle: "@leojournals", testimonial: "The kind of place where time slows down.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/modern-cafe-interior-design_23-2151945689.jpg" },
-            { name: "Sarah P.", handle: "@sarah.coffee", testimonial: "I came for coffee, stayed for the feeling.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-cup-with-coffee_23-2148892839.jpg" },
-            { name: "Chloe B.", handle: "@chloebakes", testimonial: "Simply the most peaceful corner in the city.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-looking-woman_23-2148422479.jpg" },
-            { name: "Marcus R.", handle: "@marcus.notes", testimonial: "A true sanctuary for the wandering soul.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-alcohol-cocktail-with-kiwi-golden-glass-wooden-stand_140725-12945.jpg" }
+            { name: "Maya S.", handle: "@maya.reads", testimonial: "Main character energy the second you walk in.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cute-woman_23-2148422458.jpg", imageAlt: "aesthetic coffee shop interior sunlight" },
+            { name: "Leo J.", handle: "@leojournals", testimonial: "The kind of place where time slows down.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064693.jpg", imageAlt: "minimalist dreamscape interior cafe" },
+            { name: "Sarah P.", handle: "@sarah.coffee", testimonial: "I came for coffee, stayed for the feeling.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-teenager-enjoying-hot-drink_23-2148804640.jpg", imageAlt: "high quality specialty coffee latte art" },
+            { name: "Chloe B.", handle: "@chloebakes", testimonial: "Simply the most peaceful corner in the city.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-cafe_1303-25717.jpg", imageAlt: "barista memory customer service friendly" },
+            { name: "Marcus R.", handle: "@marcus.notes", testimonial: "A true sanctuary for the wandering soul.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-feeling-blessed-red_140725-36704.jpg", imageAlt: "matcha mango latte iced drink" }
           ]}
+          buttons={[{text: "View Menu", href: "#menu"}, {text: "Visit Us Today", href: "#contact"}]}
           imageSrc="http://img.b2bpic.net/free-photo/close-up-coffee-poured-into-glass_23-2148349576.jpg"
+          avatars={[{src: "http://img.b2bpic.net/free-photo/medium-shot-cute-woman_23-2148422458.jpg", alt: "Customer 1"}, {src: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064693.jpg", alt: "Customer 2"}, {src: "http://img.b2bpic.net/free-photo/pretty-teenager-enjoying-hot-drink_23-2148804640.jpg", alt: "Customer 3"}, {src: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-cafe_1303-25717.jpg", alt: "Customer 4"}, {src: "http://img.b2bpic.net/free-photo/young-man-feeling-blessed-red_140725-36704.jpg", alt: "Customer 5"}]}
+          avatarText="Loved by thousands of coffee enthusiasts."
           marqueeItems={[{ type: "text", text: "Locally Roasted" }, { type: "text-icon", text: "Quiet Spaces", icon: Coffee }, { type: "text", text: "Sustainable Sourcing" }, { type: "text-icon", text: "Artisan Crafted", icon: Sparkles }, { type: "text", text: "Open Daily" }]}
         />
       </div>
       <div id="about" data-section="about">
         <MetricSplitMediaAbout
+          useInvertedBackground={true}
           title="Not Just Coffee. A Feeling."
           description="A place for those starting fresh, catching up, or quietly putting themselves back together."
           metrics={[{ value: "100%", title: "Sanctuary" }, { value: "24/7", title: "Warmth" }]}
-          useInvertedBackground={true}
           imageSrc="http://img.b2bpic.net/free-photo/modern-cafe-interior-design_23-2151945689.jpg"
           mediaAnimation="blur-reveal"
           metricsAnimation="slide-up"
@@ -47,40 +66,43 @@ export default function Page() {
       </div>
       <div id="features" data-section="features">
         <FeatureCardSeven 
+          animationType="slide-up"
+          textboxLayout="split"
+          useInvertedBackground={false}
           title="Why People Love Us"
           description="Designed for the moments that matter."
-          textboxLayout="split"
-          animationType="slide-up"
-          useInvertedBackground={false}
           features={[
-            { title: "The Escape", description: "A minimalist dreamscape.", imageSrc: "http://img.b2bpic.net/free-photo/modern-cafe-interior-design_23-2151945689.jpg" },
-            { title: "The Coffee", description: "Bold, smooth, and exactly what you need.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-cup-with-coffee_23-2148892839.jpg" },
-            { title: "The Experience", description: "We remember your order… and your mood.", imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-looking-woman_23-2148422479.jpg" }
+            { title: "The Escape", description: "A minimalist dreamscape with just enough magic to make you stay longer than planned.", imageSrc: "http://img.b2bpic.net/free-photo/modern-cafe-interior-design_23-2151945689.jpg", imageAlt: "The Escape" },
+            { title: "The Coffee", description: "Bold, smooth, and exactly what you need — whether it’s Monday or a breakup.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-cup-with-coffee_23-2148892839.jpg", imageAlt: "The Coffee" },
+            { title: "The Experience", description: "We remember your order… and your mood.", imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-looking-woman_23-2148422479.jpg", imageAlt: "The Experience" }
           ]}
         />
       </div>
       <div id="menu" data-section="menu">
         <ProductCardFour
-          title="Signature Drink Spotlight"
-          description="The drink people come back for."
-          gridVariant="two-columns-alternating-heights"
           animationType="slide-up"
           textboxLayout="split"
+          gridVariant="two-columns-alternating-heights"
           useInvertedBackground={true}
+          title="Signature Drink Spotlight"
+          description="The drink people come back for. Mango meets matcha."
           products={[
             { id: "p1", name: "Mango Sticky Rice Matcha", price: "$7.50", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/top-view-alcohol-cocktail-with-kiwi-golden-glass-wooden-stand_140725-12945.jpg" },
             { id: "p2", name: "Oat Milk Latte", price: "$6.00", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-cup-with-coffee_23-2148892839.jpg" },
-            { id: "p3", name: "Vietnamese Banh Mi", price: "$9.00", variant: "Light Bite", imageSrc: "http://img.b2bpic.net/free-photo/modern-cafe-interior-design_23-2151945689.jpg" }
+            { id: "p3", name: "Vietnamese Banh Mi", price: "$9.00", variant: "Light Bite", imageSrc: "http://img.b2bpic.net/free-photo/modern-cafe-interior-design_23-2151945689.jpg" },
+            { id: "p4", name: "Iced Americano", price: "$5.00", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-looking-woman_23-2148422479.jpg" },
+            { id: "p5", name: "Matcha Cloud", price: "$8.00", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/top-view-alcohol-cocktail-with-kiwi-golden-glass-wooden-stand_140725-12945.jpg" },
+            { id: "p6", name: "Croissant", price: "$4.50", variant: "Light Bite", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-cup-with-coffee_23-2148892839.jpg" }
           ]}
         />
       </div>
       <div id="contact" data-section="contact">
         <ContactSplitForm
+          useInvertedBackground={false}
           title="Find Your Corner"
           description="Visit us at our flagship sanctuary."
-          useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-photo/close-up-coffee-poured-into-glass_23-2148349576.jpg"
           inputs={[{ name: "name", type: "text", placeholder: "Your Name", required: true }, { name: "email", type: "email", placeholder: "Email Address", required: true }]}
+          imageSrc="http://img.b2bpic.net/free-photo/close-up-coffee-poured-into-glass_23-2148349576.jpg"
           textarea={{ name: "message", placeholder: "Tell us how we can help", rows: 4 }}
         />
       </div>