From 3fdcd323becb05468bc6f49bfb11d08a2ea0f264 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 18 Apr 2026 08:35:33 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index e896f49..98d0b85 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Analytics",
-          id: "metrics",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Features", id: "features" },
+        { name: "Analytics", id: "metrics" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="HabitFlow"
     />
@@ -54,99 +42,32 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitTestimonial
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       title="Master Your Habits, Own Your Future."
       description="Visualize your progress, track daily goals, and turn consistency into your biggest competitive advantage with our intelligent habit tracking platform."
       testimonials={[
-        {
-          name: "Sarah Miller",
-          handle: "@smiller",
-          testimonial: "Finally, an app that actually makes tracking habits feel rewarding rather than a chore.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-beautiful-woman-holding-tablet_74855-3126.jpg?_wi=1",
-        },
-        {
-          name: "James Chen",
-          handle: "@jchen",
-          testimonial: "The analytics dashboard gives me the clarity I need to stay focused every single week.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-woman-standing-near-desk_273609-11006.jpg?_wi=1",
-        },
-        {
-          name: "Elena Rodriguez",
-          handle: "@erodriguez",
-          testimonial: "The design is incredibly clean. It helps me focus on what really matters - my consistency.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-unshaven-young-dark-skinned-engineer-having-confused-look_273609-14145.jpg",
-        },
-        {
-          name: "David Kim",
-          handle: "@dkim",
-          testimonial: "Productivity hit a new high since I started tracking my focus sessions here.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-young-handsome-caucasian-man-wearing-glasses-standing-with-closed-posture-looking-side-isolated-crimson-background-with-copy-space_141793-77587.jpg",
-        },
-        {
-          name: "Monica Patel",
-          handle: "@mpatel",
-          testimonial: "HabitFlow is the perfect balance of simplicity and deep data insights for my daily routine.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-reading-message-cellphone-cafe_1262-3029.jpg",
-        },
+        { name: "Sarah Miller", handle: "@smiller", testimonial: "Finally, an app that actually makes tracking habits feel rewarding rather than a chore.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-beautiful-woman-holding-tablet_74855-3126.jpg" },
+        { name: "James Chen", handle: "@jchen", testimonial: "The analytics dashboard gives me the clarity I need to stay focused every single week.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-woman-standing-near-desk_273609-11006.jpg" },
+        { name: "Elena Rodriguez", handle: "@erodriguez", testimonial: "The design is incredibly clean. It helps me focus on what really matters - my consistency.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-unshaven-young-dark-skinned-engineer-having-confused-look_273609-14145.jpg" },
+        { name: "David Kim", handle: "@dkim", testimonial: "Productivity hit a new high since I started tracking my focus sessions here.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-young-handsome-caucasian-man-wearing-glasses-standing-with-closed-posture-looking-side-isolated-crimson-background-with-copy-space_141793-77587.jpg" },
+        { name: "Monica Patel", handle: "@mpatel", testimonial: "HabitFlow is the perfect balance of simplicity and deep data insights for my daily routine.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-reading-message-cellphone-cafe_1262-3029.jpg" },
       ]}
-      buttons={[
-        {
-          text: "Start Tracking",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/mobile-app-analytics-dashboard_23-2151957122.jpg?_wi=1"
+      buttons={[{ text: "Start Tracking", href: "#contact" }]}
+      imageSrc="http://img.b2bpic.net/free-photo/mobile-app-analytics-dashboard_23-2151957122.jpg"
       mediaAnimation="blur-reveal"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-man-holding-tablet-hands-mock-up_23-2148221707.jpg",
-          alt: "User 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/positive-smiling-tablet-user-showing-blank-screen_74855-3650.jpg",
-          alt: "User 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/handsome-bearded-man-smiling-camera-drinking-coffee-reading-digital-tablet-standing-w_1258-144818.jpg",
-          alt: "User 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/serious-confident-tablet-user-presenting-blank-screen_74855-3088.jpg",
-          alt: "User 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-businesswoman-sitting-office-table-with-laptop-looking-camera-isolated-white-background_231208-1990.jpg",
-          alt: "User 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/happy-man-holding-tablet-hands-mock-up_23-2148221707.jpg", alt: "User 1" },
+        { src: "http://img.b2bpic.net/free-photo/positive-smiling-tablet-user-showing-blank-screen_74855-3650.jpg", alt: "User 2" },
+        { src: "http://img.b2bpic.net/free-photo/handsome-bearded-man-smiling-camera-drinking-coffee-reading-digital-tablet-standing-w_1258-144818.jpg", alt: "User 3" },
+        { src: "http://img.b2bpic.net/free-photo/serious-confident-tablet-user-presenting-blank-screen_74855-3088.jpg", alt: "User 4" },
+        { src: "http://img.b2bpic.net/free-photo/young-businesswoman-sitting-office-table-with-laptop-looking-camera-isolated-white-background_231208-1990.jpg", alt: "User 5" },
       ]}
       marqueeItems={[
-        {
-          type: "text",
-          text: "Consistent Growth",
-        },
-        {
-          type: "text",
-          text: "Deep Analytics",
-        },
-        {
-          type: "text",
-          text: "Daily Wins",
-        },
-        {
-          type: "text",
-          text: "Habit Streak",
-        },
-        {
-          type: "text",
-          text: "Performance Boost",
-        },
+        { type: "text", text: "Consistent Growth" },
+        { type: "text", text: "Deep Analytics" },
+        { type: "text", text: "Daily Wins" },
+        { type: "text", text: "Habit Streak" },
+        { type: "text", text: "Performance Boost" },
       ]}
     />
   </div>
@@ -158,76 +79,31 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Automated Progress Tracking",
-          description: "Seamlessly log daily activities and watch your progress unfold with automated charts.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/retro-camera-near-smartphone-cup-drink-calendar_23-2148036887.jpg",
-          },
+          title: "Automated Progress Tracking",          description: "Seamlessly log daily activities and watch your progress unfold with automated charts.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/retro-camera-near-smartphone-cup-drink-calendar_23-2148036887.jpg", imageAlt: "digital habit calendar interface" },
           items: [
-            {
-              icon: CheckCircle,
-              text: "Instant updates",
-            },
-            {
-              icon: Zap,
-              text: "Real-time sync",
-            },
-            {
-              icon: Shield,
-              text: "Secure data",
-            },
+            { icon: CheckCircle, text: "Instant updates" },
+            { icon: Zap, text: "Real-time sync" },
+            { icon: Shield, text: "Secure data" },
           ],
           reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/mobile-app-analytics-dashboard_23-2151957122.jpg?_wi=2",
