Update src/app/store/page.tsx

Merge version_3 into main

src/app/about/page.tsx

@@ -6,7 +6,7 @@ import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarS
 import AboutMetric from "@/components/sections/about/AboutMetric";
 import FeatureBento from "@/components/sections/feature/FeatureBento";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
-import { Users, Globe, Zap, Heart } from "lucide-react";
+import { Brain, Eye, Zap, Layers, Globe, Users, Workflow, Lightbulb } from "lucide-react";
 
 export default function AboutPage() {
   const navItems = [
@@ -75,19 +75,20 @@ export default function AboutPage() {
           }))}
           brandName="JESUS MALVERDE MOVEMENT"
           button={{
-            text: "ENTER MOVEMENT",            href: "/contact"}}
+            text: "ENTER MOVEMENT",            href: "/contact"
+          }}
         />
       </div>
 
-      {/* About Impact */}
-      <div id="about-impact" data-section="about-impact" className="pt-32 pb-20 md:pb-32">
+      {/* About Section */}
+      <div id="philosophy" data-section="philosophy" className="pt-32 pb-20 md:pb-32">
         <AboutMetric
-          title="The Jesus Malverde Movement has grown into a global force for intellectual awakening, cultural questioning, and authentic expression"
+          title="The Jesus Malverde Movement operates on four core pillars of awareness and intellectual rebellion against surface narratives"
           metrics={[
-            { icon: Users, label: "Global Community", value: "50K+" },
-            { icon: Globe, label: "Countries Active", value: "45+" },
-            { icon: Zap, label: "Conversations", value: "Ongoing" },
-            { icon: Heart, label: "Belief System", value: "Question" },
+            { icon: Brain, label: "Independent Thinking", value: "Challenge" },
+            { icon: Eye, label: "Perception Beyond", value: "Stereotypes" },
+            { icon: Zap, label: "Cultural Awakening", value: "Resist" },
+            { icon: Layers, label: "Identity Depth", value: "Explore" },
           ]}
           metricsAnimation="blur-reveal"
           useInvertedBackground={false}
@@ -100,22 +101,35 @@ export default function AboutPage() {
         />
       </div>
 
-      {/* Our Story */}
-      <div id="our-story" data-section="our-story" className="py-20 md:py-32">
+      {/* Story Section */}
+      <div id="visual-storytelling" data-section="visual-storytelling" className="py-20 md:py-32">
         <FeatureBento
           features={[
             {
-              title: "Origins",              description: "Born from questioning surface narratives and seeking deeper truth. A movement against intellectual complacency.",              bentoComponent: "reveal-icon",              icon: Zap,
+              title: "Our Mission",              description: "To challenge surface narratives and empower independent thinking across global communities.",              bentoComponent: "reveal-icon",              icon: Eye,
             },
             {
-              title: "Mission",              description: "To foster independent thinking, challenge cultural stereotypes, and build a community of conscious awareness.",              bentoComponent: "reveal-icon",              icon: Globe,
+              title: "Our Values",              description: "Authenticity, critical thinking, and cultural awareness.",              bentoComponent: "timeline",              heading: "JOURNEY",              subheading: "Our evolution",              items: [
+                { label: "Founded", detail: "A movement begins" },
+                { label: "Growth", detail: "Community expands" },
+                { label: "Impact", detail: "Change unfolds" },
+              ],
+              completedLabel: "Continuing"
             },
             {
-              title: "Vision",              description: "A world where questioning is encouraged, identity is self-defined, and narrative control is democratized.",              bentoComponent: "reveal-icon",              icon: Heart,
+              title: "Our Community",              description: "Global thinkers united in awareness.",              bentoComponent: "orbiting-icons",              centerIcon: Zap,
+              items: [
+                { icon: Globe, ring: 1 },
+                { icon: Users, ring: 1 },
+                { icon: Layers, ring: 2 },
+                { icon: Workflow, ring: 2 },
+                { icon: Brain, ring: 3 },
+                { icon: Lightbulb, ring: 3 },
+              ],
             },
           ]}
-          title="OUR JOURNEY"
-          description="From a philosophical concept to a global cultural movement. We are builders of consciousness and guardians of authentic narratives."
+          title="ABOUT THE MOVEMENT"
+          description="Understanding who we are and what we stand for."
           tag="OUR STORY"
           tagAnimation="blur-reveal"
           textboxLayout="default"
@@ -139,4 +153,4 @@ export default function AboutPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/community/page.tsx

@@ -4,8 +4,9 @@ import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
 import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
-import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import FeatureBento from "@/components/sections/feature/FeatureBento";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
+import { Brain, Eye, Zap, Layers, Globe, Users, Workflow, Lightbulb } from "lucide-react";
 
 export default function CommunityPage() {
   const navItems = [
@@ -74,18 +75,20 @@ export default function CommunityPage() {
           }))}
           brandName="JESUS MALVERDE MOVEMENT"
           button={{
-            text: "ENTER MOVEMENT",            href: "/contact"}}
+            text: "ENTER MOVEMENT",            href: "/contact"
+          }}
         />
       </div>
 
