import React, { useMemo, useState } from "react"; import { motion } from "framer-motion"; import { Check, ChevronRight, Play, Info, HeartPulse, Flame, Salad, Moon, Dumbbell, Brain, BadgeCheck, Languages, Sparkles } from "lucide-react"; // --- Simple shadcn-style primitives (fallbacks if library not present) --- const Container = ({ children, className = "" }) => ( ); const Card = ({ children, className = "" }) => ( ); const CardHeader = ({ children, className = "" }) => ( ); const CardContent = ({ children, className = "" }) => ( ); const Button = ({ children, onClick, variant = "primary", className = "", ...props }) => { const base = "inline-flex items-center gap-2 justify-center rounded-2xl px-5 py-3 text-sm font-semibold transition-all focus:outline-none focus:ring-2 focus:ring-offset-2"; const styles = { primary: "bg-[#e40613] text-white hover:brightness-110 active:scale-[0.98] focus:ring-[#e40613]", outline: "border border-slate-300 text-slate-800 hover:bg-slate-50 focus:ring-slate-300", ghost: "text-slate-700 hover:bg-slate-100", }; return ( {children} ); }; const Tag = ({ children }) => ( {children} ); // --- Personalization Wizard --- const GOALS = [ { id: "weight", label: "Lose 10–20 lbs", icon: Flame }, { id: "energy", label: "Boost energy", icon: Brain }, { id: "hormones", label: "Hormone balance", icon: HeartPulse }, { id: "gut", label: "Improve digestion", icon: Salad }, { id: "sleep", label: "Better sleep", icon: Moon }, { id: "tone", label: "Tone & strength", icon: Dumbbell }, ]; const EXPERIENCE = [ { id: "new", label: "Brand new to coaching" }, { id: "back", label: "Getting back on track" }, { id: "consistent", label: "I’m consistent, want to level up" }, ]; const FORMATS = [ { id: "group", label: "Group coaching + community" }, { id: "hybrid", label: "Group + 1:1 check-ins" }, { id: "self", label: "Self-paced with weekly touchpoints" }, ]; const LANGS = [ { id: "en", label: "English" }, { id: "es", label: "Español" }, ]; function TogglePill({ active, onClick, children, icon: Icon }) { return ( {Icon ? : null} {children} {active && } ); } function StepHeader({ step, title, subtitle }) { return ( ); } function PersonalizeWizard({ onReady }) { const [goals, setGoals] = useState([]); const [exp, setExp] = useState(""); const [format, setFormat] = useState(""); const [lang, setLang] = useState("en"); const toggleGoal = (id) => { setGoals((prev) => (prev.includes(id) ? prev.filter((g) => g !== id) : [...prev, id])); }; const canContinue = useMemo(() => goals.length > 0 && exp && format && lang, [goals, exp, format, lang]); const summary = useMemo(() => ({ goals, exp, format, lang }), [goals, exp, format, lang]); return (

{GOALS.map((g) => ( toggleGoal(g.id)} > {g.label} ))}

{EXPERIENCE.map((e) => ( setExp(e.id)}> {e.label} ))}

{FORMATS.map((f) => ( setFormat(f.id)}> {f.label} ))}

{LANGS.map((l) => ( setLang(l.id)} icon={Languages}> {l.label} ))}

{goals.length ? ( <> Preview: We’ll tailor meal plans, workouts, and weekly check‑ins for {goals.map((g) => GOALS.find(x => x.id === g)?.label).join(", ")}, designed for {EXPERIENCE.find(x => x.id === exp)?.label || "your level"} with {FORMATS.find(x => x.id === format)?.label || "your preferred style"} — in {lang === "es" ? "Español" : "English"}. ) : ( <>Make a few selections to see your personalized path. )}