-          imageAlt: "digital habit calendar interface",
         },
         {
-          title: "Data-Driven Insights",
-          description: "Identify patterns in your behavior with detailed weekly summaries and personalized habits scoring.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/back-view-women-doing-sport-with-stats_23-2150040498.jpg",
-          },
+          title: "Data-Driven Insights",          description: "Identify patterns in your behavior with detailed weekly summaries and personalized habits scoring.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/back-view-women-doing-sport-with-stats_23-2150040498.jpg", imageAlt: "digital habit calendar interface" },
           items: [
-            {
-              icon: BarChart,
-              text: "Weekly trends",
-            },
-            {
-              icon: PieChart,
-              text: "Behavior clusters",
-            },
-            {
-              icon: Award,
-              text: "Consistency scores",
-            },
+            { icon: BarChart, text: "Weekly trends" },
+            { icon: PieChart, text: "Behavior clusters" },
+            { icon: Award, text: "Consistency scores" },
           ],
           reverse: true,
-          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169854.jpg",
-          imageAlt: "digital habit calendar interface",
         },
         {
-          title: "Gamified Milestone Challenges",
-          description: "Stay motivated with streaks, achievements, and milestone badges that reward your discipline.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-beautiful-woman-holding-tablet_74855-3126.jpg?_wi=2",
-          },
+          title: "Gamified Milestone Challenges",          description: "Stay motivated with streaks, achievements, and milestone badges that reward your discipline.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-beautiful-woman-holding-tablet_74855-3126.jpg", imageAlt: "digital habit calendar interface" },
           items: [
-            {
-              icon: Star,
-              text: "Streak tracking",
-            },
-            {
-              icon: Trophy,
-              text: "Milestone rewards",
-            },
-            {
-              icon: Sparkles,
-              text: "Achievements",
-            },
+            { icon: Star, text: "Streak tracking" },
+            { icon: Trophy, text: "Milestone rewards" },
+            { icon: Sparkles, text: "Achievements" },
           ],
           reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-woman-standing-near-desk_273609-11006.jpg?_wi=2",
-          imageAlt: "digital habit calendar interface",
         },
       ]}
       title="Tools for Consistent Growth"