-      {/* Community Platforms */}
-      <div id="community-platforms" data-section="community-platforms" className="pt-32 pb-20 md:pb-32">
+      {/* Community Section */}
+      <div id="movement-community" data-section="movement-community" className="pt-32 pb-20 md:pb-32">
         <SocialProofOne
           names={[
-            "Instagram @jesusmalverdemovement",            "Twitter @malverdeagency",            "TikTok @jesusmalverde",            "Discord Community Hub",            "Substack Essays",            "Collaborative Events",            "Gallery Exhibitions",            "Global Chapters"]}
-          title="GLOBAL NETWORK"
-          description="Our community spans continents and platforms, united by a commitment to questioning narratives, fostering awareness, and building collective consciousness. Connect, collaborate, and contribute your voice."
-          tag="DECENTRALIZED MOVEMENT"
+            "Instagram @jesusmalverdemovement",            "Twitter @malverdeagency",            "TikTok @jesusmalverde",            "Discord Community Hub",            "Substack Essays",            "Collaborative Events",            "Gallery Exhibitions",            "Global Chapters"
+          ]}
+          title="JOIN THE MOVEMENT"
+          description="A global community of thinkers, creators, and cultural observers questioning narratives and building awareness. Share your perspective. Challenge assumptions. Think deeper."
+          tag="CULTURAL AWAKENING"
           tagAnimation="blur-reveal"
           textboxLayout="default"
           useInvertedBackground={false}
@@ -93,33 +96,48 @@ export default function CommunityPage() {
           showCard={true}
           buttons={[
             { text: "JOIN DISCORD", href: "#" },
-            { text: "FOLLOW CHANNELS", href: "#" },
+            { text: "FOLLOW SOCIAL", href: "#" },
           ]}
           containerClassName="py-20 md:py-32"
         />
       </div>
 
-      {/* Community Engagement Form */}
-      <div id="community-form" data-section="community-form" className="py-20 md:py-32">
-        <ContactSplitForm
-          title="JOIN OUR MOVEMENT"
-          description="Connect with thinkers, creators, and cultural observers around the world. Share your perspective, ask questions, and contribute to our collective awakening."
-          inputs={[
-            { name: "email", type: "email", placeholder: "your@email.com", required: true },
-            { name: "name", type: "text", placeholder: "Your Name", required: false },
+      {/* Community Pillars Section */}
+      <div id="visual-storytelling" data-section="visual-storytelling" className="py-20 md:py-32">
+        <FeatureBento
+          features={[
+            {
+              title: "Connection",              description: "Meet thinkers and creators from around the world.",              bentoComponent: "reveal-icon",              icon: Eye,
+            },
+            {
+              title: "Collaboration",              description: "Build projects and initiatives together.",              bentoComponent: "timeline",              heading: "COMMUNITY GROWTH",              subheading: "Building together",              items: [
+                { label: "Connect", detail: "Find your tribe" },
+                { label: "Collaborate", detail: "Create together" },
+                { label: "Contribute", detail: "Make an impact" },
+              ],
+              completedLabel: "Growing"
+            },
+            {
+              title: "Movement",              description: "Organize and amplify voices for change.",              bentoComponent: "orbiting-icons",              centerIcon: Zap,
+              items: [
+                { icon: Globe, ring: 1 },
+                { icon: Users, ring: 1 },
+                { icon: Layers, ring: 2 },
+                { icon: Workflow, ring: 2 },
+                { icon: Brain, ring: 3 },
+                { icon: Lightbulb, ring: 3 },
+              ],
+            },
           ]}
-          textarea={{
-            name: "message",            placeholder: "What draws you to the movement? What's your perspective?",            rows: 4,
-            required: false,
-          }}
+          title="COMMUNITY PILLARS"
+          description="The foundation of our global movement."
+          tag="TOGETHER WE RISE"
+          tagAnimation="blur-reveal"
+          textboxLayout="default"
+          animationType="blur-reveal"
           useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-purple-flower-glass-jar-with-dark-wall_181624-4742.jpg?_wi=2"
-          imageAlt="Community connection visual"
-          mediaAnimation="blur-reveal"
-          mediaPosition="right"
-          buttonText="CONNECT"
           containerClassName="py-20 md:py-32"
-          onSubmit={(data) => console.log("Community signup:", data)}
+          cardClassName="backdrop-blur-sm border border-opacity-10 hover:border-opacity-30"
         />
       </div>
 
@@ -136,4 +154,4 @@ export default function CommunityPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/contact/page.tsx

@@ -74,47 +74,53 @@ export default function ContactPage() {
           }))}
           brandName="JESUS MALVERDE MOVEMENT"
           button={{
-            text: "ENTER MOVEMENT",            href: "/contact"}}
+            text: "ENTER MOVEMENT",            href: "/contact"
+          }}
         />
       </div>
 
