    <!-- Movies Grid -->
    <div class="grid-container" id="movies"></div>

    <script>
        const moviesApiUrl = 'https://1452proxy.nfsfree.workers.dev/?quest=https://hd.la2zo.eu.org/movies.json';

        async function fetchMovies() {
            try {
                const response = await fetch(moviesApiUrl);
                if (!response.ok) throw new Error('Failed to fetch movies');

                const movies = await response.json();
                const moviesGrid = document.getElementById('movies');

                movies.forEach(movie => {
                    const gridItem = document.createElement('div');
                    gridItem.classList.add('grid-item');
                    gridItem.innerHTML = `
                        <img src="${movie.poster}" alt="${movie.title} poster">
                        <div class="movie-title">${movie.title}</div>
                        <div class="movie-genre">${movie.genre}</div>
                        <a href='https://gn.nobar.eu.org/CLICK' onclick='javascript:window.open(&quot;${movie.link}&quot;)' target='_self'>Watch</a>
                    `;
                    moviesGrid.appendChild(gridItem);
                });
            } catch (error) {
                console.error('Error fetching movies:', error);
            }
        }

        fetchMovies();
    </script>