script.js

// Datos de proyectos - Puedes editarlos según necesites
const projects = [
    {
        id: 1,
        icon: "⚙️",
        name: "larasebs Launcher",
        description: "Launcher no-oficial para Minecraft Java. Gestiona tus instalaciones y mods de forma sencilla.",
        version: "1.0.0",
        downloadUrl: "#", // Reemplaza con tu link de descarga
        category: "Minecraft"
    },
    {
        id: 2,
        icon: "📚",
        name: "Herramienta de Utilidad",
        description: "Segunda herramienta que estés desarrollando. Puedes actualizar este contenido.",
        version: "Beta",
        downloadUrl: "#",
        category: "Herramientas"
    },
    {
        id: 3,
        icon: "🛠️",
        name: "Editor Avanzado",
        description: "Tercera herramienta para tu comunidad. Agrega más proyectos según los vayas creando.",
        version: "0.5.0",
        downloadUrl: "#",
        category: "Desarrollo"
    }
];

// Datos del blog
const blogPosts = [
    {
        id: 1,
        title: "Cómo instalar el Launcher de LaraSebas",
        description: "Tutorial paso a paso para descargar e instalar nuestro launcher personalizado.",
        date: "15 Abril 2024",
        emoji: "📥"
    },
    {
        id: 2,
        title: "Guía de Mods para Minecraft",
        description: "Aprende a instalar y configurar mods en Minecraft Java de forma segura.",
        date: "12 Abril 2024",
        emoji: "🎮"
    },
    {
        id: 3,
        title: "Creando tu primer Proyecto",
        description: "Tutorial completo sobre cómo crear tu propio proyecto desde cero.",
        date: "10 Abril 2024",
        emoji: "🚀"
    },
    {
        id: 4,
        title: "Optimización de Rendimiento",
        description: "Consejos y trucos para mejorar el FPS en Minecraft.",
        date: "8 Abril 2024",
        emoji: "⚡"
    }
];

// Función para renderizar proyectos
function renderProjects() {
    const projectsGrid = document.getElementById('projectsGrid');
    projectsGrid.innerHTML = projects.map(project => `
        <div class="project-card">
            <div class="project-icon">${project.icon}</div>
            <h3>${project.name}</h3>
            <p>${project.description}</p>
            <div class="project-meta">
                <span>${project.category}</span>
                <span class="project-version">v${project.version}</span>
            </div>
            <a href="${project.downloadUrl}" class="download-btn">Descargar</a>
        </div>
    `).join('');
}

// Función para renderizar blog
function renderBlog() {
    const blogGrid = document.getElementById('blogGrid');
    blogGrid.innerHTML = blogPosts.map(post => `
        <div class="blog-card">
            <div class="blog-image">${post.emoji}</div>
            <div class="blog-content">
                <div class="blog-date">${post.date}</div>
                <h3>${post.title}</h3>
                <p>${post.description}</p>
                <a href="#" class="read-more">Leer más →</a>
            </div>
        </div>
    `).join('');
}

// Manejar formulario de contacto
document.getElementById('contactForm').addEventListener('submit', function(e) {
    e.preventDefault();
    alert('¡Gracias por tu mensaje! Responderé pronto.');
    this.reset();
});

// Manejar formulario de newsletter
document.getElementById('newsletterForm').addEventListener('submit', function(e) {
    e.preventDefault();
    alert('¡Suscripción completada! Revisa tu correo.');
    this.reset();
});

// Smooth scroll para enlaces de navegación
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
    anchor.addEventListener('click', function (e) {
        e.preventDefault();
        const target = document.querySelector(this.getAttribute('href'));
        if (target) {
            target.scrollIntoView({
                behavior: 'smooth'
            });
        }
    });
});

// Menú hamburguesa
const hamburger = document.querySelector('.hamburger');
const navLinks = document.querySelector('.nav-links');

if (hamburger) {
    hamburger.addEventListener('click', function() {
        navLinks.style.display = navLinks.style.display === 'flex' ? 'none' : 'flex';
    });
}

// Cargar contenido al documento
document.addEventListener('DOMContentLoaded', function() {
    renderProjects();
    renderBlog();
});