Merge version_4 into main

Merge version_4 into main

src/app/about/page.tsx

@@ -0,0 +1,61 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import AboutMetric from '@/components/sections/about/AboutMetric';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import { Brain, Heart, Users, MessageSquareText } from "lucide-react";
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
+      <div className="fixed bottom-8 right-8 z-50">
+          <button className="bg-primary-cta text-primary-cta-text p-4 rounded-full shadow-lg hover:scale-110 transition-transform">
+            <MessageSquareText size={24} />
+          </button>
+      </div>
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Therapy AI", id: "/therapy-ai" },
+          ]}
+          brandName="NeuroFlow"
+        />
+      </div>
+      <div className="pt-32 pb-20" id="metrics" data-section="metrics">
+        <AboutMetric
+          title="Our Vision for Calm Productivity"
+          metrics={[
+            { icon: Brain, label: "Focus Science", value: "Evidence-Based" },
+            { icon: Heart, label: "Empathy First", value: "Neuro-Inclusive" },
+            { icon: Users, label: "Community", value: "10k+ Members" },
+          ]}
+          metricsAnimation="blur-reveal"
+          useInvertedBackground={false}
+        />
+      </div>
+      <div id="footer" data-section="footer">
+        <FooterMedia
+          logoText="NeuroFlow"
+          imageSrc="https://images.unsplash.com/photo-1506748686214-e9df14d4d9d0?_wi=1"
+          columns={[
+            { title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Therapy AI", href: "/therapy-ai" }] },
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/focus-mode/page.tsx

@@ -0,0 +1,46 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import { MessageSquareText } from "lucide-react";
+
+export default function FocusModePage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
+      <div className="fixed bottom-8 right-8 z-50">
+          <button className="bg-primary-cta text-primary-cta-text p-4 rounded-full shadow-lg hover:scale-110 transition-transform">
+            <MessageSquareText size={24} />
+          </button>
+      </div>
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Therapy AI", id: "/therapy-ai" },
+            { name: "Study AI", id: "/study-ai" },
+            { name: "Planner", id: "/planner" },
+            { name: "Focus Mode", id: "/focus-mode" }
+          ]}
+          brandName="NeuroFlow"
+        />
+      </div>
+      <main className="min-h-screen flex items-center justify-center p-8">
+        <div className="backdrop-blur-xl bg-white/10 border border-white/20 p-12 rounded-3xl shadow-2xl text-center max-w-2xl">
+            <p>Focus Mode</p>
+        </div>
+      </main>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -12,395 +12,166 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import { Activity, Calendar, CheckCircle, Clock, Lightbulb, Music, ShieldCheck, TrendingUp, Users, Zap } from "lucide-react";
+import { Activity, Calendar, CheckCircle, Clock, Lightbulb, Music, ShieldCheck, TrendingUp, Users, Zap, MessageSquareText } from "lucide-react";
 
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="text-stagger"
+        defaultButtonVariant="hover-magnetic"
         defaultTextAnimation="reveal-blur"
         borderRadius="soft"
         contentWidth="medium"
         sizing="largeSizeMediumTitles"
         background="noiseDiagonalGradient"
         cardStyle="soft-shadow"
-        primaryButtonStyle="flat"
+        primaryButtonStyle="primary-glow"
         secondaryButtonStyle="glass"
-        headingFontWeight="normal"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Features",
-          id: "#features",
-        },
-        {
-          name: "Pricing",
-          id: "#pricing",
-        },
-        {
-          name: "Support",
-          id: "#faq",
-        },
-      ]}
-      brandName="NeuroFlow"
-    />
-  </div>
-
-  <div id="hero" data-section="hero">
-      <HeroBillboardRotatedCarousel
-      background={{
-        variant: "rotated-rays-animated",
-      }}
-      title="Start Focusing Smarter"
-      description="NeuroFlow is your calm, AI-powered companion designed to help you study, organize, and thrive—free from the overwhelm."
-      buttons={[
-        {
-          text: "Start Free Trial",
-          href: "#",
-        },
-      ]}
-      carouselItems={[
-        {
-          id: "slide1",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-blurred-spots-black-screen_23-2148241362.jpg",
-          imageAlt: "futuristic dashboard interface",
-        },
-        {
-          id: "slide2",
-          imageSrc: "http://img.b2bpic.net/free-photo/three-smart-blank-screens-wall_53876-160689.jpg",
-          imageAlt: "futuristic dashboard interface",
-        },
-        {
-          id: "slide3",
-          imageSrc: "http://img.b2bpic.net/free-photo/shiny-blue-computer-graphic-backdrop-with-defocused-motion-generated-by-ai_188544-9599.jpg",
-          imageAlt: "futuristic dashboard interface",
-        },
-        {
-          id: "slide4",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-geometric-shapes_23-2150979717.jpg",
-          imageAlt: "futuristic dashboard interface",
-        },
-        {
-          id: "slide5",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-shape-glowing-with-bright-holographic-colors_23-2151037277.jpg",
-          imageAlt: "futuristic dashboard interface",
-        },
-        {
-          id: "slide6",
-          imageSrc: "http://img.b2bpic.net/free-vector/gradient-glassmorphism-mobile-app-template_23-2149440842.jpg",
-          imageAlt: "futuristic dashboard interface",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="metrics" data-section="metrics">
-      <MetricCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "1",
-          icon: CheckCircle,
-          title: "Tasks Completed",
-          value: "2.4k+",
-        },
-        {
-          id: "2",
-          icon: Clock,
-          title: "Focus Hours",
-          value: "1.2k",
-        },
-        {
-          id: "3",
-          icon: Zap,
-          title: "XP Points Earned",
-          value: "58k",
-        },
-        {
-          id: "4",
-          icon: TrendingUp,
-          title: "Streaks Built",
-          value: "45",
-        },
-        {
-          id: "5",
-          icon: Users,
-          title: "Community Members",
-          value: "10k+",
-        },
-      ]}
-      title="Your Progress"
-      description="Visualize your journey towards deep focus and sustained productivity."
-    />
-  </div>
-
-  <div id="features" data-section="features">
-      <FeatureHoverPattern
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          icon: Lightbulb,
-          title: "AI ADHD Assistant",
-          description: "Gentle, supportive AI guidance for task breakdowns and routines.",
-        },
-        {
-          icon: Activity,
-          title: "Gamified Flow",
-          description: "Earn XP, unlock themes, and build streaks through focused work.",
-        },
-        {
-          icon: Music,
-          title: "Ambient Soundscape",
-          description: "Curated ambient textures to help you enter and stay in deep focus.",
-        },
-        {
-          icon: Calendar,
-          title: "Intuitive Planning",
-          description: "Drag-and-drop scheduling that adapts to your energy levels.",
-        },
-        {
-          icon: ShieldCheck,
-          title: "Privacy First",
-          description: "Your focus habits and tasks remain yours and yours alone.",
-        },
-      ]}
-      title="Designed for Clarity"
-      description="Every feature is crafted to reduce friction and minimize cognitive load."
-    />
-  </div>
-
-  <div id="pricing" data-section="pricing">
-      <PricingCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "basic",
-          badge: "Essential",
-          price: "$0",
-          subtitle: "Get started for free",
-          buttons: [
-            {
-              text: "Sign Up",
-              href: "#",
-            },
-          ],
-          features: [
-            "Basic task manager",
-            "Focus timer",
-            "Community access",
-          ],
-        },
-        {
-          id: "premium",
-          badge: "Pro",
-          price: "$12",
-          subtitle: "For advanced support",
-          buttons: [
-            {
-              text: "Upgrade",
-              href: "#",
-            },
-          ],
-          features: [
-            "AI Assistant",
-            "Ambient music library",
-            "Advanced analytics",
-            "Custom themes",
-            "Priority support",
-          ],
-        },
-      ]}
-      title="Simple Pricing"
-      description="Choose the perfect plan to support your productivity journey."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah J.",
-          handle: "@sarah_focus",
-          testimonial: "Finally, a tool that doesn't feel overwhelming. It feels like a hug for my brain.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg",
-        },
-        {
-          id: "2",
-          name: "Mark L.",
-          handle: "@mark_study",
-          testimonial: "The AI assistant changed how I break down projects. No more executive dysfunction anxiety.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-manager-examines-infographics-oversee-business-operations_482257-128607.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily C.",
-          handle: "@emily_creative",
-          testimonial: "The music and interface are so calming. It makes studying actually feel good.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/waist-up-shot-young-girl-sitting-her-desk-with-pile-textbooks-writing_1098-20796.jpg",
-        },
-        {
-          id: "4",
-          name: "David W.",
-          handle: "@david_pro",
-          testimonial: "I love the gamification. It's the only way I stay consistent with my daily habits.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-with-laptop-posing-coworker_23-2148746260.jpg",
-        },
-        {
-          id: "5",
-          name: "Anna P.",
-          handle: "@anna_design",
-          testimonial: "NeuroFlow is gorgeous. It reduces my stress just by opening the dashboard.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-looking-camera_23-2148130353.jpg",
-        },
-      ]}
-      showRating={true}
-      title="Loved by Neurodivergent Humans"
-      description="Our community is growing. See what others are saying."
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "Is it right for me?",
-          content: "Yes! NeuroFlow is specifically built for neurodivergent minds.",
-        },
-        {
-          id: "q2",
-          title: "Is it free?",
-          content: "We offer a generous free tier for daily needs.",
-        },
-        {
-          id: "q3",
-          title: "What about my data?",
-          content: "Your data is private and never shared.",
-        },
-        {
-          id: "q4",
-          title: "Can I cancel anytime?",
-          content: "Absolutely. Our subscription can be managed or canceled in your settings at any time.",
-        },
-        {
-          id: "q5",
-          title: "Does it support desktop?",
-          content: "Yes, NeuroFlow is accessible via browser on all major desktop and mobile platforms.",
-        },
-      ]}
-      sideTitle="Questions?"
-      faqsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="blog" data-section="blog">
-      <BlogCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Latest Insights"
-      description="Tips for managing ADHD and finding flow."
-      blogs={[
-        {
-          id: "b1",
-          category: "Focus",
-          title: "Why Pomodoro helps ADHD",
-          excerpt: "Deep dive into focus rhythms.",
-          imageSrc: "http://img.b2bpic.net/free-vector/chatbot-ai-multiple-styles-set_78370-9694.jpg",
-          authorName: "Team NeuroFlow",
-          authorAvatar: "http://img.b2bpic.net/free-photo/man-sitting-living-room-home-guy-enjoying-studying-using-laptop-headset_1157-48722.jpg",
-          date: "Jan 2025",
-        },
-        {
-          id: "b2",
-          category: "Routine",
-          title: "Morning Habits Simplified",
-          excerpt: "How to start your day calmly.",
-          imageSrc: "http://img.b2bpic.net/free-photo/black-coffee-cup-alarm-clock-diary-pencil-white-background-with-copy-space-text_23-2148061615.jpg",
-          authorName: "Team NeuroFlow",
-          authorAvatar: "http://img.b2bpic.net/free-photo/content-creator-filming-packaged-product-unboxing_482257-124404.jpg",
-          date: "Jan 2025",
-        },
-        {
-          id: "b3",
-          category: "Science",
-          title: "The Dopamine Effect",
-          excerpt: "How rewards build consistency.",
-          imageSrc: "http://img.b2bpic.net/free-photo/azure-specks-light_23-2147786100.jpg",
-          authorName: "Team NeuroFlow",
-          authorAvatar: "http://img.b2bpic.net/free-photo/teenage-boy-bedroom-doing-work-stressed-out-frustrated_53876-144262.jpg",
-          date: "Jan 2025",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "rotated-rays-static",
-      }}
-      tag="Get Started"
-      title="Ready to find your flow?"
-      description="Join thousands who are reclaiming their focus. Sign up today."
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/aesthetic-background-with-light-sunset-projector-lamp_53876-103668.jpg"
-      logoText="NeuroFlow"
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2025 NeuroFlow | Calm Productivity"
-    />
-  </div>
+        <div className="fixed bottom-8 right-8 z-50">
+          <button className="bg-primary-cta text-primary-cta-text p-4 rounded-full shadow-lg hover:scale-110 transition-transform">
+            <MessageSquareText size={24} />
+          </button>
+        </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "About Us", id: "/about" },
+              { name: "Therapy AI", id: "/therapy-ai" },
+              { name: "Study AI", id: "/study-ai" },
+              { name: "Planner", id: "/planner" },
+              { name: "Focus Mode", id: "/focus-mode" }
+            ]}
+            brandName="NeuroFlow"
+          />
+        </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardRotatedCarousel
+            background={{ variant: "rotated-rays-animated" }}
+            title="Start Focusing Smarter"
+            description="NeuroFlow is your calm, AI-powered companion designed to help you study, organize, and thrive—free from the overwhelm."
+            buttons={[{ text: "Start Free Trial", href: "#" }]}
+            carouselItems={[
+              { id: "slide1", imageSrc: "http://img.b2bpic.net/free-photo/high-blurred-spots-black-screen_23-2148241362.jpg", imageAlt: "futuristic dashboard interface" },
+              { id: "slide2", imageSrc: "http://img.b2bpic.net/free-photo/three-smart-blank-screens-wall_53876-160689.jpg", imageAlt: "futuristic dashboard interface" },
+              { id: "slide3", imageSrc: "http://img.b2bpic.net/free-photo/shiny-blue-computer-graphic-backdrop-with-defocused-motion-generated-by-ai_188544-9599.jpg", imageAlt: "futuristic dashboard interface" },
+              { id: "slide4", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-geometric-shapes_23-2150979717.jpg", imageAlt: "futuristic dashboard interface" },
+              { id: "slide5", imageSrc: "http://img.b2bpic.net/free-photo/3d-shape-glowing-with-bright-holographic-colors_23-2151037277.jpg", imageAlt: "futuristic dashboard interface" },
+              { id: "slide6", imageSrc: "http://img.b2bpic.net/free-vector/gradient-glassmorphism-mobile-app-template_23-2149440842.jpg", imageAlt: "futuristic dashboard interface" }
+            ]}
+          />
+        </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardThree
+            animationType="depth-3d"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "1", icon: CheckCircle, title: "Tasks Completed", value: "2.4k+" },
+              { id: "2", icon: Clock, title: "Focus Hours", value: "1.2k" },
+              { id: "3", icon: Zap, title: "XP Points Earned", value: "58k" },
+              { id: "4", icon: TrendingUp, title: "Streaks Built", value: "45" },
+              { id: "5", icon: Users, title: "Community Members", value: "10k+" },
+            ]}
+            title="Your Progress"
+            description="Visualize your journey towards deep focus and sustained productivity."
+          />
+        </div>
+        <div id="features" data-section="features">
+          <FeatureHoverPattern
+            animationType="blur-reveal"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { icon: Lightbulb, title: "AI ADHD Assistant", description: "Gentle, supportive AI guidance for task breakdowns and routines." },
+              { icon: Activity, title: "Gamified Flow", description: "Earn XP, unlock themes, and build streaks through focused work." },
+              { icon: Music, title: "Ambient Soundscape", description: "Curated ambient textures to help you enter and stay in deep focus." },
+              { icon: Calendar, title: "Intuitive Planning", description: "Drag-and-drop scheduling that adapts to your energy levels." },
+              { icon: ShieldCheck, title: "Privacy First", description: "Your focus habits and tasks remain yours and yours alone." },
+            ]}
+            title="Designed for Clarity"
+            description="Every feature is crafted to reduce friction and minimize cognitive load."
+          />
+        </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardTwo
+            animationType="scale-rotate"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            plans={[
+              { id: "basic", badge: "Essential", price: "$0", subtitle: "Get started for free", buttons: [{ text: "Sign Up", href: "#" }], features: ["Basic task manager", "Focus timer", "Community access"] },
+              { id: "premium", badge: "Pro", price: "$12", subtitle: "For advanced support", buttons: [{ text: "Upgrade", href: "#" }], features: ["AI Assistant", "Ambient music library", "Advanced analytics", "Custom themes", "Priority support"] },
+            ]}
+            title="Simple Pricing"
+            description="Choose the perfect plan to support your productivity journey."
+          />
+        </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardThirteen
+            animationType="depth-3d"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Sarah J.", handle: "@sarah_focus", testimonial: "Finally, a tool that doesn't feel overwhelming. It feels like a hug for my brain.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg" },
+              { id: "2", name: "Mark L.", handle: "@mark_study", testimonial: "The AI assistant changed how I break down projects. No more executive dysfunction anxiety.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-manager-examines-infographics-oversee-business-operations_482257-128607.jpg" },
+              { id: "3", name: "Emily C.", handle: "@emily_creative", testimonial: "The music and interface are so calming. It makes studying actually feel good.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/waist-up-shot-young-girl-sitting-her-desk-with-pile-textbooks-writing_1098-20796.jpg" },
+              { id: "4", name: "David W.", handle: "@david_pro", testimonial: "I love the gamification. It's the only way I stay consistent with my daily habits.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-with-laptop-posing-coworker_23-2148746260.jpg" },
+              { id: "5", name: "Anna P.", handle: "@anna_design", testimonial: "NeuroFlow is gorgeous. It reduces my stress just by opening the dashboard.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-looking-camera_23-2148130353.jpg" },
+            ]}
+            showRating={true}
+            title="Loved by Neurodivergent Humans"
+            description="Our community is growing. See what others are saying."
+          />
+        </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "Is it right for me?", content: "Yes! NeuroFlow is specifically built for neurodivergent minds." },
+              { id: "q2", title: "Is it free?", content: "We offer a generous free tier for daily needs." },
+              { id: "q3", title: "What about my data?", content: "Your data is private and never shared." },
+              { id: "q4", title: "Can I cancel anytime?", content: "Absolutely. Our subscription can be managed or canceled in your settings at any time." },
+              { id: "q5", title: "Does it support desktop?", content: "Yes, NeuroFlow is accessible via browser on all major desktop and mobile platforms." },
+            ]}
+            sideTitle="Questions?"
+            faqsAnimation="blur-reveal"
+          />
+        </div>
+        <div id="blog" data-section="blog">
+          <BlogCardThree
+            animationType="scale-rotate"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Latest Insights"
+            description="Tips for managing ADHD and finding flow."
+            blogs={[
+              { id: "b1", category: "Focus", title: "Why Pomodoro helps ADHD", excerpt: "Deep dive into focus rhythms.", imageSrc: "http://img.b2bpic.net/free-vector/chatbot-ai-multiple-styles-set_78370-9694.jpg", authorName: "Team NeuroFlow", authorAvatar: "http://img.b2bpic.net/free-photo/man-sitting-living-room-home-guy-enjoying-studying-using-laptop-headset_1157-48722.jpg", date: "Jan 2025" },
+              { id: "b2", category: "Routine", title: "Morning Habits Simplified", excerpt: "How to start your day calmly.", imageSrc: "http://img.b2bpic.net/free-photo/black-coffee-cup-alarm-clock-diary-pencil-white-background-with-copy-space-text_23-2148061615.jpg", authorName: "Team NeuroFlow", authorAvatar: "http://img.b2bpic.net/free-photo/content-creator-filming-packaged-product-unboxing_482257-124404.jpg", date: "Jan 2025" },
+              { id: "b3", category: "Science", title: "The Dopamine Effect", excerpt: "How rewards build consistency.", imageSrc: "http://img.b2bpic.net/free-photo/azure-specks-light_23-2147786100.jpg", authorName: "Team NeuroFlow", authorAvatar: "http://img.b2bpic.net/free-photo/teenage-boy-bedroom-doing-work-stressed-out-frustrated_53876-144262.jpg", date: "Jan 2025" },
+            ]}
+          />
+        </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "rotated-rays-static" }}
+            tag="Get Started"
+            title="Ready to find your flow?"
+            description="Join thousands who are reclaiming their focus. Sign up today."
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/aesthetic-background-with-light-sunset-projector-lamp_53876-103668.jpg"
+            logoText="NeuroFlow"
+            columns={[
+              { title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
+              { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
+            ]}
+            copyrightText="© 2025 NeuroFlow | Calm Productivity"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/planner/page.tsx

@@ -0,0 +1,49 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import { MessageSquareText } from "lucide-react";
+
+export default function PlannerPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-magnetic"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="medium"
+        sizing="largeSizeMediumTitles"
+        background="noiseDiagonalGradient"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
+    >
+      <div className="fixed bottom-8 right-8 z-50">
+          <button className="bg-primary-cta text-primary-cta-text p-4 rounded-full shadow-lg hover:scale-110 transition-transform">
+            <MessageSquareText size={24} />
+          </button>
+      </div>
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Study AI", id: "/study-ai" },
+            { name: "Planner", id: "/planner" },
+          ]}
+          brandName="NeuroFlow"
+        />
+      </div>
+      <main className="min-h-screen p-10 flex flex-col items-center justify-center space-y-6">
+        <h1 className="text-5xl font-bold">Nature-Inspired Planner</h1>
+      </main>
+      <div id="footer" data-section="footer">
+        <FooterMedia
+          logoText="NeuroFlow"
+          videoSrc="https://player.vimeo.com/external/123456789.sd.mp4?s=123456789&_wi=1"
+          columns={[]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/study-ai/page.tsx

@@ -0,0 +1,49 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import { MessageSquareText } from "lucide-react";
+
+export default function StudyAIPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-magnetic"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="medium"
+        sizing="largeSizeMediumTitles"
+        background="noiseDiagonalGradient"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
+    >
+      <div className="fixed bottom-8 right-8 z-50">
+          <button className="bg-primary-cta text-primary-cta-text p-4 rounded-full shadow-lg hover:scale-110 transition-transform">
+            <MessageSquareText size={24} />
+          </button>
+      </div>
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Study AI", id: "/study-ai" },
+            { name: "Planner", id: "/planner" },
+          ]}
+          brandName="NeuroFlow"
+        />
+      </div>
+      <main className="min-h-screen p-10 flex flex-col items-center justify-center space-y-6">
+        <h1 className="text-5xl font-bold">Study AI Assistant</h1>
+      </main>
+      <div id="footer" data-section="footer">
+        <FooterMedia
+          logoText="NeuroFlow"
+          videoSrc="https://player.vimeo.com/external/123456789.sd.mp4?s=123456789&_wi=2"
+          columns={[]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000000;
-  --card: #0c0c0c;
-  --foreground: #ffffff;
-  --primary-cta: #cee7ff;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #f8f5ffe6;
+  --primary-cta: #c89bff;
   --primary-cta-text: #000000;
-  --secondary-cta: #000000;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #ffffff;
-  --accent: #535353;
-  --background-accent: #CEE7FF;
+  --accent: #737373;
+  --background-accent: #737373;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/app/therapy-ai/page.tsx

@@ -0,0 +1,63 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import { MessageSquareText } from "lucide-react";
+
+export default function TherapyAIPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
+      <div className="fixed bottom-8 right-8 z-50">
+          <button className="bg-primary-cta text-primary-cta-text p-4 rounded-full shadow-lg hover:scale-110 transition-transform">
+            <MessageSquareText size={24} />
+          </button>
+      </div>
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Therapy AI", id: "/therapy-ai" },
+          ]}
+          brandName="NeuroFlow"
+        />
+      </div>
+      <div className="pt-32 pb-20" id="features" data-section="features">
+        <FeatureCardTwentyNine
+          title="Your AI Therapy Companion"
+          description="AI-driven support designed specifically for neurodivergent minds, providing a safe space for growth and organization."
+          gridVariant="bento-grid"
+          animationType="blur-reveal"
+          textboxLayout="split"
+          useInvertedBackground={false}
+          features={[
+            { title: "Cognitive Reframing", description: "Gentle AI guidance to navigate overwhelming thoughts.", imageSrc: "", titleImageSrc: "", buttonText: "Learn More" },
+            { title: "Goal Breakdown", description: "Transform large projects into manageable micro-steps.", imageSrc: "", titleImageSrc: "", buttonText: "Get Started" },
+          ]}
+        />
+      </div>
+      <div id="footer" data-section="footer">
+        <FooterMedia
+          logoText="NeuroFlow"
+          imageSrc="https://images.unsplash.com/photo-1506748686214-e9df14d4d9d0?_wi=2"
+          columns={[
+            { title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }] },
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}