From 12f0e58036feaae0803c628143f291ec2e9516ea Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 26 Apr 2026 13:53:47 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 233 +++++++++++------------------------------------
 1 file changed, 51 insertions(+), 182 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6ca9226..efc4fa9 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Collection",
-          id: "products",
-        },
+          name: "Collection",          id: "products"},
         {
-          name: "Testimonials",
-          id: "testimonials",
-        },
+          name: "Testimonials",          id: "testimonials"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Kaydo"
     />
@@ -59,35 +51,21 @@ export default function LandingPage() {
       description="Excellence in menswear. Quality fabrics, tailored fit, and service you can trust."
       buttons={[
         {
-          text: "Discover Collection",
-          href: "#products",
-        },
+          text: "Discover Collection",          href: "#products"},
       ]}
       slides={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/clothes-store-with-rack-clothes_23-2148929532.jpg",
-          imageAlt: "Kaydo Store Interior",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/clothes-store-with-rack-clothes_23-2148929532.jpg",          imageAlt: "Kaydo Store Interior"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-shop-assistants-elegantly-dressed-working-menswear-store_613910-19747.jpg",
-          imageAlt: "Collection Display",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-shop-assistants-elegantly-dressed-working-menswear-store_613910-19747.jpg",          imageAlt: "Collection Display"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-blue-suit-gray_158538-11104.jpg",
-          imageAlt: "Tailored Suits",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-blue-suit-gray_158538-11104.jpg",          imageAlt: "Tailored Suits"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-posing-autumn-clothes_23-2149071332.jpg",
-          imageAlt: "Store Atmosphere",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-posing-autumn-clothes_23-2149071332.jpg",          imageAlt: "Store Atmosphere"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-bearded-male-with-tattoos-hands-neck-chooses-new-suit-menswear-store_613910-19723.jpg",
-          imageAlt: "Men's Apparel",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-bearded-male-with-tattoos-hands-neck-chooses-new-suit-menswear-store_613910-19723.jpg",          imageAlt: "Men's Apparel"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/serious-man-standing-near-table_171337-19122.jpg",
-          imageAlt: "Boutique Showcase",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/serious-man-standing-near-table_171337-19122.jpg",          imageAlt: "Boutique Showcase"},
       ]}
     />
   </div>
@@ -99,19 +77,13 @@ export default function LandingPage() {
       metrics={[
         {
           icon: Award,
-          label: "Quality",
-          value: "100%",
-        },
+          label: "Quality",          value: "100%"},
         {
           icon: Users,
-          label: "Happy Clients",
-          value: "120+",
-        },
+          label: "Happy Clients",          value: "120+"},
         {
           icon: Star,
-          label: "Rating",
-          value: "4.7",
-        },
+          label: "Rating",          value: "4.7"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -124,26 +96,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
-          title: "Impeccable Quality",
-          description: "Fabrics curated for durability and elegance.",
-          tag: "Fabric",
-          imageSrc: "http://img.b2bpic.net/free-photo/dark-blue-patterned-fabric-textured-background_53876-129522.jpg",
-        },
+          id: "f1",          title: "Impeccable Quality",          description: "Fabrics curated for durability and elegance.",          tag: "Fabric",          imageSrc: "http://img.b2bpic.net/free-photo/dark-blue-patterned-fabric-textured-background_53876-129522.jpg"},
         {
-          id: "f2",
-          title: "Expert Staff",
-          description: "Personalized advice to ensure the perfect look.",
-          tag: "Service",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-women-work_23-2149871137.jpg",
-        },
+          id: "f2",          title: "Expert Staff",          description: "Personalized advice to ensure the perfect look.",          tag: "Service",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-women-work_23-2149871137.jpg"},
         {
-          id: "f3",
-          title: "Modern Environment",
-          description: "A comfortable shopping experience for every man.",
-          tag: "Retail",
-          imageSrc: "http://img.b2bpic.net/free-photo/shopping-center-showroom-with-clothes-from-trendy-collections-retail-market-boutique-with-modern-fashionable-wear-empty-clothing-store-filled-with-new-trends-fashion-brands_482257-61769.jpg",
-        },
+          id: "f3",          title: "Modern Environment",          description: "A comfortable shopping experience for every man.",          tag: "Retail",          imageSrc: "http://img.b2bpic.net/free-photo/shopping-center-showroom-with-clothes-from-trendy-collections-retail-market-boutique-with-modern-fashionable-wear-empty-clothing-store-filled-with-new-trends-fashion-brands_482257-61769.jpg"},
       ]}
       title="Why Kaydo?"
       description="Experience superior quality and personal service at every visit."
