Update src/app/therapy-ai/page.tsx

Merge version_3 into main

src/app/about/page.tsx

@@ -4,7 +4,7 @@ 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 } from "lucide-react";
+import { Brain, Heart, Users, MessageSquareText } from "lucide-react";
 
 export default function AboutPage() {
   return (
@@ -20,6 +20,11 @@ export default function AboutPage() {
       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={[
@@ -53,4 +58,4 @@ export default function AboutPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/focus-mode/page.tsx

@@ -2,6 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import { MessageSquareText } from "lucide-react";
 
 export default function FocusModePage() {
   return (
@@ -17,6 +18,11 @@ export default function FocusModePage() {
       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={[
@@ -37,4 +43,4 @@ export default function FocusModePage() {
       </main>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -12,7 +12,7 @@ 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 (
@@ -29,154 +29,150 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+        <div className="fixed bottom-8 right-8 z-50">
-      <NavbarStyleFullscreen
+          <button className="bg-primary-cta text-primary-cta-text p-4 rounded-full shadow-lg hover:scale-110 transition-transform">
-      navItems={[
+            <MessageSquareText size={24} />
-        { name: "About Us", id: "/about" },
+          </button>
-        { name: "Therapy AI", id: "/therapy-ai" },
+        </div>
-        { name: "Study AI", id: "/study-ai" },
+        <div id="nav" data-section="nav">
-        { name: "Planner", id: "/planner" },
+          <NavbarStyleFullscreen
-        { name: "Focus Mode", id: "/focus-mode" }
+            navItems={[
-      ]}
+              { name: "About Us", id: "/about" },
-      brandName="NeuroFlow"
+              { name: "Therapy AI", id: "/therapy-ai" },
-    />
+              { name: "Study AI", id: "/study-ai" },
-  </div>
+              { name: "Planner", id: "/planner" },
-
+              { name: "Focus Mode", id: "/focus-mode" }
-  <div id="hero" data-section="hero">
+            ]}
-      <HeroBillboardRotatedCarousel
+            brandName="NeuroFlow"
-      background={{ variant: "rotated-rays-animated" }}
+          />
-      title="Start Focusing Smarter"
+        </div>
-      description="NeuroFlow is your calm, AI-powered companion designed to help you study, organize, and thrive—free from the overwhelm."
+        <div id="hero" data-section="hero">
-      buttons={[{ text: "Start Free Trial", href: "#" }]}
+          <HeroBillboardRotatedCarousel
-      carouselItems={[
+            background={{ variant: "rotated-rays-animated" }}
-        { id: "slide1", imageSrc: "http://img.b2bpic.net/free-photo/high-blurred-spots-black-screen_23-2148241362.jpg", imageAlt: "futuristic dashboard interface" },
+            title="Start Focusing Smarter"
-        { id: "slide2", imageSrc: "http://img.b2bpic.net/free-photo/three-smart-blank-screens-wall_53876-160689.jpg", imageAlt: "futuristic dashboard interface" },
+            description="NeuroFlow is your calm, AI-powered companion designed to help you study, organize, and thrive—free from the overwhelm."
-        { 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" },
+            buttons={[{ text: "Start Free Trial", href: "#" }]}
-        { id: "slide4", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-geometric-shapes_23-2150979717.jpg", imageAlt: "futuristic dashboard interface" },
+            carouselItems={[
-        { id: "slide5", imageSrc: "http://img.b2bpic.net/free-photo/3d-shape-glowing-with-bright-holographic-colors_23-2151037277.jpg", imageAlt: "futuristic dashboard interface" },
+              { id: "slide1", imageSrc: "http://img.b2bpic.net/free-photo/high-blurred-spots-black-screen_23-2148241362.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" }
+              { 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" },
-  </div>
+              { 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 id="metrics" data-section="metrics">
+            ]}
-      <MetricCardThree
+          />
-      animationType="depth-3d"
+        </div>
-      textboxLayout="default"
+        <div id="metrics" data-section="metrics">
-      useInvertedBackground={false}
+          <MetricCardThree
-      metrics={[
+            animationType="depth-3d"
-        { id: "1", icon: CheckCircle, title: "Tasks Completed", value: "2.4k+" },
+            textboxLayout="default"
-        { id: "2", icon: Clock, title: "Focus Hours", value: "1.2k" },
+            useInvertedBackground={false}
-        { id: "3", icon: Zap, title: "XP Points Earned", value: "58k" },
+            metrics={[
-        { id: "4", icon: TrendingUp, title: "Streaks Built", value: "45" },
+              { id: "1", icon: CheckCircle, title: "Tasks Completed", value: "2.4k+" },
-        { id: "5", icon: Users, title: "Community Members", value: "10k+" },
+              { id: "2", icon: Clock, title: "Focus Hours", value: "1.2k" },
-      ]}
+              { id: "3", icon: Zap, title: "XP Points Earned", value: "58k" },
-      title="Your Progress"
+              { id: "4", icon: TrendingUp, title: "Streaks Built", value: "45" },
-      description="Visualize your journey towards deep focus and sustained productivity."
+              { id: "5", icon: Users, title: "Community Members", value: "10k+" },
-    />
+            ]}
-  </div>
+            title="Your Progress"
-
+            description="Visualize your journey towards deep focus and sustained productivity."
-  <div id="features" data-section="features">
+          />
-      <FeatureHoverPattern
+        </div>
-      animationType="blur-reveal"
+        <div id="features" data-section="features">
-      textboxLayout="default"
+          <FeatureHoverPattern
-      useInvertedBackground={false}
+            animationType="blur-reveal"
-      features={[
+            textboxLayout="default"
-        { icon: Lightbulb, title: "AI ADHD Assistant", description: "Gentle, supportive AI guidance for task breakdowns and routines." },
+            useInvertedBackground={false}
-        { icon: Activity, title: "Gamified Flow", description: "Earn XP, unlock themes, and build streaks through focused work." },
+            features={[
-        { icon: Music, title: "Ambient Soundscape", description: "Curated ambient textures to help you enter and stay in deep focus." },
+              { icon: Lightbulb, title: "AI ADHD Assistant", description: "Gentle, supportive AI guidance for task breakdowns and routines." },
-        { icon: Calendar, title: "Intuitive Planning", description: "Drag-and-drop scheduling that adapts to your energy levels." },
+              { icon: Activity, title: "Gamified Flow", description: "Earn XP, unlock themes, and build streaks through focused work." },
-        { icon: ShieldCheck, title: "Privacy First", description: "Your focus habits and tasks remain yours and yours alone." },
+              { 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." },
-      title="Designed for Clarity"
+              { icon: ShieldCheck, title: "Privacy First", description: "Your focus habits and tasks remain yours and yours alone." },
-      description="Every feature is crafted to reduce friction and minimize cognitive load."
+            ]}
-    />
+            title="Designed for Clarity"
-  </div>
+            description="Every feature is crafted to reduce friction and minimize cognitive load."
-
+          />
-  <div id="pricing" data-section="pricing">
+        </div>
-      <PricingCardTwo
+        <div id="pricing" data-section="pricing">
-      animationType="scale-rotate"
+          <PricingCardTwo
-      textboxLayout="default"
+            animationType="scale-rotate"
-      useInvertedBackground={false}
+            textboxLayout="default"
-      plans={[
+            useInvertedBackground={false}
-        { id: "basic", badge: "Essential", price: "$0", subtitle: "Get started for free", buttons: [{ text: "Sign Up", href: "#" }], features: ["Basic task manager", "Focus timer", "Community access"] },
+            plans={[
-        { 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"] },
+              { 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."
+            title="Simple Pricing"
-    />
+            description="Choose the perfect plan to support your productivity journey."
-  </div>
+          />
-
+        </div>
-  <div id="testimonials" data-section="testimonials">
+        <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
+          <TestimonialCardThirteen
-      animationType="depth-3d"
+            animationType="depth-3d"
-      textboxLayout="default"
+            textboxLayout="default"
-      useInvertedBackground={false}
+            useInvertedBackground={false}
-      testimonials={[
+            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: "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: "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: "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: "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" },
+              { 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}
+            showRating={true}
-      title="Loved by Neurodivergent Humans"
+            title="Loved by Neurodivergent Humans"
-      description="Our community is growing. See what others are saying."
+            description="Our community is growing. See what others are saying."
-    />
+          />
-  </div>
+        </div>
-
+        <div id="faq" data-section="faq">
-  <div id="faq" data-section="faq">
+          <FaqSplitText
-      <FaqSplitText
+            useInvertedBackground={false}
-      useInvertedBackground={false}
+            faqs={[
-      faqs={[
+              { id: "q1", title: "Is it right for me?", content: "Yes! NeuroFlow is specifically built for neurodivergent minds." },
-        { 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: "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: "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: "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." },
-        { id: "q5", title: "Does it support desktop?", content: "Yes, NeuroFlow is accessible via browser on all major desktop and mobile platforms." },
+            ]}
-      ]}
+            sideTitle="Questions?"
-      sideTitle="Questions?"
+            faqsAnimation="blur-reveal"
-      faqsAnimation="blur-reveal"
+          />
-    />
+        </div>
-  </div>
+        <div id="blog" data-section="blog">
-
+          <BlogCardThree
-  <div id="blog" data-section="blog">
+            animationType="scale-rotate"
-      <BlogCardThree
+            textboxLayout="default"
-      animationType="scale-rotate"
+            useInvertedBackground={false}
-      textboxLayout="default"
+            title="Latest Insights"
-      useInvertedBackground={false}
+            description="Tips for managing ADHD and finding flow."
-      title="Latest Insights"
+            blogs={[
-      description="Tips for managing ADHD and finding flow."
+              { 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" },
-      blogs={[
+              { 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: "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: "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" },
-        { 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">
-  </div>
+          <ContactCenter
-
+            useInvertedBackground={false}
-  <div id="contact" data-section="contact">
+            background={{ variant: "rotated-rays-static" }}
-      <ContactCenter
+            tag="Get Started"
-      useInvertedBackground={false}
+            title="Ready to find your flow?"
-      background={{ variant: "rotated-rays-static" }}
+            description="Join thousands who are reclaiming their focus. Sign up today."
-      tag="Get Started"
+          />
-      title="Ready to find your flow?"
+        </div>
-      description="Join thousands who are reclaiming their focus. Sign up today."
+        <div id="footer" data-section="footer">
-    />
+          <FooterMedia
-  </div>
+            imageSrc="http://img.b2bpic.net/free-photo/aesthetic-background-with-light-sunset-projector-lamp_53876-103668.jpg"
-
+            logoText="NeuroFlow"
-  <div id="footer" data-section="footer">
+            columns={[
-      <FooterMedia
+              { title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
-      imageSrc="http://img.b2bpic.net/free-photo/aesthetic-background-with-light-sunset-projector-lamp_53876-103668.jpg"
+              { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
-      logoText="NeuroFlow"
+            ]}
-      columns={[
+            copyrightText="© 2025 NeuroFlow | Calm Productivity"
-        { title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
+          />
-        { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
+        </div>
-      ]}
-      copyrightText="© 2025 NeuroFlow | Calm Productivity"
-    />
-  </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/planner/page.tsx

@@ -3,6 +3,7 @@
 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 (
@@ -18,6 +19,11 @@ export default function PlannerPage() {
         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={[
@@ -40,4 +46,4 @@ export default function PlannerPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/study-ai/page.tsx

@@ -3,6 +3,7 @@
 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 (
@@ -18,6 +19,11 @@ export default function StudyAIPage() {
         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={[
@@ -40,4 +46,4 @@ export default function StudyAIPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/therapy-ai/page.tsx

@@ -4,6 +4,7 @@ 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 (
@@ -19,6 +20,11 @@ export default function TherapyAIPage() {
       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={[
@@ -54,4 +60,4 @@ export default function TherapyAIPage() {
       </div>
     </ThemeProvider>
   );
-}
+}