From 3f103f9cc3646d522e69268870a5b8b412bf34de Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 31 Mar 2026 09:08:33 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 242 +++++++++++------------------------------------
 1 file changed, 56 insertions(+), 186 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b4a1e63..6d9ea1a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Features",
-          id: "features",
-        },
+          name: "Features",          id: "features"},
         {
-          name: "Results",
-          id: "metrics",
-        },
+          name: "Results",          id: "metrics"},
         {
-          name: "Reviews",
-          id: "testimonials",
-        },
+          name: "Reviews",          id: "testimonials"},
       ]}
       brandName="DetoxCoach"
     />
@@ -53,72 +45,45 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitKpi
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Reclaim Your Focus with Detox Coach"
       description="Stop mindless scrolling. Our AI-powered coach actively intervenes in your habits, blocks distractions, and rewards your deep focus sessions."
       kpis={[
         {
-          value: "500+",
-          label: "Focus Hours",
-        },
+          value: "500+",          label: "Focus Hours"},
         {
-          value: "12k",
-          label: "Distractions Blocked",
-        },
+          value: "12k",          label: "Distractions Blocked"},
         {
-          value: "94%",
-          label: "Success Rate",
-        },
+          value: "94%",          label: "Success Rate"},
       ]}
       enableKpiAnimation={true}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/a-futuristic-mobile-app-dashboard-showin-1774948065147-d291ea6f.png"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-a-young-professional-using-a-1774948065096-baff8812.png",
-          alt: "User 1",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-a-young-professional-using-a-1774948065096-baff8812.png",          alt: "User 1"},
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-a-creative-designer-looking--1774948065188-c09d938d.png",
-          alt: "User 2",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-a-creative-designer-looking--1774948065188-c09d938d.png",          alt: "User 2"},
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-a-developer-working-on-a-lap-1774948064823-d952ed86.png",
-          alt: "User 3",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-a-developer-working-on-a-lap-1774948064823-d952ed86.png",          alt: "User 3"},
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-an-entrepreneur-at-a-modern--1774948064694-57f1bfad.png",
-          alt: "User 4",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-an-entrepreneur-at-a-modern--1774948064694-57f1bfad.png",          alt: "User 4"},
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-a-young-professional-using-a-1774948065096-baff8812.png",
-          alt: "User 5",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-a-young-professional-using-a-1774948065096-baff8812.png",          alt: "User 5"},
       ]}
       avatarText="Trusted by 5,000+ deep workers"
       marqueeItems={[
         {
-          type: "text",
-          text: "Science-Backed",
+          type: "text",          text: "Science-Backed"},
+        {
+          type: "text",          text: "Focus First"},
+        {
+          type: "text-icon",          text: "Distraction Free",          icon: Shield,
         },
         {
-          type: "text",
-          text: "Focus First",
-        },
+          type: "text",          text: "AI Powered"},
         {
-          type: "text-icon",
-          text: "Distraction Free",
-          icon: Shield,
-        },
-        {
-          type: "text",
-          text: "AI Powered",
-        },
-        {
-          type: "text",
-          text: "Minimal Design",
-        },
+          type: "text",          text: "Minimal Design"},
       ]}
     />
   </div>
