<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Eagle</title>
    <link rel="icon" href="https://raw.githubusercontent.com/SillyBoy0216/Html/main/assets/Eagle.png" type="image/png" sizes="164x164">

    <meta property="og:title" content="Eagle">
    <meta property="og:description" content="Eagle.lol The Best Da Hood Script.">
    <meta property="og:image" content="">
    <meta property="og:url" content="https://eagle.lol">
    <meta property="og:type" content="website">

    <style>
        @font-face {
            font-family: 'Proggy';
            src: url('fonts/proggy.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
        }

        body, html {
            height: 100%;
            margin: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: black;
            color: #d9d9d9;
            flex-direction: column;
            overflow: hidden;
            animation: fadeIn 1.5s ease-out forwards;
        }

        nav {
            position: absolute;
            top: 20px;
            text-align: center;
            width: 100%;
            animation: slideDown 1s ease-out forwards;
        }

        nav a {
            font-family: 'Proggy', monospace;
            font-size: 1.2em;
            color: #d9d9d9;
            text-decoration: none;
            margin: 0 10px;
            transition: color 0.3s;
        }

        nav a:hover {
            color: #ffffff;
        }

        h1 {
            font-family: 'Proggy', monospace;
            font-size: 6em;
            font-weight: bold;
            background: linear-gradient(90deg, #d9d9d9, #c0c0c0, #ffffff, #c0c0c0, #d9d9d9);
            background-size: 200% auto;
            color: transparent;
            background-clip: text;
            -webkit-background-clip: text;
            text-align: center;
            white-space: nowrap;
            overflow: hidden;
            border-right: 0.1em solid;
            animation: blink 0.75s step-end infinite, slideDown 1s ease-out forwards;
        }

        @keyframes blink {
            50% { border-color: transparent; }
        }

        @keyframes slideDown {
            from {
                transform: translateY(-100%);
                opacity: 0;
            }
            to {
                transform: translateY(0);
                opacity: 1;
            }
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }

        .content-section {
            width: 80%;
            max-width: 800px;
            margin-top: 50px;
            text-align: center;
            animation: fadeInContent 1s ease-out forwards;
        }

        .content-section img {
            max-width: 100%;
            height: auto;
            border-radius: 10px;
            margin-bottom: 20px;
        }

        .back-link {
            margin-top: 30px;
            padding: 15px 25px;
            border: none;
            border-radius: 30px;
            background: transparent;
            font-family: 'Proggy', monospace;
            font-size: 2em;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            background: linear-gradient(90deg, #d9d9d9, #c0c0c0, #ffffff, #c0c0c0, #d9d9d9);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
            transition: all 0.3s ease;
        }

        .back-link:hover {
            color: transparent;
            background: linear-gradient(90deg, #c0c0c0, #d9d9d9, #ffffff, #d9d9d9, #c0c0c0);
            background-clip: text;
            -webkit-background-clip: text;
            transform: translateY(-2px);
            text-shadow: 0 0 8px rgba(255, 255, 255, 1), 0 0 20px rgba(255, 255, 255, 0.7);
        }

        @keyframes fadeInContent {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
    </style>
</head>
<body>
    <nav>
        <a href="/index.html">Home</a>
        <a href="/vouchs.html">Vouches</a>
        <a href="/preview">Preview</a>
        <a href="/features">Features</a>
    </nav>

    <h1>Eagle.lol</h1>

    <div class="content-section">
        <img src="https://raw.githubusercontent.com/SillyBoy0216/Html/main/assets/Eagle.png" alt="Eagle Logo">
        <p>
            Welcome to <strong>Eagle.lol</strong>, one of the most powerful and advanced scripts made for the game "Da Hood" on Roblox. Eagle is more than just a script; it's a complete solution for dominating the game.
        </p>
        <p>
            Developed by a talented solo developer, <strong>MilkyBoy</strong>, Eagle is designed to give you the upper hand in every situation. Whether you're looking for enhanced features or just a way to improve your overall experience, Eagle is here to make that happen.
        </p>
        <p>
            But that's not all. In the future, Eagle won't just be limited to "Da Hood" – we're working on expanding its capabilities to support more games and features. The future is bright for Eagle, and we’re excited to take it to the next level with continuous updates and improvements.
        </p>
        <p>
            Join the <a href="https://discord.gg/GjsM5gmjzK" target="_blank" style="color: #d9d9d9; text-decoration: underline;">Eagle Discord</a> community to stay up to date with the latest news, updates, and tips. Whether you're looking for help, want to discuss strategies, or simply chat, we’ve got a place for you!
        </p>
    </div>

    <a href="/index.html" class="back-link">Back to Home</a>
</body>
</html>
