import React, { useState, useEffect } from 'react'; import { ChevronLeft, ChevronRight, BookOpen, Heart, Share2, Download, Sun, Moon, Menu, X } from 'lucide-react'; const BiblePromiseBook = () => { const [currentPage, setCurrentPage] = useState(0); const [isMenuOpen, setIsMenuOpen] = useState(false); const [theme, setTheme] = useState('light'); // 'light' or 'warm' // Dados extraídos do PDF const content = [ { type: 'cover', title: 'Potinho de Promessas Bíblicas', subtitle: '365 Frases por Sentimento', decoration: '✨', bgGradient: 'from-amber-100 to-orange-50' }, { title: 'Ansiedade & Preocupação', theme: 'blue', verses: [ { text: "Lançai sobre ele toda a vossa ansiedade, porque ele tem cuidado de vós.", ref: "1 Pedro 5:7" }, { text: "Não andem ansiosos por coisa alguma.", ref: "Filipenses 4:6" }, { text: "A paz de Deus guardará o vosso coração.", ref: "Filipenses 4:7" }, { text: "Confia no Senhor de todo o teu coração.", ref: "Provérbios 3:5" }, { text: "Entrega o teu caminho ao Senhor, confia nele, e o mais Ele fará.", ref: "Salmos 37:5" }, { text: "O Senhor é o meu pastor, nada me faltará.", ref: "Salmos 23:1" }, { text: "Deus é o nosso refúgio e fortaleza.", ref: "Salmos 46:1" }, { text: "Descanse no Senhor e aguarde por ele com paciência.", ref: "Salmos 37:7" }, { text: "Busquei o Senhor, e ele me respondeu; livrou-me de todos os meus temores.", ref: "Salmos 34:4" }, { text: "Tu conservarás em paz aquele cuja mente está firme em ti.", ref: "Isaías 26:3" } ] }, { title: 'Tristeza & Dor', theme: 'purple', verses: [ { text: "Perto está o Senhor dos que têm o coração quebrantado.", ref: "Salmos 34:18" }, { text: "O choro pode durar uma noite, mas a alegria vem pela manhã.", ref: "Salmos 30:5" }, { text: "Ele enxugará dos seus olhos toda lágrima.", ref: "Apocalipse 21:4" }, { text: "Bem-aventurados os que choram, pois serão consolados.", ref: "Mateus 5:4" }, { text: "Deus é o Deus de toda consolação.", ref: "2 Coríntios 1:3-4" }, { text: "Ele cura os quebrantados de coração.", ref: "Salmos 147:3" }, { text: "Ainda que eu ande pelo vale da sombra da morte, não temerei.", ref: "Salmos 23:4" }, { text: "Tu transformaste o meu pranto em dança.", ref: "Salmos 30:11" }, { text: "Aqueles que semeiam com lágrimas colherão com alegria.", ref: "Salmos 126:5" }, { text: "Não se turbe o vosso coração; credes em Deus.", ref: "João 14:1" } ] }, { title: 'Medo & Insegurança', theme: 'slate', verses: [ { text: "Não temas, porque eu sou contigo.", ref: "Isaías 41:10" }, { text: "Mesmo quando eu andar por um vale de trevas e morte, não temerei.", ref: "Salmos 23:4" }, { text: "O Senhor é a minha luz e a minha salvação; de quem terei medo?", ref: "Salmos 27:1" }, { text: "Em Deus, cuja palavra eu louvo, confio e não temerei.", ref: "Salmos 56:4" }, { text: "O perfeito amor lança fora o medo.", ref: "1 João 4:18" }, { text: "Fortalecei-vos no Senhor e na força do seu poder.", ref: "Efésios 6:10" }, { text: "O Senhor é quem vai adiante de ti; Ele será contigo.", ref: "Deuteronômio 31:8" }, { text: "O Senhor está comigo, não temerei.", ref: "Salmos 118:6" }, { text: "O meu socorro vem do Senhor.", ref: "Salmos 121:2" }, { text: "Ainda que um exército me cercasse, o meu coração não temeria.", ref: "Salmos 27:3" } ] }, { title: 'Falta de Fé & Dúvida', theme: 'indigo', verses: [ { text: "Eu creio! Ajuda-me na minha incredulidade.", ref: "Marcos 9:24" }, { text: "A fé é a certeza daquilo que esperamos.", ref: "Hebreus 11:1" }, { text: "Bem-aventurados os que não viram e creram.", ref: "João 20:29" }, { text: "Se tiverdes fé do tamanho de um grão de mostarda...", ref: "Mateus 17:20" }, { text: "Confia no Senhor de todo o teu coração.", ref: "Provérbios 3:5" }, { text: "Andamos por fé, e não por vista.", ref: "2 Coríntios 5:7" }, { text: "Tudo é possível ao que crê.", ref: "Marcos 9:23" }, { text: "Se creres, verás a glória de Deus.", ref: "João 11:40" }, { text: "O justo viverá pela fé.", ref: "Romanos 1:17" }, { text: "Entrega o teu caminho ao Senhor.", ref: "Salmos 37:5" } ] }, { title: 'Gratidão & Alegria', theme: 'yellow', verses: [ { text: "Em tudo dai graças.", ref: "1 Tessalonicenses 5:18" }, { text: "Regozijai-vos sempre no Senhor.", ref: "Filipenses 4:4" }, { text: "Este é o dia que o Senhor fez; alegremo-nos.", ref: "Salmos 118:24" }, { text: "O Senhor fez grandes coisas por nós, e por isso estamos alegres.", ref: "Salmos 126:3" }, { text: "Cantai ao Senhor com alegria.", ref: "Salmos 100:1" }, { text: "Rendam graças ao Senhor, pois Ele é bom.", ref: "Salmos 136:1" }, { text: "A alegria do Senhor é a nossa força.", ref: "Neemias 8:10" }, { text: "Servi ao Senhor com alegria.", ref: "Salmos 100:2" }, { text: "Dêem graças ao Senhor, proclamem o seu nome.", ref: "Salmos 105:1" }, { text: "O meu coração exulta no Senhor.", ref: "1 Samuel 2:1" } ] }, { title: 'Cansaço & Desânimo', theme: 'orange', verses: [ { text: "Vinde a mim todos os que estão cansados.", ref: "Mateus 11:28" }, { text: "Ele fortalece ao cansado.", ref: "Isaías 40:29" }, { text: "Não se cansem de fazer o bem.", ref: "Gálatas 6:9" }, { text: "Aos que esperam no Senhor, renovam as suas forças.", ref: "Isaías 40:31" }, { text: "Eu sou o teu Deus que te fortalece.", ref: "Isaías 41:10" }, { text: "Não temas, eu te ajudo.", ref: "Isaías 41:13" }, { text: "Deus é quem me reveste de força.", ref: "Salmos 18:32" }, { text: "O Senhor é a minha força e o meu cântico.", ref: "Êxodo 15:2" }, { text: "Não temas, porque eu te resgato.", ref: "Isaías 43:1" }, { text: "O Senhor dá força ao seu povo.", ref: "Salmos 29:11" } ] }, { title: 'Solidão & Rejeição', theme: 'teal', verses: [ { text: "Ainda que me abandonem, o Senhor me acolherá.", ref: "Salmos 27:10" }, { text: "Estarei convosco todos os dias.", ref: "Mateus 28:20" }, { text: "Nunca te deixarei, jamais te abandonarei.", ref: "Hebreus 13:5" }, { text: "Deus faz com que o solitário viva em família.", ref: "Salmos 68:6" }, { text: "Eu estou contigo, diz o Senhor.", ref: "Jeremias 1:8" }, { text: "Mesmo que todos te abandonem, Deus permanece.", ref: "2 Timóteo 4:17" }, { text: "Não tenham medo, vocês valem mais que muitos pardais.", ref: "Mateus 10:31" }, { text: "Deus está perto dos que têm o coração quebrantado.", ref: "Salmos 34:18" }, { text: "Você é precioso para Deus.", ref: "Isaías 43:4" }, { text: "Sou teu, salva-me.", ref: "Salmos 119:94" } ] }, { title: 'Esperança & Recomeço', theme: 'green', verses: [ { text: "As misericórdias do Senhor se renovam a cada manhã.", ref: "Lamentações 3:23" }, { text: "Porque eu bem sei os planos que tenho para vós.", ref: "Jeremias 29:11" }, { text: "Aqueles que esperam no Senhor renovarão as suas forças.", ref: "Isaías 40:31" }, { text: "Eis que faço novas todas as coisas.", ref: "Apocalipse 21:5" }, { text: "O Senhor firmará os teus passos.", ref: "Salmos 37:23" }, { text: "Espera no Senhor, anima-te.", ref: "Salmos 27:14" }, { text: "Há esperança para o teu futuro.", ref: "Jeremias 31:17" }, { text: "A esperança não nos decepciona.", ref: "Romanos 5:5" }, { text: "Tudo tem seu tempo determinado.", ref: "Eclesiastes 3:1" }, { text: "Deus faz brotar vida mesmo no deserto.", ref: "Isaías 43:19" } ] }, { title: 'Sabedoria & Decisão', theme: 'rose', verses: [ { text: "Se alguém tem falta de sabedoria, peça a Deus.", ref: "Tiago 1:5" }, { text: "O temor do Senhor é o princípio da sabedoria.", ref: "Provérbios 9:10" }, { text: "Mostra-me, Senhor, os teus caminhos.", ref: "Salmos 25:4" }, { text: "Confia no Senhor e Ele endireitará as tuas veredas.", ref: "Provérbios 3:6" }, { text: "Deus dá sabedoria generosamente.", ref: "Tiago 1:5" }, { text: "O coração sábio busca o conhecimento.", ref: "Provérbios 18:15" }, { text: "A sabedoria é mais preciosa do que o ouro.", ref: "Provérbios 3:15" }, { text: "Entrega o teu caminho ao Senhor.", ref: "Salmos 37:5" }, { text: "Quem é sábio, ouça e aumente o seu saber.", ref: "Provérbios 1:5" }, { text: "Ensina-nos a contar os nossos dias.", ref: "Salmos 90:12" } ] }, { title: 'Identidade & Valor Pessoal', theme: 'amber', verses: [ { text: "Você é precioso aos olhos de Deus.", ref: "Isaías 43:4" }, { text: "Fui criado de forma admirável.", ref: "Salmos 139:14" }, { text: "Deus me conhecia antes de eu nascer.", ref: "Jeremias 1:5" }, { text: "Sou herdeiro de Deus.", ref: "Romanos 8:17" }, { text: "Fomos feitos à imagem de Deus.", ref: "Gênesis 1:27" }, { text: "Somos feitura dele, criados em Cristo.", ref: "Efésios 2:10" }, { text: "Vós sois o sal da terra.", ref: "Mateus 5:13" }, { text: "Ele me chama pelo nome.", ref: "Isaías 43:1" }, { text: "Fostes comprados por bom preço.", ref: "1 Coríntios 6:20" }, { text: "Somos filhos amados de Deus.", ref: "1 João 3:1" } ] } ]; const nextPage = () => { if (currentPage < content.length - 1) setCurrentPage(curr => curr + 1); }; const prevPage = () => { if (currentPage > 0) setCurrentPage(curr => curr - 1); }; const goToPage = (index) => { setCurrentPage(index); setIsMenuOpen(false); }; // Função para gerar estilos baseados no tema da página const getThemeStyles = (themeName) => { const themes = { blue: 'bg-blue-50 border-blue-200 text-blue-900', purple: 'bg-purple-50 border-purple-200 text-purple-900', slate: 'bg-slate-50 border-slate-200 text-slate-800', indigo: 'bg-indigo-50 border-indigo-200 text-indigo-900', yellow: 'bg-yellow-50 border-yellow-200 text-yellow-900', orange: 'bg-orange-50 border-orange-200 text-orange-900', teal: 'bg-teal-50 border-teal-200 text-teal-900', green: 'bg-green-50 border-green-200 text-green-900', rose: 'bg-rose-50 border-rose-200 text-rose-900', amber: 'bg-amber-50 border-amber-200 text-amber-900', }; return themes[themeName] || themes.slate; }; const getAccentColor = (themeName) => { const accents = { blue: 'text-blue-600', purple: 'text-purple-600', slate: 'text-slate-600', indigo: 'text-indigo-600', yellow: 'text-yellow-600', orange: 'text-orange-600', teal: 'text-teal-600', green: 'text-green-600', rose: 'text-rose-600', amber: 'text-amber-600', }; return accents[themeName] || 'text-gray-600'; }; return (
{/* Styles for print simulation */} {/* Toolbar */}
Potinho de Promessas
Página {currentPage + 1} de {content.length}
{/* Sidebar Navigation */} {isMenuOpen && (

Índice

{content.map((page, idx) => ( ))}
setIsMenuOpen(false)}>
)} {/* Main Viewer Area */}
{/* Previous Button */} {/* The Page */}
{/* Render Cover Page */} {content[currentPage].type === 'cover' ? (
{/* Decorative Borders */}

{content[currentPage].title}

{content[currentPage].subtitle}

Inspirado na Palavra
) : ( /* Render Content Page */
{/* Header */}
versículos

{content[currentPage].title}

{/* Content Area */}
{content[currentPage].verses.map((verse, index) => (
{index + 1}

"{verse.text}"

— {verse.ref}

))}
{/* Footer */}

Potinho de Promessas • Página {currentPage}

)}
{/* Next Button */}
{/* Mobile Controls */}
); }; export default BiblePromiseBook;