-      {/* Contact Form */}
-      <div id="contact-form" data-section="contact-form" className="pt-32 pb-20 md:pb-32">
+      {/* Contact Form Section */}
+      <div id="newsletter" data-section="newsletter" className="pt-32 pb-20 md:pb-32">
         <ContactSplitForm
           title="GET IN TOUCH"
-          description="Have questions about the movement, inquiries about collaborations, or want to contribute your voice? Reach out to us. We're listening."
+          description="Have questions or want to collaborate? We'd love to hear from you. Reach out and join the conversation."
           inputs={[
             { name: "email", type: "email", placeholder: "your@email.com", required: true },
-            { name: "name", type: "text", placeholder: "Your Name", required: true },
+            { name: "name", type: "text", placeholder: "Your Name", required: false },
           ]}
           textarea={{
-            name: "message",            placeholder: "Your message or inquiry...",            rows: 5,
-            required: true,
+            name: "message",            placeholder: "Share your message or inquiry...",            rows: 4,
+            required: false,
           }}
           useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-purple-flower-glass-jar-with-dark-wall_181624-4742.jpg?_wi=4"
-          imageAlt="Contact section visual"
+          imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-purple-flower-glass-jar-with-dark-wall_181624-4742.jpg?_wi=1"
+          imageAlt="Cinematic contact visual"
           mediaAnimation="blur-reveal"
           mediaPosition="right"
-          buttonText="SEND MESSAGE"
+          buttonText="SEND"
           containerClassName="py-20 md:py-32"
-          onSubmit={(data) => console.log("Contact form submission:", data)}
+          onSubmit={(data) => console.log("Contact form:", data)}
         />
       </div>
 
-      {/* Contact Channels */}
-      <div id="contact-channels" data-section="contact-channels" className="py-20 md:py-32">
+      {/* Community Section */}
+      <div id="movement-community" data-section="movement-community" className="py-20 md:py-32">
         <SocialProofOne
           names={[
-            "Email: hello@jesusmalverdemovement.com",            "Instagram: @jesusmalverdemovement",            "Twitter: @malverdeagency",            "Discord: Community Hub",            "Telegram: Channel Link",            "TikTok: @jesusmalverde",            "Substack: Essays & Updates",            "Events: Global Speaking Tour"]}
+            "Instagram @jesusmalverdemovement",            "Twitter @malverdeagency",            "TikTok @jesusmalverde",            "Discord Community Hub",            "Substack Essays",            "Collaborative Events",            "Gallery Exhibitions",            "Global Chapters"
+          ]}
           title="CONNECT WITH US"
