import React, { useState, useEffect } from 'react'; import { ArrowRight } from 'lucide-react'; const RelationshipQuiz = () => { const [stage, setStage] = useState('landing'); // landing, quiz, email_gate, results const [currentQuestion, setCurrentQuestion] = useState(0); const [answers, setAnswers] = useState({}); const [email, setEmail] = useState(''); const [name, setName] = useState(''); const [phone, setPhone] = useState(''); const [location, setLocation] = useState(''); // Load DM Sans font useEffect(() => { const link = document.createElement('link'); link.href = 'https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap'; link.rel = 'stylesheet'; document.head.appendChild(link); }, []); const questions = [ { id: 1, text: 'Sexual exclusivity is required for a committed relationship.', }, { id: 2, text: 'Your romantic partner should be your #1 priority above friends, hobbies, or community.', }, { id: 3, text: 'Your partner should be your other half or complete you.', }, { id: 4, text: 'Being attracted to other people while in a relationship means something is wrong.', }, { id: 5, text: 'Maintaining a strong individual identity is selfish once you\'re partnered.', }, { id: 6, text: 'A linear relationship (dating → exclusive → moving in → marriage) is the expected path.', }, ]; const answerOptions = [ { value: 0, label: 'Strongly Agree' }, { value: 3, label: 'Agree' }, { value: 5, label: 'Neutral' }, { value: 7, label: 'Disagree' }, { value: 10, label: 'Strongly Disagree' }, ]; const handleAnswer = (value) => { const newAnswers = { ...answers, [currentQuestion]: value }; setAnswers(newAnswers); // Check if this is the last question (question index 5, which is question 6) const isLastQuestion = currentQuestion === questions.length - 1; console.log('=== ANSWER CLICKED ==='); console.log('Answer value:', value); console.log('Current question index:', currentQuestion); console.log('Total questions:', questions.length); console.log('Is last question?', isLastQuestion); console.log('Current stage:', stage); if (isLastQuestion) { // Go to contact page immediately console.log('>>> CHANGING TO EMAIL_GATE <<<'); setStage('email_gate'); } else { // Go to next question console.log('>>> GOING TO NEXT QUESTION <<<'); setCurrentQuestion(currentQuestion + 1); } }; const calculateScores = () => { let totalScore = 0; questions.forEach((q, index) => { const score = answers[index] || 0; totalScore += score; }); return { totalScore }; }; const getProfile = (score) => { if (score <= 15) return { name: 'You\'re on Autopilot', displayName: 'On Autopilot', range: '0-15', description: 'You\'re operating on the relationship operating system you downloaded in childhood. And that\'s completely normal! Most people never question these assumptions because they\'re so embedded in our culture.', patterns: [ 'You tend to follow traditional relationship milestones without asking if they fit you', 'You may feel like relationships should look a certain way, even if that doesn\'t feel right', 'You might struggle when reality doesn\'t match the script you\'ve been given' ], next: 'Start with one assumption that made you pause. Ask yourself: "Did I choose this, or was it chosen for me?"' }; if (score <= 30) return { name: 'You\'re Awakening', displayName: 'Awakening', range: '16-30', description: 'You\'re in the messy middle—you\'ve started questioning the relationship script, but you\'re not sure what to replace it with. Some assumptions feel right while others are making you uncomfortable.', patterns: [ 'You may feel confused about what you actually want vs. what you should want', 'You\'re likely experiencing some tension between inherited expectations and emerging desires', 'You\'re beginning to see that there might be other ways to do relationships' ], next: 'Keep questioning. Journal on the assumptions you disagreed with most and ask: "What would I choose if I didn\'t care what anyone thought?"' }; if (score <= 45) return { name: 'You\'re a Questioner', displayName: 'The Questioner', range: '31-45', description: 'You\'re actively deconstructing the relationship playbook. You\'ve realized that conscious design is possible, and you\'re doing the work to figure out what actually serves you.', patterns: [ 'You\'re comfortable with ambiguity and experimentation', 'You probably have some relationships or structures that confuse other people', 'You may feel lonely sometimes because your path doesn\'t match mainstream narratives' ], next: 'Share your journey. Your questions and experiments give others permission to question too. Consider joining community that celebrates conscious relating.' }; if (score <= 55) return { name: 'You\'re a Designer', displayName: 'The Designer', range: '46-55', description: 'You\'ve done deep work on relationship consciousness. You\'ve examined major assumptions and made intentional choices about what serves you. You\'re actively designing rather than defaulting.', patterns: [ 'You can articulate WHY you\'ve chosen your relationship approach', 'You\'re comfortable disappointing people who want you to fit their template', 'You\'ve probably experienced both freedom and loneliness in being non-normative' ], next: 'You\'d probably love being part of Beyond—conscious designers like you are exactly who we built this for. Find your people.' }; return { name: 'You\'re an Architect', displayName: 'The Architect', range: '56-60', description: 'You\'ve achieved exceptional relationship consciousness. You\'ve rejected virtually every traditional assumption and are actively building new models.', patterns: [ 'You\'ve examined and made conscious choices about relationship design', 'Your relationships are living laboratories for what\'s possible beyond the script', 'You might be coaching, teaching, or modeling conscious relating for others' ], next: 'You\'re already part of the vanguard creating new relationship paradigms. Even architects need community. This is why spaces like Beyond exist—so the people doing this work can find each other.' }; }; // Landing Page if (stage === 'landing') { return ( ); } // Quiz Page if (stage === 'quiz') { const progress = ((currentQuestion + 1) / questions.length) * 100; const currentQ = questions[currentQuestion]; return (