197 lines
10 KiB
TypeScript
197 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import { Heart, Users, Star, Sparkles } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="largeSmall"
|
|
background="circleGradient"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Dmity"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Community", id: "community" },
|
|
{ name: "Celebrate", id: "highlights" },
|
|
{ name: "Gallery", id: "testimonials" },
|
|
{ name: "Join", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Celebrate With Us", href: "contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
title="Celebrating Dmity's Authentic Truth"
|
|
description="Join us in a joyful celebration of identity, courage, and community. This is a moment to honor authenticity and embrace the beautiful journey of being true to oneself."
|
|
tag="A Celebration"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/friends-laughing-drinking-beer-outdoor-party_23-2149366195.jpg"
|
|
imageAlt="Celebration of pride and authentic identity"
|
|
mediaAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Share Your Support", href: "contact" },
|
|
{ text: "See Gallery", href: "testimonials" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
name: "Alex M.", handle: "Friend & Supporter", testimonial: "Dmity's courage to live authentically inspires us all. So proud to celebrate this beautiful moment!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/joyful-smiling-dark-skinned-female-with-bushy-hairdo-wears-summer-t-shirt-bracelet_273609-3168.jpg?_wi=1"
|
|
},
|
|
{
|
|
name: "Jordan", handle: "Community Member", testimonial: "This celebration is about love, acceptance, and standing together as a community. Dmity, we're here for you!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-curly-woman-with-lgbt-flag_23-2149123941.jpg?_wi=1"
|
|
},
|
|
{
|
|
name: "Casey T.", handle: "Longtime Friend", testimonial: "Seeing Dmity live authentically fills my heart with joy. This is what true courage looks like.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fascinating-woman-green-attire-making-funny-faces_197531-19780.jpg?_wi=1"
|
|
}
|
|
]}
|
|
testimonialRotationInterval={5000}
|
|
useInvertedBackground={false}
|
|
background={{ variant: "glowing-orb" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="Dmity's Journey: Courage, Authenticity, and the Power of Being True to Yourself"
|
|
metrics={[
|
|
{ icon: Heart, label: "Years of Journey", value: "20+" },
|
|
{ icon: Users, label: "Supporters", value: "500+" },
|
|
{ icon: Star, label: "Personal Growth", value: "100%" },
|
|
{ icon: Sparkles, label: "Strength Found", value: "∞" }
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="community" data-section="community">
|
|
<FeatureCardNine
|
|
title="Why Community Matters"
|
|
description="Support, acceptance, and love create the foundation for authentic living."
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Unconditional Love", description: "Community stands by you through every chapter of your story, celebrating each moment of growth and authenticity.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-people-outdoors_23-2148270859.jpg?_wi=1" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-people-outdoors_23-2148270859.jpg?_wi=2" }
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Shared Understanding", description: "In community, you find others who understand your journey and share your values of acceptance and truth.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-people-outdoors_23-2148270859.jpg?_wi=3" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-people-outdoors_23-2148270859.jpg?_wi=4" }
|
|
}
|
|
]}
|
|
showStepNumbers={true}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="highlights" data-section="highlights">
|
|
<ProductCardOne
|
|
title="Celebration Highlights"
|
|
description="Special moments of joy, support, and authentic expression."
|
|
products={[
|
|
{
|
|
id: "1", name: "Community Gathering", price: "Coming Soon", imageSrc: "http://img.b2bpic.net/free-photo/friends-partying-tailgate-event_53876-132062.jpg?_wi=1", imageAlt: "Community celebration event"
|
|
},
|
|
{
|
|
id: "2", name: "Pride Celebration", price: "Coming Soon", imageSrc: "http://img.b2bpic.net/free-photo/friends-partying-tailgate-event_53876-132062.jpg?_wi=2", imageAlt: "Pride celebration moment"
|
|
},
|
|
{
|
|
id: "3", name: "Support Circle", price: "Coming Soon", imageSrc: "http://img.b2bpic.net/free-photo/friends-partying-tailgate-event_53876-132062.jpg?_wi=3", imageAlt: "Support circle gathering"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="Messages of Love & Support"
|
|
description="Hear from the community about what this celebration means."
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Morgan L.", role: "Colleague & Friend", testimonial: "Dmity's authenticity has made our workplace more inclusive and joyful. This celebration is well-deserved!", imageSrc: "http://img.b2bpic.net/free-photo/joyful-smiling-dark-skinned-female-with-bushy-hairdo-wears-summer-t-shirt-bracelet_273609-3168.jpg?_wi=2", imageAlt: "Morgan L. Portrait"
|
|
},
|
|
{
|
|
id: "2", name: "Sam R.", role: "Community Advocate", testimonial: "Witnessing Dmity's courage reminds us all that living truthfully is a gift we give ourselves and the world.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-curly-woman-with-lgbt-flag_23-2149123941.jpg?_wi=2", imageAlt: "Sam R. Portrait"
|
|
},
|
|
{
|
|
id: "3", name: "Riley P.", role: "Family Member", testimonial: "Our family's love for Dmity has only grown deeper through this journey. We're honored to celebrate today.", imageSrc: "http://img.b2bpic.net/free-photo/fascinating-woman-green-attire-making-funny-faces_197531-19780.jpg?_wi=2", imageAlt: "Riley P. Portrait"
|
|
},
|
|
{
|
|
id: "4", name: "Jamie K.", role: "Mentor & Guide", testimonial: "Seeing Dmity embrace their authentic self fills me with hope for the world. This is true strength.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-partners-holding-hands_23-2149042141.jpg", imageAlt: "Jamie K. Portrait"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to celebrate Dmity's journey? Share your love, support, and encouragement. Let's make this moment unforgettable together."
|
|
animationType="entrance-slide"
|
|
buttons={[
|
|
{ text: "Send Message", href: "#" },
|
|
{ text: "Add To Event", href: "#" }
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="Dmity"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "About", href: "#about" },
|
|
{ label: "Community", href: "#community" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Celebrate", href: "#highlights" },
|
|
{ label: "Gallery", href: "#testimonials" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Join Us", href: "#contact" },
|
|
{ label: "Share Love", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |