{/* 🎉 CONFETTI OVERLAY */} {showConfetti && (

{Array.from({ length: 30 }).map((_, i) => (

{['✨', '🎊', '💼', '🔷'][Math.floor(Math.random() * 4)]}

))}

)} {/* HEADER */}

BusinessOne

UNSW Consulting Group

{/* 🏕️ STALL MARQUEE */}

Stall Location: {STALL_INFO.location} • {STALL_INFO.dates} • {STALL_INFO.hours} Stall Location: {STALL_INFO.location} • {STALL_INFO.dates} • {STALL_INFO.hours} Stall Location: {STALL_INFO.location} • {STALL_INFO.dates} • {STALL_INFO.hours}

{/* 👑 LEADERS SECTION - CAROUSEL */}

Executive Team

{/* Carousel Container */}

{ const container = e.currentTarget; const scrollLeft = container.scrollLeft; const cardWidth = container.offsetWidth; const newIndex = Math.round(scrollLeft / cardWidth); if (newIndex !== activeExecIndex && newIndex >= 0 && newIndex < (LEADERS || []).length) { setActiveExecIndex(newIndex); } }} style={{ display: 'flex', overflowX: 'auto', scrollSnapType: 'x mandatory', scrollBehavior: 'smooth', gap: 12, marginLeft: -20, marginRight: -20, paddingLeft: 20, paddingRight: 20, scrollbarWidth: 'none', msOverflowStyle: 'none', WebkitOverflowScrolling: 'touch' }} > {(LEADERS || []).map((leader, i) => (

openProfile(leader.handle)} style={{ background: THEME.navy, borderRadius: 16, padding: 16, minWidth: 'calc(100% - 40px)', maxWidth: 'calc(100% - 40px)', scrollSnapAlign: 'center', boxShadow: '0 8px 20px rgba(0,43,92,0.18)', cursor: 'pointer', transition: 'transform 0.2s ease', display: 'flex', alignItems: 'center', gap: 14, position: 'relative', overflow: 'hidden' }} onPointerDown={(e) => e.currentTarget.style.transform = 'scale(0.98)'} onPointerUp={(e) => e.currentTarget.style.transform = 'scale(1)'} onPointerLeave={(e) => e.currentTarget.style.transform = 'scale(1)'} > {/* Avatar */}

{!leader.avatarUrl && leader.name[0]}

{/* Info */}

{leader.name}

{leader.role}

{/* Chat Button - Updated with functionality */}

))}

{/* Carousel Dots */}

{(LEADERS || []).map((_, i) => (

{/* 📅 EVENT REGISTRATION */}

{/* EVENT TABS */}

{(EVENTS || []).map((event) => { const isSelected = event.id === selectedEventId; const eventRegs = registrations[event.id] || []; const userRegistered = (eventRegs || []).some(r => r._user?.id === user.id); return ( ); })}

{/* Decorative Circle */}

{selectedEvent.title}

{selectedEvent.subtitle}

{selectedEvent.dateLabel} • {selectedEvent.location}

{/* COUNTDOWN TIMER */} {(() => { const allUnits = [ { value: countdown.days, label: 'Days', key: 'days' }, { value: countdown.hours, label: 'Hrs', key: 'hours' }, { value: countdown.minutes, label: 'Min', key: 'minutes' }, { value: countdown.seconds, label: 'Sec', key: 'seconds' } ]; // Find first non-zero unit, but always show at least min + sec const firstNonZero = (allUnits || []).findIndex(u => u.value > 0); const startIndex = firstNonZero === -1 ? 2 : Math.min(firstNonZero, 2); const visibleUnits = (allUnits || []).slice(startIndex); return (

{(visibleUnits || []).map((item) => (

{String(item.value).padStart(2, '0')}

{item.label}

))}

); })()}

{isRegistered && (

)}

{/* ATTENDEES LIST */}

{(eventRegistrations || []).length > 0 ? ( <>

{(eventRegistrations || []).length} attending

{(eventRegistrations || []).map((reg, i) => (

reg._user?.handle && openProfile(reg._user.handle)} style={{ display: 'flex', alignItems: 'center', gap: 6, background: 'rgba(255,255,255,0.1)', borderRadius: 100, padding: '4px 10px 4px 4px', cursor: reg._user?.handle ? 'pointer' : 'default', animation: i === 0 && isRegistered ? 'slideIn 0.5s ease' : 'none' }} >

{!reg._user?.profileImageUrl && (reg._user?.displayName?.[0] || 'U')}

{reg._user?.displayName?.split(' ')[0] || 'Member'}

))}

) : (

Be the first to join!

)}

{/* 🎁 PRIZES & MERCH */}

🎁

Prizes & merch

Win goodies at the stall

{PRIZES_URL ? ( View prize list ) : (

Prize list coming soon