Add src/app/feelings/page.tsx

2026-03-10 10:29:35 +00:00
parent 2486fcfcb4
commit 4ca18d66a0
1 changed files with 121 additions and 0 deletions
--- a/src/app/feelings/page.tsx
+++ 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>
+  );
+}