From 0dc03b1f7e670289bee03ee99b1525e05f123779 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 8 Apr 2026 02:07:32 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1b86f91..8f3d274 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Stats",
-          id: "metrics",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
+        { name: "Features", id: "features" },
+        { name: "Stats", id: "metrics" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "FAQ", id: "faq" },
       ]}
       brandName="HealthTrack"
     />
@@ -53,66 +41,24 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroCentered
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       title="Your health, simplified."
       description="HealthTrack AI monitors your vital signs, sleep patterns, and daily activity. Get data-driven insights to improve your quality of life, instantly."
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/impressed-young-blonde-girl-looking-isolated-pink-wall-with-copy-space_141793-112805.jpg",
-          alt: "User 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/career-success-office-concert-senior_1262-2793.jpg",
-          alt: "User 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/handsome-bearded-elegant-male-eyeglasses-dressed-dark-blue-suit-with-bow-tie-grey-vignette-background_613910-629.jpg",
-          alt: "User 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",
-          alt: "User 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/relaxed-elderly-man-armchair_23-2148036688.jpg",
-          alt: "User 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/impressed-young-blonde-girl-looking-isolated-pink-wall-with-copy-space_141793-112805.jpg", alt: "User 1" },
+        { src: "http://img.b2bpic.net/free-photo/career-success-office-concert-senior_1262-2793.jpg", alt: "User 2" },
+        { src: "http://img.b2bpic.net/free-photo/handsome-bearded-elegant-male-eyeglasses-dressed-dark-blue-suit-with-bow-tie-grey-vignette-background_613910-629.jpg", alt: "User 3" },
+        { src: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg", alt: "User 4" },
+        { src: "http://img.b2bpic.net/free-photo/relaxed-elderly-man-armchair_23-2148036688.jpg", alt: "User 5" },
       ]}
       avatarText="Join 10,000+ users tracking their health"
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-      ]}
+      buttons={[{ text: "Get Started", href: "#contact" }]}
       marqueeItems={[
-        {
-          type: "text-icon",
-          text: "Heart Rate Sync",
-          icon: Heart,
-        },
-        {
-          type: "text-icon",
-          text: "Sleep Quality Score",
-          icon: Moon,
-        },
-        {
-          type: "text-icon",
-          text: "Daily Activity Log",
-          icon: Activity,
-        },
-        {
-          type: "text-icon",
-          text: "Hydration Tracking",
-          icon: Droplet,
-        },
-        {
-          type: "text-icon",
-          text: "Secure Cloud Storage",
-          icon: Shield,
-        },
+        { type: "text-icon", text: "Heart Rate Sync", icon: Heart },
+        { type: "text-icon", text: "Sleep Quality Score", icon: Moon },
+        { type: "text-icon", text: "Daily Activity Log", icon: Activity },
+        { type: "text-icon", text: "Hydration Tracking", icon: Droplet },
+        { type: "text-icon", text: "Secure Cloud Storage", icon: Shield },
       ]}
     />
   </div>
@@ -124,79 +70,31 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Instant Biometrics",
-          description: "Real-time heart rate and oxygen monitoring synced directly to your devices.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-vector/abstract-low-poly-banner-design_1017-34378.jpg?_wi=1",
-            imageAlt: "Biometric data",
-          },
+          title: "Instant Biometrics",          description: "Real-time heart rate and oxygen monitoring synced directly to your devices.",          media: { imageSrc: "http://img.b2bpic.net/free-vector/abstract-low-poly-banner-design_1017-34378.jpg", imageAlt: "Biometric data" },
           items: [
-            {
-              icon: Heart,
-              text: "Heart Monitoring",
-            },
-            {
-              icon: Activity,
-              text: "Real-time sync",
-            },
-            {
-              icon: Shield,
-              text: "Secure data",
-            },
+            { icon: Heart, text: "Heart Monitoring" },
+            { icon: Activity, text: "Real-time sync" },
+            { icon: Shield, text: "Secure data" },
           ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/bitcoin-smartwatch_23-2151953957.jpg",
-          imageAlt: "minimalist health tracker app UI dark mode",
+          reverse: false
         },
         {
-          title: "Smart Hydration",
-          description: "AI-calculated hydration goals based on activity levels and local weather.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/bottle-water-with-paper-drops_23-2148113563.jpg?_wi=1",
-            imageAlt: "Hydration tracking",
-          },
+          title: "Smart Hydration",          description: "AI-calculated hydration goals based on activity levels and local weather.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/bottle-water-with-paper-drops_23-2148113563.jpg", imageAlt: "Hydration tracking" },
           items: [
-            {
-              icon: Droplet,
-              text: "Daily reminders",
-            },
-            {
-              icon: Sun,
-              text: "Weather adjust",
-            },
-            {
-              icon: Zap,
-              text: "Fast updates",
-            },
+            { icon: Droplet, text: "Daily reminders" },
+            { icon: Sun, text: "Weather adjust" },
+            { icon: Zap, text: "Fast updates" },
           ],
