// ============================================================ // OBPC — Main content sections // ============================================================ const { useState: useStateS, useEffect: useEffectS, useRef: useRefS } = React; // ---------- Section: O que é a Obra ---------- const SectionObra = ({ palette }) => { return (

01 / O que é a Obra

Quando falamos "a Obra", estamos falando de algo muito maior do que um prédio.

Fundada em 1955 pelo missionário Manoel de Mello, a OBPC começou como um movimento itinerante de evangelismo, cura e libertação — e se tornou uma das maiores denominações evangélicas do país.

A Obra é o agir de Deus na vida das pessoas. Cada culto, cada oração, cada vida alcançada. A Obra acontece quando alguém é restaurado, encontra esperança, conhece Jesus de verdade.

Mais do que participar, somos chamados a fazer parte da Obra.

{[ ["1955", "Fundação"], ["70+", "Anos de missão"], ["5", "Ministérios"], ["∞", "Vidas transformadas"], ].map(([n, l], i) => (

{n}

{l}

))}

); }; // ---------- Section: Fundamentos ---------- const FUNDAMENTOS = [ { id: "salvacao", title: "Salvação em Jesus Cristo", desc: "O evangelho como centro. A cruz como caminho. A graça como fundamento de toda vida cristã.", verse: "João 14:6", }, { id: "espirito", title: "Batismo com o Espírito Santo", desc: "Poder do alto para viver, servir e anunciar. A marca pentecostal que acompanha a Obra desde 1955.", verse: "Atos 1:8", }, { id: "oracao", title: "Oração constante", desc: "Diálogo íntimo com o Pai. O primeiro movimento antes de qualquer obra, culto ou decisão.", verse: "1 Tessalonicenses 5:17", }, { id: "palavra", title: "Ensino da Palavra", desc: "A Bíblia como autoridade. O ensino como prática. Discipulado como compromisso com o crescimento.", verse: "2 Timóteo 3:16", }, { id: "amor", title: "Amor ao próximo", desc: "Fé que se manifesta em cuidado. Ações sociais, acolhimento, restauração de famílias e comunidades.", verse: "João 13:34", }, ]; const SectionFundamentos = ({ palette }) => { const [active, setActive] = useStateS(0); return (

02 / Fundamentos

Firmados em princípios bíblicos
e na fé pentecostal.

{FUNDAMENTOS.map((f, i) => ( ))}

{String(active + 1).padStart(2, "0")}

{FUNDAMENTOS[active].title}

{FUNDAMENTOS[active].desc}

Referência {FUNDAMENTOS[active].verse}

); }; // ---------- Section: Ministérios ---------- const MINISTERIOS = [ { sigla: "UFEBRAC", nome: "Mulheres", desc: "União Feminina Brasil para Cristo. Força, oração e cuidado.", idade: "adultas", tone: "fire" }, { sigla: "UMASBRAC", nome: "Homens", desc: "União Masculina Brasil para Cristo. Liderança, integridade e serviço.", idade: "adultos", tone: "deep" }, { sigla: "MENIBRAC", nome: "Crianças", desc: "Ministério infantil. Primeiros passos na fé através de brincadeira e ensino.", idade: "4–11 anos", tone: "warm" }, { sigla: "ADOBRAC", nome: "Adolescentes", desc: "Ministério para adolescentes. Identidade, valores e descoberta espiritual.", idade: "12–14 anos", tone: "fire" }, { sigla: "JUBRAC", nome: "Jovens", desc: "Juventude Unida O Brasil Para Cristo. A força que levanta gerações.", idade: "15–29 anos", tone: "deep", highlight: true }, ]; const SectionMinisterios = ({ palette }) => { const [hover, setHover] = useStateS(null); return (

03 / Ministérios

Cada membro faz parte da Obra,
contribuindo com seus dons e talentos.

{MINISTERIOS.map((m, i) => (

setHover(i)} onMouseLeave={() => setHover(null)} style={{ background: hover === i ? palette.accent : palette.bg, color: hover === i ? palette.bg : palette.fg, borderColor: m.highlight ? palette.accent : `${palette.fg}18`, }} >

{String(i + 1).padStart(2, "0")} / 05

{m.sigla}

{m.nome}

{m.desc}

{m.idade} →

))}

Além disso, ministérios locais: Louvor · Intercessão · Evangelismo · Ensino

); }; // ---------- Section: JUBRAC ---------- const SectionJubrac = ({ palette }) => { const ref = useRefS(null); const [scroll, setScroll] = useStateS(0); useEffectS(() => { const onScroll = () => { if (!ref.current) return; const rect = ref.current.getBoundingClientRect(); const prog = 1 - rect.top / window.innerHeight; setScroll(Math.max(0, Math.min(1, prog))); }; window.addEventListener("scroll", onScroll, { passive: true }); onScroll(); return () => window.removeEventListener("scroll", onScroll); }, []); return (

{/* Parallax background word */}

JUBRAC

04 / JUBRAC — a força dos jovens