-          description="Reach out across any platform. Whether you have questions, collaboration ideas, or want to join the conversation, we're here. Choose your channel."
-          tag="MULTI-PLATFORM"
+          description="Follow our movement across platforms and stay updated with the latest thoughts, events, and community initiatives."
+          tag="STAY CONNECTED"
           tagAnimation="blur-reveal"
           textboxLayout="default"
           useInvertedBackground={false}
           speed={30}
           showCard={true}
+          buttons={[
+            { text: "JOIN DISCORD", href: "#" },
+            { text: "FOLLOW SOCIAL", href: "#" },
+          ]}
           containerClassName="py-20 md:py-32"
         />
       </div>
@@ -132,4 +138,4 @@ export default function ContactPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/journal/page.tsx

@@ -3,10 +3,8 @@
 import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import FeatureBento from "@/components/sections/feature/FeatureBento";
-import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
-import { BookOpen, Pen, Lightbulb } from "lucide-react";
 
 export default function JournalPage() {
   const navItems = [
@@ -75,57 +73,30 @@ export default function JournalPage() {
           }))}
           brandName="JESUS MALVERDE MOVEMENT"
           button={{
-            text: "ENTER MOVEMENT",            href: "/contact"}}
+            text: "ENTER MOVEMENT",            href: "/contact"
+          }}
         />
       </div>
 