@@ -241,27 +117,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "95%",
-          title: "Average Success Rate",
-          description: "Users report significantly higher habit consistency within the first 30 days.",
-          imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg",
-        },
-        {
-          id: "m2",
-          value: "12k+",
-          title: "Habits Established",
-          description: "Total habits successfully built by our global community this year alone.",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-remote-working-while-camping-site_23-2149496887.jpg",
-        },
-        {
-          id: "m3",
-          value: "4.8/5",
-          title: "User Satisfaction",
-          description: "Our platform is rated highly for its intuitive design and actionable insights.",
-          imageSrc: "http://img.b2bpic.net/free-photo/stats-concept-with-pie-chart-flat-lay_23-2148950389.jpg",
-        },
+        { id: "m1", value: "95%", title: "Average Success Rate", description: "Users report significantly higher habit consistency within the first 30 days.", imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg" },
+        { id: "m2", value: "12k+", title: "Habits Established", description: "Total habits successfully built by our global community this year alone.", imageSrc: "http://img.b2bpic.net/free-photo/person-remote-working-while-camping-site_23-2149496887.jpg" },
+        { id: "m3", value: "4.8/5", title: "User Satisfaction", description: "Our platform is rated highly for its intuitive design and actionable insights.", imageSrc: "http://img.b2bpic.net/free-photo/stats-concept-with-pie-chart-flat-lay_23-2148950389.jpg" },
       ]}
       title="Evidence-Based Growth"
       description="We measure what matters, helping you understand your progress through concrete data."
@@ -275,26 +133,11 @@ export default function LandingPage() {
       rating={5}
       author="Mark Zuckerberg (Not the real one, clearly)"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328287.jpg",
-          alt: "Sarah",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/thoughtful-woman-using-laptop_1170-325.jpg",
-          alt: "James",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/adult-male-illustrator-working-tablet-device_23-2149863235.jpg",
-          alt: "Elena",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/successful-confident-businessman-glasses-speaking-beige-wall_176420-138.jpg",
-          alt: "David",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-book-close-up_23-2148396302.jpg",
-          alt: "Monica",
-        },
+        { src: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328287.jpg", alt: "Sarah" },
+        { src: "http://img.b2bpic.net/free-photo/thoughtful-woman-using-laptop_1170-325.jpg", alt: "James" },
+        { src: "http://img.b2bpic.net/free-photo/adult-male-illustrator-working-tablet-device_23-2149863235.jpg", alt: "Elena" },
+        { src: "http://img.b2bpic.net/free-photo/successful-confident-businessman-glasses-speaking-beige-wall_176420-138.jpg", alt: "David" },
+        { src: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-book-close-up_23-2148396302.jpg", alt: "Monica" },
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="blur-reveal"
@@ -305,21 +148,9 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "How do I start tracking?",
-          content: "Simply add your habit, set your frequency, and tap to log your daily success.",
-        },
-        {
-          id: "q2",
-          title: "Can I sync with other devices?",
-          content: "Yes, HabitFlow syncs across all devices automatically via your cloud account.",
-        },
-        {
-          id: "q3",
-          title: "Is my data private?",
-          content: "We prioritize user privacy and ensure all your habit data is encrypted securely.",
-        },
+        { id: "q1", title: "How do I start tracking?", content: "Simply add your habit, set your frequency, and tap to log your daily success." },
+        { id: "q2", title: "Can I sync with other devices?", content: "Yes, HabitFlow syncs across all devices automatically via your cloud account." },
+        { id: "q3", title: "Is my data private?", content: "We prioritize user privacy and ensure all your habit data is encrypted securely." },
       ]}
       sideTitle="Your Questions, Answered."
       sideDescription="Need clarity? We have the information you need to get started with confidence."
@@ -331,15 +162,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
-        "Google",
-        "Microsoft",
-        "Notion",
-        "Slack",
-        "Asana",
-        "Zapier",
-        "Figma",
-      ]}
+      names={["Google", "Microsoft", "Notion", "Slack", "Asana", "Zapier", "Figma"]}
       title="Trusted by Productivity Teams"
       description="Our community includes members from top technology companies worldwide."
     />
@@ -348,16 +171,9 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       text="Ready to master your habits?"
-      buttons={[
-        {
-          text: "Get Started Today",
-          href: "#contact",
-        },
-      ]}
+      buttons={[{ text: "Get Started Today", href: "#contact" }]}
     />
   </div>
 
@@ -365,57 +181,9 @@ export default function LandingPage() {
       <FooterBaseReveal
       logoText="HabitFlow"
       columns={[
-        {
-          title: "Product",
-          items: [
-            {
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "Analytics",
-              href: "#metrics",
-            },
-            {
-              label: "Pricing",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-            {
-              label: "Blog",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Resources",
-          items: [
-            {
-              label: "Support",
-              href: "#",
-            },
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Analytics", href: "#metrics" }, { label: "Pricing", href: "#" }] },
+        { title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }, { label: "Blog", href: "#" }] },
+        { title: "Resources", items: [{ label: "Support", href: "#" }, { label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
       ]}
     />
   </div>