Files
f7f07475-5d5d-40b2-9b6f-e77…/src/app/page.tsx
2026-03-04 21:26:33 +00:00

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>
);
}