/* ===== Luxury Academy — Sections 1: Nav, Hero, Services, Courses ===== */ // ── Luxury logo mark SVG — rose-gold lash emblem ───────────────────────────── function LuxLogoMark({ size = 32 }) { return ( ); } // ── Nav ─────────────────────────────────────────────────────────────────────── function Nav({ lang, setLang, t, scrollTo }) { const [menuOpen, setMenuOpen] = React.useState(false); return (

{ e.preventDefault(); scrollTo("top"); }}>

{menuOpen && (

setMenuOpen(false)}>

e.stopPropagation()} style={{padding:30}}>

{["services","courses","offers","about","gallery","contact"].map(s => ( { setMenuOpen(false); setTimeout(() => scrollTo(s), 50); }}> {t.nav[s]} ))}

)}

); } // ── Hero ────────────────────────────────────────────────────────────────────── function Hero({ lang, t, scrollTo }) { return (

{/* Left: text */}

{t.hero.eyebrow}

{t.hero.title1}
{t.hero.title2}

{t.hero.sub}

{t.hero.stat1}{t.hero.stat1l}

{t.hero.stat2}{t.hero.stat2l}

{t.hero.stat3}{t.hero.stat3l}

{/* Right: hero photo */}

{/* gradient blend hacia la izquierda */}

{/* Badge flotante */}

LUXURY

Academy
Ibagué

{/* Pill flotante */}

CERTIFICACIÓN PROFESIONAL

+15 programas

); } // ── Service image (gradient SVG) ─────────────────────────────────────────────── function ServiceImage({ svc }) { const [failed, setFailed] = React.useState(false); if (svc.img && !failed) { return ( {svc.name

setFailed(true)} /> ); } return ( ); } // ── Services ────────────────────────────────────────────────────────────────── function Services({ lang, t, onBook, services: svcsProp }) { const services = svcsProp ?? SERVICES; const [cat, setCat] = React.useState("all"); const [query, setQuery] = React.useState(""); const [sort, setSort] = React.useState("default"); const cats = ["all","lashes","brows","micropig","nails","facial","waxing"]; const fmt = n => "$" + n.toLocaleString(lang === "en" ? "en-US" : "es-CO"); let filtered = cat === "all" ? services : services.filter(s => s.cat === cat); const q = query.trim().toLowerCase(); if (q) filtered = filtered.filter(s => s.name[lang].toLowerCase().includes(q) || (s.desc[lang] && s.desc[lang].toLowerCase().includes(q)) || (s.includes[lang] && s.includes[lang].some(inc => inc.toLowerCase().includes(q))) ); if (sort === "price-asc") filtered = [...filtered].sort((a, b) => a.price - b.price); if (sort === "price-desc") filtered = [...filtered].sort((a, b) => b.price - a.price); const total = (cat === "all" ? services : services.filter(s => s.cat === cat)).length; return (

{t.services.eyebrow}

{t.services.title1} {t.services.title2}

{t.services.sub}

{cats.map(c => ( ))}

setQuery(e.target.value)} placeholder={lang === "es" ? "Buscar servicio…" : "Search service…"} aria-label={lang === "es" ? "Buscar servicio" : "Search service"} /> {query && }

{lang === "es" ? "Ordenar:" : "Sort:"}

{filtered.length === total && !q ? (lang === "es" ? `${total} servicios` : `${total} services`) : (lang === "es" ? `${filtered.length} de ${total} servicios` : `${filtered.length} of ${total} services`)}

{filtered.length === 0 ? (

{lang === "es" ? "No encontramos servicios con esos criterios." : "No services match your search."}

) : (

{filtered.map(s => (

{s.badge && {s.badge[lang]}} {s.duration[lang]}

{s.name[lang]}

{s.desc[lang]}

{s.includes[lang].slice(0,4).map((inc,i) => {inc})}

{fmt(s.price)} COP

))}

)}

); } // ── Courses ─────────────────────────────────────────────────────────────────── function Courses({ lang, t, courses: csProp }) { const courses = csProp ?? COURSES; const fmt = n => "$" + n.toLocaleString(lang === "en" ? "en-US" : "es-CO"); const waMsg = (c) => lang === "es" ? `Hola Luxury Academy! Me interesa inscribirme al programa: ${c.name.es}. ¿Cuáles son los próximos cupos y fechas?` : `Hello Luxury Academy! I'm interested in enrolling in: ${c.name.en}. What are the next available spots and dates?`; return (

{t.courses.eyebrow}

{t.courses.title1} {t.courses.title2}

{t.courses.sub}

{courses.map((c, i) => (

{c.img && (

{ e.target.style.display = "none"; }}/>

{c.icon}

{String(i+1).padStart(2,"0")}

)} {!c.img && <>

{String(i+1).padStart(2,"0")}

{c.icon}

}

{c.name[lang]}

{c.desc[lang]}

{c.modules[lang].map((m, j) => {m})}

⏱ {c.duration[lang]}

📊 {c.level[lang]}

{fmt(c.price)}

{t.courses.enroll}

))}

{lang === "es" ? "¿Buscas un programa personalizado o tienes una empresa?" : "Looking for a custom program or have a business?"}

{lang === "es" ? "Consultar programa a medida" : "Inquire about custom program"}

); } window.Nav = Nav; window.Hero = Hero; window.Services = Services; window.Courses = Courses; window.LuxLogoMark = LuxLogoMark;

{t.hero.title1} {t.hero.title2}

{t.services.title1} {t.services.title2}

{s.name[lang]}

{t.courses.title1} {t.courses.title2}

{c.name[lang]}

{t.hero.title1}
{t.hero.title2}