From f568121ff9adffa9eb5da4acaf1d838fc8311f3b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 5 Apr 2026 08:16:32 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 464 ++++++++++++++---------------------------------
 1 file changed, 133 insertions(+), 331 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index e01ba03..d59cfa3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -18,346 +18,148 @@ export default function LandingPage() {
         defaultButtonVariant="directional-hover"
         defaultTextAnimation="background-highlight"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "home",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="MindfulDaily"
-      button={{
-        text: "Get Started",
-        href: "#contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "home" },
+              { name: "About", id: "about" },
+              { name: "Features", id: "features" },
+              { name: "FAQ", id: "faq" },
+              { name: "Contact", id: "contact" }
+            ]}
+            brandName="MindfulDaily"
+            button={{ text: "Get Started", href: "#contact" }}
+          />
+        </div>
 
-  <div id="home" data-section="home">
-      <HeroSplitTestimonial
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Start your day with mindfulness"
-      description="MindfulDaily makes it simple to track your mood, reflect with quotes, and breathe deeply—all in one place."
-      testimonials={[
-        {
-          name: "Alice R.",
-          handle: "@alicer",
-          testimonial: "This app changed my daily routine completely.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg?_wi=1",
-        },
-        {
-          name: "Mark S.",
-          handle: "@marks",
-          testimonial: "Simple, clean, and truly helpful.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-smiling_74855-2579.jpg?_wi=1",
-        },
-        {
-          name: "Elena K.",
-          handle: "@elenak",
-          testimonial: "I love the daily quotes, always so timely.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-standing-airport_107420-63594.jpg?_wi=1",
-        },
-        {
-          name: "Sam L.",
-          handle: "@saml",
-          testimonial: "The breathing exercises are perfect for busy days.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-business-thinking-creative-beauty-black-lady-african-american-girl-isolated-gray-background_640221-36.jpg?_wi=1",
-        },
-        {
-          name: "Jo B.",
-          handle: "@job",
-          testimonial: "A beautiful way to check in with myself.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-brunette-girl-looking-happy-smiling-camera-outdoor-human-emotion-concept_574295-2802.jpg?_wi=1",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/world-mental-health-day-awareness-illustration_23-2151859113.jpg"
-      mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",
-          alt: "Alice",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/attractive-young-woman-smiling_74855-2579.jpg",
-          alt: "Mark",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-businesswoman-standing-airport_107420-63594.jpg",
-          alt: "Elena",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-woman-business-thinking-creative-beauty-black-lady-african-american-girl-isolated-gray-background_640221-36.jpg",
-          alt: "Sam",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-beautiful-brunette-girl-looking-happy-smiling-camera-outdoor-human-emotion-concept_574295-2802.jpg",
-          alt: "Jo",
-        },
-      ]}
-      avatarText="Join 10,000+ mindful users"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Daily Mood Tracking",
-        },
-        {
-          type: "text",
-          text: "Guided Breathing",
-        },
-        {
-          type: "text",
-          text: "Personalized Quotes",
-        },
-        {
-          type: "text",
-          text: "Private Journaling",
-        },
-        {
-          type: "text",
-          text: "Mindfulness Insights",
-        },
-      ]}
-    />
-  </div>
+        <div id="home" data-section="home">
+          <HeroSplitTestimonial
+            useInvertedBackground={false}
+            background={{ variant: "gradient-bars" }}
+            title="Start your day with mindfulness"
+            description="MindfulDaily makes it simple to track your mood, reflect with quotes, and breathe deeply—all in one place."
+            testimonials={[
+              { name: "Alice R.", handle: "@alicer", testimonial: "This app changed my daily routine completely.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg" },
+              { name: "Mark S.", handle: "@marks", testimonial: "Simple, clean, and truly helpful.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-smiling_74855-2579.jpg" },
+              { name: "Elena K.", handle: "@elenak", testimonial: "I love the daily quotes, always so timely.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-standing-airport_107420-63594.jpg" },
+              { name: "Sam L.", handle: "@saml", testimonial: "The breathing exercises are perfect for busy days.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-business-thinking-creative-beauty-black-lady-african-american-girl-isolated-gray-background_640221-36.jpg" },
+              { name: "Jo B.", handle: "@job", testimonial: "A beautiful way to check in with myself.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-brunette-girl-looking-happy-smiling-camera-outdoor-human-emotion-concept_574295-2802.jpg" }
+            ]}
+            buttons={[{ text: "Get Started", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/world-mental-health-day-awareness-illustration_23-2151859113.jpg"
+            mediaAnimation="blur-reveal"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg", alt: "Alice" },
+              { src: "http://img.b2bpic.net/free-photo/attractive-young-woman-smiling_74855-2579.jpg", alt: "Mark" },
+              { src: "http://img.b2bpic.net/free-photo/smiling-businesswoman-standing-airport_107420-63594.jpg", alt: "Elena" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-woman-business-thinking-creative-beauty-black-lady-african-american-girl-isolated-gray-background_640221-36.jpg", alt: "Sam" },
+              { src: "http://img.b2bpic.net/free-photo/close-up-beautiful-brunette-girl-looking-happy-smiling-camera-outdoor-human-emotion-concept_574295-2802.jpg", alt: "Jo" }
+            ]}
+            avatarText="Join 10,000+ mindful users"
+            marqueeItems={[
+              { type: "text", text: "Daily Mood Tracking" },
+              { type: "text", text: "Guided Breathing" },
+              { type: "text", text: "Personalized Quotes" },
+              { type: "text", text: "Private Journaling" },
+              { type: "text", text: "Mindfulness Insights" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={false}
-      title="Why focus on your well-being?"
-      metrics={[
-        {
-          label: "Daily Active Users",
-          value: "10k+",
-          icon: Users,
-        },
-        {
-          label: "Mindful Minutes",
-          value: "500k+",
-          icon: Timer,
-        },
-        {
-          label: "Quotes Shared",
-          value: "1M+",
-          icon: MessageCircle,
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <AboutMetric
+            useInvertedBackground={false}
+            title="Why focus on your well-being?"
+            metrics={[
+              { label: "Daily Active Users", value: "10k+", icon: Users },
+              { label: "Mindful Minutes", value: "500k+", icon: Timer },
+              { label: "Quotes Shared", value: "1M+", icon: MessageCircle }
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyThree
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "1",
-          title: "Mood Tracking",
-          tags: [
-            "Simple",
-            "Insightful",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/goals-habits-tracking-app_23-2148650659.jpg",
-        },
-        {
-          id: "2",
-          title: "Daily Inspiration",
-          tags: [
-            "Quotes",
-            "Positive",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-letter-cubes-with-frame_23-2148689388.jpg",
-        },
-        {
-          id: "3",
-          title: "Mindful Journaling",
-          tags: [
-            "Reflection",
-            "Privacy",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-colorful-overloaded-bullet-journal_23-2150168686.jpg",
-        },
-      ]}
-      title="Your daily companion"
-      description="Everything you need to stay grounded and connected to your emotions."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyThree
+            animationType="blur-reveal"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { id: "1", title: "Mood Tracking", tags: ["Simple", "Insightful"], imageSrc: "http://img.b2bpic.net/free-vector/goals-habits-tracking-app_23-2148650659.jpg" },
+              { id: "2", title: "Daily Inspiration", tags: ["Quotes", "Positive"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-letter-cubes-with-frame_23-2148689388.jpg" },
+              { id: "3", title: "Mindful Journaling", tags: ["Reflection", "Privacy"], imageSrc: "http://img.b2bpic.net/free-photo/still-life-colorful-overloaded-bullet-journal_23-2150168686.jpg" }
+            ]}
+            title="Your daily companion"
+            description="Everything you need to stay grounded and connected to your emotions."
+          />
+        </div>
 
-  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Alice R.",
-          handle: "@alice",
-          testimonial: "Finally, a simple app that doesn't overwhelm me.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg?_wi=2",
-        },
-        {
-          id: "2",
-          name: "Mark S.",
-          handle: "@mark",
-          testimonial: "The breathing exercises are life-savers during work.",
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-smiling_74855-2579.jpg?_wi=2",
-        },
-        {
-          id: "3",
-          name: "Elena K.",
-          handle: "@elena",
-          testimonial: "I love the journaling prompts. Very helpful!",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-standing-airport_107420-63594.jpg?_wi=2",
-        },
-        {
-          id: "4",
-          name: "Sam L.",
-          handle: "@sam",
-          testimonial: "Consistent, helpful, and beautiful.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-business-thinking-creative-beauty-black-lady-african-american-girl-isolated-gray-background_640221-36.jpg?_wi=2",
-        },
-        {
-          id: "5",
-          name: "Jo B.",
-          handle: "@jo",
-          testimonial: "Such a peaceful app to use daily.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-brunette-girl-looking-happy-smiling-camera-outdoor-human-emotion-concept_574295-2802.jpg?_wi=2",
-        },
-      ]}
-      title="Loved by thousands"
-      description="Read what our community says about their daily journey."
-    />
-  </div>
+        <div id="testimonial" data-section="testimonial">
+          <TestimonialCardSix
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Alice R.", handle: "@alice", testimonial: "Finally, a simple app that doesn't overwhelm me.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg" },
+              { id: "2", name: "Mark S.", handle: "@mark", testimonial: "The breathing exercises are life-savers during work.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-smiling_74855-2579.jpg" },
+              { id: "3", name: "Elena K.", handle: "@elena", testimonial: "I love the journaling prompts. Very helpful!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-standing-airport_107420-63594.jpg" },
+              { id: "4", name: "Sam L.", handle: "@sam", testimonial: "Consistent, helpful, and beautiful.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-business-thinking-creative-beauty-black-lady-african-american-girl-isolated-gray-background_640221-36.jpg" },
+              { id: "5", name: "Jo B.", handle: "@jo", testimonial: "Such a peaceful app to use daily.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-brunette-girl-looking-happy-smiling-camera-outdoor-human-emotion-concept_574295-2802.jpg" }
+            ]}
+            title="Loved by thousands"
+            description="Read what our community says about their daily journey."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "Is my data private?",
-          content: "Yes, all your journal entries are encrypted and private.",
-        },
-        {
-          id: "q2",
-          title: "Can I use it offline?",
-          content: "Yes, you can track your mood and journal offline.",
-        },
-        {
-          id: "q3",
-          title: "Is it free to use?",
-          content: "The basic version is free for all users.",
-        },
-      ]}
-      sideTitle="Common Questions"
-      sideDescription="Everything you need to know about MindfulDaily."
-      faqsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "Is my data private?", content: "Yes, all your journal entries are encrypted and private." },
+              { id: "q2", title: "Can I use it offline?", content: "Yes, you can track your mood and journal offline." },
+              { id: "q3", title: "Is it free to use?", content: "The basic version is free for all users." }
+            ]}
+            sideTitle="Common Questions"
+            sideDescription="Everything you need to know about MindfulDaily."
+            faqsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Join our community"
-      description="We are here to support your journey. Send us a message for any questions."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "How are you feeling today?",
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/home-workspace-minimalistic-design_23-2148991462.jpg"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Join our community"
+            description="We are here to support your journey. Send us a message for any questions."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name" },
+              { name: "email", type: "email", placeholder: "Your Email" }
+            ]}
+            textarea={{ name: "message", placeholder: "How are you feeling today?" }}
+            imageSrc="http://img.b2bpic.net/free-photo/home-workspace-minimalistic-design_23-2148991462.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Product",
-          items: [
-            {
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "Pricing",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Blog",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 MindfulDaily Inc."
-      bottomRightText="All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#" }] },
+              { title: "Company", items: [{ label: "About", href: "#" }, { label: "Blog", href: "#" }] },
+              { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] }
+            ]}
+            bottomLeftText="© 2024 MindfulDaily Inc."
+            bottomRightText="All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1