From 2676fc16923d19c2e99aca1543b3676ada303925 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 27 Mar 2026 11:40:25 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 142 +++++++++++------------------------------------
 1 file changed, 32 insertions(+), 110 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 02f4f9f..3812302 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,18 +28,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Features",
-          id: "#features",
-        },
-        {
-          name: "Benefits",
-          id: "#metrics",
-        },
-        {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
+        { name: "Hero", id: "#hero" },
+        { name: "Features", id: "#features" },
+        { name: "Metrics", id: "#metrics" },
+        { name: "Testimonials", id: "#testimonials" }
       ]}
       brandName="BlockTimer"
     />
@@ -49,39 +41,22 @@ export default function LandingPage() {
       <HeroBillboardTestimonial
       useInvertedBackground={true}
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       title="Master Your Time with Precision"
       description="The ultimate minimalist timer designed for flow, focus, and productivity. Inspired by the sleek efficiency of top-tier task management apps."
       testimonials={[
         {
-          name: "Alex R.",
-          handle: "@alex_prod",
-          testimonial: "This timer changed how I work. Simple and powerful.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWiZrBQ3qZEX1QXi0tXbuZG6xy/abstract-geometric-shapes-floating-in-da-1774611590810-3d96847d.png?_wi=1",
-        },
+          name: "Alex R.",          handle: "@alex_prod",          testimonial: "This timer changed how I work. Simple and powerful.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWiZrBQ3qZEX1QXi0tXbuZG6xy/abstract-geometric-shapes-floating-in-da-1774611590810-3d96847d.png"},
         {
-          name: "Jamie S.",
-          handle: "@jamie_dev",
-          testimonial: "Finally, a timer that gets out of my way.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWiZrBQ3qZEX1QXi0tXbuZG6xy/soft-golden-light-beams-on-a-dark-textur-1774611590718-081bd53b.png?_wi=1",
-        },
+          name: "Jamie S.",          handle: "@jamie_dev",          testimonial: "Finally, a timer that gets out of my way.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWiZrBQ3qZEX1QXi0tXbuZG6xy/soft-golden-light-beams-on-a-dark-textur-1774611590718-081bd53b.png"},
         {
-          name: "Morgan K.",
-          handle: "@m_creative",
-          testimonial: "Perfect aesthetic for a focused workspace.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWiZrBQ3qZEX1QXi0tXbuZG6xy/dark-minimalist-texture-with-thin-golden-1774611590906-9e0b5e71.png?_wi=1",
-        },
+          name: "Morgan K.",          handle: "@m_creative",          testimonial: "Perfect aesthetic for a focused workspace.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWiZrBQ3qZEX1QXi0tXbuZG6xy/dark-minimalist-texture-with-thin-golden-1774611590906-9e0b5e71.png"},
         {
-          name: "Casey L.",
-          handle: "@caseyl",
-          testimonial: "Efficient, beautiful, and absolutely essential.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWiZrBQ3qZEX1QXi0tXbuZG6xy/digital-glitch-effect-in-subtle-gold-col-1774611590869-6210de61.png?_wi=1",
-        },
+          name: "Casey L.",          handle: "@caseyl",          testimonial: "Efficient, beautiful, and absolutely essential.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWiZrBQ3qZEX1QXi0tXbuZG6xy/digital-glitch-effect-in-subtle-gold-col-1774611590869-6210de61.png"},
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWiZrBQ3qZEX1QXi0tXbuZG6xy/a-high-tech-digital-timer-interface-on-a-1774611590768-34258dce.png"
       mediaAnimation="slide-up"
@@ -95,37 +70,22 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Minimalist Controls",
-          description: "Intuitive gestures for effortless timing.",
-          bentoComponent: "reveal-icon",
-          icon: Zap,
+          title: "Minimalist Controls",          description: "Intuitive gestures for effortless timing.",          bentoComponent: "reveal-icon",          icon: Zap,
         },
         {
-          title: "Visual Focus",
-          description: "Clean UI to keep your eyes on the task.",
-          bentoComponent: "reveal-icon",
-          icon: Eye,
+          title: "Visual Focus",          description: "Clean UI to keep your eyes on the task.",          bentoComponent: "reveal-icon",          icon: Eye,
         },
         {
-          title: "History",
-          description: "Track your productivity patterns seamlessly.",
-          bentoComponent: "3d-task-list",
-          items: [
+          title: "History",          description: "Track your productivity patterns seamlessly.",          bentoComponent: "3d-task-list",          items: [
             {
               icon: Clock,
-              label: "Session 1",
-              time: "25m",
-            },
+              label: "Session 1",              time: "25m"},
             {
               icon: Clock,
-              label: "Session 2",
-              time: "50m",
-            },
+              label: "Session 2",              time: "50m"},
             {
               icon: Clock,
-              label: "Session 3",
-              time: "25m",
-            },
+              label: "Session 3",              time: "25m"},
           ],
         },
       ]}
