tailwind.config = {
theme: {
extend: {
colors: {
brand: {
yellow: ‘#FDB813’,
orange: ‘#F58025’,
blue: ‘#005F7F’,
light: ‘#FFF9E6’,
dark: ‘#333333’
}
},
fontFamily: {
sans: [‘Montserrat’, ‘sans-serif’],
serif: [‘Merriweather’, ‘serif’],
}
}
}
}

/* Scoped Styles for the Quiz Container */
#pop-quiz-container {
font-family: ‘Montserrat’, sans-serif;
}

#pop-quiz-container h1,
#pop-quiz-container h2,
#pop-quiz-container h3 {
font-family: ‘Merriweather’, serif;
}

/* Animations */
.fade-in { animation: fadeIn 0.5s ease-out forwards; }
.slide-up { animation: slideUp 0.6s ease-out forwards; }

@keyframes fadeIn {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}

@keyframes slideUp {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}

/* Interactive Elements */
.quiz-option {
transition: all 0.2s ease;
cursor: pointer;
}
.quiz-option:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
border-color: #F58025;
}
#progress-fill {
transition: width 0.4s ease-in-out;
}

// === 1. DATA CONFIGURATION ===
const questions = [
// Section 1: Money & Resources
{
category: “Money & Resources”,
text: “You unexpectedly receive a $500 bonus at work. What is your immediate first thought?”,
options: [
{ text: “Is this a mistake? They probably overpaid me and will ask for it back.”, value: 4 },
{ text: “Yes! I’m going to treat myself to something nice and save the rest.”, value: 1 },
{ text: “I better hide this away immediately in case of an emergency.”, value: 3 },
{ text: “That’s a relief. It will help cover some upcoming bills.”, value: 2 }
] },
{
category: “Money & Resources”,
text: “You see a friend posting vacation photos from a luxury resort. How do you feel?”,
options: [
{ text: “Inspired. ‘If they can do it, I can do it too!'”, value: 1 },
{ text: “A little jealous. ‘Why is it always easier for everyone else?'”, value: 3 },
{ text: “Resentful. ‘Must be nice to be rich. Life is so unfair.'”, value: 4 },
{ text: “Happy for them, but I scroll past quickly.”, value: 2 }
] },
{
category: “Money & Resources”,
text: “You are shopping and see a pair of shoes you love, but they are slightly over your budget. What do you do?”,
options: [
{ text: “I look for a cheaper knock-off version online.”, value: 2 },
{ text: “I get angry at myself for even looking at expensive things.”, value: 4 },
{ text: “I walk away feeling sad that I can never have nice things.”, value: 3 },
{ text: “I buy them if I can afford it, or save up for them excitedly.”, value: 1 }
] },
{
category: “Money & Resources”,
text: “When you have to pay a large bill (like rent or taxes), what is the internal dialogue?”,
options: [
{ text: “This hurts. I hate seeing my bank balance go down.”, value: 3 },
{ text: “I am losing all my money. I’m going to go broke.”, value: 4 },
{ text: “It is what it is. Let’s just get it over with.”, value: 2 },
{ text: “I’m grateful I have the money to pay for this service.”, value: 1 }
] },
{
category: “Money & Resources”,
text: “A great opportunity comes up (a trip or a course), but it costs money. You:”,
options: [
{ text: “Don’t even consider it. ‘People like me don’t get to do things like that.'”, value: 4 },
{ text: “Hesitate for a long time, weighing the pros and cons excessively.”, value: 2 },
{ text: “Trust that the money will come back to me, so I invest in myself.”, value: 1 },
{ text: “Decide it’s ‘too risky’ and assume I shouldn’t spend the money.”, value: 3 }
] },
{
category: “Money & Resources”,
text: “Someone asks you for a donation to a charity. You think:”,
options: [
{ text: “I’ll give a little bit, just to be polite.”, value: 2 },
{ text: “I love giving! It keeps the energy flowing.”, value: 1 },
{ text: “Why are they asking me? They have more money than I do.”, value: 4 },
{ text: “I can’t afford to give anything right now, maybe next year.”, value: 3 }
] },
{
category: “Money & Resources”,
text: “How would you describe your current relationship with your bank account?”,
options: [
{ text: “It’s a war zone. I feel physically sick when I log in.”, value: 4 },
{ text: “We are best friends. I check it often and feel good about it.”, value: 1 },
{ text: “We are acquaintances. I check it when I have to.”, value: 2 },
{ text: “It’s complicated. I avoid checking it because it stresses me out.”, value: 3 }
] },
{
category: “Money & Resources”,
text: “You find an old gift card you forgot about. You:”,
options: [
{ text: “Feel guilty that you ‘wasted’ time not using it sooner.”, value: 3 },
{ text: “Assume it’s probably expired and throw it away without checking.”, value: 4 },
{ text: “Use it immediately to get something fun.”, value: 1 },
{ text: “Put it in your wallet and save it for a ‘needs’ purchase.”, value: 2 }
] },
{
category: “Money & Resources”,
text: “When you think about becoming wealthy one day, what image comes to mind?”,
options: [
{ text: “Comfort and security, but nothing too flashy.”, value: 2 },
{ text: “Stress. More money, more problems.”, value: 3 },
{ text: “Freedom, generosity, and having a bigger impact.”, value: 1 },
{ text: “Greed. Wealthy people are usually corrupt or unhappy.”, value: 4 }
] },
{
category: “Money & Resources”,
text: “If you lost your job today, what is your gut reaction regarding your survival?”,
options: [
{ text: “It’s over. I’ll never recover from this.”, value: 4 },
{ text: “It’s going to be tough, but I’ll figure it out eventually.”, value: 2 },
{ text: “It’s a pivot. Something better is waiting for me.”, value: 1 },
{ text: “I’m going to struggle. The economy is terrible right now.”, value: 3 }
] },
// Section 2: Self-Worth & Receiving
{
category: “Self-Worth & Receiving”,
text: “A stranger gives you a genuine, glowing compliment. You:”,
options: [
{ text: “Say thanks, but quickly compliment them back to balance it out.”, value: 2 },
{ text: “Feel suspicious. ‘What do they want from me?'”, value: 4 },
{ text: “Smile and say, ‘Thank you so much! That means a lot.'”, value: 1 },
{ text: “Laugh awkwardly and deflect it (‘Oh, this old thing? It was on sale’).”, value: 3 }
] },
{
category: “Self-Worth & Receiving”,
text: “You make a mistake at work. How do you handle it?”,
options: [
{ text: “Fix it, but worry for the rest of the day about what people think.”, value: 2 },
{ text: “Replay the mistake in your head for days, calling yourself ‘stupid.'”, value: 3 },
{ text: “Hide it and hope no one finds out because you fear being fired.”, value: 4 },
{ text: “Own it, fix it, and move on. Everyone makes mistakes.”, value: 1 }
] },
{
category: “Self-Worth & Receiving”,
text: “A friend offers to treat you to dinner. You:”,
options: [
{ text: “Refuse. You hate feeling ‘indebted’ to anyone.”, value: 4 },
{ text: “Accept gratefully and enjoy the meal.”, value: 1 },
{ text: “Feel extremely uncomfortable and promise to pay them back immediately.”, value: 3 },
{ text: “Accept, but insist on paying the tip or buying drinks.”, value: 2 }
] },
{
category: “Self-Worth & Receiving”,
text: “It’s your day off. You spend the whole day doing absolutely nothing. How do you feel at 8 PM?”,
options: [
{ text: “Worthless. I wasted a whole day of my life.”, value: 4 },
{ text: “Recharged and happy. Rest is productive!”, value: 1 },
{ text: “Guilty. I should have been cleaning or working.”, value: 3 },
{ text: “A little antsy, but I know I needed the break.”, value: 2 }
] },
{
category: “Self-Worth & Receiving”,
text: “When you look in the mirror, what is the first thought?”,
options: [
{ text: “I wish I could change [body part].”, value: 3 },
{ text: “Ugh. I look terrible/old/tired.”, value: 4 },
{ text: “Not bad, just need to fix my hair.”, value: 2 },
{ text: “I look good today!”, value: 1 }
] },
{
category: “Self-Worth & Receiving”,
text: “You have a big idea for a project. Who do you tell?”,
options: [
{ text: “No one yet. I don’t want to jinx it.”, value: 3 },
{ text: “No one ever. They would just laugh at me.”, value: 4 },
{ text: “Everyone! I’m excited to manifest it.”, value: 1 },
{ text: “Just a few close friends I trust.”, value: 2 }
] },
{
category: “Self-Worth & Receiving”,
text: “When things are going really, really well in your life, you:”,
options: [
{ text: “Start waiting for the ‘other shoe to drop.'”, value: 3 },
{ text: “Soak it up and expect it to continue.”, value: 1 },
{ text: “Self-sabotage (start a fight, overspend) because it feels ‘wrong.'”, value: 4 },
{ text: “Enjoy it, but stay cautious.”, value: 2 }
] },
{
category: “Self-Worth & Receiving”,
text: “Someone asks for your help, but you are already overwhelmed. You:”,
options: [
{ text: “Say ‘No’ politely. My boundaries protect my energy.”, value: 1 },
{ text: “Say ‘Yes’ immediately because you fear they won’t like you if you say no.”, value: 4 },
{ text: “Say ‘Maybe later,’ hoping they forget.”, value: 2 },
{ text: “Say ‘Yes’ and then complain about it to others.”, value: 3 }
] },
{
category: “Self-Worth & Receiving”,
text: “You are asked to lead a team or speak in public. Your reaction:”,
options: [
{ text: “Panic. ‘I’m an imposter. They’ll find out I don’t know anything.'”, value: 3 },
{ text: “Refusal. ‘I am not good enough for that.'”, value: 4 },
{ text: “Excitement. ‘I’m ready for this level up.'”, value: 1 },
{ text: “Nervousness, but I’ll do it for the experience.”, value: 2 }
] },
{
category: “Self-Worth & Receiving”,
text: “How do you view ‘Luck’?”,
options: [
{ text: “I am cursed. If there is bad luck, it will find me.”, value: 4 },
{ text: “Some people are lucky, some aren’t. It’s random.”, value: 2 },
{ text: “I have average luck, nothing special happens to me.”, value: 3 },
{ text: “I create my own luck through my vibration.”, value: 1 }
] },
// Section 3: Future & Possibility
{
category: “Future & Possibility”,
text: “Thinking about 5 years from now makes you feel:”,
options: [
{ text: “Anxious. The world is getting worse.”, value: 3 },
{ text: “Dread. I just want to get through the day.”, value: 4 },
{ text: “Expansive and curious.”, value: 1 },
{ text: “Uncertain, but hopeful.”, value: 2 }
] },
{
category: “Future & Possibility”,
text: “When you face a roadblock or a problem, your default mode is:”,
options: [
{ text: “Why does this always happen to me? (Victim-Oriented)”, value: 3 },
{ text: “How can I solve this? (Solution-Oriented)”, value: 1 },
{ text: “I give up. (Defeatist)”, value: 4 },
{ text: “Why did this happen? (Analysis-Oriented)”, value: 2 }
] },
{
category: “Future & Possibility”,
text: “You see a news story about a recession or economic crisis. You:”,
options: [
{ text: “Worry and start cutting back on everything.”, value: 3 },
{ text: “Focus on my own abundance regardless of the news.”, value: 1 },
{ text: “Obsess over the news and feel hopeless about the future.”, value: 4 },
{ text: “Pay attention so I can be prepared.”, value: 2 }
] },
{
category: “Future & Possibility”,
text: “Your dream life feels:”,
options: [
{ text: “Impossible. That life is for other people.”, value: 4 },
{ text: “Unlikely. It’s just a fantasy.”, value: 3 },
{ text: “Inevitable. It’s on its way.”, value: 1 },
{ text: “Possible, if I work really hard.”, value: 2 }
] },
{
category: “Future & Possibility”,
text: “How often do you visualize what you want?”,
options: [
{ text: “Sometimes, when I see something I like.”, value: 2 },
{ text: “Rarely. It feels like daydreaming/wasting time.”, value: 3 },
{ text: “Every day. It’s part of my routine.”, value: 1 },
{ text: “Never. It’s painful to think about what I can’t have.”, value: 4 }
] },
{
category: “Future & Possibility”,
text: “When you see a ‘Help Wanted’ sign for a job you’re barely qualified for:”,
options: [
{ text: “Read the requirements carefully to see if I fit.”, value: 2 },
{ text: “Apply! My potential matters more than my history.”, value: 1 },
{ text: “Assume they already hired someone better than me.”, value: 4 },
{ text: “Don’t apply. I don’t want to deal with rejection.”, value: 3 }
] },
{
category: “Future & Possibility”,
text: “Regarding your health and vitality:”,
options: [
{ text: “I feel like I’m aging too fast.”, value: 3 },
{ text: “My body is always failing me.”, value: 4 },
{ text: “My body heals quickly and is strong.”, value: 1 },
{ text: “I have to maintain it, or it breaks down.”, value: 2 }
] },
{
category: “Future & Possibility”,
text: “How do you describe the world to a child?”,
options: [
{ text: “It’s a beautiful playground full of magic.”, value: 1 },
{ text: “It’s a cruel place, trust no one.”, value: 4 },
{ text: “It has good and bad, you have to be smart.”, value: 2 },
{ text: “It’s a tough place, you have to be tough.”, value: 3 }
] },
{
category: “Future & Possibility”,
text: “If you had to change careers tomorrow, you would believe:”,
options: [
{ text: “It would be a disaster. I have no other skills.”, value: 4 },
{ text: “I’m too old/invested to start over now.”, value: 3 },
{ text: “It would be stressful, but I’d manage.”, value: 2 },
{ text: “It’s a fresh start to do something I love.”, value: 1 }
] },
{
category: “Future & Possibility”,
text: “Complete this sentence: ‘Life is…'”,
options: [
{ text: “Happening to me.”, value: 3 },
{ text: “Happening with me.”, value: 2 },
{ text: “Happening for me.”, value: 1 },
{ text: “Against me.”, value: 4 }
] }
];

// === 2. STATE MANAGEMENT ===
let currentQuestionIndex = 0;
let totalScore = 0;
let userAnswers = [];

// === 3. DOM ELEMENTS ===
const introScreen = document.getElementById(‘intro-screen’);
const quizScreen = document.getElementById(‘quiz-screen’);
const leadScreen = document.getElementById(‘lead-screen’);
const resultScreen = document.getElementById(‘result-screen’);

const questionText = document.getElementById(‘question-text’);
const questionCategory = document.getElementById(‘question-category’);
const optionsContainer = document.getElementById(‘options-container’);
const progressText = document.getElementById(‘progress-text’);
const progressFill = document.getElementById(‘progress-fill’);

// === 4. FUNCTIONS ===

function startQuiz() {
introScreen.classList.add(‘hidden’);
quizScreen.classList.remove(‘hidden’);
quizScreen.classList.add(‘fade-in’);
renderQuestion();
}

function renderQuestion() {
const question = questions[currentQuestionIndex];

// Update Text
questionCategory.textContent = question.category;
questionText.textContent = question.text;

// Update Progress
const percent = Math.round((currentQuestionIndex / questions.length) * 100);
progressText.textContent = `${percent}%`;
progressFill.style.width = `${percent}%`;

// Clear and Render Options
optionsContainer.innerHTML = ”;

// Add delay for animation effect
question.options.forEach((option, index) => {
const btn = document.createElement(‘div’);
btn.className = ‘quiz-option w-full p-4 border-2 border-gray-100 rounded-xl flex items-center gap-4 bg-gray-50 hover:bg-white text-left group’;
btn.onclick = () => selectOption(option.value);

btn.innerHTML = `

${option.text}
`;
optionsContainer.appendChild(btn);
});
}

function selectOption(value) {
// Save score
totalScore += value;
userAnswers.push(value);

// Next Question or Finish
currentQuestionIndex++;

if (currentQuestionIndex < questions.length) {
// Slight fade out effect before next question could go here
renderQuestion();
} else {
showLeadCapture();
}
}

function showLeadCapture() {
quizScreen.classList.add('hidden');
leadScreen.classList.remove('hidden');
// Final Progress update
progressText.textContent = "100%";
progressFill.style.width = "100%";
}

function handleFormSubmit(e) {
e.preventDefault();
// Here you would normally send the data (name, email, score) to your backend/CRM
// const name = document.getElementById('name').value;
// const email = document.getElementById('email').value;
// console.log("Submitting:", name, email, totalScore);

leadScreen.classList.add('hidden');
calculateAndShowResult();
}

function calculateAndShowResult() {
resultScreen.classList.remove('hidden');

// Determine Profile based on Total Score (Min 30, Max 120)
let profile = {};

if (totalScore <= 52) {
profile = {
title: "The Master Manifestor ✨",
headline: "You are vibrating at the frequency of Abundance.",
diagnosis: "Your score indicates that you have a powerful, open relationship with the flow of life. You naturally see the glass as half-full. You don't just wait for good things to happen; you expect them.",
superpower: "Magnetic Faith. Even when things go wrong, you pivot quickly. You don't dwell on 'Why me?'—you ask, 'What is this teaching me?'",
shadow: "Spiritual Bypassing. Be careful not to suppress negative emotions just to 'stay positive.' True abundance includes holding space for difficult emotions too.",
action: "Contribution. This week, give away something you love (money, a book, advice) without expecting anything in return."
};
} else if (totalScore <= 75) {
profile = {
title: "The Abundance Apprentice 🌱",
headline: "You are on the path, but you hit invisible ceilings.",
diagnosis: "You have done a lot of work on yourself. You logically know abundance is real, but you often self-sabotage right when things get good. You are living in the 'Growth Zone'—fluctuating between faith and fear.",
superpower: "Resilience. You are willing to learn. You don't stay down for long, even if you stumble.",
shadow: "The Upper Limit Problem. When you get too happy or rich, your subconscious might create worry to bring you back to your 'safe' zone.",
action: "Receiving Breath. Next time someone compliments you, do not deflect. Take a deep breath and say 'Thank you.'"
};
} else if (totalScore {
document.getElementById(‘score-circle’).style.strokeDashoffset = offset;
}, 500);
}