<?php <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Frozer Client - Best undetected cheats</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="icon" href="favicon.ico" type="image/ico">
    <script src="https://kit.fontawesome.com/860f82f68e.js" crossorigin="anonymous"></script>
    <style>
        body {
            position: relative;
        }
        #particles-js {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: -1;
        }
    </style>
</head>
<body>
    <div id="particles-js"></div>
    <header>
        <nav>
            <div class="menu">
                <a class="nav-button selected" href="index.php">Home</a>
                <a class="nav-button" href="shop/index.php">Shop</a>
                <a class="nav-button " href="status/index.php">Status</a>
                <a class="nav-button" href="faq.php">FAQ</a>
                <a class="nav-button" href="discord/index.php" target="_blank">Discord</a>
                <div class="login-container">
                    <a class="login-button" href="login.php">Dashboard</a>
                </div>
                
                <div class="language-dropdown">
                    <button class="language-dropdown-button">Language</button>
                    <div id="language-dropdown" class="language-dropdown-content">
                        <div class="language-option" data-lang="en">English</div>
                        <div class="language-option" data-lang="it">Italian</div>
                        <div class="language-option" data-lang="br">Portuguese</div>
                        <div class="language-option" data-lang="de">Deutsch</div>
                        <div class="language-option" data-lang="pl">Polski</div>
                    </div>
                </div>

            </div>
        </nav>
    </header>

    <div class="content">
        <div class="banner">
            <div class="text-section">
                <div class="background-image"></div>
                <div class="text-content">
                    <h1>Frozer</h1>
                </div>
            </div>
        </div>

        <section id="album">
        <img src="images/soon-banner.jpg" alt="Coming Soon Banner">
            <img onclick="go('/shop/fivem.php')" src="images/fivem-banner.jpg" alt="FiveM Banner">
            <img src="images/soon-banner.jpg" alt="Coming Soon Banner">
        </section>

        <div class="content-item" id="reverse">
            <div class="first-content">
                <img id="left-image" class="showcase-image" alt="loader" src="images/loader.jpg">
            </div>
            <div class="second-content">
                <h2 id="quality-products">Quality Products</h2>
                <p id="quality-description">Our products are made with the highest quality standards to ensure our customers receive the best experience possible.</p>
            </div>
        </div>

        <div class="content-item">
            <div class="first-content">
                <h2 id="full-featured">Full Featured</h2>
                <p id="full-featured-description">All the essential features to improve your experience and beat other provider cheats.</p>
            </div>
            <div class="second-content">
                <img id="right-image" class="showcase-image" alt="aimbot" src="images/products/fivem/menu.jpg">
            </div>
        </div>
    </div>

    <script src="js/buttonAnimations.js"></script>
    <script src="js/redirects.js"></script>
    <script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
    <script>
        particlesJS('particles-js', {
            "particles": {
                "number": {
                    "value": 80,
                    "density": {
                        "enable": true,
                        "value_area": 800
                    }
                },
                "color": {
                    "value": "#ffffff"
                },
                "shape": {
                    "type": "circle",
                    "stroke": {
                        "width": 0,
                        "color": "#000000"
                    },
                    "polygon": {
                        "nb_sides": 5
                    },
                    "image": {
                        "src": "img/github.svg",
                        "width": 100,
                        "height": 100
                    }
                },
                "opacity": {
                    "value": 0.5,
                    "random": false,
                    "anim": {
                        "enable": false,
                        "speed": 1,
                        "opacity_min": 0.1,
                        "sync": false
                    }
                },
                "size": {
                    "value": 3,
                    "random": true,
                    "anim": {
                        "enable": false,
                        "speed": 40,
                        "size_min": 0.1,
                        "sync": false
                    }
                },
                "line_linked": {
                    "enable": true,
                    "distance": 150,
                    "color": "#ffffff",
                    "opacity": 0.4,
                    "width": 1
                },
                "move": {
                    "enable": true,
                    "speed": 6,
                    "direction": "none",
                    "random": false,
                    "straight": false,
                    "out_mode": "out",
                    "bounce": false,
                    "attract": {
                        "enable": false,
                        "rotateX": 600,
                        "rotateY": 1200
                    }
                }
            },
            "interactivity": {
                "detect_on": "canvas",
                "events": {
                    "onhover": {
                        "enable": true,
                        "mode": "repulse"
                    },
                    "onclick": {
                        "enable": true,
                        "mode": "push"
                    },
                    "resize": true
                },
                "modes": {
                    "grab": {
                        "distance": 400,
                        "line_linked": {
                            "opacity": 1
                        }
                    },
                    "bubble": {
                        "distance": 400,
                        "size": 40,
                        "duration": 2,
                        "opacity": 8,
                        "speed": 3
                    },
                    "repulse": {
                        "distance": 200,
                        "duration": 0.4
                    },
                    "push": {
                        "particles_nb": 4
                    },
                    "remove": {
                        "particles_nb": 2
                    }
                }
            },
            "retina_detect": true
        });

        function changeLanguage(language) {
            localStorage.setItem('selectedLanguage', language);
            const script = document.createElement('script');
            script.src = `lang/index/${language}.js`;
            script.id = 'lang-script';
            script.onload = () => {
                if (typeof applyTranslations === 'function') {
                    applyTranslations();
                } else {
                    console.error("applyTranslations function is not defined.");
                }
            };
            document.head.appendChild(script);
        }

        document.addEventListener("DOMContentLoaded", function () {
            const savedLanguage = localStorage.getItem('selectedLanguage') || 'en';
            changeLanguage(savedLanguage);

            document.querySelectorAll('.language-option').forEach(option => {
                option.addEventListener('click', function () {
                    const language = this.getAttribute('data-lang');
                    changeLanguage(language);
                    document.querySelector('#language-dropdown').classList.remove('show');
                });
            });

            document.querySelector('.language-dropdown-button').addEventListener('click', function () {
                document.querySelector('#language-dropdown').classList.toggle('show');
            });

            document.addEventListener('click', function (e) {
                if (!document.querySelector('.language-dropdown').contains(e.target)) {
                    document.querySelector('#language-dropdown').classList.remove('show');
                }
            });
        });
    </script>
</body>
</html> ?>