-      {/* Featured Essays */}
-      <div id="featured-essays" data-section="featured-essays" className="pt-32 pb-20 md:pb-32">
-        <FeatureBento
-          features={[
-            {
-              title: "Beyond Stereotypes",              description: "Exploring the systems that create and reinforce limiting narratives about identity and culture.",              bentoComponent: "reveal-icon",              icon: BookOpen,
-            },
-            {
-              title: "Consciousness & Resistance",              description: "How individual awakening becomes collective power. A philosophical journey into aware action.",              bentoComponent: "reveal-icon",              icon: Lightbulb,
-            },
-            {
-              title: "Narrative Deconstruction",              description: "Understanding the stories we inherit and learning to write our own truth.",              bentoComponent: "reveal-icon",              icon: Pen,
-            },
+      {/* Featured Essays Section */}
+      <div id="movement-community" data-section="movement-community" className="pt-32 pb-20 md:pb-32">
+        <SocialProofOne
+          names={[
+            "Essays on Perception",            "Cultural Analysis",            "Identity Studies",            "System Critique",            "Philosophical Inquiry",            "Community Voices",            "Guest Contributors",            "Archive"
           ]}
-          title="FEATURED ESSAYS"
-          description="Philosophical explorations on perception, identity, and cultural awakening. Limited distribution. High impact."
+          title="THE JOURNAL"
+          description="Deep essays and critical analysis on perception, identity, culture, and the narratives that shape our world. Explore provocative thinking and alternative perspectives."
           tag="INTELLECTUAL DISCOURSE"
           tagAnimation="blur-reveal"
           textboxLayout="default"
-          animationType="blur-reveal"
           useInvertedBackground={false}
-          containerClassName="py-20 md:py-32"
-          cardClassName="backdrop-blur-sm border border-opacity-10 hover:border-opacity-30"
-        />
-      </div>
-
-      {/* Newsletter Subscription */}
-      <div id="journal-subscribe" data-section="journal-subscribe" className="py-20 md:py-32">
-        <ContactSplitForm
-          title="SUBSCRIBE TO THE JOURNAL"
-          description="Receive curated essays on perception, identity, cultural narratives, and philosophical explorations directly in your inbox. Thought-provoking. Uncompromising. Limited circulation."
-          inputs={[
-            { name: "email", type: "email", placeholder: "your@email.com", required: true },
-            { name: "name", type: "text", placeholder: "Your Name", required: false },
+          speed={30}
+          showCard={true}
+          buttons={[
+            { text: "SUBSCRIBE", href: "#" },
+            { text: "READ ESSAYS", href: "#" },
           ]}
-          textarea={{
-            name: "topics",            placeholder: "What topics interest you most?",            rows: 4,
-            required: false,
-          }}
-          useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-purple-flower-glass-jar-with-dark-wall_181624-4742.jpg?_wi=3"
-          imageAlt="Journal subscription visual"
-          mediaAnimation="blur-reveal"
-          mediaPosition="right"
-          buttonText="SUBSCRIBE"
           containerClassName="py-20 md:py-32"
-          onSubmit={(data) => console.log("Journal subscription:", data)}
         />
       </div>
 
@@ -142,4 +113,4 @@ export default function JournalPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/layout.tsx

@@ -5,7 +5,8 @@ import "./globals.css";
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "Jesus Malverde Movement",  description: "A cultural movement questioning surface reality, identity beyond stereotypes, and the narratives we're taught to believe."};
+  title: "Jesus Malverde Movement",  description: "A cultural movement questioning surface reality, identity beyond stereotypes, and the narratives we're taught to believe."
+};
 
 export default function RootLayout({
   children,

src/app/manifesto/page.tsx

@@ -3,10 +3,9 @@
 import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import AboutMetric from "@/components/sections/about/AboutMetric";
 import FeatureBento from "@/components/sections/feature/FeatureBento";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
-import { Brain, Eye, Zap, Layers } from "lucide-react";
+import { Brain, Eye, Zap, Layers, Globe, Users, Workflow, Lightbulb } from "lucide-react";
 
 export default function ManifestoPage() {
   const navItems = [
@@ -75,48 +74,41 @@ export default function ManifestoPage() {
           }))}
           brandName="JESUS MALVERDE MOVEMENT"
           button={{
-            text: "ENTER MOVEMENT",            href: "/contact"}}
+            text: "ENTER MOVEMENT",            href: "/contact"
+          }}
         />
       </div>
 
-      {/* Manifesto Principles */}
-      <div id="manifesto-principles" data-section="manifesto-principles" className="pt-32 pb-20 md:pb-32">
-        <AboutMetric
-          title="The Jesus Malverde Movement is built on principles of intellectual rebellion, questioning narrative control, and awakening collective consciousness"
-          metrics={[
-            { icon: Brain, label: "Critical Thinking", value: "Question" },
-            { icon: Eye, label: "Conscious Observation", value: "Witness" },
-            { icon: Zap, label: "Authentic Expression", value: "Speak" },
-            { icon: Layers, label: "Systemic Understanding", value: "Analyze" },
-          ]}
-          metricsAnimation="blur-reveal"
-          useInvertedBackground={false}
-          containerClassName="py-20 md:py-32"
-          titleClassName="text-3xl md:text-5xl font-light leading-tight mb-16"
-          metricCardClassName="backdrop-blur-sm border border-opacity-10 hover:border-opacity-30 transition-all duration-300"
-          metricIconClassName="w-8 h-8"
-          metricLabelClassName="text-sm md:text-base font-light uppercase tracking-wider"
-          metricValueClassName="text-2xl md:text-3xl font-light"
-        />
-      </div>
-
-      {/* Philosophical Framework */}
-      <div id="philosophical-framework" data-section="philosophical-framework" className="py-20 md:py-32">
+      {/* Manifesto Section */}
+      <div id="visual-storytelling" data-section="visual-storytelling" className="pt-32 pb-20 md:pb-32">
         <FeatureBento
           features={[
             {
-              title: "Challenge Surface Reality",              description: "Nothing is as simple as it appears. Question the narratives presented to you without critical examination.",              bentoComponent: "reveal-icon",              icon: Eye,
+              title: "Challenge the Narrative",              description: "Question what you're told. Look deeper into surface stories and cultural myths.",              bentoComponent: "reveal-icon",              icon: Eye,
             },
             {
-              title: "Embrace Complexity",              description: "Reality exists in layers. Understanding requires embracing ambiguity, contradiction, and nuance.",              bentoComponent: "reveal-icon",              icon: Layers,
+              title: "Assert Your Identity",              description: "Beyond stereotypes and imposed labels. Discover who you truly are.",              bentoComponent: "timeline",              heading: "THE PATH",              subheading: "Breaking free",              items: [
+                { label: "Question", detail: "Examine assumptions" },
+                { label: "Discover", detail: "Find truth" },
+                { label: "Assert", detail: "Be yourself" },
+              ],
+              completedLabel: "Awakened"
             },
             {
-              title: "Act with Intention",              description: "Awareness without action is incomplete. The movement demands conscious participation in cultural discourse.",              bentoComponent: "reveal-icon",              icon: Zap,
+              title: "Build Collective Awareness",              description: "Together we challenge systems and create cultural change.",              bentoComponent: "orbiting-icons",              centerIcon: Zap,
+              items: [
+                { icon: Globe, ring: 1 },
+                { icon: Users, ring: 1 },
+                { icon: Layers, ring: 2 },
+                { icon: Workflow, ring: 2 },
+                { icon: Brain, ring: 3 },
+                { icon: Lightbulb, ring: 3 },
+              ],
             },
           ]}
-          title="CORE TENETS"
-          description="The foundation of intellectual and cultural awakening through questioning, awareness, and deliberate action."
-          tag="PHILOSOPHICAL FOUNDATION"
+          title="OUR MANIFESTO"
+          description="A declaration of independent thinking, cultural awareness, and the pursuit of truth beyond surface narratives."
+          tag="CORE PRINCIPLES"
           tagAnimation="blur-reveal"
           textboxLayout="default"
           animationType="blur-reveal"
@@ -139,4 +131,4 @@ export default function ManifestoPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -79,7 +79,8 @@ export default function HomePage() {
           }))}
           brandName="JESUS MALVERDE MOVEMENT"
           button={{
-            text: "ENTER MOVEMENT",            href: "/contact"}}
+            text: "ENTER MOVEMENT",            href: "/contact"
+          }}
         />
       </div>
 
