script.js

const toggleSwitch = document.getElementById('dark-mode-toggle');

// Check for saved user preference in local storage
const currentTheme = localStorage.getItem('theme') ? localStorage.getItem('theme') : null;

if (currentTheme) {
    document.body.classList.toggle('dark-mode', currentTheme === 'dark');
    toggleSwitch.checked = currentTheme === 'dark';
}

toggleSwitch.addEventListener('change', () => {
    document.body.classList.toggle('dark-mode');
    // Save preference to local storage
    if (document.body.classList.contains('dark-mode')) {
        localStorage.setItem('theme', 'dark');
    } else {
        localStorage.setItem('theme', 'light');
    }
});

const express = require('express');
const bodyParser = require('body-parser');
const cors = require('cors');

const app = express();
const PORT = 3000;

let comments = [];

app.use(cors());
app.use(bodyParser.json());

app.get('/comments', (req, res) => {
    res.json(comments);
});

app.post('/comments', (req, res) => {
    const newComment = req.body.comment;
    comments.push(newComment);
    res.status(201).json(newComment);
});

app.listen(PORT, () => {
    console.log(`Server is running on http://localhost:${PORT}`);
});

document.addEventListener('DOMContentLoaded', () => {
    const commentForm = document.getElementById('comment-form');
    const commentInput = document.getElementById('comment-input');
    const commentsDiv = document.getElementById('comments');

    // Load comments from the server
    fetch('http://localhost:3000/comments')
        .then(response => response.json())
        .then(comments => {
            comments.forEach(comment => {
                const div = document.createElement('div');
                div.textContent = comment;
                commentsDiv.appendChild(div);
            });
        });

    // Handle form submission
    commentForm.addEventListener('submit', (e) => {
        e.preventDefault();
        const comment = commentInput.value;

        fetch('http://localhost:3000/comments', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json'
            },
            body: JSON.stringify({ comment })
        })
        .then(response => response.json())
        .then(newComment => {
            const div = document.createElement('div');
            div.textContent = newComment;
            commentsDiv.appendChild(div);
            commentInput.value = ''; // Clear the input
        });
    });
    
});

// animations.js

// Navbar Animation
gsap.from(".navbar", {
    duration: 1,
    y: -50,
    opacity: 0,
    ease: "power2.out",
    delay: 0.5
});

// Header Logo Animation
gsap.from(".logo", {
    duration: 1,
    opacity: 0,
    x: -50,
    ease: "power2.out",
    delay: 0.7
});

// Header Icons Animation
gsap.from(".icons a", {
    duration: 1,
    opacity: 0,
    scale: 0,
    stagger: 0.2,
    ease: "back.out(1.7)",
    delay: 0.9
});

// Home Section Content Animation
gsap.from(".home .content h3", {
    duration: 1,
    opacity: 0,
    y: 30,
    ease: "power2.out",
    delay: 1.2
});

gsap.from(".home .content p", {
    duration: 1,
    opacity: 0,
    y: 20,
    ease: "power2.out",
    delay: 1.4
});

// Get Started Button Animation
gsap.from(".home .content .btn", {
    duration: 1,
    opacity: 0,
    scale: 0,
    ease: "back.out(1.7)",
    delay: 1.6
});

// Features Cards Animation
gsap.from(".features-card", {
    scrollTrigger: {
        trigger: ".features",
        start: "top 75%",
        toggleActions: "play none none reverse"
    },
    duration: 1,
    opacity: 0,
    y: 20,
    stagger: 0.2,
    ease: "power2.out"
});

// Testimonials Animation
gsap.from(".testimonial-card", {
    scrollTrigger: {
        trigger: ".testimonials",
        start: "top 75%",
        toggleActions: "play none none reverse"
    },
    duration: 1,
    opacity: 0,
    y: 20,
    stagger: 0.2,
    ease: "power2.out"
});


        
// var typed = new Typed('#newlogo', {
//     strings: ['EnhanCV.'],
//     typeSpeed: 50,
// });