<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hyperion</title>
    <link rel="stylesheet" href="styles.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/ScrollTrigger.min.js"></script>
    <link rel="icon" href="images/logo.png" type="image/png">
    <meta property="og:title" content="Hyperion Scripts">
    <meta property="og:description" content="Premium Roblox scripts for popular games. Featuring Fisch, Grass Touching Simulator, Nico's Nextbots, and Jujutsu Infinite.">
    <meta name="theme-color" content="#7C4DFF">
</head>
<body>
    <nav class="navbar">
        <div class="nav-content">
            <a href="/hspage" class="logo">
                <img src="images/logo.png" alt="hslogo">
                <span>Hyperion Scripts</span>
            </a>
            <div class="nav-links">
                <a href="/hspage" class="active">Home</a>
                <a href="/scripts">Features</a>
                <a href="#">Docs</a>
            </div>
        </div>
    </nav>

    <main>
        <section class="hero">
            <div class="hero-content">
                <h1>Premium Roblox Scripts</h1>
                <p>The solution to shitty games.</p>
                <div class="hero-buttons">
                    <a href="/scripts" class="primary-btn">View Features</a>
                    <a href="#" class="secondary-btn">Docs</a>
                </div>
            </div>
            <div class="hero-games">
                <div class="game-card" data-game="fisch">
                    <img src="images/fisch.jpg" alt="placeholder">
                    <h3>Fisch</h3>
                </div>
                <div class="game-card" data-game="grass">
                    <img src="images/grass.jpg" alt="placeholder">
                    <h3>Grass Touching Simulator</h3>
                </div>
                <div class="game-card" data-game="nextbots">
                    <img src="images/nextbots.jpg" alt="placeholder">
                    <h3>Nico's Nextbots</h3>
                </div>
                <div class="game-card" data-game="jujutsu">
                    <img src="images/jujutsu.jpg" alt="placeholder">
                    <h3>Jujutsu Infinite</h3>
                </div>
            </div>
        </section>

        <section class="features">
            <h2>Key Features</h2>
            <div class="features-grid">
                <div class="feature-card">
                    <div class="feature-icon">🤖</div>
                    <h3>Auto Features</h3>
                    <p>Automated gameplay so you don't have to play these shit games.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">🌣</div>
                    <h3>Performance</h3>
                    <p>Unoptimized scripts that WILL make you lag.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">⛊</div>
                    <h3>Security</h3>
                    <p>Safe and undetectable script execution.. probably</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">↺</div>
                    <h3>Regular Updates</h3>
                    <p>Yearly updates to maintain compatibility</p>
                </div>
            </div>
        </section>
    </main>

    <footer>
        <div class="footer-content">
            <div class="footer-section">
                <h3>Hyperion Scripts</h3>
                <p>The solution to shitty games.</p>
            </div>
            <div class="footer-section">
                <h3>Quick Links</h3>
                <a href="/scripts">Features</a>
                <a href="#">Documentation</a>
            </div>
            <div class="footer-section">
                <h3>Support</h3>
                <a href="https://discord.gg/gethyperion" target="_blank">Discord</a>
                <a href="/faq">FAQ</a>
            </div>
        </div>
        <div class="footer-bottom">
            <p>&copy; 2025 Hyperion. All rights reserved.</p>
        </div>
    </footer>

    <script src="main.js"></script>
</body>
</html>