@@ -111,10 +112,10 @@ export default function HomePage() {
         <AboutMetric
           title="The Jesus Malverde Movement operates on four core pillars of awareness and intellectual rebellion against surface narratives"
           metrics={[
-            { icon: Brain, label: "Independent Thinking", value: "100K+ Members" },
-            { icon: Eye, label: "Perception Beyond", value: "15+ Essays" },
-            { icon: Zap, label: "Cultural Awakening", value: "25 Countries" },
-            { icon: Layers, label: "Identity Depth", value: "500+ Community Events" },
+            { icon: Brain, label: "Independent Thinking", value: "Challenge" },
+            { icon: Eye, label: "Perception Beyond", value: "Stereotypes" },
+            { icon: Zap, label: "Cultural Awakening", value: "Resist" },
+            { icon: Layers, label: "Identity Depth", value: "Explore" },
           ]}
           metricsAnimation="blur-reveal"
           useInvertedBackground={false}
@@ -175,7 +176,8 @@ export default function HomePage() {
                 { label: "Context", detail: "Where we belong" },
                 { label: "Essence", detail: "Who we truly are" },
               ],
-              completedLabel: "Awakened"},
+              completedLabel: "Awakened"
+            },
             {
               title: "System",              description: "The structures we inherit and must question.",              bentoComponent: "orbiting-icons",              centerIcon: Zap,
               items: [
@@ -204,7 +206,8 @@ export default function HomePage() {
       <div id="movement-community" data-section="movement-community" className="py-20 md:py-32">
         <SocialProofOne
           names={[
-            "Instagram @jesusmalverdemovement",            "Twitter @malverdeagency",            "TikTok @jesusmalverde",            "Discord Community Hub",            "Substack Essays",            "Collaborative Events",            "Gallery Exhibitions",            "Global Chapters"]}
+            "Instagram @jesusmalverdemovement",            "Twitter @malverdeagency",            "TikTok @jesusmalverde",            "Discord Community Hub",            "Substack Essays",            "Collaborative Events",            "Gallery Exhibitions",            "Global Chapters"
+          ]}
           title="JOIN THE MOVEMENT"
           description="A global community of thinkers, creators, and cultural observers questioning narratives and building awareness. Share your perspective. Challenge assumptions. Think deeper."
           tag="CULTURAL AWAKENING"
@@ -225,7 +228,7 @@ export default function HomePage() {
       <div id="newsletter" data-section="newsletter" className="py-20 md:py-32">
         <ContactSplitForm
           title="ENTER THE MOVEMENT"
-          description="Subscribe to our journal for essays on perception, identity, cultural narratives, and philosophical explorations. Limited distribution. High impact."
+          description="Subscribe to our journal for exclusive essays on perception, identity, and cultural narratives—delivered weekly to your inbox."
           inputs={[
             { name: "email", type: "email", placeholder: "your@email.com", required: true },
             { name: "name", type: "text", placeholder: "Your Name", required: false },

src/app/store/page.tsx

@@ -4,6 +4,7 @@ import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
 import ProductCardThree from "@/components/sections/product/ProductCardThree";
+import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
 
 export default function StorePage() {
@@ -73,53 +74,99 @@ export default function StorePage() {
           }))}
           brandName="JESUS MALVERDE MOVEMENT"
           button={{
-            text: "ENTER MOVEMENT",            href: "/contact"}}
+            text: "ENTER MOVEMENT",            href: "/contact"
+          }}
         />
       </div>
 
