241 lines
15 KiB
TypeScript
241 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
|
|
import TextAbout from "@/components/sections/about/TextAbout";
|
|
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
|
|
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
|
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
|
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
|
import ContactText from "@/components/sections/contact/ContactText";
|
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
import { Heart, Leaf, Sparkles, Star, TrendingUp, HelpCircle } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="mediumLarge"
|
|
background="circleGradient"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Elevated"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Community", id: "features" },
|
|
{ name: "Resources", id: "contact" },
|
|
{ name: "Stories", id: "testimonial" },
|
|
{ name: "FAQ", id: "faq" },
|
|
]}
|
|
button={{
|
|
text: "Join Now", href: "https://example.com/join"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
title="Welcome to the Successful Potheads Community"
|
|
description="Connect with high-achieving cannabis enthusiasts who are redefining what success looks like. Share experiences, build relationships, and celebrate the lifestyle without judgment."
|
|
tag="Join Us Today"
|
|
tagIcon={Leaf}
|
|
tagAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/smiling-multiracial-people-making-selfie-smartphone-yoga-t_1163-5019.jpg"
|
|
imageAlt="Diverse community members connecting"
|
|
mediaAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
name: "Marcus Chen", handle: "Entrepreneur, Tech", testimonial: "This community changed how I think about wellness and success. Found my people here.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Marcus Chen"},
|
|
{
|
|
name: "Sophia Rodriguez", handle: "Artist, Creative Director", testimonial: "Incredible support network of people who get it. No judgment, just genuine connection.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Sophia Rodriguez"},
|
|
{
|
|
name: "David Kim", handle: "CEO, Startup Founder", testimonial: "Best decision I made this year. The insights from this community are invaluable.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "David Kim"},
|
|
]}
|
|
testimonialRotationInterval={5000}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Join Community", href: "https://example.com/join" },
|
|
{ text: "Learn More", href: "#about" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "glowing-orb" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
tag="About Our Community"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
title="We celebrate achievement, wellness, and authentic connection for cannabis enthusiasts who refuse to be put in a box. Success comes in many forms, and we honor all of them."
|
|
useInvertedBackground={true}
|
|
buttons={[
|
|
{ text: "Explore Values", href: "#features" },
|
|
{ text: "Community Guidelines", href: "#" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardNineteen
|
|
title="What Makes Us Different"
|
|
description="Discover the core pillars of our thriving community"
|
|
tag="Community Features"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
tag: "Connection", title: "Peer Networks", subtitle: "Build meaningful relationships", description: "Connect with like-minded individuals across industries and professions. Share experiences, mentor others, and expand your network with people who understand your lifestyle choices.", imageSrc: "http://img.b2bpic.net/free-vector/online-community_24877-50880.jpg", imageAlt: "Networking and connection"},
|
|
{
|
|
id: 2,
|
|
tag: "Knowledge", title: "Resources Hub", subtitle: "Learn and grow together", description: "Access curated content on wellness, career development, and personal growth. From industry insights to self-improvement guides, we provide resources that matter to successful people.", imageSrc: "http://img.b2bpic.net/free-vector/digital-learning-knowledge-sharing_1308-172640.jpg", imageAlt: "Learning and resources"},
|
|
{
|
|
id: 3,
|
|
tag: "Support", title: "Community Care", subtitle: "You're never alone", description: "Judgment-free support from people who genuinely understand. Whether you're navigating career challenges, wellness questions, or personal growth, our community is here for you.", imageSrc: "http://img.b2bpic.net/free-photo/doctor-is-asking-patient-symptom_53876-146010.jpg", imageAlt: "Support and wellness"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<TestimonialCardThirteen
|
|
title="Member Success Stories"
|
|
description="Hear from accomplished community members about their experiences"
|
|
tag="Real Stories"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
showRating={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Jennifer Walsh", handle: "@jen_innovation", testimonial: "Found my tribe here. People who understand that success and wellness go hand-in-hand. The conversations are authentic and incredibly valuable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Jennifer Walsh"},
|
|
{
|
|
id: "2", name: "Alex Thompson", handle: "@alex_creates", testimonial: "This community restored my confidence. No longer feeling isolated. Now I'm surrounded by successful people with the same values.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Alex Thompson"},
|
|
{
|
|
id: "3", name: "Patricia Morales", handle: "@patricia_leads", testimonial: "The mentorship opportunities alone are worth it. Connected with people who elevated my game professionally and personally.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Patricia Morales"},
|
|
{
|
|
id: "4", name: "Michael Zhang", handle: "@michael_ventures", testimonial: "Built my best friendships and business connections here. Real people, real conversations, zero pretense.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Michael Zhang"},
|
|
{
|
|
id: "5", name: "Sarah Bennett", handle: "@sarah_wellness", testimonial: "The wellness perspective here is refreshing. People who care about their health AND their happiness. Best investment in myself.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Sarah Bennett"},
|
|
{
|
|
id: "6", name: "James Rodriguez", handle: "@james_entrepreneur", testimonial: "Surrounded by driven people who actually get it. The energy here is unlike anything I've experienced.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "James Rodriguez"},
|
|
]}
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metric" data-section="metric">
|
|
<MetricCardSeven
|
|
title="By The Numbers"
|
|
description="Our growing community impact"
|
|
tag="Community Stats"
|
|
tagIcon={TrendingUp}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "50K+", title: "Active Members", items: ["Across 30+ countries", "From 100+ industries", "Growing daily"],
|
|
},
|
|
{
|
|
id: "2", value: "10K+", title: "Monthly Interactions", items: ["Meaningful conversations", "Mentorship connections", "Peer support moments"],
|
|
},
|
|
{
|
|
id: "3", value: "98%", title: "Member Satisfaction", items: ["Would recommend", "Stay active", "Engaged community"],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about joining and participating in our community"
|
|
tag="Get Answers"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Who can join the community?", content: "Anyone who identifies as a cannabis user and is looking for genuine connection with successful, like-minded people. We welcome professionals from all industries—entrepreneurs, artists, corporate leaders, creative professionals, and more."},
|
|
{
|
|
id: "2", title: "Is this community judgment-free?", content: "Absolutely. We celebrate individual choices and differences. Our community is built on mutual respect and understanding. Everyone's journey is valid, and we support one another without judgment."},
|
|
{
|
|
id: "3", title: "What activities and content are available?", content: "Members enjoy curated resources, networking events, discussion forums, mentorship programs, wellness workshops, career development sessions, and exclusive content tailored to our community's interests."},
|
|
{
|
|
id: "4", title: "How do I get started?", content: "Simply sign up for a membership on our platform. You'll create your profile, set your interests, and immediately gain access to our community forums, resources, and networking opportunities."},
|
|
{
|
|
id: "5", title: "Is my privacy protected?", content: "Yes. We take privacy seriously. Your personal information is secure, and you control what you share publicly. We have strict community guidelines to ensure a safe, respectful environment."},
|
|
{
|
|
id: "6", title: "What makes this different from other communities?", content: "We specifically celebrate the intersection of success and cannabis culture. We're not here to change anyone; we're here to support the real you. Authenticity is our foundation."},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to join a community that gets you? Start your journey with successful people who celebrate the real you, without apology."
|
|
animationType="entrance-slide"
|
|
buttons={[
|
|
{ text: "Join the Community", href: "https://example.com/join" },
|
|
{ text: "Schedule a Call", href: "https://example.com/schedule" },
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Elevated"
|
|
copyrightText="© 2025 Elevated Community. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Community", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Join Now", href: "https://example.com/join" },
|
|
{ label: "Community Guidelines", href: "#" },
|
|
{ label: "Member Stories", href: "#testimonial" },
|
|
],
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Wellness Guide", href: "#" },
|
|
{ label: "Career Resources", href: "#" },
|
|
{ label: "FAQ", href: "#faq" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Code of Conduct", href: "#" },
|
|
{ label: "Contact Us", href: "#contact" },
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|