@@ -158,41 +115,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          name: "Formal Shirt",
-          price: "69€",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-sexy-handsome-model-man-casual-cloth-lifestyle-street-glasses_158538-14665.jpg",
-        },
+          id: "p1",          name: "Formal Shirt",          price: "69€",          imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-sexy-handsome-model-man-casual-cloth-lifestyle-street-glasses_158538-14665.jpg"},
         {
-          id: "p2",
-          name: "Slim Jeans",
-          price: "89€",
-          imageSrc: "http://img.b2bpic.net/free-photo/jeans-with-black-friday-tag-attached_23-2148288257.jpg",
-        },
+          id: "p2",          name: "Slim Jeans",          price: "89€",          imageSrc: "http://img.b2bpic.net/free-photo/jeans-with-black-friday-tag-attached_23-2148288257.jpg"},
         {
-          id: "p3",
-          name: "Casual Blazer",
-          price: "149€",
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-wearing-flannel-blazer_53876-108614.jpg",
-        },
+          id: "p3",          name: "Casual Blazer",          price: "149€",          imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-wearing-flannel-blazer_53876-108614.jpg"},
         {
-          id: "p4",
-          name: "Basic Cotton Tee",
-          price: "29€",
-          imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-69440.jpg",
-        },
+          id: "p4",          name: "Basic Cotton Tee",          price: "29€",          imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-69440.jpg"},
         {
-          id: "p5",
-          name: "Leather Belt",
-          price: "39€",
-          imageSrc: "http://img.b2bpic.net/free-photo/leather-belt_1203-7570.jpg",
-        },
+          id: "p5",          name: "Leather Belt",          price: "39€",          imageSrc: "http://img.b2bpic.net/free-photo/leather-belt_1203-7570.jpg"},
         {
-          id: "p6",
-          name: "Wool Knit Sweater",
-          price: "99€",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-girl-with-hat-gloves-posing_23-2148350091.jpg",
-        },
+          id: "p6",          name: "Wool Knit Sweater",          price: "99€",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-girl-with-hat-gloves-posing_23-2148350091.jpg"},
       ]}
       title="Our Essentials"
       description="Timeless pieces for the modern wardrobe."
@@ -201,38 +134,21 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardSeven
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "100%",
-          title: "Quality",
-          items: [
-            "Premium fabrics",
-            "Lasting finish",
-            "Careful stitching",
-          ],
+          id: "m1",          value: "100%",          title: "Quality",          items: [
+            "Premium fabrics",            "Lasting finish",            "Careful stitching"],
         },
         {
-          id: "m2",
-          value: "4.7/5",
-          title: "Satisfaction",
-          items: [
-            "Top-tier service",
-            "Expert guidance",
-            "Customer loyalty",
-          ],
+          id: "m2",          value: "4.7/5",          title: "Satisfaction",          items: [
+            "Top-tier service",            "Expert guidance",            "Customer loyalty"],
         },
         {
-          id: "m3",
-          value: "Unlimited",
-          title: "Style",
-          items: [
-            "Modern trends",
-            "Timeless cuts",
-            "Tailored fit",
-          ],
+          id: "m3",          value: "Unlimited",          title: "Style",          items: [
+            "Modern trends",            "Timeless cuts",            "Tailored fit"],
         },
       ]}
       title="Brand Impact"
