script.js

document.addEventListener("DOMContentLoaded", () => {
console.log("✅ Script loaded");
const links=document.querySelectorAll('.nav-links a');
  const path=location.pathname.split('/').pop()||'index.html';
  links.forEach(a=>{if(a.getAttribute('href')===path){a.classList.add('active')}});
// Logged in user
const greenChampionData = {
name: "Aarav Sharma",
currentPoints: 175,
nextTierPoints: 200, // threshold for next level
metrics: {
householdsTrained: 50,
sitesReported: 12,
cleanupEvents: 3,
auditsCompleted: 25,
}
};
// Leaderboard data
const leaderboardData = [
{ rank: 1, name: "Priya Singh", points: 250 },
{ rank: 2, name: "Rohit Verma", points: 215 },
{ rank: 3, name: "Anjali Gupta", points: 198 },
{ rank: 4, name: "Aarav Sharma", points: 175 }, // logged-in user
{ rank: 5, name: "Vijay Kumar", points: 160 },
];
// Tier logic
function getTier(points) {
  if (points >= 300) return "Platinum";
  if (points >= 200) return "Gold";
  if (points >= 100) return "Silver";
  return "Bronze";
}
// Update profile info
const userTier = getTier(greenChampionData.currentPoints);
document.getElementById("champion-name").textContent = greenChampionData.name;
document.getElementById("champion-tier").textContent = `${userTier} Champion`;
// Progress bar
const progressBar = document.getElementById("tier-progress-bar");
const progressText = document.getElementById("progress-text");
const progressPercentage = (greenChampionData.currentPoints / greenChampionData.nextTierPoints) * 100;
progressBar.style.width = `${progressPercentage}%`;
progressText.textContent = `${greenChampionData.currentPoints}/${greenChampionData.nextTierPoints} points to next tier!`;
// Metrics
document.getElementById("trained-households").textContent = greenChampionData.metrics.householdsTrained;
document.getElementById("sites-reported").textContent = greenChampionData.metrics.sitesReported;
document.getElementById("cleanup-events").textContent = greenChampionData.metrics.cleanupEvents;
document.getElementById("audits-completed").textContent = greenChampionData.metrics.auditsCompleted;
// Leaderboard
const leaderboardBody = document.getElementById("leaderboard-body");
console.log("leaderboardBody:",leaderboardBody);
leaderboardData.forEach(champion => {
  console.log("Adding:",champion);
const row = document.createElement("tr");
if (champion.name === greenChampionData.name) {
row.classList.add("highlight-row");
}
row.innerHTML = `<td>${champion.rank}</td><td>${champion.name}</td><td>${champion.points}</td>`;
leaderboardBody.appendChild(row);
});
// Show user’s current rank number
const userRank = leaderboardData.find(c => c.name === greenChampionData.name)?.rank;
if (userRank) {
const rankDiv = document.createElement("p");
rankDiv.textContent = `⭐ Your Current Rank: ${userRank} (${userTier} Champion)`;
rankDiv.classList.add("current-rank");
document.querySelector(".leaderboard-section").prepend(rankDiv);
}
});


// document.addEventListener('DOMContentLoaded', ()=>{
//   const links=document.querySelectorAll('.nav-links a');
//   const path=location.pathname.split('/').pop()||'index.html';
//   links.forEach(a=>{if(a.getAttribute('href')===path){a.classList.add('active')}});
// });
const getStartedBtn = document.getElementById('getStartedBtn');
const targetSection = document.getElementById('features-section');
// getStartedBtn.addEventListener('click', () => {
//   targetSection.scrollIntoView({
//     behaviour : 'smooth'
//   });
// });

// const userTier = "silver";
// document.getElementById('champion-tier').textContent = userTier + "Champion";