import { useState } from 'react'
import { Button } from '@/components/ui/button.jsx'
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card.jsx'
import { Progress } from '@/components/ui/progress.jsx'
import { Badge } from '@/components/ui/badge.jsx'
import { CheckCircle, ArrowRight, Target, TrendingUp, Users, Calendar, DollarSign, Star } from 'lucide-react'
import './App.css'
// Questionnaire data
const questions = [
{
id: 1,
title: "What best describes your current business situation?",
options: [
{ text: "Just starting out, need foundation and accountability", value: "startup", scores: { essential: 4, professional: 2, vip: 1, platinum: 0 } },
{ text: "Established business with steady revenue", value: "established", scores: { essential: 2, professional: 4, vip: 3, platinum: 2 } },
{ text: "Growing business needing systems and processes", value: "growing", scores: { essential: 1, professional: 3, vip: 4, platinum: 3 } },
{ text: "Scaling business with team management challenges", value: "scaling", scores: { essential: 0, professional: 2, vip: 3, platinum: 4 } }
]
},
{
id: 2,
title: "What's your current annual revenue?",
options: [
{ text: "Under $100K", value: "under100k", scores: { essential: 4, professional: 2, vip: 0, platinum: 0 } },
{ text: "$100K - $500K", value: "100k-500k", scores: { essential: 3, professional: 4, vip: 2, platinum: 1 } },
{ text: "$500K - $1M", value: "500k-1m", scores: { essential: 1, professional: 3, vip: 4, platinum: 3 } },
{ text: "$1M+", value: "1m-plus", scores: { essential: 0, professional: 1, vip: 3, platinum: 4 } }
]
},
{
id: 3,
title: "How many people are on your team?",
options: [
{ text: "Just me (solopreneur)", value: "solo", scores: { essential: 4, professional: 2, vip: 1, platinum: 0 } },
{ text: "2-5 team members", value: "small", scores: { essential: 2, professional: 4, vip: 2, platinum: 1 } },
{ text: "6-15 team members", value: "medium", scores: { essential: 1, professional: 2, vip: 4, platinum: 3 } },
{ text: "16+ team members", value: "large", scores: { essential: 0, professional: 1, vip: 2, platinum: 4 } }
]
},
{
id: 4,
title: "What's your biggest business challenge right now?",
options: [
{ text: "Lack of consistent daily habits and accountability", value: "habits", scores: { essential: 4, professional: 3, vip: 1, platinum: 1 } },
{ text: "Need more leads and better online presence", value: "leads", scores: { essential: 3, professional: 4, vip: 3, platinum: 2 } },
{ text: "Sales team performance and closing rates", value: "sales", scores: { essential: 1, professional: 3, vip: 4, platinum: 3 } },
{ text: "Scaling systems and processes", value: "scaling", scores: { essential: 0, professional: 2, vip: 3, platinum: 4 } }
]
},
{
id: 5,
title: "What investment level are you comfortable with for business growth?",
options: [
{ text: "Under $1,500/month", value: "low", scores: { essential: 4, professional: 2, vip: 0, platinum: 0 } },
{ text: "$1,500 - $2,500/month", value: "medium", scores: { essential: 2, professional: 4, vip: 2, platinum: 0 } },
{ text: "$2,500 - $4,000/month", value: "high", scores: { essential: 0, professional: 2, vip: 4, platinum: 2 } },
{ text: "$4,000+/month", value: "premium", scores: { essential: 0, professional: 1, vip: 2, platinum: 4 } }
]
},
{
id: 6,
title: "How would you rate your current website and online presence?",
options: [
{ text: "No website or very outdated", value: "none", scores: { essential: 4, professional: 3, vip: 2, platinum: 1 } },
{ text: "Basic website but not generating leads", value: "basic", scores: { essential: 3, professional: 4, vip: 3, platinum: 2 } },
{ text: "Good website but needs optimization", value: "good", scores: { essential: 1, professional: 3, vip: 4, platinum: 3 } },
{ text: "Strong online presence", value: "strong", scores: { essential: 0, professional: 1, vip: 2, platinum: 4 } }
]
},
{
id: 7,
title: "How structured is your current sales process?",
options: [
{ text: "No formal process", value: "none", scores: { essential: 4, professional: 3, vip: 2, platinum: 1 } },
{ text: "Basic process but inconsistent results", value: "basic", scores: { essential: 3, professional: 4, vip: 3, platinum: 2 } },
{ text: "Good process but team needs training", value: "good", scores: { essential: 1, professional: 3, vip: 4, platinum: 3 } },
{ text: "Well-defined process, looking to optimize", value: "optimized", scores: { essential: 0, professional: 2, vip: 3, platinum: 4 } }
]
},
{
id: 8,
title: "What's your target timeline for seeing significant results?",
options: [
{ text: "Immediate (within 30 days)", value: "immediate", scores: { essential: 4, professional: 3, vip: 2, platinum: 1 } },
{ text: "Short-term (3-6 months)", value: "short", scores: { essential: 3, professional: 4, vip: 3, platinum: 2 } },
{ text: "Medium-term (6-12 months)", value: "medium", scores: { essential: 2, professional: 3, vip: 4, platinum: 3 } },
{ text: "Long-term (12+ months)", value: "long", scores: { essential: 1, professional: 2, vip: 3, platinum: 4 } }
]
}
]
// Package definitions - Comprehensive Bundles
const packages = {
essential: {
name: "Essential Growth Package",
price: "$1,000/month",
description: "Complete business growth foundation with coaching, digital marketing, and accountability tracking",
features: [
"Monthly 1-on-1 Coaching Session (60 min)",
"Weekly Facebook Live Q&A Access",
"MAT Daily Habit & KPI Tracking System",
"3-Page Transaction-Based Landing Page",
"Lead Magnet Content Creation (1 per month)",
"Basic CRM Setup & Lead Management",
"Email Marketing Automation (3 sequences)",
"Monthly Performance Analytics Report",
"Grant Cardone 10X Content Library Access",
"Community Forum Access"
],
results: {
"30 days": "Foundation systems in place, habit tracking active",
"90 days": "50-100% increase in lead generation",
"6 months": "150-250% improvement in conversion rates",
"12 months": "200-350% revenue growth potential"
},
color: "bg-blue-500",
icon: Target
},
professional: {
name: "Professional Scale Package",
price: "$1,500/month",
description: "Advanced business scaling with intensive coaching, premium digital assets, and team training",
features: [
"Bi-weekly 1-on-1 Coaching Sessions (60 min each)",
"Weekly Facebook Live Q&A + Replay Access",
"Advanced MAT with Team Performance Tracking",
"5-Page Transaction-Based Website + Landing Pages",
"High-Value Content Offers (2 per month)",
"Advanced CRM with Sales Pipeline Automation",
"Email & SMS Marketing Campaigns",
"Monthly Team Training Workshop",
"Bi-weekly Performance Analytics & Strategy Calls",
"Grant Cardone 10X Premium Content Access",
"Priority Support (24-48 hour response)",
"BONUS: Monthly Sales Script Templates",
"BONUS: Quarterly Business Strategy Session"
],
results: {
"30 days": "Team alignment, advanced systems deployment",
"90 days": "100-200% increase in qualified leads",
"6 months": "250-400% improvement in sales performance",
"12 months": "300-500% revenue growth potential"
},
color: "bg-red-500",
icon: Users
},
vip: {
name: "VIP Elite Package",
price: "$2,500/month",
description: "Elite-level business transformation with intensive support, custom digital marketing, and exclusive access",
features: [
"Weekly 1-on-1 Coaching Sessions (90 min each)",
"Private Weekly Facebook Live Q&A Sessions",
"Enterprise MAT with Multi-Location Tracking",
"Custom 10-Page Website + Multiple Landing Pages",
"Irresistible Offer Development (3 per month)",
"Premium CRM with Advanced Automation & AI",
"Multi-Channel Marketing Campaigns (Email, SMS, Social)",
"Weekly Team Training + Individual Coaching",
"Weekly Performance Analytics & Strategy Optimization",
"Grant Cardone 10X VIP Content + Live Event Access",
"Direct Phone/Text Access to Coach",
"Monthly On-Site or Virtual Intensive (4 hours)",
"BONUS: Custom Sales Funnel Development",
"BONUS: Monthly Competitor Analysis Report",
"BONUS: Quarterly Revenue Optimization Audit",
"BONUS: Access to Private VIP Mastermind Group"
],
results: {
"30 days": "Elite systems implementation, team transformation begins",
"90 days": "200-350% increase in high-quality leads",
"6 months": "400-600% improvement in sales performance",
"12 months": "500-800% revenue growth potential"
},
color: "bg-purple-500",
icon: TrendingUp
},
platinum: {
name: "Platinum Domination Package",
price: "$3,500/month",
description: "Ultimate business domination with unlimited access, custom everything, and exclusive CEO-level support",
features: [
"Unlimited 1-on-1 Coaching Access (On-Demand)",
"Private Daily Success Check-ins",
"Enterprise MAT with Predictive Analytics & AI Insights",
"Unlimited Custom Landing Pages + Website Development",
"Custom Irresistible Offer Creation (Unlimited)",
"White-Label CRM Solution with Custom Integrations",
"Omni-Channel Marketing Domination (All Platforms)",
"Daily Team Training + Leadership Development",
"Real-Time Performance Analytics Dashboard",
"Grant Cardone 10X Platinum Access + Personal Introductions",
"24/7 Priority Support + Emergency Business Line",
"Monthly Full-Day Business Intensive (8 hours)",
"Quarterly Business Retreat Planning & Execution",
"BONUS: Custom Mobile App Development",
"BONUS: Personal Brand Development & PR Strategy",
"BONUS: Joint Venture & Partnership Facilitation",
"BONUS: Access to Private CEO Mastermind (Monthly)",
"BONUS: Annual Business Valuation & Exit Strategy Planning",
"BONUS: Custom Team Hiring & Training Programs",
"BONUS: Exclusive Industry Connections & Networking Events"
],
results: {
"30 days": "Complete business transformation infrastructure",
"90 days": "300-500% increase in premium leads",
"6 months": "600-1000% improvement in business performance",
"12 months": "800-1500% revenue growth potential + market domination"
},
color: "bg-yellow-500",
icon: Users
}
}
function App() {
const [currentQuestion, setCurrentQuestion] = useState(0)
const [answers, setAnswers] = useState({})
const [scores, setScores] = useState({ essential: 0, professional: 0, vip: 0, platinum: 0 })
const [showResults, setShowResults] = useState(false)
const [selectedAnswer, setSelectedAnswer] = useState(null)
const handleAnswer = (option) => {
const newAnswers = { ...answers, [currentQuestion]: option }
setAnswers(newAnswers)
// Update scores
const newScores = { ...scores }
newScores.essential += option.scores.essential || 0
newScores.professional += option.scores.professional || 0
newScores.vip += option.scores.vip || 0
newScores.platinum += option.scores.platinum || 0
setScores(newScores)
setSelectedAnswer(option)
// Move to next question after a brief delay
setTimeout(() => {
if (currentQuestion < questions.length - 1) {
setCurrentQuestion(currentQuestion + 1)
setSelectedAnswer(null)
} else {
setShowResults(true)
}
}, 800)
}
const getRecommendation = () => {
const maxScore = Math.max(scores.essential, scores.professional, scores.vip, scores.platinum)
if (scores.platinum === maxScore) return 'platinum'
if (scores.vip === maxScore) return 'vip'
if (scores.professional === maxScore) return 'professional'
return 'essential'
}
const getSecondaryRecommendations = () => {
const recommendation = getRecommendation()
const sortedPackages = Object.entries(scores)
.sort(([,a], [,b]) => b - a)
.map(([key]) => key)
.filter(key => key !== recommendation)
return sortedPackages.slice(0, 2)
}
const resetQuiz = () => {
setCurrentQuestion(0)
setAnswers({})
setScores({ essential: 0, professional: 0, vip: 0, platinum: 0 })
setShowResults(false)
setSelectedAnswer(null)
}
const progress = ((currentQuestion + 1) / questions.length) * 100
if (showResults) {
const primaryRecommendation = getRecommendation()
const secondaryRecommendations = getSecondaryRecommendations()
const primaryPackage = packages[primaryRecommendation]
return (
{/* Header */}
{/* Results Header */}
Assessment Complete
Your Perfect Business Growth Solution
Based on your responses, we've identified the ideal package to accelerate your business growth and achieve your goals.
{/* Primary Recommendation */}
{primaryPackage.name}
{primaryPackage.description}
{primaryPackage.price}
Investment
{primaryPackage.features.map((feature, index) => (
{feature}
))}
{Object.entries(primaryPackage.results).map(([timeframe, result]) => (
{timeframe}:
{result}
))}
window.open('https://link.truexpanse.com/widget/booking/dHihuvadHB4f7h0XBW4i', '_blank')}
>
{
const subject = encodeURIComponent(`Custom Proposal Request - ${primaryPackage.name}`)
const assessmentAnswers = Object.entries(answers).map(([questionIndex, answer]) =>
`${questions[questionIndex].title}\nAnswer: ${answer.text}`
).join('\n\n')
const body = encodeURIComponent(`Hi Donna,\n\nI just completed the TrueXpanse Package Finder assessment and received a recommendation for the ${primaryPackage.name} package.\n\nI'm interested in discussing a custom proposal that fits my specific business needs.\n\n--- ASSESSMENT RESULTS ---\nRecommended Package: ${primaryPackage.name}\nScoring: Essential: ${scores.essential}, Professional: ${scores.professional}, VIP: ${scores.vip}, Platinum: ${scores.platinum}\n\n--- MY ANSWERS ---\n${assessmentAnswers}\n\nBest regards`)
window.open(`mailto:donna@truexpanse.com?subject=${subject}&body=${body}`, '_blank')
}}
>
{/* Secondary Recommendations */}
Other Solutions That Could Help
{secondaryRecommendations.map((packageKey) => {
const pkg = packages[packageKey]
return (
{pkg.description}
window.open('https://link.truexpanse.com/widget/booking/dHihuvadHB4f7h0XBW4i', '_blank')}
>
Schedule Consultation
)
})}
{/* Combination Package Suggestion */}
🚀 Want Maximum Results? Consider a Combination Package
Combine multiple solutions for exponential growth potential and accelerated business transformation
{
const subject = encodeURIComponent('Combination Package Consultation Request')
const assessmentAnswers = Object.entries(answers).map(([questionIndex, answer]) =>
`${questions[questionIndex].title}\nAnswer: ${answer.text}`
).join('\n\n')
const body = encodeURIComponent(`Hi Donna,\n\nI completed the TrueXpanse Package Finder and I'm interested in exploring combination packages for maximum business growth results.\n\nI'd like to schedule a consultation to discuss how multiple solutions could work together for my business.\n\n--- ASSESSMENT RESULTS ---\nPrimary Recommendation: ${primaryPackage.name}\nScoring: Essential: ${scores.essential}, Professional: ${scores.professional}, VIP: ${scores.vip}, Platinum: ${scores.platinum}\n\n--- MY ANSWERS ---\n${assessmentAnswers}\n\nBest regards`)
window.open(`mailto:donna@truexpanse.com?subject=${subject}&body=${body}`, '_blank')
}}
>
)
}
return (
{/* Header */}
TRUEX PANSE
Package Finder
Question {currentQuestion + 1} of {questions.length}
{/* Progress */}
Progress
{Math.round(progress)}%
{/* Question */}
{questions[currentQuestion].title}
Select the option that best describes your situation
{questions[currentQuestion].options.map((option, index) => (
handleAnswer(option)}
disabled={selectedAnswer !== null}
>
{selectedAnswer === option && (
{option.text}
))}
{/* Footer */}
This assessment takes less than 2 minutes to complete
Your responses help us recommend the perfect growth solution for your business
)
}
export default App