From 49ea68b5b5da8eefb65d6f7c1e1f195b21a93c8d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 27 Mar 2026 21:05:20 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 381 ++++++++++++++++-------------------------------
 1 file changed, 128 insertions(+), 253 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4cab1f9..dc1ab88 100644
--- a/src/app/page.tsx
+++ b/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>
   );