const { useState, useEffect, useCallback } = React; /* placeholder = blurred until real photo uploaded */ const BLUR_PH = true; const eliteGirls = [ { id: '1', name: 'Diosa Doll', height: "4'11\"", ethnicity: 'Asian Latina', features: ['Brown Eyes', 'Black Hair', 'English', 'Spanish'], bio: "I'm an exotic Asian Latina — petite, curvy, and dangerously flexible. With soft perky breasts, a perfect hourglass figure, and the ability to drop into full splits, I'm your ultimate private stripper fantasy.\n\nI'm a natural pleaser who gets off on your pleasure. Whether it's sensual teasing, seductive roleplay, or an unforgettable show where I move my body just for you — I create a safe, playful space for you to fully relax and indulge.\n\nHyper feminine, always dolled up, and obsessed with looking and feeling my absolute best. This is an elite, high-end stripper experience — not your average show.\n\nLet me dance for you. Let me tease you. Let me make it unforgettable.\n\nDiscreet • Professional • Vegas Private Strippers", image: window.__resources && window.__resources.diosaPhoto || window.__resources && window.__resources.diosaPhoto || 'uploads/f23.webp', gallery: [ window.__resources && window.__resources.diosaPhoto || 'uploads/f23.webp', 'https://images.unsplash.com/photo-1517841905240-472988babdf9?auto=format&fit=crop&w=900&q=80', 'https://images.unsplash.com/photo-1438761681033-6461ffad8d80?auto=format&fit=crop&w=900&q=80', 'https://images.unsplash.com/photo-1524638431109-93d95c968f03?auto=format&fit=crop&w=900&q=80'], realPhotos: [true, false, false, false], isVIP: true }, { id: '2', name: 'Bobbi', height: "5'0\"", ethnicity: 'Asian Latina', features: ['Blue Eyes', 'Platinum Hair', 'English', 'Spanish'], bio: "Gothic seductress with a body covered in dark ink and a mind full of sin.\n\nPlatinum blonde, heavily tattooed, and dangerously flexible — I'm your ultimate private gothic fantasy. I move like the devil on your shoulder, teasing, grinding, and putting on a show that will haunt your thoughts long after I'm gone.\n\nWhether I'm crawling on all fours, dropping into splits, or giving you an up-close, slow, hypnotic dance… I live to make you weak.\n\nDark, sensual, and unapologetically nasty in the best way.\n\nElite private gothic stripper experience in Vegas.\n\nDiscreet • Professional • Unforgettable\n\nDM to book your private show, daddy 😈", image: window.__resources && window.__resources.bobbiPhoto || window.__resources && window.__resources.bobbiPhoto || 'uploads/495978885_18028957076671275_8666342204104565944_n-9c8f6617.jpg', gallery: [ window.__resources && window.__resources.bobbiPhoto || 'uploads/495978885_18028957076671275_8666342204104565944_n-9c8f6617.jpg', 'https://images.unsplash.com/photo-1508214751196-bcfd4ca60f91?auto=format&fit=crop&w=900&q=80', 'https://images.unsplash.com/photo-1567532939604-b6b5b0db2604?auto=format&fit=crop&w=900&q=80', 'https://images.unsplash.com/photo-1524638431109-93d95c968f03?auto=format&fit=crop&w=900&q=80'], realPhotos: [true, false, false, false], isFeatured: true }, { id: '3', name: 'Gia', height: "5'5\"", ethnicity: 'European', features: ['Blue Eyes', 'Platinum Blonde Hair', 'English'], bio: "Tattooed, platinum blonde, and impossibly curvy — Gia is the definition of a Vegas fantasy. With an hourglass figure that commands every room, she brings an electrifying energy to private shows, bachelor events, and penthouse performances. Bold, confident, and unforgettable.", image: 'uploads/IMG_1237.jpeg', gallery: [ 'uploads/IMG_1237.jpeg', 'https://images.unsplash.com/photo-1524504388940-b1c1722653e1?auto=format&fit=crop&w=900&q=80', 'https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?auto=format&fit=crop&w=900&q=80', 'https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=900&q=80'], realPhotos: [true, false, false, false], isVIP: true }, { id: '4', name: 'India', height: "5'4\"", ethnicity: 'Bengali', features: ['Brown Eyes', 'Black Hair', 'English'], bio: "Exotic Bengali beauty with hypnotic dark eyes and a magnetic presence. India brings an irresistible mix of sensuality and elegance to every private show. Whether it's a VIP penthouse or an intimate suite — she'll leave you completely spellbound.", image: 'uploads/3419EB1C-C839-4959-8E91-12984CF5ED3D-5f2a560a.jpeg', gallery: [ 'uploads/3419EB1C-C839-4959-8E91-12984CF5ED3D-5f2a560a.jpeg', 'https://images.unsplash.com/photo-1508214751196-bcfd4ca60f91?auto=format&fit=crop&w=900&q=80', 'https://images.unsplash.com/photo-1567532939604-b6b5b0db2604?auto=format&fit=crop&w=900&q=80', 'https://images.unsplash.com/photo-1503185912284-5271ff81b9a8?auto=format&fit=crop&w=900&q=80'], realPhotos: [true, false, false, false], isVIP: true }, { id: '5', name: 'Amber', height: "5'9\"", ethnicity: 'Mixed', features: ['Brown Eyes', 'Curly Hair', 'English'], bio: "A natural entertainer with an intoxicating personality. Amber's curls and curves have made her the top request for bachelor weekends, pool parties, and penthouse performances.", image: 'https://images.unsplash.com/photo-1488426862026-3ee34a7d66df?auto=format&fit=crop&w=800&q=80', gallery: [ 'https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?auto=format&fit=crop&w=900&q=80', 'https://images.unsplash.com/photo-1438761681033-6461ffad8d80?auto=format&fit=crop&w=900&q=80', 'https://images.unsplash.com/photo-1517841905240-472988babdf9?auto=format&fit=crop&w=900&q=80', 'https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=900&q=80'], realPhotos: [false, false, false, false] }, { id: '6', name: 'Sienna', height: "5'7\"", ethnicity: 'Caucasian', features: ['Blue Eyes', 'Red Hair', 'Italian'], bio: "Red hair, blue eyes, and an unforgettable presence. Sienna is the most-booked Angel for arm candy and casino floor appearances. Classic glamour with a modern edge.", image: 'https://images.unsplash.com/photo-1531123897727-8f129e1688ce?auto=format&fit=crop&w=800&q=80', gallery: [ 'https://images.unsplash.com/photo-1524638431109-93d95c968f03?auto=format&fit=crop&w=900&q=80', 'https://images.unsplash.com/photo-1508214751196-bcfd4ca60f91?auto=format&fit=crop&w=900&q=80', 'https://images.unsplash.com/photo-1503185912284-5271ff81b9a8?auto=format&fit=crop&w=900&q=80', 'https://images.unsplash.com/photo-1567532939604-b6b5b0db2604?auto=format&fit=crop&w=900&q=80'], realPhotos: [false, false, false, false], isFeatured: true }]; const N = eliteGirls.length; const EASE = 'cubic-bezier(0.4,0,0.2,1)'; const T = `650ms ${EASE}`; /* ─── Gallery Modal ─── */ function GalleryModal({ girl, onClose, onSelect, isSelected }) { const [single, setSingle] = useState(null); // null = grid, 0-3 = photo index const allPhotos = [girl.image, ...girl.gallery]; useEffect(() => { const onKey = (e) => { if (e.key === 'Escape') {if (single !== null) setSingle(null);else onClose();} if (e.key === 'ArrowRight' && single !== null) setSingle((i) => (i + 1) % allPhotos.length); if (e.key === 'ArrowLeft' && single !== null) setSingle((i) => (i + allPhotos.length - 1) % allPhotos.length); }; window.addEventListener('keydown', onKey); return () => window.removeEventListener('keydown', onKey); }, [single]); return (
{/* Header */}
{single !== null && } {girl.name} {single !== null && Photo {single + 1} of {allPhotos.length}} {girl.isVIP && VIP} {girl.isFeatured && Featured}
{/* Body */}
{single === null ? ( /* Grid view */
{allPhotos.slice(0, 4).map((src, i) => { const isReal = girl.realPhotos ? girl.realPhotos[i] : true; return (
setSingle(i)} style={{ overflow: 'hidden', cursor: 'pointer', position: 'relative', borderRadius: 6, background: '#0a0a12' }}> {`${girl.name} {if (isReal) e.currentTarget.style.transform = 'scale(1.04)';}} onMouseLeave={(e) => e.currentTarget.style.transform = 'scale(1)'} /> {!isReal &&
Coming Soon
} {isReal &&
e.currentTarget.style.opacity = 1} onMouseLeave={(e) => e.currentTarget.style.opacity = 0} />}
); })}
) : ( /* Single photo view */
{(() => {const isReal = girl.realPhotos ? girl.realPhotos[single] : true;return ( <> {`${girl.name} {!isReal &&
Photo Coming Soon
} );})()} {/* Prev */} {/* Next */} {/* Dot indicators */}
{allPhotos.map((_, i) =>
setSingle(i)} style={{ width: i === single ? 18 : 6, height: 6, borderRadius: 999, background: 'white', opacity: i === single ? .9 : .35, cursor: 'pointer', transition: `all 300ms ${EASE}` }} /> )}
) }
{/* Footer CTA */}

