import React, { useState } from 'react'; import { motion, AnimatePresence } from 'framer-motion'; import { Mail, Link2, Zap, Globe, Star, GraduationCap, ExternalLink, AtSign, Triangle, Circle } from 'lucide-react'; import "./styles.css"; const App = () => { const [confetti, setConfetti] = useState<{ id: number; x: number; y: number }[]>([]); const triggerConfetti = (e: React.MouseEvent) => { const newConfetti = Array.from({ length: 12 }).map((_, i) => ({ id: Date.now() + i, x: e.clientX, y: e.clientY })); setConfetti([...confetti, ...newConfetti]); setTimeout(() => setConfetti([]), 1000); }; const experiences = [ { company: "'SUP", role: "Business Development", period: "2025 — PRESENT", desc: "Driving strategic growth and identifying new market opportunities.", color: "var(--cyan)", rotation: -2 }, { company: "CAROUSELL", role: "Marketing Intern", period: "2026 — PRESENT", desc: "Regional growth strategies for Southeast Asia's leading marketplace.", color: "var(--magenta)", rotation: 3 }, { company: "STRATEGIC MGMT", role: "Core Expertise", period: "ONGOING", desc: "Bridging the gap between theatre arts and business development.", color: "var(--yellow)", rotation: -1.5 } ]; const education = [ { school: "USC MARSHALL", degree: "BS Business Admin", location: "Los Angeles", color: "var(--violet)", rotation: 2 }, { school: "SOTA SINGAPORE", degree: "Theatre Specialization", location: "Singapore", color: "var(--mint)", rotation: -3 } ]; return (

{/* Background Decorative Shapes */}

CHLOE YOONG

STRATEGY CONSULTING GENERATED IN 56.7 SECONDS

Passionate about strategy. Currently at Carousell. Heading to USC Marshall.

EXPERIENCE

{experiences.map((exp, i) => (

EXP_{i + 1}

{exp.role}

{exp.company}

{exp.desc}

{exp.period}

))}

EDUCATION

{education.map((edu, i) => (

{edu.school}

{edu.degree}

{edu.location}

))}

{/* Confetti Burst */} {confetti.map((c) => ( ))}

); }; export default App;