<!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="styles.css">
</head>
<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>

<script>
    window.onload = function() {
        document.getElementById("info-banner").classList.add("active"); // Automatically show the banner on page load
    };

    function closeBanner() {
        document.getElementById("info-banner").style.top = "-60px"; // Slide the banner up when closed
    }
</script>
<body>
    <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>
            <a href="contact.html">Contact</a>
            <a href="excommunications.html">Excommunications</a>
        </nav>
    </header>
    

<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>

<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>
    <p>© <span id="year"></span> Terranova Inc. All rights reserved. | Powered by SY:TEC </p>
</footer>

<script src="script.js"></script>

</body>
</html>
