From 4ca18d66a09a24f0e24f3b8e5980c87ff56d49df Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 10 Mar 2026 10:29:35 +0000
Subject: [PATCH] Add src/app/feelings/page.tsx

---
 src/app/feelings/page.tsx | 121 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 121 insertions(+)
 create mode 100644 src/app/feelings/page.tsx

diff --git a/src/app/feelings/page.tsx b/src/app/feelings/page.tsx
new file mode 100644
index 0000000..78c8ae6
--- /dev/null
+++ b/src/app/feelings/page.tsx
@@ -0,0 +1,121 @@
+"use client"
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import HeroSplit from '@/components/sections/hero/HeroSplit';
+import TextAbout from '@/components/sections/about/TextAbout';
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Heart, Lightbulb, Send, Music, Users } from 'lucide-react';
+
+export default function FeelingsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="elastic-effect"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="smallMedium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="diagonal-gradient"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="semibold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="Wellsound"
+          navItems={[
+            { name: "Explore", id: "#" },
+            { name: "Sounds", id: "#" },
+            { name: "Connection", id: "#" },
+            { name: "Feelings", id: "feelings" },
+            { name: "Reflect", id: "reflect" },
+            { name: "Learn", id: "#" },
+            { name: "Contact", id: "#" }
+          ]}
+          button={{ text: "Start Listening", href: "#contact" }}
+        />
+      </div>
+
+      <div id="hero" data-section="hero" className="min-h-screen flex items-center justify-center">
+        <HeroSplit
+          title="Your Feelings Matter"
+          description="In a world that often dismisses emotions, we create a safe sanctuary where every feeling is valued. Whether you're experiencing joy, sadness, anxiety, or peace, this space welcomes you without judgment. Your emotional landscape deserves compassion and understanding. We're here to support your journey with calming soundscapes and supportive messages that remind you: you are not alone."
+          tag="Emotional Safety"
+          tagIcon={Heart}
+          tagAnimation="slide-up"
+          background={{ variant: "sparkles-gradient" }}
+          imageSrc="http://img.b2bpic.net/free-photo/home-still-life-with-candles-vase-living-room_169016-5976.jpg"
+          imageAlt="Peaceful space designed for emotional well-being"
+          imagePosition="right"
+          mediaAnimation="blur-reveal"
+          buttons={[
+            { text: "Explore Feelings", href: "#supportive-messages" },
+            { text: "Share Your Journey", href: "#contact" }
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="supportive-messages" data-section="supportive-messages" className="py-20 px-4 md:px-8">
+        <TextAbout
+          tag="Words of Compassion"
+          tagIcon={Lightbulb}
+          tagAnimation="slide-up"
+          title="Supportive Messages for Every Moment. You are enough. Your feelings are valid. You deserve rest, joy, and gentle compassion. When anxiety arrives, remember: you have weathered difficult moments before. When sadness sits with you, know that it is a natural part of being human. When joy finds you, celebrate it fully—you've earned it. This is a space where all emotions belong. You are seen. You are heard. You matter."
+          useInvertedBackground={true}
+          buttons={[
+            { text: "Begin Your Practice", href: "#contact" }
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="belonging" data-section="belonging" className="py-20 px-4 md:px-8">
+        <SocialProofOne
+          title="You Belong Here"
+          description="Join thousands of people finding acceptance, connection, and peace in our global emotional wellness community."
+          tag="Community Support"
+          tagIcon={Users}
+          tagAnimation="slide-up"
+          names={[
+            "Compassion First",            "Emotional Wellness Network",            "Global Support Circle",            "Mental Health Alliance",            "Healing Together",            "Empathy Hub",            "Wellness Warriors"
+          ]}
+          textboxLayout="default"
+          useInvertedBackground={false}
+          speed={40}
+          showCard={true}
+        />
+      </div>
+
+      <div id="contact" data-section="contact" className="py-20 px-4 md:px-8">
+        <ContactCenter
+          tag="Your Voice Matters"
+          title="Share Your Feelings with Our Community"
+          description="Connect with others who understand. Your emotional experience is valuable and contributes to our collective healing. Let's create a world where feelings are always welcome."
+          tagIcon={Send}
+          tagAnimation="slide-up"
+          background={{ variant: "sparkles-gradient" }}
+          useInvertedBackground={false}
+          inputPlaceholder="Enter your email to start"
+          buttonText="Join Us"
+          termsText="We honor your emotional privacy. Your story is safe with us."
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterCard
+          logoText="Wellsound"
+          copyrightText="© 2025 Wellsound | Emotional Well-Being Through Sound & Design"
+          socialLinks={[
+            { icon: Heart, href: "https://twitter.com", ariaLabel: "Twitter" },
+            { icon: Music, href: "https://instagram.com", ariaLabel: "Instagram" },
+            { icon: Users, href: "https://linkedin.com", ariaLabel: "LinkedIn" }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}