onReady(summary)} disabled={!canContinue} className={!canContinue ? "opacity-60 cursor-not-allowed" : ""}> Build my 6‑Week Plan

); } function PlanReveal({ profile }) { const goalMap = { weight: { headline: "Fat‑loss with real food", bullets: [ "Low‑glycemic, whole‑food meals with weekly shopping lists", "Protein‑forward plates to preserve lean muscle", "Habit stacking + accountability to keep you consistent", ], }, energy: { headline: "Daily energy without crashes", bullets: [ "Stabilize blood sugar with smart carb timing", "Hydration + micronutrient blueprint", "Morning momentum ritual (7‑minute version included)", ], }, hormones: { headline: "Support hormone balance", bullets: [ "Reduce inflammatory foods + balance fats", "Cycle‑aware nutrition guidance (where applicable)", "Stress‑sleep protocol to calm cortisol", ], }, gut: { headline: "Happier gut, happier you", bullets: [ "Fiber ladder to rebuild tolerance", "Simple swaps to cut bloat & discomfort", "Meal cadence to support digestion", ], }, sleep: { headline: "Sleep deeper, recover faster", bullets: [ "Evening wind‑down routine (10‑minute flow)", "Caffeine/light exposure guardrails", "Magnesium, protein, and timing tips", ], }, tone: { headline: "Tone & strength you can see", bullets: [ "Progressive, time‑efficient workouts (home or gym)", "Protein pacing + recovery checklist", "Weekly form cues in the app", ], }, }; const selected = profile.goals.map((g) => goalMap[g]); const weeks = [ { title: "Week 1 · Reset & Foundations", points: [ "Kitchen reset + grocery guide", "Baseline metrics: energy, sleep, digestion, measurements", "Begin 10‑minute daily movement" ], }, { title: "Week 2 · Food Frameworks", points: [ "Plate method customized to your goals", "Protein & fiber targets, snack swaps", "Two batch‑cook recipes to save time" ], }, { title: "Week 3 · Metabolic Momentum", points: [ "Glycemic timing + smart carbs", "Hydration, electrolytes, and cravings plan", "Progress check‑in with Coach Cecilia" ], }, { title: "Week 4 · Strength & Stress", points: [ "Time‑efficient strength circuits (home/gym)", "Stress dial‑down techniques in 3 minutes", "Sleep routine upgrade" ], }, { title: "Week 5 · Master the Menu", points: [ "Eating out playbook (no guilt, no guesswork)", "Travel & social plans without derailing progress", "Refine macro balance to your life" ], }, { title: "Week 6 · Lock‑In & Launch", points: [ "Wrap‑up metrics + visible wins", "Your 30‑day momentum plan", "Celebrate progress with the community ✨" ], }, ]; return ( ); } // --- Intro Video Script (also rendered in a modal below) --- const ceciliaIntroScriptEn = `\ Hi! I’m Coach Cecilia, and welcome to the 6‑Week Group Challenge.\n\nIf you’ve been wanting to eat better, feel stronger, and finally feel at home in your body — this is for you.\nOver the next six weeks, I’ll guide you step‑by‑step with real‑food meal plans, simple workouts, and weekly coaching so you’re never doing this alone.\n\nHere’s how it works: each week we focus on one simple theme — food, movement, stress, and sleep — and stack small wins that add up.\nWe’ll personalize your plan to your goals, whether that’s losing 10–20 pounds, balancing hormones, better digestion, or more energy for your busy days.\n\nYou don’t need to be perfect. You just need a plan, support, and a community that believes in you.\nI’m excited to coach you — let’s build a healthier, more confident you in six weeks!`; const ceciliaIntroScriptEs = `\ ¡Hola! Soy la Coach Cecilia y bienvenida al Reto de 6 Semanas.\n\nSi quieres comer mejor, sentirte más fuerte y volver a sentirte bien en tu cuerpo, esto es para ti.\nDurante las próximas seis semanas te guiaré paso a paso con planes de comida de comida real, rutinas sencillas y coaching semanal para que nunca estés sola.\n\nCada semana nos enfocamos en un tema — alimentación, movimiento, estrés y sueño — acumulando pequeñas victorias que se convierten en grandes resultados.\nPersonalizaremos tu plan según tus metas: perder 5–10 kg, equilibrio hormonal, mejorar la digestión o tener más energía para tu día.\n\nNo tienes que ser perfecta. Solo necesitas un plan, apoyo y una comunidad que cree en ti.\n¡Me emociona acompañarte — en seis semanas te sentirás más saludable y segura!`; // --- Main Page --- export default function ChallengeLanding() { const [profile, setProfile] = useState(null); const [showScript, setShowScript] = useState(false); return ( ); }