-      {/* Store Products Section */}
-      <div id="store-products" data-section="store-products" className="pt-32 pb-20 md:pb-32">
+      {/* Featured Products Section */}
+      <div id="featured-products" data-section="featured-products" className="pt-32 pb-20 md:pb-32">
         <ProductCardThree
           products={[
             {
-              id: "1",              name: "PERCEPTION Oversized Tee",              price: "$89",              imageSrc: "http://img.b2bpic.net/free-photo/upset-european-man-white-shirt-with-tattooed-arms-sitting-outdoors_181624-59916.jpg?_wi=2",              imageAlt: "Black oversized tee with minimal branding",              initialQuantity: 1,
+              id: "1",              name: "PERCEPTION Oversized Tee",              price: "$89",              imageSrc: "http://img.b2bpic.net/free-photo/upset-european-man-white-shirt-with-tattooed-arms-sitting-outdoors_181624-59916.jpg?_wi=1",              imageAlt: "Black oversized tee with minimal branding",              initialQuantity: 1,
               isFavorited: false,
             },
             {
-              id: "2",              name: "IDENTITY Hoodie",              price: "$189",              imageSrc: "http://img.b2bpic.net/free-photo/person-suffering-from-bullying_23-2149155404.jpg?_wi=2",              imageAlt: "Dark hoodie with subtle embroidered details",              initialQuantity: 1,
+              id: "2",              name: "IDENTITY Hoodie",              price: "$189",              imageSrc: "http://img.b2bpic.net/free-photo/person-suffering-from-bullying_23-2149155404.jpg?_wi=1",              imageAlt: "Dark hoodie with subtle embroidered details",              initialQuantity: 1,
               isFavorited: false,
             },
             {
-              id: "3",              name: "RESISTANCE Jacket",              price: "$349",              imageSrc: "http://img.b2bpic.net/free-photo/handsome-adult-man-posing-outdoors_23-2148466091.jpg?_wi=2",              imageAlt: "Premium technical jacket with minimalist design",              initialQuantity: 1,
+              id: "3",              name: "RESISTANCE Jacket",              price: "$349",              imageSrc: "http://img.b2bpic.net/free-photo/handsome-adult-man-posing-outdoors_23-2148466091.jpg?_wi=1",              imageAlt: "Premium technical jacket with minimalist design",              initialQuantity: 1,
               isFavorited: false,
             },
             {
-              id: "4",              name: "AWARENESS Cap",              price: "$59",              imageSrc: "http://img.b2bpic.net/free-photo/handsome-serious-bearded-young-man-wearing-cap_171337-10522.jpg?_wi=2",              imageAlt: "Minimal black cap with intricate symbology",              initialQuantity: 1,
-              isFavorited: false,
-            },
-            {
-              id: "5",              name: "NARRATIVE Sweatpants",              price: "$129",              imageSrc: "http://img.b2bpic.net/free-photo/upset-european-man-white-shirt-with-tattooed-arms-sitting-outdoors_181624-59916.jpg?_wi=3",              imageAlt: "Premium black sweatpants with hidden details",              initialQuantity: 1,
-              isFavorited: false,
-            },
-            {
-              id: "6",              name: "TRUTH Accessories Pack",              price: "$79",              imageSrc: "http://img.b2bpic.net/free-photo/handsome-serious-bearded-young-man-wearing-cap_171337-10522.jpg?_wi=3",              imageAlt: "Curated collection of movement accessories",              initialQuantity: 1,
+              id: "4",              name: "AWARENESS Cap",              price: "$59",              imageSrc: "http://img.b2bpic.net/free-photo/handsome-serious-bearded-young-man-wearing-cap_171337-10522.jpg?_wi=1",              imageAlt: "Minimal black cap with intricate symbology",              initialQuantity: 1,
               isFavorited: false,
             },
           ]}