@@ -247,45 +163,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah J.",
-          handle: "@sarahj",
-          testimonial: "Excellent service and quality clothes! I recommend it.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/awesome-man-dark-shirt-sweater-laughing-isolated-background_197531-26795.jpg",
-        },
+          id: "1",          name: "Sarah J.",          handle: "@sarahj",          testimonial: "Excellent service and quality clothes! I recommend it.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/awesome-man-dark-shirt-sweater-laughing-isolated-background_197531-26795.jpg"},
         {
-          id: "2",
-          name: "Michael C.",
-          handle: "@mikey",
-          testimonial: "My brother shops here often. Always impressed by quality.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-charming-woman-beige-trench-coat_197531-19714.jpg",
-        },
+          id: "2",          name: "Michael C.",          handle: "@mikey",          testimonial: "My brother shops here often. Always impressed by quality.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-charming-woman-beige-trench-coat_197531-19714.jpg"},
         {
-          id: "3",
-          name: "Emily R.",
-          handle: "@emily",
-          testimonial: "Friendly and skilled staff. Best shop in town.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cinematic-style-view-parent-child-spending-time-together_23-2151587638.jpg",
-        },
+          id: "3",          name: "Emily R.",          handle: "@emily",          testimonial: "Friendly and skilled staff. Best shop in town.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/cinematic-style-view-parent-child-spending-time-together_23-2151587638.jpg"},
         {
-          id: "4",
-          name: "David K.",
-          handle: "@dkim",
-          testimonial: "The personnel are truly helpful and aim to satisfy.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/two-women-sitting-together-using-tablet-discussing-clothes-purchases-fashion-store-front-view-consumerism-shopping-concept_74855-12050.jpg",
-        },
+          id: "4",          name: "David K.",          handle: "@dkim",          testimonial: "The personnel are truly helpful and aim to satisfy.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/two-women-sitting-together-using-tablet-discussing-clothes-purchases-fashion-store-front-view-consumerism-shopping-concept_74855-12050.jpg"},
         {
-          id: "5",
-          name: "Alex B.",
-          handle: "@alexb",
-          testimonial: "Superb experience every time. Quality is top-notch.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-with-phone_23-2148894633.jpg",
-        },
+          id: "5",          name: "Alex B.",          handle: "@alexb",          testimonial: "Superb experience every time. Quality is top-notch.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-with-phone_23-2148894633.jpg"},
       ]}
       showRating={true}
       title="Customer Stories"
@@ -298,20 +189,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
-          title: "What are your store hours?",
-          content: "We are open daily, with closing times at 9 PM.",
-        },
+          id: "q1",          title: "What are your store hours?",          content: "We are open daily, with closing times at 9 PM."},
         {
-          id: "q2",
-          title: "Do you offer tailoring?",
-          content: "Our staff provides expert guidance to help with fits and styles.",
-        },
+          id: "q2",          title: "Do you offer tailoring?",          content: "Our staff provides expert guidance to help with fits and styles."},
         {
-          id: "q3",
-          title: "Can I return items?",
-          content: "Please contact us in-store for all your return policy queries.",
-        },
+          id: "q3",          title: "Can I return items?",          content: "Please contact us in-store for all your return policy queries."},
       ]}
       sideTitle="Frequently Asked Questions"
       sideDescription="Find answers to our most common inquiries here."
@@ -323,14 +205,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       text="Visit us at Kaydo. Elevate your style today."
       buttons={[
         {
-          text: "Visit Store",
-          href: "#",
-        },
+          text: "Visit Store",          href: "#"},
       ]}
     />
   </div>
@@ -340,29 +219,19 @@ export default function LandingPage() {
       logoText="KAYDO"
       columns={[
         {
-          title: "Kaydo",
-          items: [
+          title: "Kaydo",          items: [
             {
-              label: "About Us",
-              href: "#",
-            },
+              label: "About Us",              href: "#"},
             {
-              label: "Contact",
-              href: "#",
-            },
+              label: "Contact",              href: "#"},
           ],
         },
         {
-          title: "Support",
-          items: [
+          title: "Support",          items: [
             {
-              label: "FAQ",
-              href: "#",
-            },
+              label: "FAQ",              href: "#"},
             {
-              label: "Returns",
-              href: "#",
-            },
+              label: "Returns",              href: "#"},
           ],
         },
       ]}