const { useState } = React; const { getAllLoveLanguages, getTheoryOverview, getQuizInterpretation } = window.quizDataUtils; const { LOVE_LANGUAGE_COLORS } = window.quizLogic; const LearnMore = ({ onBack, onStartQuiz }) => { const [selectedLanguage, setSelectedLanguage] = useState(null); const [activeTab, setActiveTab] = useState('overview'); const loveLanguages = getAllLoveLanguages(); const theoryOverview = getTheoryOverview(); const quizInterpretation = getQuizInterpretation(); const handleLanguageSelect = (language) => { setSelectedLanguage(language); setActiveTab('details'); }; const renderOverview = () => (
{/* Theory Introduction */}

{theoryOverview.title}

Developed by: {theoryOverview.author}

{theoryOverview.description}

Key Principle: {theoryOverview.key_principle}

Why This Matters

  • • Improves communication in relationships
  • • Helps you understand how others show love
  • • Reduces misunderstandings and conflicts
  • • Strengthens emotional connections
{/* Love Languages Grid */}

Explore Each Love Language

{loveLanguages.map((language, index) => (
handleLanguageSelect(language)} onMouseEnter={(e) => { e.currentTarget.style.transform = 'scale(1.05)'; e.currentTarget.style.boxShadow = 'var(--shadow-lg)'; }} onMouseLeave={(e) => { e.currentTarget.style.transform = 'scale(1)'; e.currentTarget.style.boxShadow = 'var(--shadow-md)'; }} >

{language.title}

{language.description}

Click to learn more →
))}
{/* Quiz Information */}

Understanding Quiz Results

How Scoring Works

The quiz uses a letter-based scoring system where each answer corresponds to one of the five love languages. Your scores indicate which languages resonate most with you.

Maximum Score: 12 points per love language

If two languages have equal scores, you're considered "bilingual" in love languages.

Applying Your Results

Use your results to communicate your needs to your partner and understand how they prefer to receive love.

{quizInterpretation.other_languages_importance}

); const renderLanguageDetails = () => { if (!selectedLanguage) return null; return (
{/* Back Button */} {/* Language Header */}

{selectedLanguage.title}

{selectedLanguage.description}

{/* Detailed Content */}
{/* Characteristics */}

Key Characteristics

    {selectedLanguage.characteristics.map((characteristic, index) => (
  • • {characteristic}
    • ))}
{/* Examples */}

Examples & Applications

    {selectedLanguage.examples.map((example, index) => (
  • • {example}
    • ))}
{/* Tips Section */}

Tips for {selectedLanguage.title}

If This Is Your Love Language:

    {selectedLanguage.examples.slice(0, 2).map((tip, index) => (
  • ✓ {tip}
    • ))}

If This Is Your Partner's Love Language:

    {selectedLanguage.examples.slice(2, 4).map((tip, index) => (
  • ✓ {tip}
    • ))}
{/* Related Languages */}

Explore Other Love Languages

{loveLanguages .filter(lang => lang.key !== selectedLanguage.key) .map((language) => ( ))}
); }; return (
{/* Header */}

Learn About Love Languages

{/* Navigation Tabs */}
{selectedLanguage && ( )}
{/* Main Content */}
{activeTab === 'overview' ? renderOverview() : renderLanguageDetails()}
{/* Call to Action */}

Ready to Discover Your Love Language?

Take our comprehensive quiz to understand how you give and receive love.

); }; // Expose globally window.LearnMore = LearnMore;