From dd49f2aa7af4b8679db7e82eb00e2b8bc0605b2d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 4 Mar 2026 14:20:24 +0000
Subject: [PATCH] Update src/app/journal/page.tsx

---
 src/app/journal/page.tsx | 171 +++++++++++++++------------------------
 1 file changed, 66 insertions(+), 105 deletions(-)

diff --git a/src/app/journal/page.tsx b/src/app/journal/page.tsx
index b1cdfd4..4fe0ea2 100644
--- a/src/app/journal/page.tsx
+++ b/src/app/journal/page.tsx
@@ -3,11 +3,54 @@
 import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
 
 export default function JournalPage() {
+  const navItems = [
+    { name: "HOME", id: "/" },
+    { name: "STORE", id: "/store" },
+    { name: "MANIFESTO", id: "/manifesto" },
+    { name: "COMMUNITY", id: "/community" },
+    { name: "JOURNAL", id: "/journal" },
+    { name: "ABOUT", id: "/about" },
+  ];
+
+  const footerColumns = [
+    {
+      title: "NAVIGATE",      items: [
+        { label: "Home", href: "/" },
+        { label: "Store", href: "/store" },
+        { label: "Manifesto", href: "/manifesto" },
+        { label: "Community", href: "/community" },
+      ],
+    },
+    {
+      title: "RESOURCES",      items: [
+        { label: "Journal", href: "/journal" },
+        { label: "About", href: "/about" },
+        { label: "Contact", href: "/contact" },
+        { label: "FAQ", href: "#" },
+      ],
+    },
+    {
+      title: "COMMUNITY",      items: [
+        { label: "Instagram", href: "https://instagram.com" },
+        { label: "Twitter", href: "https://twitter.com" },
+        { label: "Discord", href: "#" },
+        { label: "Events", href: "#" },
+      ],
+    },
+    {
+      title: "LEGAL",      items: [
+        { label: "Privacy Policy", href: "#" },
+        { label: "Terms of Service", href: "#" },
+        { label: "Shipping Info", href: "#" },
+        { label: "Returns", href: "#" },
+      ],
+    },
+  ];
+
   return (
     <ThemeProvider
       defaultButtonVariant="text-shift"
@@ -21,128 +64,46 @@ export default function JournalPage() {
       secondaryButtonStyle="layered"
       headingFontWeight="light"
     >
-      {/* Navbar */}
-      <div id="nav" data-section="nav">
+      {/* Navigation */}
+      <div id="nav" data-section="nav" className="fixed top-0 left-0 right-0 z-50">
         <NavbarStyleCentered
+          navItems={navItems.map(item => ({
+            name: item.name,
+            id: item.id === "/" ? "/" : item.id,
+          }))}
           brandName="JESUS MALVERDE MOVEMENT"
-          navItems={[
-            { name: "HOME", id: "/" },
-            { name: "STORE", id: "/store" },
-            { name: "MANIFESTO", id: "/manifesto" },
-            { name: "COMMUNITY", id: "/community" },
-            { name: "JOURNAL", id: "/journal" },
-            { name: "ABOUT", id: "/about" },
-          ]}
-          button={{ text: "ENTER MOVEMENT", href: "/contact" }}
-          className="fixed top-0 left-0 right-0 z-50"
-        />
-      </div>
-
-      {/* Journal Newsletter Signup Section */}
-      <div id="journal-signup" data-section="journal-signup">
-        <ContactSplitForm
-          title="THE JESUS MALVERDE JOURNAL"
-          description="Subscribe to our curated collection of essays exploring perception, identity, cultural narratives, and philosophical awakening. Each edition is a deep dive into the ideas that shape our movement."
-          inputs={[
-            {
-              name: "email",
-              type: "email",
-              placeholder: "your@email.com",
-              required: true,
-            },
-            {
-              name: "name",
-              type: "text",
-              placeholder: "Your Name",
-              required: false,
-            },
-          ]}
-          textarea={{
-            name: "interests",
-            placeholder: "What topics interest you most? (Philosophy, Fashion, Culture, Art...)",
-            rows: 3,
-            required: false,
+          button={{
+            text: "ENTER MOVEMENT",            href: "/contact"
           }}
-          useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-purple-flower-glass-jar-with-dark-wall_181624-4742.jpg?_wi=2"
-          imageAlt="Journal visual aesthetic"
-          mediaAnimation="blur-reveal"
-          mediaPosition="left"
-          buttonText="SUBSCRIBE NOW"
-          containerClassName="py-20 md:py-32"
-          titleClassName="text-3xl md:text-5xl font-light tracking-tighter mb-4"
-          descriptionClassName="text-sm md:text-base leading-relaxed opacity-80 max-w-xl"
         />
       </div>
 
-      {/* Featured Topics Section */}
-      <div id="featured-topics" data-section="featured-topics">
+      {/* Featured Essays Section */}
+      <div id="movement-community" data-section="movement-community" className="pt-32 pb-20 md:pb-32">
         <SocialProofOne
-          title="ESSAY SERIES & TOPICS"
-          description="A collection of interconnected essays exploring the multifaceted dimensions of perception, identity, and cultural awakening."
-          tag="INTELLECTUAL EXPLORATION"
+          names={[
+            "Essays on Perception",            "Cultural Analysis",            "Identity Studies",            "System Critique",            "Philosophical Inquiry",            "Community Voices",            "Guest Contributors",            "Archive"
+          ]}
+          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"
           useInvertedBackground={false}
-          names={[
-            "Perception & Reality",
-            "Identity Beyond Labels",
-            "Cultural Resistance",
-            "Philosophical Narratives",
-            "Street Culture Studies",
-            "Fashion as Philosophy",
-            "Symbolic Meaning",
-            "Collective Consciousness",
-          ]}
           speed={30}
           showCard={true}
+          buttons={[
+            { text: "SUBSCRIBE", href: "#" },
+            { text: "READ ESSAYS", href: "#" },
+          ]}
           containerClassName="py-20 md:py-32"
-          titleClassName="text-4xl md:text-6xl font-light tracking-tighter mb-4"
-          descriptionClassName="text-sm md:text-base leading-relaxed opacity-80 max-w-2xl"
         />
       </div>
 
       {/* Footer */}
       <div id="footer" data-section="footer">
         <FooterSimple
-          columns={[
-            {
-              title: "NAVIGATE",
-              items: [
-                { label: "Home", href: "/" },
-                { label: "Store", href: "/store" },
-                { label: "Manifesto", href: "/manifesto" },
-                { label: "Community", href: "/community" },
-              ],
-            },
-            {
-              title: "RESOURCES",
-              items: [
-                { label: "Journal", href: "/journal" },
-                { label: "About", href: "/about" },
-                { label: "Contact", href: "/contact" },
-                { label: "FAQ", href: "#" },
-              ],
-            },
-            {
-              title: "COMMUNITY",
-              items: [
-                { label: "Instagram", href: "https://instagram.com" },
-                { label: "Twitter", href: "https://twitter.com" },
-                { label: "Discord", href: "#" },
-                { label: "Events", href: "#" },
-              ],
-            },
-            {
-              title: "LEGAL",
-              items: [
-                { label: "Privacy Policy", href: "#" },
-                { label: "Terms of Service", href: "#" },
-                { label: "Shipping Info", href: "#" },
-                { label: "Returns", href: "#" },
-              ],
-            },
-          ]}
+          columns={footerColumns}
           bottomLeftText="© 2025 Jesus Malverde Movement. All perspectives reserved."
           bottomRightText="Questioning Reality. Building Awareness."
           containerClassName="border-t border-opacity-10 pt-16 pb-8"
@@ -152,4 +113,4 @@ export default function JournalPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}