Update src/app/journal/page.tsx
This commit is contained in:
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user