Ultimate Cosmic Dashboard

1️⃣ Mission Control: Platforms & Assets

2️⃣ Launch Countdown Timers

eBook Launch:

Merdeka Campaign:

Merch Launch:

3️⃣ VIP Alert System

No VIP activity yet.

4️⃣ Cosmic Oversight Panels

• Revenue Snapshot → Loading...
• Ambassador Network Map → Loading...
• Campaign Heatmap → Loading...
• Top 10 Links/Posts → Loading...

5️⃣ Live API Integration

async function fetchMerchOrders(){
  const response = await fetch("YOUR_SHOPIFY_API_ENDPOINT");
  const data = await response.json();
  document.getElementById("merchOrders").innerText = 
    `Total Orders: ${data.totalOrders} | VIP: ${data.vipOrders} | Revenue: RM${data.revenue}`;
  document.getElementById("revenueSnapshot").innerText = `RM${data.revenue}`;
}

async function fetchAmbassadorSignups(){
  const response = await fetch("YOUR_GOOGLE_SHEETS_API_ENDPOINT");
  const data = await response.json();
  document.getElementById("ambassadorSignups").innerText = 
    `Total Signups: ${data.totalSignups} | VIP: ${data.vip}`;
  document.getElementById("networkMap").innerText = `${data.totalSignups} signups (VIP:${data.vip})`;
}

async function fetchSocialMetrics(){
  const response = await fetch("YOUR_SOCIAL_MEDIA_API_ENDPOINT");
  const data = await response.json();
  document.getElementById("socialMetrics").innerText = 
    `Top Post: "${data.topPost}" | Likes: ${data.likes} | Shares: ${data.shares}`;
  document.getElementById("topLinks").innerText = data.topPosts.join(", ");
}

async function fetchQRCodeScans(){
  const response = await fetch("YOUR_QR_API_ENDPOINT");
  const data = await response.json();
  document.getElementById("qrScans").innerText = `Scans today: ${data.today} | VIP: ${data.vip}`;
  data.newVIP.forEach(scan => vipAlert(`VIP Scan by ${scan.name}`));
}

// Auto-refresh every 15 seconds
setInterval(()=>{ fetchMerchOrders(); fetchAmbassadorSignups(); fetchSocialMetrics(); fetchQRCodeScans(); },15000);

// Initial fetch
fetchMerchOrders(); fetchAmbassadorSignups(); fetchSocialMetrics(); fetchQRCodeScans();