@@ -130,38 +95,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
-          title: "Intelligent App Blocking",
-          author: "AI Engine",
-          description: "Automatically detect and lock distracting apps during your deep work sessions.",
-          tags: [
-            "AI",
-            "Security",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/smartphone-interface-showing-an-active-a-1774948064801-87d960b5.png",
-        },
+          id: "f1",          title: "Intelligent App Blocking",          author: "AI Engine",          description: "Automatically detect and lock distracting apps during your deep work sessions.",          tags: [
+            "AI",            "Security"],
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/smartphone-interface-showing-an-active-a-1774948064801-87d960b5.png"},
         {
-          id: "f2",
-          title: "Dopamine Pattern Recognition",
-          author: "Behavioral Sync",
-          description: "Identify your specific triggers and receive proactive reminders before you start scrolling.",
-          tags: [
-            "Psychology",
-            "Habits",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/visual-representation-of-a-brain-and-dat-1774948068602-d7f83c14.png?_wi=1",
-        },
+          id: "f2",          title: "Dopamine Pattern Recognition",          author: "Behavioral Sync",          description: "Identify your specific triggers and receive proactive reminders before you start scrolling.",          tags: [
+            "Psychology",            "Habits"],
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/visual-representation-of-a-brain-and-dat-1774948068602-d7f83c14.png"},
         {
-          id: "f3",
-          title: "Gamified Focus Rewards",
-          author: "Progression System",
-          description: "Earn rewards for every hour of deep focus. Turn your discipline into real-world achievements.",
-          tags: [
-            "Gamification",
-            "Wellness",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/gamified-reward-dashboard-for-productivi-1774948065686-99d6caa1.png?_wi=1",
-        },
+          id: "f3",          title: "Gamified Focus Rewards",          author: "Progression System",          description: "Earn rewards for every hour of deep focus. Turn your discipline into real-world achievements.",          tags: [
+            "Gamification",            "Wellness"],
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/gamified-reward-dashboard-for-productivi-1774948065686-99d6caa1.png"},
       ]}
       title="Smart Features to Rewire Your Habits"
       description="Powerful tools designed to break the dopamine cycle and keep you focused."
@@ -171,29 +115,15 @@ export default function LandingPage() {
   <div id="metrics" data-section="metrics">
       <MetricCardTen
       animationType="slide-up"
+      textboxLayout="left"
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          title: "Avg. Focus Session",
-          subtitle: "Daily trend",
-          category: "Efficiency",
-          value: "45 min",
-        },
+          id: "m1",          title: "Avg. Focus Session",          subtitle: "Daily trend",          category: "Efficiency",          value: "45 min"},
         {
-          id: "m2",
-          title: "Distraction Free",
-          subtitle: "Current streak",
-          category: "Persistence",
-          value: "12 days",
-        },
+          id: "m2",          title: "Distraction Free",          subtitle: "Current streak",          category: "Persistence",          value: "12 days"},
         {
-          id: "m3",
-          title: "Usage Reduction",
-          subtitle: "Weekly average",
-          category: "Impact",
-          value: "62%",
-        },
+          id: "m3",          title: "Usage Reduction",          subtitle: "Weekly average",          category: "Impact",          value: "62%"},
       ]}
       title="Measurable Digital Wellness"
       description="See the concrete impact of your focus journey over time."
@@ -207,45 +137,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "Sarah Miller",
-          handle: "@sarah_m",
-          testimonial: "Detox Coach changed my work life. The app blocking is exactly what I needed to finish my thesis.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-a-young-professional-using-a-1774948065096-baff8812.png?_wi=1",
-        },
+          id: "t1",          name: "Sarah Miller",          handle: "@sarah_m",          testimonial: "Detox Coach changed my work life. The app blocking is exactly what I needed to finish my thesis.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-a-young-professional-using-a-1774948065096-baff8812.png"},
         {
-          id: "t2",
-          name: "David Chen",
-          handle: "@d_chen",
-          testimonial: "The insights into my patterns were eye-opening. I feel so much more in control now.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-a-creative-designer-looking--1774948065188-c09d938d.png",
-        },
+          id: "t2",          name: "David Chen",          handle: "@d_chen",          testimonial: "The insights into my patterns were eye-opening. I feel so much more in control now.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-a-creative-designer-looking--1774948065188-c09d938d.png"},
         {
-          id: "t3",
-          name: "Elena Rossi",
-          handle: "@elena_rossi",
-          testimonial: "Gamification makes focus actually fun. I look forward to my deep work sessions daily.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-a-developer-working-on-a-lap-1774948064823-d952ed86.png",
-        },
+          id: "t3",          name: "Elena Rossi",          handle: "@elena_rossi",          testimonial: "Gamification makes focus actually fun. I look forward to my deep work sessions daily.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-a-developer-working-on-a-lap-1774948064823-d952ed86.png"},
         {
-          id: "t4",
-          name: "Marcus J.",
-          handle: "@marc_j",
-          testimonial: "Simple, effective, and very elegant. A must-have for every digital worker.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-an-entrepreneur-at-a-modern--1774948064694-57f1bfad.png",
-        },
+          id: "t4",          name: "Marcus J.",          handle: "@marc_j",          testimonial: "Simple, effective, and very elegant. A must-have for every digital worker.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-an-entrepreneur-at-a-modern--1774948064694-57f1bfad.png"},
         {
-          id: "t5",
-          name: "Jessica Lee",
-          handle: "@jess_focus",
-          testimonial: "Finally, a tool that respects my time and helps me stay in the flow state.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-a-young-professional-using-a-1774948065096-baff8812.png?_wi=2",
-        },
+          id: "t5",          name: "Jessica Lee",          handle: "@jess_focus",          testimonial: "Finally, a tool that respects my time and helps me stay in the flow state.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-a-young-professional-using-a-1774948065096-baff8812.png"},
       ]}
       showRating={true}
       title="Stories of Regained Focus"
