256 lines
16 KiB
TypeScript
256 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
|
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { Award, Heart, Quote, Sparkles, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="medium"
|
|
background="none"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Team", id: "team" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
brandName="Vitaliy"
|
|
bottomLeftText="Celebrating Pride"
|
|
bottomRightText="hello@vitaliy.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlay
|
|
title="Celebrate Your Authentic Self"
|
|
description="Join a vibrant community dedicated to pride, inclusion, and empowerment. Together, we create spaces where everyone belongs."
|
|
tag="Welcome to Vitaliy"
|
|
tagAnimation="blur-reveal"
|
|
imageSrc="http://img.b2bpic.net/free-photo/pride-parade-chisinau-moldova_1268-22533.jpg"
|
|
imageAlt="Pride celebration community"
|
|
textPosition="bottom-left"
|
|
showBlur={true}
|
|
showDimOverlay={false}
|
|
buttons={[
|
|
{ text: "Join Community", href: "#about" },
|
|
{ text: "Learn More", href: "#features" }
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
ariaLabel="Hero section welcoming LGBTQ+ community"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="Our Mission"
|
|
tagIcon={Heart}
|
|
tagAnimation="blur-reveal"
|
|
title="Creating Safe Spaces for All"
|
|
description="Vitaliy believes that every individual deserves a platform to express their true self without fear or judgment."
|
|
subdescription="Founded on love, acceptance, and equality"
|
|
icon={Heart}
|
|
imageSrc="http://img.b2bpic.net/free-photo/cheerful-diverse-people-together-park_53876-144797.jpg"
|
|
imageAlt="Diverse community members together"
|
|
mediaAnimation="blur-reveal"
|
|
useInvertedBackground={false}
|
|
ariaLabel="About Vitaliy mission section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySeven
|
|
title="What Makes Vitaliy Special"
|
|
description="Discover the unique features that make our platform the premier destination for LGBTQ+ connection and growth."
|
|
tag="Key Features"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="blur-reveal"
|
|
features={[
|
|
{
|
|
id: "1", title: "Supportive Community", description: "Connect with thousands of like-minded individuals who celebrate your authentic identity. Share experiences, stories, and support in a safe, judgment-free environment.", imageSrc: "http://img.b2bpic.net/free-vector/pack-colored-flat-charity-labels_23-2147558738.jpg", imageAlt: "Community support"
|
|
},
|
|
{
|
|
id: "2", title: "Inclusive Networking", description: "Build meaningful professional and personal connections. Network with mentors, friends, and allies who share your values and aspirations.", imageSrc: "http://img.b2bpic.net/free-vector/social-media-infographic_23-2147567818.jpg", imageAlt: "Networking connections"
|
|
},
|
|
{
|
|
id: "3", title: "Growth Opportunities", description: "Access resources, workshops, and educational content designed to empower your personal and professional development journey.", imageSrc: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151205010.jpg", imageAlt: "Personal growth"
|
|
},
|
|
{
|
|
id: "4", title: "Celebration Events", description: "Join virtual and in-person celebrations, pride events, and community gatherings throughout the year with fellow members.", imageSrc: "http://img.b2bpic.net/free-vector/pack-colored-flat-charity-labels_23-2147558738.jpg", imageAlt: "Community events"
|
|
}
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
ariaLabel="Features section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardFive
|
|
title="Meet Our Leadership"
|
|
description="Meet the passionate advocates and leaders driving Vitaliy's mission forward."
|
|
tag="Team"
|
|
tagIcon={Users}
|
|
tagAnimation="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="blur-reveal"
|
|
team={[
|
|
{
|
|
id: "1", name: "Alex Jordan", role: "Founder & CEO", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Alex Jordan"
|
|
},
|
|
{
|
|
id: "2", name: "Morgan Chen", role: "Director of Community", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Morgan Chen"
|
|
},
|
|
{
|
|
id: "3", name: "Samantha Rivera", role: "Head of Programs", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Samantha Rivera"
|
|
},
|
|
{
|
|
id: "4", name: "James Thompson", role: "Community Manager", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "James Thompson"
|
|
}
|
|
]}
|
|
ariaLabel="Team section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="Stories From Our Community"
|
|
description="Hear from members whose lives have been transformed through connection and belonging."
|
|
tag="Testimonials"
|
|
tagIcon={Quote}
|
|
tagAnimation="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Mitchell, Community Builder", date: "Date: 15 January 2025", title: "Found my people and my purpose", quote: "Vitaliy connected me with an incredible community that not only accepted me for who I am but celebrated it. I've made lifelong friendships and discovered my passion for mentoring others.", tag: "Community Impact", avatarSrc: "http://img.b2bpic.net/free-vector/variety-avatars-flat-design_23-2147662095.jpg", avatarAlt: "Sarah Mitchell", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg", imageAlt: "Sarah's journey"
|
|
},
|
|
{
|
|
id: "2", name: "David Kim, Tech Professional", date: "Date: 12 January 2025", title: "Professional growth with authenticity", quote: "Being able to network professionally while staying true to myself is invaluable. The connections I've made through Vitaliy have opened doors I never thought possible.", tag: "Career Growth", avatarSrc: "http://img.b2bpic.net/free-vector/variety-avatars-flat-design_23-2147662095.jpg", avatarAlt: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg", imageAlt: "David's professional journey"
|
|
},
|
|
{
|
|
id: "3", name: "Emma Rodriguez, Creative", date: "Date: 10 January 2025", title: "Empowerment through expression", quote: "Vitaliy gave me the platform and courage to share my authentic voice. The supportive feedback from this community has transformed how I see myself.", tag: "Personal Growth", avatarSrc: "http://img.b2bpic.net/free-vector/variety-avatars-flat-design_23-2147662095.jpg", avatarAlt: "Emma Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg", imageAlt: "Emma's creative journey"
|
|
},
|
|
{
|
|
id: "4", name: "Marcus Thompson, Advocate", date: "Date: 8 January 2025", title: "Making a difference together", quote: "The impact of this community extends beyond personal connections. Together, we're creating real change and breaking down barriers for future generations.", tag: "Social Impact", avatarSrc: "http://img.b2bpic.net/free-vector/variety-avatars-flat-design_23-2147662095.jpg", avatarAlt: "Marcus Thompson", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg", imageAlt: "Marcus's advocacy work"
|
|
},
|
|
{
|
|
id: "5", name: "Lisa Chang, Parent Ally", date: "Date: 5 January 2025", title: "Connecting as a proud parent", quote: "As a parent, I found my community here too. Supporting my children's journey while connecting with other allies has been incredibly meaningful.", tag: "Family Love", avatarSrc: "http://img.b2bpic.net/free-vector/variety-avatars-flat-design_23-2147662095.jpg", avatarAlt: "Lisa Chang", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg", imageAlt: "Lisa's family support"
|
|
},
|
|
{
|
|
id: "6", name: "James Wilson, Student Leader", date: "Date: 3 January 2025", title: "Youth finding their voice", quote: "Vitaliy helped me realize I'm not alone. Finding mentors and peers who understand my journey has given me confidence to lead authentically.", tag: "Youth Empowerment", avatarSrc: "http://img.b2bpic.net/free-vector/variety-avatars-flat-design_23-2147662095.jpg", avatarAlt: "James Wilson", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg", imageAlt: "James's leadership journey"
|
|
}
|
|
]}
|
|
ariaLabel="Testimonials section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialProof" data-section="socialProof">
|
|
<SocialProofOne
|
|
title="Trusted by Leading Organizations"
|
|
description="Our partnerships with renowned LGBTQ+ organizations and allies strengthen our mission."
|
|
tag="Partners"
|
|
tagIcon={Award}
|
|
tagAnimation="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Pride Foundation", "Equality Network", "Rainbow Alliance", "Inclusion Advocates", "Unity Group", "Diversity Coalition", "Empowerment Hub"
|
|
]}
|
|
speed={40}
|
|
showCard={true}
|
|
ariaLabel="Partner organizations"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
sideTitle="Common Questions"
|
|
sideDescription="Get answers to frequently asked questions about Vitaliy and how to get involved."
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Is Vitaliy only for LGBTQ+ individuals?", content: "While Vitaliy is primarily designed for LGBTQ+ community members, allies and supportive individuals are absolutely welcome. We celebrate everyone who respects our values of inclusion and equality."
|
|
},
|
|
{
|
|
id: "2", title: "How do I join the community?", content: "Joining is simple! Visit our signup page, create your profile, and start connecting. You can customize your privacy settings to control what you share and who you interact with."
|
|
},
|
|
{
|
|
id: "3", title: "What safety measures are in place?", content: "Your safety is our priority. We have comprehensive community guidelines, moderation teams, and privacy controls. All members agree to respect boundaries and treat each other with dignity."
|
|
},
|
|
{
|
|
id: "4", title: "Are there events I can attend?", content: "Yes! We organize virtual and in-person events throughout the year including pride celebrations, networking mixers, workshops, and social gatherings in various locations."
|
|
},
|
|
{
|
|
id: "5", title: "Is my personal information private?", content: "Absolutely. We use industry-standard encryption and never share your data with third parties. You control what information is visible to other members and the public."
|
|
},
|
|
{
|
|
id: "6", title: "What if I experience harassment?", content: "Our support team takes all reports seriously. We have a zero-tolerance policy for harassment and discrimination. Report any violations through our in-app reporting system for immediate investigation."
|
|
}
|
|
]}
|
|
textPosition="left"
|
|
useInvertedBackground={false}
|
|
animationType="smooth"
|
|
faqsAnimation="blur-reveal"
|
|
showCard={true}
|
|
ariaLabel="FAQ section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Product", items: [
|
|
{ label: "Features", href: "#features" },
|
|
{ label: "Community", href: "#about" },
|
|
{ label: "Events", href: "#testimonials" },
|
|
{ label: "Pricing", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Team", href: "#team" },
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Careers", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Contact", href: "#" },
|
|
{ label: "Support", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Vitaliy | Celebrating Pride, Empowering Community"
|
|
ariaLabel="Footer section"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |