<div id="bp-homepage"></div>
<script>
// ==== Event Data ====
const events = [
{ emoji: "π", title: "Baewatch Soakem", date: "Sun, Oct 12", location: "Haulover Beach" },
{ emoji: "π", title: "Shades of Black Film Showcase", date: "Fri, Oct 10", location: "Victory Theatre" },
{ emoji: "π¬", title: "Arrival Party", date: "Thu, Oct 9", location: "Location TBA" },
{ emoji: "ποΈ", title: "Pure White Party", date: "Sat, Oct 11", location: "Miami" },
{ emoji: "πΆ", title: "Ultimate Fete", date: "Fri, Oct 10", location: "Miami" },
{ emoji: "π", title: "Unity Block Party", date: "Sat, Oct 11", location: "Esplanade Park" }
];
// ==== Create Hero Section ====
const homepage = document.getElementById("bp-homepage");
homepage.innerHTML = `
<div style="background:black; color:white; padding:40px; text-align:center;">
<h1 style