$150 deposit unlocks full verified gallery

); } /* ─── Main Carousel ─── */ function GirlsShowcase({ selectedGirlIds, onToggleGirl }) { const [activeIndex, setActiveIndex] = useState(0); const [isAnimating, setIsAnimating] = useState(false); const [isMobile, setIsMobile] = useState(window.innerWidth < 640); const [showGallery, setShowGallery] = useState(false); const [bioKey, setBioKey] = useState(0); // triggers fade useEffect(() => { const onResize = () => setIsMobile(window.innerWidth < 640); window.addEventListener('resize', onResize); eliteGirls.forEach((g) => { [g.image, ...g.gallery].forEach((src) => {const i = new Image();i.src = src;}); }); return () => window.removeEventListener('resize', onResize); }, []); const navigate = (dir) => { if (isAnimating) return; setIsAnimating(true); setActiveIndex((prev) => dir === 'next' ? (prev + 1) % N : (prev + N - 1) % N); setBioKey((k) => k + 1); setTimeout(() => setIsAnimating(false), 650); }; const goTo = (i) => { if (isAnimating || i === activeIndex) return; setIsAnimating(true); setActiveIndex(i); setBioKey((k) => k + 1); setTimeout(() => setIsAnimating(false), 650); }; const active = eliteGirls[activeIndex]; const isSelected = selectedGirlIds.includes(active.id); const getRoleForIndex = (i) => { const diff = ((i - activeIndex) % N + N) % N; if (diff === 0) return 'center'; if (diff === N - 1) return 'left'; if (diff === 1) return 'right'; if (diff === Math.floor(N / 2)) return 'back'; return 'hidden'; }; const getRoleStyle = (role) => { const tr = `transform ${T}, filter ${T}, opacity ${T}, left ${T}, bottom ${T}, height ${T}`; const base = { position: 'absolute', aspectRatio: '0.62/1', borderRadius: 14, overflow: 'hidden', transition: tr, willChange: 'transform,filter,opacity' }; switch (role) { case 'center':return { ...base, zIndex: 20, left: '50%', height: isMobile ? '62%' : '84%', bottom: isMobile ? '10%' : '4%', transform: `translateX(-50%) scale(${isMobile ? 1.18 : 1.55})`, filter: 'none', opacity: 1 }; case 'left':return { ...base, zIndex: 10, left: isMobile ? '16%' : '24%', height: isMobile ? '18%' : '30%', bottom: isMobile ? '18%' : '12%', transform: 'translateX(-50%) scale(1)', filter: 'blur(2px) brightness(0.75)', opacity: 0.8 }; case 'right':return { ...base, zIndex: 10, left: isMobile ? '84%' : '76%', height: isMobile ? '18%' : '30%', bottom: isMobile ? '18%' : '12%', transform: 'translateX(-50%) scale(1)', filter: 'blur(2px) brightness(0.75)', opacity: 0.8 }; case 'back':return { ...base, zIndex: 5, left: '50%', height: isMobile ? '13%' : '22%', bottom: isMobile ? '20%' : '12%', transform: 'translateX(-50%) scale(1)', filter: 'blur(4px) brightness(0.5)', opacity: 0.6 }; default:return { ...base, zIndex: 0, left: '50%', height: '22%', bottom: '12%', transform: 'translateX(-50%) scale(0.4)', filter: 'blur(8px)', opacity: 0, pointerEvents: 'none' }; } }; return ( <> {/* ── CAROUSEL ── */}
{/* Ghost name */}
{active.name.toUpperCase()}
{/* Progress dots */}
{eliteGirls.map((_, i) =>
goTo(i)} style={{ width: i === activeIndex ? 22 : 6, height: 6, borderRadius: 999, background: 'white', opacity: i === activeIndex ? .85 : .25, transition: `all 400ms ${EASE}`, cursor: 'pointer' }} /> )}
{/* Carousel items */}
{eliteGirls.map((girl, i) => { const role = getRoleForIndex(i); const s = getRoleStyle(role); return (
{if (role === 'left') navigate('prev');else if (role === 'right') navigate('next');}}> {girl.name} {(!girl.realPhotos || !girl.realPhotos[0]) && role === 'center' &&
Photo Coming Soon
} {role === 'center' &&
{girl.isVIP && VIP} {girl.isFeatured && Featured} {selectedGirlIds.includes(girl.id) && ✓ Selected}

{girl.name}

{girl.height} · {girl.ethnicity}

}
); })}
{/* Nav arrows — bottom center */}
{[['prev', 'M15 18 9 12 15 6'], ['next', 'M9 18 15 12 9 6']].map(([dir, pts]) => )}
{/* Selected count */} {selectedGirlIds.length > 0 &&
{selectedGirlIds.length} SELECTED
}
{/* ── BIO SECTION ── */}
{/* Top row: name + select button */}

{active.name}

{active.isVIP && VIP Elite} {active.isFeatured && Featured}

{active.height}  ·  {active.ethnicity}

{/* Bio text */}

{active.bio}

{/* Feature tags */}
{active.features.map((f) => {f} )}
{/* Bottom: gallery button + deposit note */}

FULL GALLERY UNLOCKS AFTER $200 DEPOSIT

{/* ── GALLERY MODAL ── */} {showGallery && setShowGallery(false)} onSelect={onToggleGirl} isSelected={isSelected} /> } ); } Object.assign(window, { GirlsShowcase, eliteGirls });