<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Terranova Inc - Home</title>
    <link rel="stylesheet" href="home.css"> <!-- Link to the updated home.css -->
</head>
<body>
    <!-- Info Banner -->
    <div class="info-banner" id="info-banner">
        <span class="banner-text">⚠️ This website is in demo and not done yet. Expect bugs and changes.</span>
        <button class="close-btn" onclick="closeBanner()">X</button>
    </div>

    <!-- Header Section -->
    <header>
        <div class="logo-container">
            <img src="assets/icon.png" alt="Terranova Inc Logo" class="logo">
            <h1>Terranova Inc</h1>
        </div>
        <nav class="nav-links">
            <a href="index.html">Home</a>
            <a href="projects.html">Projects</a>
            <div class="dropdown">
                <button class="dropbtn">More</button>
                <div class="dropdown-content">
                    <a href="contact.html">Contact</a>
                    <a href="excommunications.html">blacklists</a>
                    <a href="SYTEC.html">License</a>
                </div>
        </nav>
    </header>

    <!-- Hero Section -->
    <main class="hero">
        <h1>Reliable Nuclear Energy</h1>
        <p>We power the future with safe and efficient nuclear energy solutions.</p>
        <a href="projects.html" class="btn btn-primary">Our Projects</a>
        <a href="contact.html" class="btn btn-outline">Get in Touch</a>
    </main>

    <!-- Grid Section -->
    <section class="grid">
        <div class="card">
            <h3>Advanced Reactors</h3>
            <p>Maximizing safety and efficiency for a reliable energy supply.</p>
        </div>
        <div class="card">
            <h3>Clean Technology</h3>
            <p>Recycling systems and nuclear waste reduction to protect our planet.</p>
        </div>
        <div class="card">
            <h3>Safety & Security</h3>
            <p>Cutting-edge safety protocols ensuring community protection.</p>
        </div>
    </section>

    <!-- Footer Section -->
    <footer>
        <p>© <span id="year"></span> Terranova Inc. All rights reserved. | Powered by SY:TEC </p>
    </footer>

    <script src="script.js">document.getElementById("year").textContent = new Date().getFullYear(); </script>
    <script src="banned-ips.js"></script><script>blockBannedUser();</script>
    <script>
        window.onload = function() {
            document.getElementById("info-banner").classList.add("active");
        };
        function closeBanner() {
            document.getElementById("info-banner").style.top = "-60px"; // Slide the banner up
        }
    </script>
</body>
</html>