@@ -262,25 +167,9 @@ export default function LandingPage() {
       description="Stay updated with the latest strategies for digital minimalism and peak productivity."
       blogs={[
         {
-          id: "b1",
-          category: "Mindfulness",
-          title: "Why Dopamine Detox Matters",
-          excerpt: "Understand the neuroscience behind your scrolling habits.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/visual-representation-of-a-brain-and-dat-1774948068602-d7f83c14.png?_wi=2",
-          authorName: "Dr. Aris",
-          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-a-creative-designer-looking--1774948065188-c09d938d.png",
-          date: "Jan 12, 2025",
-        },
+          id: "b1",          category: "Mindfulness",          title: "Why Dopamine Detox Matters",          excerpt: "Understand the neuroscience behind your scrolling habits.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/visual-representation-of-a-brain-and-dat-1774948068602-d7f83c14.png",          authorName: "Dr. Aris",          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-a-creative-designer-looking--1774948065188-c09d938d.png",          date: "Jan 12, 2025"},
         {
-          id: "b2",
-          category: "Productivity",
-          title: "Mastering the Flow State",
-          excerpt: "How to structure your day for maximum output.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/gamified-reward-dashboard-for-productivi-1774948065686-99d6caa1.png?_wi=2",
-          authorName: "Coach Mark",
-          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-an-entrepreneur-at-a-modern--1774948064694-57f1bfad.png",
-          date: "Jan 15, 2025",
-        },
+          id: "b2",          category: "Productivity",          title: "Mastering the Flow State",          excerpt: "How to structure your day for maximum output.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/gamified-reward-dashboard-for-productivi-1774948065686-99d6caa1.png",          authorName: "Coach Mark",          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhj6JnQChhOkqcF9OSrIPmPYqg/portrait-of-an-entrepreneur-at-a-modern--1774948064694-57f1bfad.png",          date: "Jan 15, 2025"},
       ]}
     />
   </div>
@@ -290,50 +179,31 @@ export default function LandingPage() {
       logoText="DetoxCoach"
       columns={[
         {
-          title: "Product",
-          items: [
+          title: "Product",          items: [
             {
-              label: "Features",
-              href: "#features",
-            },
+              label: "Features",              href: "#features"},
             {
-              label: "Pricing",
-              href: "#",
-            },
+              label: "Pricing",              href: "#"},
             {
-              label: "Download",
-              href: "#",
-            },
+              label: "Download",              href: "#"},
           ],
         },
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About Us",
-              href: "#",
-            },
+              label: "About Us",              href: "#"},
             {
-              label: "Careers",
-              href: "#",
-            },
+              label: "Careers",              href: "#"},
             {
-              label: "Contact",
-              href: "#",
-            },
+              label: "Contact",              href: "#"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms of Use",
-              href: "#",
-            },
+              label: "Terms of Use",              href: "#"},
           ],
         },
       ]}
-- 
2.49.1