# Love Thy Bible > Bringing You Closer to God's Word ## Pages - [Christian Blog](https://lovethybible.com/christian-blog/) - [Contact](https://lovethybible.com/contact/) - [Games](https://lovethybible.com/games/): Loading the tool… this may take a few seconds. - [How-To Guides](https://lovethybible.com/how-to-guides/): Interactive guides and printable PDFs for your spiritual journey. - [Biblical Fasting Guide](https://lovethybible.com/biblical-fasting-guide/): Loading Guide... - [Faith Retreat Planner](https://lovethybible.com/faith-retreat-planner/): INITIALIZING... - [Plan Your Christian Movie Night](https://lovethybible.com/plan-your-christian-movie-night/): Host meaningful faith discussions. Turn screen time into soul time. - [Biblical Community Outreach Planner](https://lovethybible.com/biblical-community-outreach-planner/): Plan impactful, Christ-centered service events with this interactive guide. "Let your light shine before others..." - [Strengthen Your Marriage Through Biblical Principles](https://lovethybible.com/strengthen-your-marriage-through-biblical-principles/): import React, { useState, useEffect } from 'react'; import ReactDOM from 'react-dom/client'; import { CheckCircle2, ChevronRight, BookHeart, Download } from 'lucide-react'; // --- CONSTANTS & DATA --- const SECTION_IDS = ['communication', 'forgiveness', 'christ-centered', 'practical-tips', 'resources']; const CONTENT_DATA = { communication: { id: 'communication', title: 'Communication', icon: '🗣️', color: 'text-cyan-400', gradient: 'from-cyan-500 to-blue-500', scriptureStart: { text: "Let your conversation be always full of grace, seasoned with salt, so that you may know how to answer everyone.", reference: "Colossians 4:6" }, introTitle: "The Foundation of Connection", introText: "Effective communication isn't just about talking; it's about the heart. - [Scripture-Based Vision Board Creator](https://lovethybible.com/scripture-based-vision-board-creator/): Aligning your goals with God's Word... - [Master Scripture Memorization](https://lovethybible.com/master-scripture-memorization/): Transform your Bible study with proven modern techniques that make memorizing God's Word effective, enjoyable, and spiritually rewarding. - [Sharing the Gospel with Love](https://lovethybible.com/sharing-the-gospel-with-love/): import React, { useState, useEffect, useRef } from 'react'; import { createRoot } from 'react-dom/client'; import { motion, AnimatePresence } from 'framer-motion'; import { BookOpen, MessageCircle, ShieldQuestion, Trophy, Heart, ChevronRight, Sparkles, CheckCircle2, XCircle, Menu, ArrowRight, RefreshCw, Zap, Users, BrainCircuit, Flame, Globe2, HelpCircle, Construction, AlertCircle, Download } from 'lucide-react'; import confetti from 'canvas-confetti'; // --- Types --- // Note: Types are stripped by Babel, but included here for completeness of source // --- Data Content --- const MINDSET_PRINCIPLES = [ { id: 'm1', title: "Love Over Logic", icon: Heart, color: "text-rose-400", quote: "People don't care how much you know until they know how much you care.", desc: "Our goal isn't to win an argument, but to win a soul. - [Start Your Christian Blog](https://lovethybible.com/start-your-christian-blog/): Loading FaithLaunch Guide... - [Self Discovery](https://lovethybible.com/self-discovery-assessments/): Short, Bible-based assessments that reveal your wiring, how you connect with God, and where to grow next—so your faith stops feeling generic and starts feeling personal. - [Discernment Meter](https://lovethybible.com/discernment-meter/): import React, { useState } from 'https://esm.sh/react@18.2.0'; import ReactDOM from 'https://esm.sh/react-dom@18.2.0/client'; import { BookOpen, Shield, Heart, Anchor, Zap, Users, Smartphone, Compass, ArrowRight, CheckCircle2, RefreshCw, Quote, ExternalLink, Cross, Sparkles } from 'https://esm.sh/lucide-react@0.263.1'; // --- CONSTANTS --- const QUESTION_ICONS = { question1: , question2: , question3: , question4: , question5: , question6: , question7: , question8: , }; const STANDARD_OPTIONS = [ { value: 1, label: "Rarely / Worldly Focus" }, { value: 2, label: "Sometimes / Mixed" }, { value: 3, label: "Often / Growing" }, { value: 4, label: "Usually / Biblical" }, { value: 5, label: "Always / Spirit-Led" }, ]; const QUESTIONS = [ { id: "question1", title: "Entertainment Content", description: "How well do you discern biblical values versus worldly messages in movies, TV, music, and TikTok/Reels?", options: STANDARD_OPTIONS }, { id: "question2", title: "Relationships & Dating", description: "When navigating dating apps or advice from friends, how often do you filter it through specific biblical standards?", options: STANDARD_OPTIONS }, { id: "question3", title: "Career & Ambition", description: "How do you evaluate career moves or financial goals? - [Spiritual Growth Assessment](https://lovethybible.com/spiritual-growth-assessment/): const { useState, useEffect } = React; // ========================================== // DATA SECTION // ========================================== const questions = [ { id: 1, text: "When you wake up in the morning, what is usually your first conscious thought?", options: [ { id: 'A', text: "The stress of the day ahead.", value: 1 }, { id: 'B', text: "Checking emails or social media.", value: 2 }, { id: 'C', text: "A quick mental gratitude check.", value: 3 }, { id: 'D', text: "Surrendering the day to God's will.", value: 4 }, ], }, { id: 2, text: "How would you describe the current quality of your prayer life?", options: [ { id: 'A', text: "Non-existent or only in moments of crisis.", value: 1 }, { id: 'B', text: "Occasional, mostly asking God for things.", value: 2 }, { id: 'C', text: "Regular, but sometimes feels routine or dry.", value: 3 }, { id: 'D', text: "A constant, open-ended conversation.", value: 4 }, ], }, { id: 3, text: "When facing a significant decision, what is your primary filter?", options: [ { id: 'A', text: "My emotions: What feels right in the moment.", value: 1 }, { id: 'B', text: "Validation: What others will think of me.", value: 2 }, { id: 'C', text: "Logic: What makes the most practical sense.", value: 3 }, { id: 'D', text: "Wisdom: What aligns with Scripture and prayer.", value: 4 }, ], }, { id: 4, text: "How do you typically view your resources (time, money, talent)?", options: [ { id: 'A', text: "They are mine to enjoy and protect.", value: 1 }, { id: 'B', text: "I share them when I have extra to spare.", value: 2 }, { id: 'C', text: "I try to give regularly out of obligation.", value: 3 }, { id: 'D', text: "I am a temporary steward of God's assets.", value: 4 }, ], }, { id: 5, text: "When someone hurts or offends you, how do you respond?", options: [ { id: 'A', text: "I replay the offense and hold a grudge.", value: 1 }, { id: 'B', text: "I avoid the person and withdraw socially.", value: 2 }, { id: 'C', text: "I try to forgive, but I struggle to forget.", value: 3 }, { id: 'D', text: "I actively seek reconciliation and pray for them.", value: 4 }, ], }, { id: 6, text: "How open are you about your faith with others?", options: [ { id: 'A', text: "I keep it private; religion is personal.", value: 1 }, { id: 'B', text: "I share only if someone explicitly asks.", value: 2 }, { id: 'C', text: "I try to live by example but struggle to speak up.", value: 3 }, { id: 'D', text: "I actively look for opportunities to share hope.", value: 4 }, ], }, { id: 7, text: "What is your relationship with community and church?", options: [ { id: 'A', text: "I prefer to worship alone or online.", value: 1 }, { id: 'B', text: "I attend services but don't really know anyone.", value: 2 }, { id: 'C', text: "I have a few Christian friends I talk to.", value: 3 }, { id: 'D', text: "I am deeply embedded in a community where I am known.", value: 4 }, ], }, { id: 8, text: "When suffering or disappointment strikes, what happens to your faith?", options: [ { id: 'A', text: "I feel abandoned and angry at God.", value: 1 }, { id: 'B', text: "I doubt God's goodness or power.", value: 2 }, { id: 'C', text: "I hold on, but with many unanswered questions.", value: 3 }, { id: 'D', text: "I trust that God is refining me through it.", value: 4 }, ], }, { id: 9, text: "How do you practice rest and Sabbath?", options: [ { id: 'A', text: "I work constantly; rest feels like laziness.", value: 1 }, { id: 'B', text: "I crash when I'm exhausted, usually with TV.", value: 2 }, { id: 'C', text: "I try to take a day off, but work creeps in.", value: 3 }, { id: 'D', text: "I protect a 24-hour period for worship and restoration.", value: 4 }, ], }, { id: 10, text: "What is the primary motivation of your life right now?", options: [ { id: 'A', text: "To be successful and comfortable.", value: 1 }, { id: 'B', text: "To be liked and accepted by others.", value: 2 }, { id: 'C', text: "To be a good person and do no harm.", value: 3 }, { id: 'D', text: "To know God and make Him known.", value: 4 }, ], } ]; const profiles = [ { minScore: 0, maxScore: 18, title: "The Hidden Spring", badge: 'spring', scripture: { text: "The Lord will guide you always; he will satisfy your needs in a sun-scorched land.", reference: "Isaiah 58:11" }, description: "You are in a season of new beginnings. - [Faith and Mental Wellness Check-In](https://lovethybible.com/faith-and-mental-wellness-check-in/): Loading Assessment... - [Love Languages Assessment](https://lovethybible.com/love-languages-scriptural-style/): ; // --- DATA --- const QUESTIONS = [ { id: 1, question: "When you've had a really hard week, what makes you feel most supported?", options: [ { id: 'a', text: "Receiving an encouraging text with a scripture.", value: "Words of Affirmation" }, { id: 'b', text: "Someone helping me with practical tasks like errands.", value: "Acts of Service" }, { id: 'c', text: "Getting a thoughtful small gift or coffee.", value: "Receiving Gifts" }, { id: 'd', text: "Hanging out with a friend, no distractions.", value: "Quality Time" }, { id: 'e', text: "A genuine hug or high-five.", value: "Physical Touch" }, ] }, { id: 2, question: "How do you naturally express gratitude to God?", options: [ { id: 'a', text: "Writing poems, journaling, or singing praises.", value: "Words of Affirmation" }, { id: 'b', text: "Serving in the nursery, tech team, or outreach.", value: "Acts of Service" }, { id: 'c', text: "Giving cheerfully or bringing treats for the group.", value: "Receiving Gifts" }, { id: 'd', text: "Spending quiet, uninterrupted time in prayer.", value: "Quality Time" }, { id: 'e', text: "Through posture—kneeling or lifting hands.", value: "Physical Touch" }, ] }, { id: 3, question: "What usually hurts you the most in a close relationship?", options: [ { id: 'a', text: "Harsh criticism or lack of encouragement.", value: "Words of Affirmation" }, { id: 'b', text: "Laziness or broken commitments to help.", value: "Acts of Service" }, { id: 'c', text: "Forgotten birthdays or thoughtless gestures.", value: "Receiving Gifts" }, { id: 'd', text: "Distractedness or not making time for me.", value: "Quality Time" }, { id: 'e', text: "Physical coldness or lack of affection.", value: "Physical Touch" }, ] }, { id: 4, question: "Which description of Jesus resonates most with you right now?", options: [ { id: 'a', text: "The Word made flesh, who speaks life and truth.", value: "Words of Affirmation" }, { id: 'b', text: "The Servant King, who washed feet and healed.", value: "Acts of Service" }, { id: 'c', text: "The Giver of every good and perfect gift.", value: "Receiving Gifts" }, { id: 'd', text: "Emmanuel (God with us), who walked daily with disciples.", value: "Quality Time" }, { id: 'e', text: "The Healer who physically touched the leper.", value: "Physical Touch" }, ] }, { id: 5, question: "When you feel distant from God, what activity usually brings you back?", options: [ { id: 'a', text: "Reading the Psalms or listening to a sermon.", value: "Words of Affirmation" }, { id: 'b', text: "Volunteering or doing something tangible for others.", value: "Acts of Service" }, { id: 'c', text: "Looking at nature and seeing God's generosity.", value: "Receiving Gifts" }, { id: 'd', text: "Going on a silent retreat or prayer walk.", value: "Quality Time" }, { id: 'e', text: "Creating an environment of worship with lights/music.", value: "Physical Touch" }, ] }, { id: 6, question: "How do you prefer to show love to your community?", options: [ { id: 'a', text: "Telling people specifically why I appreciate them.", value: "Words of Affirmation" }, { id: 'b', text: "Setting up chairs, making coffee, or cleaning up.", value: "Acts of Service" }, { id: 'c', text: "Bringing food, stickers, or small surprises.", value: "Receiving Gifts" }, { id: 'd', text: "Staying late just to listen to someone talk.", value: "Quality Time" }, { id: 'e', text: "Offering a warm welcome, handshake, or hug.", value: "Physical Touch" }, ] }, { id: 7, question: "What aspect of Scripture do you enjoy studying most?", options: [ { id: 'a', text: "The specific promises and names of God.", value: "Words of Affirmation" }, { id: 'b', text: "The commands to act, build, and serve the poor.", value: "Acts of Service" }, { id: 'c', text: "The blessings and inheritance given to believers.", value: "Receiving Gifts" }, { id: 'd', text: "The stories of intimate conversations with Jesus.", value: "Quality Time" }, { id: 'e', text: "The tangible miracles and physical healings.", value: "Physical Touch" }, ] }, { id: 8, question: "If you could ask for one thing from a mentor, what would it be?", options: [ { id: 'a', text: "Regular encouragement and verbal guidance.", value: "Words of Affirmation" }, { id: 'b', text: "Help with networking or fixing a problem.", value: "Acts of Service" }, { id: 'c', text: "Resources, books, or tools to help me grow.", value: "Receiving Gifts" }, { id: 'd', text: "Just regular time on their calendar to hang out.", value: "Quality Time" }, { id: 'e', text: "Proximity—just being allowed to shadow them.", value: "Physical Touch" }, ] }, { id: 9, question: "After a conflict with a friend, what restores the relationship best for you?", options: [ { id: 'a', text: "Hearing a sincere 'I am sorry' and kind words.", value: "Words of Affirmation" }, { id: 'b', text: "Seeing them try to make it right through actions.", value: "Acts of Service" }, { id: 'c', text: "Receiving a peace offering or small card.", value: "Receiving Gifts" }, { id: 'd', text: "Spending time together to reconnect.", value: "Quality Time" }, { id: 'e', text: "A hug that breaks the tension.", value: "Physical Touch" }, ] }, { id: 10, question: "What makes a church service feel most meaningful to you?", options: [ { id: 'a', text: "A powerful sermon that speaks truth.", value: "Words of Affirmation" }, { id: 'b', text: "Seeing the outreach programs in action.", value: "Acts of Service" }, { id: 'c', text: "Receiving communion or a welcome packet.", value: "Receiving Gifts" }, { id: 'd', text: "The time spent lingering in fellowship.", value: "Quality Time" }, { id: 'e', text: "The physical atmosphere and unity.", value: "Physical Touch" }, ] }, { id: 11, question: "Which of these Bible verses hits closest to home?", options: [ { id: 'a', text: "'Well done, good and faithful servant.'", value: "Words of Affirmation" }, { id: 'b', text: "'Faith without works is dead.'", value: "Acts of Service" }, { id: 'c', text: "'For God so loved... - [Heart Check: Beat of the Psalms](https://lovethybible.com/heart-check-beat-of-the-psalms/): ) }; // --- DATA --- const emotionData = { lament: { id: 'lament', label: "Lament", emoji: "🌧️", description: "I feel overwhelmed by sorrow, grief, or deep concern. - [Prayer Style Identifier](https://lovethybible.com/prayer-style-identifier/): const { useState, useEffect } = React; // --- APP CONSTANTS & DATA --- const AppState = { INTRO: 'INTRO', QUIZ: 'QUIZ', CALCULATING: 'CALCULATING', RESULT: 'RESULT' }; const THEMES = { spirit: { // "Morning Glory" - The Default Theme background: 'bg-stone-950', cardBg: 'bg-stone-800/90', primaryGradient: 'from-orange-500 via-amber-500 to-yellow-400', accentColor: 'text-orange-400', textColor: 'text-white', subTextColor: 'text-stone-300' }, creation: { // "First Light" - Organic warmth background: 'bg-neutral-950', cardBg: 'bg-neutral-800/90', primaryGradient: 'from-yellow-400 via-lime-500 to-emerald-500', accentColor: 'text-yellow-400', textColor: 'text-white', subTextColor: 'text-neutral-300' }, worship: { // "Refiner's Fire" - Intense, passionate background: 'bg-orange-950', cardBg: 'bg-stone-800/90', primaryGradient: 'from-amber-500 via-orange-600 to-rose-600', accentColor: 'text-amber-500', textColor: 'text-white', subTextColor: 'text-orange-200' }, royal: { // "Sovereign Gold" - Majestic, valuable background: 'bg-slate-950', cardBg: 'bg-slate-800/90', primaryGradient: 'from-yellow-300 via-amber-400 to-yellow-600', accentColor: 'text-yellow-300', textColor: 'text-white', subTextColor: 'text-slate-300' } }; const QUESTIONS = [ { id: 'q1', text: "When you feel most connected to God, where are you usually?", options: [ { id: 'a', text: "In a quiet, private room with my Bible.", value: 'reflectiveSeeker' }, { id: 'b', text: "Outdoors, admiring creation.", value: 'gratefulHeart' }, { id: 'c', text: "In a large gathering worshiping loudly.", value: 'communityBuilder' }, { id: 'd', text: "Walking or pacing while declaring truth.", value: 'warriorInWorship' } ] }, { id: 'q2', text: "When a friend shares a heavy burden, what is your first instinct?", options: [ { id: 'a', text: "I stop everything and pray for them right then.", value: 'intercessor' }, { id: 'b', text: "I listen deeply and help them find God's perspective.", value: 'contemplativeListener' }, { id: 'c', text: "I gather others to surround them in support.", value: 'communityBuilder' }, { id: 'd', text: "I remind them of God's faithfulness in the past.", value: 'gratefulHeart' } ] }, { id: 'q3', text: "If you have 15 minutes of free time to pray, you would likely...", options: [ { id: 'a', text: "Put on worship music and sing.", value: 'warriorInWorship' }, { id: 'b', text: "Sit in silence and wait for God to speak.", value: 'contemplativeListener' }, { id: 'c', text: "Go through a list of needs for the world.", value: 'intercessor' }, { id: 'd', text: "Journal my thoughts and study a verse.", value: 'reflectiveSeeker' } ] }, { id: 'q4', text: "Which description of God resonates most with you today?", options: [ { id: 'a', text: "The Mighty King who fights our battles.", value: 'warriorInWorship' }, { id: 'b', text: "The Good Shepherd who leads us beside still waters.", value: 'contemplativeListener' }, { id: 'c', text: "The Giver of every good and perfect gift.", value: 'gratefulHeart' }, { id: 'd', text: "The Father who unites His family.", value: 'communityBuilder' } ] }, { id: 'q5', text: "How do you usually end your prayer time?", options: [ { id: 'a', text: "Feeling energized and ready to take action.", value: 'warriorInWorship' }, { id: 'b', text: "Feeling peaceful and centered.", value: 'reflectiveSeeker' }, { id: 'c', text: "Feeling thankful for the specific blessings.", value: 'gratefulHeart' }, { id: 'd', text: "Feeling burdened but hopeful for others.", value: 'intercessor' } ] } ]; const PRAYER_STYLES = { intercessor: { id: 'intercessor', title: "The Intercessor", theme: 'worship', description: "You are naturally drawn to pray for others and stand in the gap for those in need. - [Armor of God Readiness Check](https://lovethybible.com/armor-of-god-readiness-check/): Loading Armor Assessment... - [Purpose Finder - Kingdom Edition](https://lovethybible.com/purpose-finder-kingdom-edition/): }; // --- QUESTIONS DATA --- const QUESTIONS = [ { id: 'step1', category: "Passions", title: "What activities make your heart come alive?", type: 'select', themeColor: '#fb7185', // Rose options: [ { label: "Helping & Serving", value: "helping_others", iconName: "Heart" }, { label: "Creative Arts", value: "creative_expression", iconName: "Palette" }, { label: "Teaching & Mentoring", value: "teaching_mentoring", iconName: "BookOpen" }, { label: "Solving Problems", value: "solving_problems", iconName: "Puzzle" }, { label: "Building Community", value: "building_relationships", iconName: "Users" }, { label: "Justice & Advocacy", value: "justice_advocacy", iconName: "Scale" } ] }, { id: 'step2', category: "Talents", title: "What natural talents has God given you?", type: 'select', themeColor: '#38bdf8', // Sky Blue options: [ { label: "Communication", value: "communication", iconName: "Mic" }, { label: "Leadership", value: "leadership", iconName: "Zap" }, { label: "Analytical Thinking", value: "analytical", iconName: "TrendingUp" }, { label: "Artistic Ability", value: "creative", iconName: "PenTool" }, { label: "Pastoral Care", value: "pastoral", iconName: "Anchor" }, { label: "Technical Skills", value: "technical", iconName: "Wrench" } ] }, { id: 'step3', category: "Values", title: "What values drive your decisions?", type: 'select', themeColor: '#fbbf24', // Amber options: [ { label: "Truth & Integrity", value: "truth_integrity", iconName: "Shield" }, { label: "Compassion & Mercy", value: "compassion_mercy", iconName: "Heart" }, { label: "Excellence", value: "excellence_quality", iconName: "Award" }, { label: "Unity & Peace", value: "unity_peace", iconName: "Globe" }, { label: "Growth", value: "growth_learning", iconName: "TrendingUp" }, { label: "Freedom & Justice", value: "freedom_justice", iconName: "Scale" } ] }, { id: 'step4', category: "Experience", title: "What experiences shaped you most?", type: 'select', themeColor: '#34d399', // Emerald options: [ { label: "Overcoming Challenges", value: "overcoming_challenges", iconName: "TrendingUp" }, { label: "Spiritual Growth", value: "spiritual_growth", iconName: "Sun" }, { label: "Family Life", value: "family_relationships", iconName: "Home" }, { label: "Career & Education", value: "career_education", iconName: "Briefcase" }, { label: "Service & Ministry", value: "service_ministry", iconName: "HandHeart" }, { label: "Travel & Culture", value: "cultural_experiences", iconName: "Map" } ] }, { id: 'step5', category: "Style", title: "How do you prefer to serve?", type: 'select', themeColor: '#a78bfa', // Violet options: [ { label: "Hands-on Service", value: "direct_service", iconName: "Hammer" }, { label: "Behind the Scenes", value: "behind_scenes", iconName: "Eye" }, { label: "Teaching Others", value: "teaching_equipping", iconName: "BookOpen" }, { label: "Strategic Planning", value: "strategic_planning", iconName: "Map" }, { label: "Creative Expression", value: "creative_expression", iconName: "Palette" }, { label: "Being a Voice", value: "advocacy_voice", iconName: "Mic" } ] }, { id: 'step6', category: "Burden", title: "What need burdens your heart?", type: 'select', themeColor: '#fb923c', // Orange options: [ { label: "Spiritual Needs", value: "spiritual_needs", iconName: "Sparkles" }, { label: "Social Justice", value: "social_justice", iconName: "Scale" }, { label: "Poverty & Needs", value: "poverty_provision", iconName: "Home" }, { label: "Education", value: "education_development", iconName: "BookOpen" }, { label: "Families & Kids", value: "family_children", iconName: "Users" }, { label: "Community Unity", value: "community_building", iconName: "Globe" } ] }, { id: 'step7', category: "Reflection", title: "Reflect on your journey", type: 'text', themeColor: '#818cf8', // Indigo placeholder: "Share your thoughts, insights, and what you sense God is revealing to you..." - [Biblical Archetype Finder](https://lovethybible.com/biblical-archetype-finder/): }; const IconComponent = ({ name, className }) => { const Icon = Icons[name] || Icons.Sparkles; return ; }; // --- DATA --- const archetypes = { shepherd: { id: 'shepherd', title: 'The Shepherd', subtitle: 'Heart of Compassion', characterName: 'Ruth', characterSubtitle: 'The Loyal Protector', axis: 'Compassion', description: 'You are driven by deep empathy and a desire to care for your community. - [Your Biblical Coach](https://lovethybible.com/my-biblical-assistant/): Loading your Bible Assistant… this may take a few seconds. - [About](https://lovethybible.com/about/): Most young Christians were handed a Bible but not a way to understand it. You open it, get confused, feel guilty, and close it again. - [Home](https://lovethybible.com/): You live in a world of instant answers. Why use spiritual tools built for the 90s? ## Optional - [Agent (MCP protocol)](websites-agents.hostinger.com/lovethybible.com/mcp) [comment]: # (Generated by Hostinger Tools Plugin)