Add src/app/positivity/page.tsx
This commit is contained in:
147
src/app/positivity/page.tsx
Normal file
147
src/app/positivity/page.tsx
Normal file
@@ -0,0 +1,147 @@
|
||||
"use client"
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { Heart, Sparkles, TrendingUp, Send, Music, Users } from 'lucide-react';
|
||||
|
||||
export default function PositivityPage() {
|
||||
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: "Home", id: "/" },
|
||||
{ name: "Explore", id: "features" },
|
||||
{ name: "Sounds", id: "sounds" },
|
||||
{ name: "Connection", id: "connection" },
|
||||
{ name: "Empathy", id: "/empathy" },
|
||||
{ name: "Positivity", id: "/positivity" },
|
||||
{ name: "Learn", id: "about" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{ text: "Start Listening", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero" className="min-h-screen flex items-center justify-center">
|
||||
<HeroOverlay
|
||||
title="Embrace Positivity & Uplift"
|
||||
description="Discover affirmations, uplifting experiences, and warm design that energize your spirit. Through positive visualization, gratitude practices, and joyful interactions, cultivate a mindset of hope, resilience, and possibility."
|
||||
tag="Positivity Sanctuary"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sunrise-nature-peaceful_169016-8912.jpg"
|
||||
imageAlt="Beautiful sunrise symbolizing new beginnings and hope"
|
||||
showDimOverlay={true}
|
||||
showBlur={true}
|
||||
buttons={[
|
||||
{ text: "Explore Affirmations", href: "#affirmations" },
|
||||
{ text: "View Impact", href: "#impact" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="affirmations" data-section="affirmations" className="py-20 px-4 md:px-8">
|
||||
<FeatureCardSeven
|
||||
title="Positive Affirmations"
|
||||
description="Warm, genuine affirmations designed to uplift your spirit and reinforce empowering beliefs about yourself and your potential."
|
||||
tag="Daily Inspiration"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "I Am Worthy of Love & Respect", description: "Every person deserves compassion—including yourself. This affirmation reminds you that your value isn't based on productivity or achievement, but on your inherent worth as a human being. You are enough, exactly as you are.", imageSrc: "http://img.b2bpic.net/free-photo/self-love-mirror-reflection_169016-2301.jpg", imageAlt: "Person looking at reflection with self-compassion"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "I Choose Joy & Resilience", description: "Joy isn't about denying difficult emotions—it's about choosing hope and agency. This affirmation empowers you to navigate challenges with resilience, knowing that difficulty doesn't define your story. You have the strength to overcome.", imageSrc: "http://img.b2bpic.net/free-photo/person-celebrating-joy_169016-7634.jpg", imageAlt: "Person celebrating with arms raised in joy"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "My Potential Is Limitless", description: "Growth mindset opens doors to possibility. This affirmation shifts you from 'I can't' to 'I'm learning.' Every challenge becomes an opportunity, every setback a stepping stone. Your potential evolves as you embrace growth.", imageSrc: "http://img.b2bpic.net/free-photo/person-climbing-mountain_169016-5467.jpg", imageAlt: "Person reaching toward their goals"
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "I Create Positive Change", description: "You have agency. Even small actions create ripples. This affirmation reminds you that your choices, kindness, and presence matter. You're not just surviving—you're contributing to a more compassionate world.", imageSrc: "http://img.b2bpic.net/free-photo/hands-planting-seed-growth_169016-4891.jpg", imageAlt: "Hands nurturing growth and positive change"
|
||||
}
|
||||
]}
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="impact" data-section="impact" className="py-20 px-4 md:px-8">
|
||||
<MetricCardOne
|
||||
title="The Impact of Positivity"
|
||||
description="Research demonstrates the transformative power of positive affirmations and uplifting practices on mental health, resilience, and overall well-being."
|
||||
tag="Evidence-Based Uplift"
|
||||
tagIcon={TrendingUp}
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "88%", title: "Experience Increased Hope", description: "Improved outlook on future", icon: Sparkles
|
||||
},
|
||||
{
|
||||
id: "2", value: "92%", title: "Report Greater Self-Belief", description: "Strengthened confidence and agency", icon: TrendingUp
|
||||
},
|
||||
{
|
||||
id: "3", value: "85%", title: "Feel More Resilient", description: "Better ability to handle challenges", icon: Heart
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact" className="py-20 px-4 md:px-8">
|
||||
<ContactCTA
|
||||
tag="Ready to Embrace Positivity?"
|
||||
tagIcon={Send}
|
||||
tagAnimation="slide-up"
|
||||
title="Start Your Uplifting Journey"
|
||||
description="Join a community celebrating possibility, resilience, and the transformative power of positive thinking. Your journey toward greater joy and hope begins here."
|
||||
buttons={[
|
||||
{ text: "Begin Today", href: "/#contact" },
|
||||
{ text: "Return Home", href: "/" }
|
||||
]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</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: Sparkles, href: "https://instagram.com", ariaLabel: "Instagram" },
|
||||
{ icon: Users, href: "https://linkedin.com", ariaLabel: "LinkedIn" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user