-          reverse: true,
-          imageSrc: "http://img.b2bpic.net/free-vector/abstract-low-poly-banner-design_1017-34378.jpg?_wi=2",
-          imageAlt: "heart rate data visualization minimalist dark",
+          reverse: true
         },
         {
-          title: "Deep Sleep Insights",
-          description: "Understand your REM cycles with advanced AI pattern matching algorithms.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/woman-listening-music-looking-her-smartphone-while-laying-bed_23-2149240392.jpg",
-            imageAlt: "Sleep tracking",
-          },
+          title: "Deep Sleep Insights",          description: "Understand your REM cycles with advanced AI pattern matching algorithms.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/woman-listening-music-looking-her-smartphone-while-laying-bed_23-2149240392.jpg", imageAlt: "Sleep tracking" },
           items: [
-            {
-              icon: Moon,
-              text: "REM analysis",
-            },
-            {
-              icon: Clock,
-              text: "Cycle timing",
-            },
-            {
-              icon: Star,
-              text: "Sleep score",
-            },
+            { icon: Moon, text: "REM analysis" },
+            { icon: Clock, text: "Cycle timing" },
+            { icon: Star, text: "Sleep score" },
           ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/bottle-water-with-paper-drops_23-2148113563.jpg?_wi=2",
-          imageAlt: "calm water abstract wellness health concept",
+          reverse: false
         },
       ]}
       title="Data that makes sense"
@@ -211,27 +109,9 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "95%",
-          title: "User Satisfaction",
-          description: "High accuracy in wellness reporting.",
-          icon: ThumbsUp,
-        },
-        {
-          id: "m2",
-          value: "24/7",
-          title: "Always On",
-          description: "Continuous health monitoring.",
-          icon: Clock,
-        },
-        {
-          id: "m3",
-          value: "1M+",
-          title: "Data Points",
-          description: "Processed daily for you.",
-          icon: Database,
-        },
+        { id: "m1", value: "95%", title: "User Satisfaction", description: "High accuracy in wellness reporting.", icon: ThumbsUp },
+        { id: "m2", value: "24/7", title: "Always On", description: "Continuous health monitoring.", icon: Clock },
+        { id: "m3", value: "1M+", title: "Data Points", description: "Processed daily for you.", icon: Database },
       ]}
       title="Proven performance"
       description="Join our community of healthy, data-driven achievers."
@@ -240,49 +120,15 @@ export default function LandingPage() {
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardThirteen
+      animationType="scale-rotate"
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah Johnson",
-          handle: "@sarahj",
-          testimonial: "HealthTrack finally made me understand my sleep cycles.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-blonde-girl-looking-isolated-pink-wall-with-copy-space_141793-112805.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          handle: "@mchen",
-          testimonial: "The heart rate alerts are incredibly helpful.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/career-success-office-concert-senior_1262-2793.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Rodriguez",
-          handle: "@erod",
-          testimonial: "I'm more energized than I've been in years!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-elegant-male-eyeglasses-dressed-dark-blue-suit-with-bow-tie-grey-vignette-background_613910-629.jpg",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          handle: "@dkim",
-          testimonial: "Simple, efficient, and very reliable.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",
-        },
-        {
-          id: "5",
-          name: "Martha V.",
-          handle: "@martha",
-          testimonial: "Simple to use, and excellent results.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/relaxed-elderly-man-armchair_23-2148036688.jpg",
-        },
+        { id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "HealthTrack finally made me understand my sleep cycles.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-blonde-girl-looking-isolated-pink-wall-with-copy-space_141793-112805.jpg" },
+        { id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "The heart rate alerts are incredibly helpful.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/career-success-office-concert-senior_1262-2793.jpg" },
+        { id: "3", name: "Emily Rodriguez", handle: "@erod", testimonial: "I'm more energized than I've been in years!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-elegant-male-eyeglasses-dressed-dark-blue-suit-with-bow-tie-grey-vignette-background_613910-629.jpg" },
+        { id: "4", name: "David Kim", handle: "@dkim", testimonial: "Simple, efficient, and very reliable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg" },
+        { id: "5", name: "Martha V.", handle: "@martha", testimonial: "Simple to use, and excellent results.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/relaxed-elderly-man-armchair_23-2148036688.jpg" },
       ]}
       showRating={true}
       title="Trusted by thousands"
@@ -295,21 +141,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "Is my data private?",
-          content: "Absolutely. We use end-to-end encryption for every byte of data.",
-        },
-        {
-          id: "f2",
-          title: "Can I sync with Apple Health?",
-          content: "Yes, full integration is built-in.",
-        },
-        {
-          id: "f3",
-          title: "How does the AI work?",
-          content: "Our proprietary algorithms detect patterns based on your historical biometric readings.",
-        },
+        { id: "f1", title: "Is my data private?", content: "Absolutely. We use end-to-end encryption for every byte of data." },
+        { id: "f2", title: "Can I sync with Apple Health?", content: "Yes, full integration is built-in." },
+        { id: "f3", title: "How does the AI work?", content: "Our proprietary algorithms detect patterns based on your historical biometric readings." },
       ]}
       title="Common questions"
       description="Get answers about HealthTrack."
@@ -320,18 +154,11 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={true}
-      background={{
-        variant: "glowing-orb",
-      }}
+      background={{ variant: "glowing-orb" }}
       tag="Get Started"
       title="Ready to transform your health?"
       description="Sign up today to get your first week of insights free."
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#",
-        },
-      ]}
+      buttons={[{ text: "Get Started", href: "#" }]}
     />
   </div>
 
@@ -340,21 +167,9 @@ export default function LandingPage() {
       logoText="HealthTrack"
       copyrightText="© 2025 HealthTrack. All rights reserved."
       socialLinks={[
-        {
-          icon: Twitter,
-          href: "#",
-          ariaLabel: "Twitter",
-        },
-        {
-          icon: Instagram,
-          href: "#",
-          ariaLabel: "Instagram",
-        },
-        {
-          icon: Linkedin,
-          href: "#",
-          ariaLabel: "LinkedIn",
-        },
+        { icon: Twitter, href: "#", ariaLabel: "Twitter" },
+        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+        { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
       ]}
     />
   </div>
-- 
2.49.1