From e42b288e014001d675977d0c1d85e9e13efeb5c6 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 23 Apr 2026 15:35:52 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 480 +++++++++++++----------------------------------
 1 file changed, 130 insertions(+), 350 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4c89ab0..dcb1605 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,366 +19,146 @@ export default function LandingPage() {
         defaultButtonVariant="elastic-effect"
         defaultTextAnimation="entrance-slide"
         borderRadius="soft"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Why Us",
-          id: "features",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "Visit",
-          id: "contact",
-        },
-      ]}
-      brandName="COFFEE HOUSE"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Why Us", id: "features" },
+              { name: "Menu", id: "menu" },
+              { name: "Visit", id: "contact" },
+            ]}
+            brandName="COFFEE HOUSE"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroOverlayTestimonial
-      title="COFFEE HOUSE"
-      description="Premium coffee in Yerevan — fast service, luxury taste, and unforgettable vibes."
-      testimonials={[
-        {
-          name: "Ani S.",
-          handle: "@ani_coffee",
-          testimonial: "The best espresso in Yerevan. Absolutely premium.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-preparing-coffee-with-machine_23-2148892831.jpg?_wi=1",
-          imageAlt: "luxury coffee shop interior",
-        },
-        {
-          name: "David V.",
-          handle: "@david_v",
-          testimonial: "Incredible vibes and fast service. My go-to spot.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5062.jpg?_wi=1",
-          imageAlt: "luxury coffee shop interior",
-        },
-        {
-          name: "Marine K.",
-          handle: "@marine_k",
-          testimonial: "Luxury taste in every sip. Highly recommend.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-hipster-girl-trendy-summer-clothes-carefree-woman-sitting-veranda-terrace-cafe-drinking-coffee-positive-model-having-fun-dreams_158538-15946.jpg?_wi=1",
-          imageAlt: "luxury coffee shop interior",
-        },
-        {
-          name: "Tigran G.",
-          handle: "@tigran_g",
-          testimonial: "Fast, high-quality, and delicious coffee.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-sitting-with-coffee-office_1262-6120.jpg?_wi=1",
-          imageAlt: "luxury coffee shop interior",
-        },
-        {
-          name: "Sona M.",
-          handle: "@sona_m",
-          testimonial: "My morning ritual is not complete without this spot.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-man-pouring-milk-into-cappuccino-cup-cafe_181624-12457.jpg?_wi=1",
-          imageAlt: "luxury coffee shop interior",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Visit Us Today",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-hand-preparing-coffee-with-machine_23-2148892831.jpg?_wi=2"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg",
-          alt: "Customer portrait 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/this-is-my-new-profile-social-network_329181-2899.jpg",
-          alt: "Customer portrait 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg",
-          alt: "Customer portrait 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/business-woman_1303-3880.jpg",
-          alt: "Customer portrait 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-drinking-hot-chocolate-cafe_23-2149944037.jpg",
-          alt: "Customer portrait 5",
-        },
-      ]}
-      avatarText="Loved by 10,000+ local coffee enthusiasts."
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroOverlayTestimonial
+            title="COFFEE HOUSE"
+            description="Premium coffee in Yerevan — fast service, luxury taste, and unforgettable vibes."
+            testimonials={[
+              { name: "Ani S.", handle: "@ani_coffee", testimonial: "The best espresso in Yerevan. Absolutely premium.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-preparing-coffee-with-machine_23-2148892831.jpg", imageAlt: "luxury coffee shop interior" },
+              { name: "David V.", handle: "@david_v", testimonial: "Incredible vibes and fast service. My go-to spot.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5062.jpg", imageAlt: "luxury coffee shop interior" },
+              { name: "Marine K.", handle: "@marine_k", testimonial: "Luxury taste in every sip. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-hipster-girl-trendy-summer-clothes-carefree-woman-sitting-veranda-terrace-cafe-drinking-coffee-positive-model-having-fun-dreams_158538-15946.jpg", imageAlt: "luxury coffee shop interior" },
+              { name: "Tigran G.", handle: "@tigran_g", testimonial: "Fast, high-quality, and delicious coffee.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-sitting-with-coffee-office_1262-6120.jpg", imageAlt: "luxury coffee shop interior" },
+              { name: "Sona M.", handle: "@sona_m", testimonial: "My morning ritual is not complete without this spot.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-man-pouring-milk-into-cappuccino-cup-cafe_181624-12457.jpg", imageAlt: "luxury coffee shop interior" },
+            ]}
+            buttons={[{ text: "Visit Us Today", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/close-up-hand-preparing-coffee-with-machine_23-2148892831.jpg"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg", alt: "Customer portrait 1" },
+              { src: "http://img.b2bpic.net/free-photo/this-is-my-new-profile-social-network_329181-2899.jpg", alt: "Customer portrait 2" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg", alt: "Customer portrait 3" },
+              { src: "http://img.b2bpic.net/free-photo/business-woman_1303-3880.jpg", alt: "Customer portrait 4" },
+              { src: "http://img.b2bpic.net/free-photo/woman-drinking-hot-chocolate-cafe_23-2149944037.jpg", alt: "Customer portrait 5" },
+            ]}
+            avatarText="Loved by 10,000+ local coffee enthusiasts."
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureBento
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "5.0 Rating",
-          description: "Consistently rated best coffee in Yerevan by our community.",
-          bentoComponent: "icon-info-cards",
-          items: [
-            {
-              icon: Star,
-              label: "Community",
-              value: "5.0",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-barista-using-professional-coffee-machine_23-2148824427.jpg",
-          imageAlt: "Close-up of male barista using professional coffee machine",
-        },
-        {
-          title: "Fast Service",
-          description: "High-quality coffee, ready in minutes for your busy day.",
-          bentoComponent: "icon-info-cards",
-          items: [
-            {
-              icon: Zap,
-              label: "Wait Time",
-              value: "Minutes",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-preparing-coffee-with-machine_23-2148892831.jpg?_wi=3",
-          imageAlt: "Close-up of male barista using professional coffee machine",
-        },
-        {
-          title: "Premium Beans",
-          description: "Sourced from the finest coffee-growing regions worldwide.",
-          bentoComponent: "icon-info-cards",
-          items: [
-            {
-              icon: Shield,
-              label: "Origin",
-              value: "Direct",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5062.jpg?_wi=2",
-          imageAlt: "Close-up of male barista using professional coffee machine",
-        },
-      ]}
-      title="Why People Love Us"
-      description="We blend quality with efficiency, ensuring every guest experience is memorable."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureBento
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Why People Love Us"
+            description="We blend quality with efficiency, ensuring every guest experience is memorable."
+            features={[
+              { title: "5.0 Rating", description: "Consistently rated best coffee in Yerevan by our community.", bentoComponent: "icon-info-cards", items: [{ icon: Star, label: "Community", value: "5.0" }] },
+              { title: "Fast Service", description: "High-quality coffee, ready in minutes for your busy day.", bentoComponent: "icon-info-cards", items: [{ icon: Zap, label: "Wait Time", value: "Minutes" }] },
+              { title: "Premium Beans", description: "Sourced from the finest coffee-growing regions worldwide.", bentoComponent: "icon-info-cards", items: [{ icon: Shield, label: "Origin", value: "Direct" }] }
+            ]}
+          />
+        </div>
 
-  <div id="menu" data-section="menu">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Caramel Latte",
-          price: "1,500 AMD",
-          imageSrc: "http://img.b2bpic.net/free-photo/latte-black-coffee-milk-espresso-cinnamon-milk-foam-side-view_141793-12256.jpg",
-        },
-        {
-          id: "p2",
-          name: "Strawberry Frappuccino",
-          price: "1,800 AMD",
-          imageSrc: "http://img.b2bpic.net/free-photo/small-business-items-serving-coffee_23-2149458023.jpg",
-        },
-        {
-          id: "p3",
-          name: "Orange Citrus Blend",
-          price: "1,600 AMD",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-shop-equipment_23-2148366540.jpg",
-        },
-        {
-          id: "p4",
-          name: "Classic Espresso",
-          price: "900 AMD",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-sits-table-with-cocktail-lit-candle_140725-9075.jpg",
-        },
-        {
-          id: "p5",
-          name: "Iced Mocha",
-          price: "1,700 AMD",
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6717.jpg",
-        },
-        {
-          id: "p6",
-          name: "Americano",
-          price: "1,000 AMD",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-coffee-machine-making-espresso-drink_53876-33548.jpg",
-        },
-      ]}
-      title="Menu Highlights"
-      description="Indulge in our signature drinks crafted to perfection."
-    />
-  </div>
+        <div id="menu" data-section="menu">
+          <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            title="Menu Highlights"
+            description="Indulge in our signature drinks crafted to perfection."
+            products={[
+              { id: "p1", name: "Caramel Latte", price: "1,500 AMD", imageSrc: "http://img.b2bpic.net/free-photo/latte-black-coffee-milk-espresso-cinnamon-milk-foam-side-view_141793-12256.jpg" },
+              { id: "p2", name: "Strawberry Frappuccino", price: "1,800 AMD", imageSrc: "http://img.b2bpic.net/free-photo/small-business-items-serving-coffee_23-2149458023.jpg" },
+              { id: "p3", name: "Orange Citrus Blend", price: "1,600 AMD", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-shop-equipment_23-2148366540.jpg" },
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Ani S.",
-          handle: "@ani_coffee",
-          testimonial: "Unforgettable taste every single time.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5062.jpg?_wi=3",
-        },
-        {
-          id: "2",
-          name: "David V.",
-          handle: "@david_v",
-          testimonial: "The best atmosphere in the city center.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-hipster-girl-trendy-summer-clothes-carefree-woman-sitting-veranda-terrace-cafe-drinking-coffee-positive-model-having-fun-dreams_158538-15946.jpg?_wi=2",
-        },
-        {
-          id: "3",
-          name: "Marine K.",
-          handle: "@marine_k",
-          testimonial: "Absolutely love the caramel latte here.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-sitting-with-coffee-office_1262-6120.jpg?_wi=2",
-        },
-        {
-          id: "4",
-          name: "Tigran G.",
-          handle: "@tigran_g",
-          testimonial: "Efficient, kind, and professional staff.",
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-man-pouring-milk-into-cappuccino-cup-cafe_181624-12457.jpg?_wi=2",
-        },
-        {
-          id: "5",
-          name: "Sona M.",
-          handle: "@sona_m",
-          testimonial: "Best way to start my working day.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-attractive-smiling-woman-with-dark-curly-hair-holding-orange-cup-coffee-hands-happily-looking-aside-modern-cozy-home-alone_574295-3912.jpg",
-        },
-      ]}
-      title="Hear From Our Guests"
-      description="Authentic feedback from our community of coffee enthusiasts."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSix
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Hear From Our Guests"
+            description="Authentic feedback from our community of coffee enthusiasts."
+            testimonials={[
+              { id: "1", name: "Ani S.", handle: "@ani_coffee", testimonial: "Unforgettable taste every single time.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5062.jpg" },
+              { id: "2", name: "David V.", handle: "@david_v", testimonial: "The best atmosphere in the city center.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-hipster-girl-trendy-summer-clothes-carefree-woman-sitting-veranda-terrace-cafe-drinking-coffee-positive-model-having-fun-dreams_158538-15946.jpg" },
+              { id: "3", name: "Marine K.", handle: "@marine_k", testimonial: "Absolutely love the caramel latte here.", imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-sitting-with-coffee-office_1262-6120.jpg" },
+              { id: "4", name: "Tigran G.", handle: "@tigran_g", testimonial: "Efficient, kind, and professional staff.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-man-pouring-milk-into-cappuccino-cup-cafe_181624-12457.jpg" },
+              { id: "5", name: "Sona M.", handle: "@sona_m", testimonial: "Best way to start my working day.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-attractive-smiling-woman-with-dark-curly-hair-holding-orange-cup-coffee-hands-happily-looking-aside-modern-cozy-home-alone_574295-3912.jpg" },
+            ]}
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          icon: Coffee,
-          title: "Cups Served Daily",
-          value: "1,200+",
-        },
-        {
-          id: "m2",
-          icon: Smile,
-          title: "Satisfied Customers",
-          value: "10,000+",
-        },
-        {
-          id: "m3",
-          icon: Clock,
-          title: "Hours Operating",
-          value: "15+",
-        },
-      ]}
-      title="By The Numbers"
-      description="Our passion for coffee measured in daily impact."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="By The Numbers"
+            description="Our passion for coffee measured in daily impact."
+            metrics={[
+              { id: "m1", icon: Coffee, title: "Cups Served Daily", value: "1,200+" },
+              { id: "m2", icon: Smile, title: "Satisfied Customers", value: "10,000+" },
+              { id: "m3", icon: Clock, title: "Hours Operating", value: "15+" },
+            ]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "What are your opening hours?",
-          content: "We are open daily from 08:00 to 23:30.",
-        },
-        {
-          id: "f2",
-          title: "Do you offer vegan milk options?",
-          content: "Yes, we offer almond, soy, and oat milk alternatives.",
-        },
-        {
-          id: "f3",
-          title: "Can I reserve a table?",
-          content: "We operate on a first-come, first-served basis.",
-        },
-      ]}
-      sideTitle="Frequently Asked Questions"
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            sideTitle="Frequently Asked Questions"
+            faqsAnimation="slide-up"
+            faqs={[
+              { id: "f1", title: "What are your opening hours?", content: "We are open daily from 08:00 to 23:30." },
+              { id: "f2", title: "Do you offer vegan milk options?", content: "Yes, we offer almond, soy, and oat milk alternatives." },
+              { id: "f3", title: "Can I reserve a table?", content: "We operate on a first-come, first-served basis." },
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      text="Visit us at 1 Garegin Nzhdeh St, Yerevan. For inquiries, call 033 885855 or visit coffeehouse.am."
-      buttons={[
-        {
-          text: "Call Now",
-          href: "tel:033885855",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "gradient-bars" }}
+            text="Visit us at 1 Garegin Nzhdeh St, Yerevan. For inquiries, call 033 885855 or visit coffeehouse.am."
+            buttons={[{ text: "Call Now", href: "tel:033885855" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Coffee House",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Menu",
-          items: [
-            {
-              label: "Coffee",
-              href: "#menu",
-            },
-            {
-              label: "Frappe",
-              href: "#menu",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2026 Coffee House Yerevan"
-      bottomRightText="Crafted with premium taste"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Coffee House", items: [{ label: "About Us", href: "#" }, { label: "Contact", href: "#contact" }] },
+              { title: "Menu", items: [{ label: "Coffee", href: "#menu" }, { label: "Frappe", href: "#menu" }] },
+            ]}
+            bottomLeftText="© 2026 Coffee House Yerevan"
+            bottomRightText="Crafted with premium taste"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1