160 lines
7.5 KiB
TypeScript
160 lines
7.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import { Mail, Shield, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{ name: "Mission", id: "about" },
|
|
{ name: "Strategies", id: "features" },
|
|
{ name: "Questions", id: "faq" },
|
|
{ name: "Join Us", id: "contact" },
|
|
]}
|
|
brandName="Solidarity Holidays"
|
|
button={{ text: "Join Us", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
background={{ variant: "plain" }}
|
|
title="Starve the Elite this Holiday"
|
|
description="True power lies in our collective refusal to participate in the systems that feed the few. Join the movement to reclaim our resources."
|
|
kpis={[
|
|
{ value: "0%", label: "Spending on Luxuries" },
|
|
{ value: "100%", label: "Community Commitment" },
|
|
{ value: "∞", label: "Solidarity Strength" }
|
|
]}
|
|
enableKpiAnimation={true}
|
|
imageSrc="http://img.b2bpic.net/free-photo/afro-american-woman-talking-with-friends-enjoying-time-spend-together_482257-4589.jpg"
|
|
mediaAnimation="slide-up"
|
|
imageAlt="Community solidarity rally"
|
|
videoSrc="https://www.w3schools.com/howto/movie.mp4"
|
|
buttons={[
|
|
{ text: "Join the Movement", href: "#contact" },
|
|
{ text: "View Strategies", href: "#features" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={false}
|
|
tag="Our Collective Mission"
|
|
title="Why Collective Resistance Matters"
|
|
description="Wealth concentration is not an accident; it is the result of systemic participation. By intentionally starving the systems that prop up ultra-rich elites, we create space for local, equitable alternatives."
|
|
subdescription="This isn't just about spending less; it's about shifting the balance of power back into the hands of the people."
|
|
icon={Shield}
|
|
tagIcon={Users}
|
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-women-works-garden_1157-24624.jpg"
|
|
mediaAnimation="blur-reveal"
|
|
imageAlt="Community garden and resource sharing"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwelve
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ id: "f1", label: "Consumer Choices", title: "Local Over Global", items: ["Boycott corporate chains", "Shop at independent co-ops", "Barter with your neighbors", "Repair items instead of buying new", "Buy secondhand only"] },
|
|
{ id: "f2", label: "Financial Health", title: "Divestment", items: ["Move to credit unions", "Avoid high-fee investment apps", "Support local community banks", "Close high-interest store cards", "Audit your monthly subscriptions"] },
|
|
{ id: "f3", label: "Collective Wealth", title: "Mutual Aid", items: ["Start a neighborhood pantry", "Share skills for free", "Direct support for strikers", "Organize community tool libraries", "Establish local exchange networks"] }
|
|
]}
|
|
title="Actionable Solidarity Tips"
|
|
description="Practical steps to redirect your resources and reduce influence."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "1", title: "What about the economy?", content: "The economy serves the elite. We are building a new one based on mutual aid, not corporate dependency." },
|
|
{ id: "2", title: "Is this effective?", content: "Individually, perhaps not. Collectively, refusing to provide labor and capital to the elite has profound consequences." },
|
|
{ id: "3", title: "What if I can't afford to quit?", content: "We focus on harm reduction. Every dollar saved from corporate hands is a victory." },
|
|
{ id: "4", title: "How to stay motivated?", content: "Community is key. Build networks, host potlucks, and share your journey with friends." },
|
|
{ id: "5", title: "Can I still give gifts?", content: "Yes, prioritize homemade, refurbished, or experience-based gifts over consumer products." }
|
|
]}
|
|
title="Common Questions"
|
|
description="Addressing concerns about shifting your holiday habits."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{ variant: "plain" }}
|
|
tag="Join the Resistance"
|
|
title="Stay Informed"
|
|
description="Sign up for our newsletter to receive weekly tips on radical holiday shifts and community support efforts."
|
|
tagIcon={Mail}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Solidarity"
|
|
columns={[
|
|
{
|
|
title: "Movement", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Tips", href: "#features" },
|
|
{ label: "Values", href: "#" },
|
|
{ label: "Manifesto", href: "#" },
|
|
{ label: "History", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "Mutual Aid", href: "#" },
|
|
{ label: "Strikers", href: "#" },
|
|
{ label: "Donate", href: "#" },
|
|
{ label: "Volunteer", href: "#" },
|
|
{ label: "Local Chapters", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy", href: "#" },
|
|
{ label: "Terms", href: "#" },
|
|
{ label: "Transparency", href: "#" },
|
|
{ label: "Code of Conduct", href: "#" },
|
|
{ label: "Credits", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|