-          title="COLLECTION"
-          description="Explore our complete range of pieces designed to inspire independent thought and cultural awareness. Each item carries the spirit of the movement."
-          tag="FULL STORE"
+          title="FEATURED COLLECTION"
+          description="Each piece is a statement. Minimal design meets maximum meaning. These are not just clothes—they are invitations to question, to think, to awaken."
+          tag="EDITORIAL PIECES"
           tagAnimation="blur-reveal"
           textboxLayout="default"
           animationType="blur-reveal"
           useInvertedBackground={false}
-          gridVariant="three-columns-all-equal-width"
+          gridVariant="four-items-2x2-equal-grid"
           containerClassName="py-20 md:py-32"
           cardClassName="group relative overflow-hidden backdrop-blur-sm"
           imageClassName="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"
         />
       </div>
 
+      {/* Premium Collection Section */}
+      <div id="premium-collection" data-section="premium-collection" className="py-20 md:py-32">
+        <ProductCardThree
+          products={[
+            {
+              id: "5",              name: "AWAKENING Premium Set",              price: "$499",              imageSrc: "http://img.b2bpic.net/free-photo/upset-european-man-white-shirt-with-tattooed-arms-sitting-outdoors_181624-59916.jpg?_wi=1",              imageAlt: "Premium collection set",              initialQuantity: 1,
+              isFavorited: false,
+            },
+            {
+              id: "6",              name: "CONSCIOUSNESS Limited Ed.",              price: "$599",              imageSrc: "http://img.b2bpic.net/free-photo/handsome-adult-man-posing-outdoors_23-2148466091.jpg?_wi=1",              imageAlt: "Limited edition consciousness collection",              initialQuantity: 1,
+              isFavorited: false,
+            },
+            {
+              id: "7",              name: "VISION Collector's Box",              price: "$799",              imageSrc: "http://img.b2bpic.net/free-photo/person-suffering-from-bullying_23-2149155404.jpg?_wi=1",              imageAlt: "Vision collector's box",              initialQuantity: 1,
+              isFavorited: false,
+            },
+          ]}
+          title="PREMIUM COLLECTION"
+          description="Exclusive, limited-edition pieces for the most committed members of our movement. Each item tells a deeper story."
+          tag="COLLECTOR'S ITEMS"
+          tagAnimation="blur-reveal"
+          textboxLayout="default"
+          animationType="blur-reveal"
+          useInvertedBackground={false}
+          gridVariant="asymmetric-60-wide-40-narrow"
+          containerClassName="py-20 md:py-32"
+          cardClassName="group relative overflow-hidden backdrop-blur-sm"
+          imageClassName="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"
+        />
+      </div>
+
+      {/* Community Testimonials Section */}
+      <div id="testimonials" data-section="testimonials" className="py-20 md:py-32">
+        <SocialProofOne
+          names={[
+            "Customer Reviews",            "Community Feedback",            "Movement Testimonials",            "Wearer Stories",            "Impact Stories",            "Global Voices",            "Verified Supporters",            "Authentic Reviews"
+          ]}
+          title="COMMUNITY VOICES"
+          description="Hear from members of our movement about what our pieces mean to them and how they're making an impact."
+          tag="REAL STORIES"
+          tagAnimation="blur-reveal"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          speed={30}
+          showCard={true}
+          buttons={[
+            { text: "SHARE YOUR STORY", href: "#" },
+            { text: "READ REVIEWS", href: "#" },
+          ]}
+          containerClassName="py-20 md:py-32"
+        />
+      </div>
+
       {/* Footer */}
       <div id="footer" data-section="footer">
         <FooterSimple
@@ -133,4 +180,4 @@ export default function StorePage() {
       </div>
     </ThemeProvider>
   );
-}
+}