Update src/app/page.tsx
This commit is contained in:
381
src/app/page.tsx
381
src/app/page.tsx
@@ -17,267 +17,142 @@ export default function LandingPage() {
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
<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?_wi=1"
|
||||
buttons={[
|
||||
{
|
||||
text: "Join the Movement",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Strategies",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</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}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-women-works-garden_1157-24624.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
tagIcon={Users}
|
||||
imageAlt="Community garden and resource sharing"
|
||||
videoSrc="https://www.w3schools.com/howto/movie.mp4?_wi=2"
|
||||
/>
|
||||
</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="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="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="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>
|
||||
<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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user