198 lines
12 KiB
TypeScript
198 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import { Heart, Sparkles, Users, Zap, Smile, CheckCircle, Shield, Star, Lightbulb, Trophy } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Message", id: "feature" },
|
|
{ name: "Community", id: "testimonial" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
brandName="DIMA"
|
|
bottomLeftText="Proud & Authentic"
|
|
bottomRightText="dima@pride.love"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboardSplit
|
|
logoText="I'M DIMA"
|
|
description="I'm gay. I'm proud. I'm finally free to be my authentic self. This is my story of courage, self-acceptance, and the power of living truthfully."
|
|
background={{ variant: "radial-gradient" }}
|
|
buttons={[
|
|
{ text: "Share My Story", href: "#about" },
|
|
{ text: "Join the Community", href: "#testimonial" }
|
|
]}
|
|
layoutOrder="default"
|
|
imageSrc="https://img.b2bpic.net/free-photo/friends-party-with-delicious-pizza_23-2151309394.jpg"
|
|
imageAlt="Dima's proud coming out portrait"
|
|
frameStyle="card"
|
|
mediaAnimation="none"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="My Journey: Embracing Who I Am"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{ icon: Heart, label: "Years of Hiding", value: "26" },
|
|
{ icon: Sparkles, label: "Day I Came Out", value: "Today" },
|
|
{ icon: Users, label: "Supportive People", value: "∞" },
|
|
{ icon: Zap, label: "Freedom Level", value: "100%" }
|
|
]}
|
|
metricsAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="feature" data-section="feature">
|
|
<FeatureCardTen
|
|
features={[
|
|
{
|
|
id: "1", title: "Living Authentically", description: "For the first time, I can be fully myself without hiding any part of who I am. This freedom is transformative and empowering.", media: { imageSrc: "https://img.b2bpic.net/free-photo/pride-parade-chisinau-moldova_1268-22533.jpg" },
|
|
items: [
|
|
{ icon: Heart, text: "True self-expression" },
|
|
{ icon: Smile, text: "Inner peace and happiness" },
|
|
{ icon: Zap, text: "Unbounded confidence" }
|
|
],
|
|
reverse: false
|
|
},
|
|
{
|
|
id: "2", title: "Community & Support", description: "I'm grateful for every person who stood by me, believed in me, and celebrated me. Their love made this moment possible.", media: { imageSrc: "https://img.b2bpic.net/free-photo/three-playful-couples-having-great-fun_329181-17916.jpg" },
|
|
items: [
|
|
{ icon: Users, text: "Surrounding love and support" },
|
|
{ icon: CheckCircle, text: "Acceptance and belonging" },
|
|
{ icon: Shield, text: "Safe spaces to be myself" }
|
|
],
|
|
reverse: true
|
|
},
|
|
{
|
|
id: "3", title: "A Message to Others", description: "If you're struggling with your identity, know that you're not alone. Your authentic self deserves to exist in this world.", media: { imageSrc: "https://img.b2bpic.net/free-photo/close-up-team-students-teamwork-stack-hands-together-startup-success-concept_1150-4517.jpg" },
|
|
items: [
|
|
{ icon: Star, text: "Your story matters" },
|
|
{ icon: Lightbulb, text: "Hope and possibilities" },
|
|
{ icon: Trophy, text: "Courage and strength within you" }
|
|
],
|
|
reverse: false
|
|
}
|
|
]}
|
|
title="What This Means"
|
|
description="My coming out is more than a personal milestone—it's a celebration of authenticity and a message to others still finding their way."
|
|
tag="Pride Message"
|
|
textboxLayout="default"
|
|
animationType="blur-reveal"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metric" data-section="metric">
|
|
<MetricCardTwo
|
|
metrics={[
|
|
{ id: "1", value: "1M+", description: "LGBTQ+ individuals who come out each year" },
|
|
{ id: "2", value: "72%", description: "Increase in mental health when living authentically" },
|
|
{ id: "3", value: "200%", description: "More happiness reported post-coming out" },
|
|
{ id: "4", value: "∞", description: "Worth of every person's authentic self" }
|
|
]}
|
|
title="The Impact"
|
|
description="Numbers that represent a life lived with courage and authenticity."
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<TestimonialCardFive
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah, Best Friend", date: "Date: Today", title: "I always knew the real Dima", quote: "Watching you come out and embrace yourself fully has been the most beautiful thing. I'm so proud of you, and I'm honored to stand by you. You inspire everyone around you.", tag: "Friend", avatarSrc: "https://img.b2bpic.net/free-photo/indoor-shot-glad-young-bearded-man-mustache-wears-denim-shirt-smiles-happily_273609-8698.jpg", imageSrc: "https://img.b2bpic.net/free-photo/pride-parade-chisinau-moldova_1268-22533.jpg"
|
|
},
|
|
{
|
|
id: "2", name: "Marcus, Older Brother", date: "Date: Today", title: "My brother is finally free", quote: "Seeing you happy and authentic is all I ever wanted for you. I'm beyond proud. Our family stands with you 100%, and nothing will ever change that.", tag: "Family", avatarSrc: "https://img.b2bpic.net/free-photo/funny-african-man-with-bushy-curly-hair-blinking-his-eye-having-warm-broad-smile_273609-14063.jpg", imageSrc: "https://img.b2bpic.net/free-photo/three-playful-couples-having-great-fun_329181-17916.jpg"
|
|
},
|
|
{
|
|
id: "3", name: "Alex, Close Friend", date: "Date: Today", title: "You gave me strength", quote: "Your courage to come out gave me courage too. Thank you for showing me that it's possible to live authentically and be loved for who you really are.", tag: "Friend", avatarSrc: "https://img.b2bpic.net/free-photo/pleased-young-brunette-caucasian-girl-looks-camera_141793-103873.jpg", imageSrc: "https://img.b2bpic.net/free-photo/close-up-team-students-teamwork-stack-hands-together-startup-success-concept_1150-4517.jpg"
|
|
},
|
|
{
|
|
id: "4", name: "Mom", date: "Date: Today", title: "I love you for who you are", quote: "You are my son, and I love every part of you. Watching you come out took courage, and I'm so incredibly proud of the person you've become. You deserve all the happiness in the world.", tag: "Family", avatarSrc: "https://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg", imageSrc: "https://img.b2bpic.net/free-vector/pride-hand-holding-flag_78370-283.jpg"
|
|
},
|
|
{
|
|
id: "5", name: "Jordan, Mentor", date: "Date: Today", title: "An inspiration to many", quote: "Dima represents everything it means to be brave and authentic. Your coming out will inspire others to find their own truth. Thank you for being a beacon of light.", tag: "Mentor", avatarSrc: "https://img.b2bpic.net/free-photo/indoor-shot-glad-young-bearded-man-mustache-wears-denim-shirt-smiles-happily_273609-8698.jpg", imageSrc: "https://img.b2bpic.net/free-photo/three-playful-couples-having-great-fun_329181-17916.jpg"
|
|
},
|
|
{
|
|
id: "6", name: "Chris, Colleague", date: "Date: Today", title: "A true role model", quote: "Working with you and seeing your authenticity every day is inspiring. You've made our workplace more inclusive and genuine. Keep shining.", tag: "Colleague", avatarSrc: "https://img.b2bpic.net/free-photo/funny-african-man-with-bushy-curly-hair-blinking-his-eye-having-warm-broad-smile_273609-14063.jpg", imageSrc: "https://img.b2bpic.net/free-photo/pride-parade-chisinau-moldova_1268-22533.jpg"
|
|
}
|
|
]}
|
|
title="Messages of Love & Support"
|
|
description="Words from those who matter most, celebrating Dima's courage and authenticity."
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Get in Touch"
|
|
tagIcon={Heart}
|
|
title="Celebrate With Me"
|
|
description="Whether you want to share your story, send your love, or just connect with someone on a similar journey, I'd love to hear from you. Let's build a stronger, more authentic community together."
|
|
buttons={[
|
|
{ text: "Send a Message", href: "mailto:dima@pride.love" },
|
|
{ text: "Follow My Journey", href: "https://instagram.com" }
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="DIMA"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "My Story", href: "hero" },
|
|
{ label: "About", href: "about" },
|
|
{ label: "Message", href: "feature" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Community", href: "testimonial" },
|
|
{ label: "Support", href: "contact" },
|
|
{ label: "Resources", href: "https://pflag.org" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |