script.js

// Function to update greeting, background, icon, and time
function updateGreeting() {
    const now = new Date();
    const hours = now.getHours();
    const greetingElement = document.getElementById('greeting');
    const iconElement = document.getElementById('icon');
    const timeElement = document.getElementById('time');

    let greeting, bgColor, iconName;

    if (hours >= 5 && hours < 12) {
        greeting = "Good Morning 🌅";
        bgColor = "#A3D5FF";
        iconName = "sunrise";
    } else if (hours >= 12 && hours < 18) {
        greeting = "Good Afternoon ☀️";
        bgColor = "#FDBA74";
        iconName = "sun";
    } else {
        greeting = "Good Evening 🌙";
        bgColor = "#1E3A8A";
        iconName = "moon";
    }

    greetingElement.textContent = greeting;
    document.body.style.backgroundColor = bgColor;

    // Update icon dynamically
    iconElement.setAttribute("data-lucide", iconName);
    lucide.createIcons();

    // Display live time
    const timeString = now.toLocaleTimeString();
    timeElement.textContent = "Current Time: " + timeString;
}

// Function to personalize greeting and show random message
function setName() {
    const name = document.getElementById('nameInput').value.trim();
    const personalGreeting = document.getElementById('personalGreeting');
    const randomMessageElement = document.getElementById('randomMessage');

    const messages = [
        "Keep shining, you’re doing great! ✨",
        "Today is your day to sparkle! 🌟",
        "Smile — it looks good on you! 😊",
        "Every moment is a fresh beginning 🌈",
        "You make the world brighter! 💫",
        "Believe in yourself — you’ve got this 💪",
        "Stay positive and keep moving forward 🌻",
        "Your energy is contagious! 🔆",
        "Good things are coming your way 🌼",
        "You’re stronger than you think 💎"
    ];

    if (name) {
        personalGreeting.textContent = `Nice to see you, ${name}! 👋`;
        personalGreeting.classList.add('fade-in');

        // Select random message
        const randomMessage = messages[Math.floor(Math.random() * messages.length)];
        randomMessageElement.textContent = randomMessage;
        randomMessageElement.classList.add('fade-in');
    } else {
        personalGreeting.textContent = "";
        randomMessageElement.textContent = "";
    }
}

// Initialize
setInterval(updateGreeting, 1000);
updateGreeting();