@@ -141,31 +101,16 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
-          value: "15K+",
-          title: "Active Users",
-          items: [
-            "Global community",
-            "Growing daily",
-          ],
+          id: "m1",          value: "15K+",          title: "Active Users",          items: [
+            "Global community",            "Growing daily"],
         },
         {
-          id: "m2",
-          value: "99.9%",
-          title: "Uptime",
-          items: [
-            "Always reliable",
-            "Always ready",
-          ],
+          id: "m2",          value: "99.9%",          title: "Uptime",          items: [
+            "Always reliable",            "Always ready"],
         },
         {
-          id: "m3",
-          value: "5M+",
-          title: "Focus Hours",
-          items: [
-            "Hours of deep work",
-            "Proven results",
-          ],
+          id: "m3",          value: "5M+",          title: "Focus Hours",          items: [
+            "Hours of deep work",            "Proven results"],
         },
       ]}
       title="Optimized Productivity"
@@ -175,37 +120,18 @@ export default function LandingPage() {
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardSix
+      animationType="blur-reveal"
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "Sam W.",
-          handle: "@samw",
-          testimonial: "It's the only timer I trust for high-stakes deep work.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWiZrBQ3qZEX1QXi0tXbuZG6xy/abstract-geometric-shapes-floating-in-da-1774611590810-3d96847d.png?_wi=2",
-        },
+          id: "t1",          name: "Sam W.",          handle: "@samw",          testimonial: "It's the only timer I trust for high-stakes deep work.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWiZrBQ3qZEX1QXi0tXbuZG6xy/abstract-geometric-shapes-floating-in-da-1774611590810-3d96847d.png"},
         {
-          id: "t2",
-          name: "Elise R.",
-          handle: "@eliser",
-          testimonial: "I love how it respects my time and focus.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWiZrBQ3qZEX1QXi0tXbuZG6xy/soft-golden-light-beams-on-a-dark-textur-1774611590718-081bd53b.png?_wi=2",
-        },
+          id: "t2",          name: "Elise R.",          handle: "@eliser",          testimonial: "I love how it respects my time and focus.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWiZrBQ3qZEX1QXi0tXbuZG6xy/soft-golden-light-beams-on-a-dark-textur-1774611590718-081bd53b.png"},
         {
-          id: "t3",
-          name: "David B.",
-          handle: "@dblogs",
-          testimonial: "The best UI implementation for a timer app.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWiZrBQ3qZEX1QXi0tXbuZG6xy/dark-minimalist-texture-with-thin-golden-1774611590906-9e0b5e71.png?_wi=2",
-        },
+          id: "t3",          name: "David B.",          handle: "@dblogs",          testimonial: "The best UI implementation for a timer app.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWiZrBQ3qZEX1QXi0tXbuZG6xy/dark-minimalist-texture-with-thin-golden-1774611590906-9e0b5e71.png"},
         {
-          id: "t4",
-          name: "Zara T.",
-          handle: "@zarat",
-          testimonial: "Simple. Beautiful. Indispensable.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWiZrBQ3qZEX1QXi0tXbuZG6xy/digital-glitch-effect-in-subtle-gold-col-1774611590869-6210de61.png?_wi=2",
-        },
+          id: "t4",          name: "Zara T.",          handle: "@zarat",          testimonial: "Simple. Beautiful. Indispensable.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWiZrBQ3qZEX1QXi0tXbuZG6xy/digital-glitch-effect-in-subtle-gold-col-1774611590869-6210de61.png"},
       ]}
       title="Voices of the Community"
       description="Real feedback from professionals who rely on our timer."
@@ -216,13 +142,9 @@ export default function LandingPage() {
       <FooterLogoReveal
       logoText="BlockTimer"
       leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
+        text: "Privacy Policy",        href: "#"}}
       rightLink={{
-        text: "Contact Support",
-        href: "mailto:hello@blocktimer.app",
-      }}
+        text: "Contact Support",        href: "mailto:hello@blocktimer.app"}}
     />
   </div>
       </ReactLenis>
-- 
2.49.1