"use client"; interface Event { id: number; date: string; name: string; description: string; type: "summit" | "launch" | "festival" | "competition"; status: "upcoming" | "live" | "past"; } const events: Event[] = [ { id: 1, date: "NOVEMBER 18th, 2023", name: "Tech Innovation Summit", description: "Join industry leaders and innovators for a day of cutting-edge technology discussions, AI breakthroughs, and networking opportunities.", type: "summit", status: "past", }, { id: 2, date: "DECEMBER 3rd, 2023", name: "AI Revolution Launch", description: "Witness the launch of revolutionary AI systems that will reshape the gaming landscape. Exclusive previews and early access opportunities.", type: "launch", status: "past", }, { id: 3, date: "DECEMBER 22nd, 2023", name: "Winter Code Festival", description: "A celebration of coding excellence with hackathons, coding challenges, and prizes. Showcase your skills and compete with the best developers.", type: "festival", status: "past", }, { id: 4, date: "JANUARY 15th, 2024", name: "Quantum Computing Expo", description: "Explore the future of quantum computing in gaming. Interactive demos, expert talks, and hands-on workshops for all skill levels.", type: "summit", status: "upcoming", }, { id: 5, date: "FEBRUARY 8th, 2024", name: "Cyber Arena Championship", description: "The ultimate competitive gaming event. Compete for glory, exclusive rewards, and the title of Cyber Arena Champion. Registration now open.", type: "competition", status: "upcoming", }, { id: 6, date: "MARCH 12th, 2024", name: "Spring Tech Gala", description: "An elegant evening celebrating technological achievements. Awards ceremony, networking, and exclusive announcements from top tech companies.", type: "festival", status: "upcoming", }, ]; const getEventTypeColor = (type: Event["type"]) => { switch (type) { case "summit": return "from-blue-600 to-cyan-500"; case "launch": return "from-purple-600 to-pink-500"; case "festival": return "from-pixel-gold to-orange-500"; case "competition": return "from-red-600 to-orange-500"; default: return "from-gray-600 to-gray-500"; } }; const getStatusBadge = (status: Event["status"]) => { switch (status) { case "upcoming": return ( Upcoming ); case "live": return ( Live Now ); case "past": return ( Past ); } }; export default function EventsPageSection() { return (
{/* Background Image */}
{/* Dark overlay for readability */}
{/* Content */}
{/* Title Section */}

EVENTS

Upcoming & Past Events

Join us for exciting tech events, competitions, and celebrations throughout the year

{/* Events Grid */}
{events.map((event) => (
{/* Event Header */}
{/* Event Content */}
{/* Status Badge */}
{getStatusBadge(event.status)} {event.type}
{/* Date */}
{event.date}
{/* Event Name */}

{event.name}

{/* Description */}

{event.description}

{/* Action Button */} {event.status === "upcoming" && ( )} {event.status === "live" && ( )} {event.status === "past" && ( )}
))}
{/* Footer Info */}

Stay updated with our latest events and announcements

); }