// app.jsx — PODARENA question-submission landing page.
// All state in one root component for simplicity. localStorage-persisted.
const { useState, useEffect, useRef, useCallback, useMemo } = React;
const SUPABASE_URL = 'https://bnuyslurompyavjbdjnm.supabase.co';
const SUPABASE_ANON_KEY = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImJudXlzbHVyb21weWF2amJkam5tIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTk5MzIwNDQsImV4cCI6MjA3NTUwODA0NH0.jO1bNrVmWU2LOkwnevi_y23DRPkUZeOc94CH6W-6XZQ';
const supabase = window.supabase.createClient(SUPABASE_URL, SUPABASE_ANON_KEY);
/* ============================================================
BLOCKS — the 3 themes the user asked for
============================================================ */
const BLOCKS = [
{
id: "avivamento",
num: "01",
title: "Avivamento",
sub: "Sobre fogo, fome de Deus e o que move uma geração inteira a se levantar.",
placeholders: [
"Ex.: O que é avivamento de verdade pra você?",
"Ex.: Como diferenciar emoção de presença de Deus?",
"Ex.: O que precisa morrer em mim pra um avivamento começar?"
]
},
{
id: "constancia",
num: "02",
title: "Como ser constante na vida com Jesus",
sub: "Sobre a corrida longa: rotina, secreto, recaídas e como manter o passo quando ninguém está vendo.",
placeholders: [
"Ex.: Como ter constância na oração quando a vida tá pesada?",
"Ex.: O que fazer quando o fogo esfria?",
"Ex.: Existe vida cristã sem secreto?"
]
},
{
id: "lideranca",
num: "03",
title: "Liderança, isso é pra mim?",
sub: "Sobre chamado, medo, pressão e como entender se você foi separado pra liderar.",
placeholders: [
"Ex.: Como saber se Deus me chamou pra liderar?",
"Ex.: E se eu não me sinto pronto?",
"Ex.: Liderar fere a gente. Como não endurecer o coração?"
]
}
];
/* ============================================================
ICONS — minimal inline SVGs (Lucide-style)
============================================================ */
function IconTrash({ size = 16 }) {
return (
);
}
function IconArrow({ size = 16 }) {
return (
);
}
function IconCheck({ size = 28 }) {
return (
);
}
function IconChevron({ size = 28 }) {
return (
);
}
/* ============================================================
STORAGE
============================================================ */
const STORAGE_KEY = "podarena_v1";
function loadState() {
try {
const raw = localStorage.getItem(STORAGE_KEY);
if (!raw) return null;
const parsed = JSON.parse(raw);
if (!parsed || typeof parsed !== "object") return null;
return parsed;
} catch (e) { return null; }
}
function saveState(state) {
try { localStorage.setItem(STORAGE_KEY, JSON.stringify(state)); } catch (e) {}
}
/* ============================================================
TOP NAV
============================================================ */
function TopNav() {
const [scrolled, setScrolled] = useState(false);
useEffect(() => {
const on = () => setScrolled(window.scrollY > 40);
window.addEventListener("scroll", on, { passive: true });
return () => window.removeEventListener("scroll", on);
}, []);
return (
);
}
/* ============================================================
HERO
============================================================ */
function Hero({ onScroll }) {
return (
Arena — Sara Nossa Terra — Sergipe2K26
ARENA LIFESTYLE·PODARENA · PERGUNTAS DA GERAÇÃO
Manda
a pergunta. A gente debate.
Três blocos. Três temas que tão tirando o sono da geração.
Escreve o que você quer ouvir no palco — sem nome, sem filtro,
sem precisar se identificar. A gente leva pro debate.