// Sections module — exports all 6 page sections to window. // Originals only — no copyrighted UI patterns recreated. const { useState, useEffect, useRef } = React; const CA_HERO = "00000000"; const CA_SOCIAL = "0000000"; /* ---------- Reusable building blocks ---------- */ function useReveal() { const ref = useRef(null); useEffect(() => { const el = ref.current;if (!el) return; const io = new IntersectionObserver(([e]) => { if (e.isIntersecting) {el.classList.add('in');io.disconnect();} }, { threshold: 0.12 }); io.observe(el); return () => io.disconnect(); }, []); return ref; } function CopyButton({ value, label = "COPY", className = "" }) { const [copied, setCopied] = useState(false); const onClick = async () => { try { await navigator.clipboard.writeText(value); } catch { const ta = document.createElement('textarea'); ta.value = value;document.body.appendChild(ta);ta.select(); try {document.execCommand('copy');} catch {} ta.remove(); } setCopied(true);setTimeout(() => setCopied(false), 1600); }; return ( ); } /* ---------- NAVBAR ---------- */ function Navbar() { const [scrolled, setScrolled] = useState(false); const [open, setOpen] = useState(false); useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 30); window.addEventListener('scroll', onScroll);onScroll(); return () => window.removeEventListener('scroll', onScroll); }, []); const items = [ ["WHO IS $HERO", "#hero"], ["ABOUT", "#about"], ["MISSION", "#mission"], ["MEMES", "#memes"], ["SHORTAGE", "#shortage"], ["SOCIAL MEDIA", "#social"]]; return (
$HOPE
TRENCHES.NEVER.DIE
{/* mobile menu */}
{items.map(([label, href]) => setOpen(false)} className="nav-link py-3 font-display font-semibold text-base tracking-wide text-hope-cream/90 border-b border-white/5"> {label} )} setOpen(false)} className="btn-primary mt-3 px-5 py-3 rounded-full text-center font-display">BUY $HOPE
); } /* ---------- HERO ---------- */ function Hero() { const ref = useReveal(); return (
{/* cosmic backdrop */}
{/* small floating tickers */}
⛏️ STILL DIGGING SINCE 2024
A SOLANA MEMECOIN FOR THE LAST BELIEVERS

$HOPE
Trenches{' '} never{' '} die.

{/* horizontal block: logo left, text right */}
{/* logo card */}
$HOPE — looking up at the trenches sky
{/* tape */}
{/* corner badge */}
$HOPE • SOL
{/* scribbles */} u still here?
{/* manifesto right */}
a confession from the trenches —

Memecoin market is alive quiet, timeline is slow, volume is dead.

But you're still here — and that means something.

{/* CA + buy block */}
); } /* ---------- ABOUT ---------- */ function About() { const ref = useReveal(); return (

Why now .

(the quiet before everything)

The meta dried up, volume disappeared. The degens who were screaming "to the moon" six months ago ghosting their accounts. CT is posting AI agents tutorials and gym selfies like they never touched a memecoin chart.

But you're still opening DEXScreener, still checking Telegram chats, still refreshing that portfolio you should've closed months ago.

You know this feeling and you've felt it before.
The quiet before everything changes.

$HOPE is the coin for the ones who didn't leave — not because they're smart or because they know something. Because they can't stop believing that the trenches will come back.

{/* image card */}
quiet pepe in the storm {/* meme caption bar */}
"peace comes after the storm — always."
{/* sticker */}
STILL
HERE
); } /* ---------- MISSION ---------- */ function Mission() { const ref = useReveal(); const lines = [ ["The market is dead.", "We're still here."], ["The volume is gone.", "We're still here."], ["The influencers left.", "We're still here."], ["CT says it's over.", "We're still here."]]; return (
{/* cosmic bg */}
{/* milky way */}
{/* moon */}
{/* twinkle dots */} {Array.from({ length: 14 }).map((_, i) => )} {/* rocket */}
{/* trail */} {/* body */} {/* window */} {/* fins */} {/* HOPE band */} $HOPE {/* flames */}

For the ones still here

manifesto · v1
{lines.map(([a, b], i) =>
{a}
{b}
)}

We don't have alpha.
We have hope.

And that's enough.

); } /* ---------- MEMES ---------- */ function Memes() { const ref = useReveal(); // 13 memes (excluding hero + about already used) const memes = [ { src: "assets/meme-01.png", tilt: -2, span: "row-span-2" }, { src: "assets/meme-02.png", tilt: 1.5 }, { src: "assets/meme-03.png", tilt: -1 }, { src: "assets/meme-12.png", tilt: 2, span: "row-span-2" }, { src: "assets/meme-04.png", tilt: -2 }, { src: "assets/meme-05.jpg", tilt: 1 }, { src: "assets/meme-06.png", tilt: -1.5, span: "row-span-2" }, { src: "assets/meme-07.png", tilt: 2 }, { src: "assets/meme-08.jpg", tilt: -1 }, { src: "assets/meme-09.jpg", tilt: 1.5 }, { src: "assets/meme-10.jpg", tilt: -2 }, { src: "assets/meme-11.png", tilt: 1, span: "row-span-2" }, { src: "assets/meme-13.png", tilt: -1 }]; return (

meme wall.

{/* manifesto quote */}
"

It's not about being early. It's about being the last one to leave — and still not leaving.

{/* dynamic masonry-ish grid */}
{memes.map((m, i) =>
{"meme {/* number sticker */}
#{String(i + 1).padStart(2, '0')}
{/* hover overlay */}
$HOPE
)}
); } /* ---------- SHORTAGE ---------- */ function Shortage() { const ref = useReveal(); return (

SHORTAGE

read this twice.
{/* corner crops */}

$HOPE is a memecoin on Solana.{' '} No utility.{' '} No promises.{' '} No pretending the market is fine. Just a coin for people who still believe memecoins will come back. This is not financial advice. This is cope. This is hope.

); } /* ---------- SOCIAL ---------- */ function Social() { const ref = useReveal(); const cards = [ { label: 'PumpFun', tag: 'launchpad', href: '#', accent: '#ff7a3a', icon: }, { label: 'X / Twitter', tag: '@hope_sol', href: '#', accent: '#7cf08a', icon: }, { label: 'DexScreener', tag: 'live chart', href: '#', accent: '#ffd166', icon: }]; return (

Join the last believers

don't be early. just don't leave.
{cards.map((c, i) =>
/ 0{i + 1} ↗
{c.icon}
{c.label}
{c.tag}
 )} {/* CA copy card */}
{/* contract row */}
CONTRACT {CA_SOCIAL}
{/* closing line */}

Trenches never die.
They just go quiet{' '} before the next send.

$HOPE • SOLANA • {new Date().getFullYear()}
); } function CACard() { const [copied, setCopied] = useState(false); const onClick = async () => { try {await navigator.clipboard.writeText(CA_SOCIAL);} catch { const ta = document.createElement('textarea');ta.value = CA_SOCIAL; document.body.appendChild(ta);ta.select(); try {document.execCommand('copy');} catch {}ta.remove(); } setCopied(true);setTimeout(() => setCopied(false), 1800); }; return ( ); } /* ---------- DIVIDER ---------- */ function Divider({ label }) { return (
{label}
); } Object.assign(window, { Navbar, Hero, About, Mission, Memes, Shortage, Social, Divider });