<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="js/robots-meta.js"></script>
    <meta name="keywords" content="professional dodgeball, dodgeball league, dodgeball champions, fantasy dodgeball, dodgeball predictions, best dodgeball teams, international dodgeball, dodgeball standings, dodgeball tournament Mexico 2026, dodgeball roster, dodgeball match results, DCT">
    <meta name="description" content="The Dodgeball Champions Tour is the premier professional dodgeball league, featuring the world's best clubs competing in Mexico City 2026. Play fantasy dodgeball, make match predictions, and follow live standings.">
    <title>Dodgeball Champions Tour - Professional Dodgeball League</title>

    <!-- Fonts -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i">

    <!-- CSS -->
    <link rel="stylesheet" href="css/redesign.css">
    <link rel="stylesheet" href="css/cookie-consent.css">

    <!-- i18n JavaScript -->
    <script src="js/i18n.js"></script>
    <script src="js/auto-language.js"></script>

    <!-- Google Analytics (with consent mode) -->
    <script src="js/analytics.js"></script>

    <!-- Cookie Consent -->
    <script src="js/cookie-consent.js"></script>
    <script src="js/structured-data.js"></script>

    <!-- Favicon -->
    <link rel="icon" href="favicon.ico">

    <!-- Canonical & Hreflang -->
    <link rel="canonical" href="https://www.dodgeballchampions.com/">
    <link rel="alternate" hreflang="en" href="https://www.dodgeballchampions.com/?lang=en">
    <link rel="alternate" hreflang="es" href="https://www.dodgeballchampions.com/?lang=es">
    <link rel="alternate" hreflang="fr" href="https://www.dodgeballchampions.com/?lang=fr">
    <link rel="alternate" hreflang="de" href="https://www.dodgeballchampions.com/?lang=de">
    <link rel="alternate" hreflang="x-default" href="https://www.dodgeballchampions.com/">

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://www.dodgeballchampions.com/">
    <meta property="og:title" content="Dodgeball Champions Tour - Professional Dodgeball League">
    <meta property="og:description" content="The premier professional dodgeball league featuring the world's best clubs competing in Mexico City 2026. Play fantasy dodgeball, make match predictions, and follow live standings.">
    <meta property="og:image" content="https://www.dodgeballchampions.com/images/news/player-hero-image.jpg">
    <meta property="og:site_name" content="Dodgeball Champions Tour">
    <meta property="og:locale" content="en_US">

    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:url" content="https://www.dodgeballchampions.com/">
    <meta name="twitter:title" content="Dodgeball Champions Tour - Professional Dodgeball League">
    <meta name="twitter:description" content="The premier professional dodgeball league featuring the world's best clubs competing in Mexico City 2026. Play fantasy dodgeball, make match predictions, and follow live standings.">
    <meta name="twitter:image" content="https://www.dodgeballchampions.com/images/news/player-hero-image.jpg">

    <meta name="theme-color" content="#151f38">
</head>
<body>
    <!-- Navigation -->
    <nav class="navbar">
        <div class="navbar-container">
            <img src="images/PNG_logo_white.png" alt="Dodgeball Champions Tour" class="navbar-logo">

                        <ul class="navbar-menu" id="navbarMenu">
                <li class="navbar-menu-item">
                    <a href="clubs.html" class="navbar-menu-link" data-i18n="nav.teams">Clubs</a>
                </li>
                <li class="navbar-menu-item">
                    <a href="games.html" class="navbar-menu-link" data-i18n="nav.games">Games</a>
                </li>
                <li class="navbar-menu-item">
                    <a href="standings.html" class="navbar-menu-link" data-i18n="nav.standings">Standings</a>
                </li>
                <li class="navbar-menu-item">
                    <a href="predictions.html" class="navbar-menu-link" data-i18n="nav.predictions">Predictions</a>
                </li>
                <li class="navbar-menu-item">
                    <a href="news.html" class="navbar-menu-link" data-i18n="nav.news">News</a>
                </li>
                <li class="navbar-menu-item navbar-login">
                    <a href="login.html" class="navbar-menu-link" data-i18n="nav.login">Login</a>
                </li>
            </ul>

            <!-- Language Selector -->
            <div class="language-selector">
                <button class="language-current" id="languageCurrent" aria-label="Select Language">🇬🇧</button>
                <div class="language-dropdown" id="languageDropdown">
                    <button class="language-option active" data-lang="en" aria-label="English">🇬🇧</button>
                    <button class="language-option" data-lang="es" aria-label="Español">🇪🇸</button>
                    <button class="language-option" data-lang="fr" aria-label="Français">🇫🇷</button>
                    <button class="language-option" data-lang="de" aria-label="Deutsch">🇩🇪</button>
                </div>
            </div>

            <button class="navbar-toggle" id="navbarToggle">
                <span></span>
                <span></span>
                <span></span>
            </button>
        </div>
    </nav>

    <!-- Main Content -->
    <main class="main-content">
        <!-- News Section -->
        <section class="news-section">
            <div class="container">
                <h2 class="section-title" data-i18n="news.title.popular">Popular News</h2>
                <div class="news-carousel">
                    <div class="news-carousel-container">
                        <!-- News Item 1 -->
                        <article class="news-card">
                            <div class="news-card-image">
                                <img src="images/news/player-hero-image.jpg" alt="Professional dodgeball player in action at the Dodgeball Champions Tour">
                                <div class="news-card-like news-card-like-overlay">
                                    <button class="news-like-button" data-story-id="news-teams-announcement">
                                        <span class="heart-icon">♡</span>
                                        <span class="like-count">0</span>
                                    </button>
                                </div>
                                <div class="news-card-share news-card-share-overlay">
                                    <button class="news-share-button" data-url="news/news-teams-announcement.html" data-title="Teams Announced for First Edition of the Tour">
                                        <svg viewBox="0 0 24 24" width="16" height="16">
                                            <path fill="currentColor" d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92s2.92-1.31 2.92-2.92c0-1.61-1.31-2.92-2.92-2.92zM18 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM6 13c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm12 7.02c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"/>
                                        </svg>
                                    </button>
                                </div>
                            </div>
                            <div class="news-card-content">
                                <span class="news-card-category" data-i18n="news.category.announcement">ANNOUNCEMENT</span>
                                <div class="news-card-date" data-i18n="news.date.oct2025">October 2025</div>
                                <h3 class="news-card-title"><a href="news/news-teams-announcement.html" data-i18n="news.teams.title">Teams Announced for First Edition of the Tour</a></h3>
                                <p class="news-card-description" data-i18n="news.teams.desc">The best eight cloth dodgeball teams from around the world have been invited to the first edition of the Tour.</p>
                            </div>
                            <div class="news-card-timer"></div>
                        </article>

                        <!-- News Item 2 - Draw Results -->
                        <article class="news-card">
                            <div class="news-card-image">
                                <img src="images/news/dct-mexico-2026-groups-no-header.png" alt="DCT Mexico 2026 Group Draw Results">
                                <div class="news-card-like news-card-like-overlay">
                                    <button class="news-like-button" data-story-id="news-draw-results">
                                        <span class="heart-icon">&#x2661;</span>
                                        <span class="like-count">0</span>
                                    </button>
                                </div>
                                <div class="news-card-share news-card-share-overlay">
                                    <button class="news-share-button" data-url="news/news-draw-results.html" data-title="The Numbers Are In: DCT Draw Ceremony Delivers Blockbuster Groups">
                                        <svg viewBox="0 0 24 24" width="16" height="16">
                                            <path fill="currentColor" d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92s2.92-1.31 2.92-2.92c0-1.61-1.31-2.92-2.92-2.92zM18 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM6 13c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm12 7.02c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"/>
                                        </svg>
                                    </button>
                                </div>
                            </div>
                            <div class="news-card-content">
                                <span class="news-card-category" data-i18n="news.category.event">EVENT</span>
                                <div class="news-card-date" data-i18n="news.date.feb2026">February 2026</div>
                                <h3 class="news-card-title"><a href="news/news-draw-results.html" data-i18n="news.drawresults.title">The Numbers Are In: DCT Draw Ceremony Delivers Blockbuster Groups</a></h3>
                                <p class="news-card-description" data-i18n="news.drawresults.desc">The brackets are set. Group B emerges as the true Group of Death with razor-thin margins in the battle for qualification.</p>
                            </div>
                            <div class="news-card-timer"></div>
                        </article>

                        <!-- News Item 3 - Fantasy Dodgeball Launch -->
                        <article class="news-card">
                            <div class="news-card-image">
                                <img src="images/news/fantasy-launch.png" alt="Fantasy Dodgeball Launch - Build your dream team on the Dodgeball Champions Tour">
                                <div class="news-card-like news-card-like-overlay">
                                    <button class="news-like-button" data-story-id="news-fantasy-launch">
                                        <span class="heart-icon">&#x2661;</span>
                                        <span class="like-count">0</span>
                                    </button>
                                </div>
                                <div class="news-card-share news-card-share-overlay">
                                    <button class="news-share-button" data-url="news/news-fantasy-launch.html" data-title="Tour Launches Fantasy Dodgeball">
                                        <svg viewBox="0 0 24 24" width="16" height="16">
                                            <path fill="currentColor" d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92s2.92-1.31 2.92-2.92c0-1.61-1.31-2.92-2.92-2.92zM18 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM6 13c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm12 7.02c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"/>
                                        </svg>
                                    </button>
                                </div>
                            </div>
                            <div class="news-card-content">
                                <span class="news-card-category" data-i18n="news.category.announcement">ANNOUNCEMENT</span>
                                <div class="news-card-date" data-i18n="news.date.feb2026">February 2026</div>
                                <h3 class="news-card-title"><a href="news/news-fantasy-launch.html" data-i18n="news.fantasy.title">Tour Launches Fantasy Dodgeball</a></h3>
                                <p class="news-card-description" data-i18n="news.fantasy.desc">Build your dream team and compete in leagues. Fantasy Dodgeball is now live.</p>
                            </div>
                            <div class="news-card-timer"></div>
                        </article>
                        
                        <!-- View All News Card -->
                        <a href="news.html" class="news-card view-all-card">
                            <div class="view-all-content">
                                <div class="view-all-icon">→</div>
                                <div class="view-all-text" data-i18n="news.viewAll">View All News</div>
                            </div>
                        </a>
                    </div>

                    <!-- Carousel Navigation -->
                    <button class="carousel-nav carousel-nav-prev" aria-label="Previous">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <polyline points="15 18 9 12 15 6"></polyline>
                        </svg>
                    </button>
                    <button class="carousel-nav carousel-nav-next" aria-label="Next">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <polyline points="9 18 15 12 9 6"></polyline>
                        </svg>
                    </button>
                </div>
            </div>
        </section>

        <!-- Games Section -->
        <section class="games-section">
            <div class="container">
                <h2 class="section-title" data-i18n="games.featuredTitle">Featured Games</h2>
                <div class="games-grid" id="featuredGamesGrid">
                    <div class="games-loading" id="featuredGamesLoading">
                        <div class="loading-spinner"></div>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <!-- Footer -->
    <footer class="footer">
        <div class="footer-container">
            <div class="footer-content">
                <div class="footer-section">
                    <h3>Dodgeball Champions Tour</h3>
                    <p data-i18n="footer.about">Professional dodgeball league bringing together the world's best teams.</p>
                    <div class="footer-social">
                        <a href="https://facebook.com/dodgeballchampionstour" target="_blank" class="social-icon" aria-label="Facebook">
                            <svg viewBox="0 0 24 24">
                                <path d="M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z"/>
                            </svg>
                        </a>
                        <a href="https://www.instagram.com/dodgeballchampions" target="_blank" class="social-icon" aria-label="Instagram">
                            <svg viewBox="0 0 24 24">
                                <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/>
                            </svg>
                        </a>
                        <a href="https://www.tiktok.com/@dodgeballchampions" target="_blank" class="social-icon" aria-label="TikTok">
                            <svg viewBox="0 0 24 24">
                                <path d="M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-1-.05A6.33 6.33 0 0 0 5 20.1a6.34 6.34 0 0 0 10.86-4.43v-7a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1-.1z"/>
                            </svg>
                        </a>
                        <a href="https://www.youtube.com/@DodgeballChampions" target="_blank" class="social-icon" aria-label="YouTube">
                            <svg viewBox="0 0 24 24">
                                <path d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z"/>
                            </svg>
                        </a>
                    </div>
                </div>

                <div class="footer-section">
                    <h3 data-i18n="footer.quicklinks">Quick Links</h3>
                    <ul class="footer-links">
                        <li><a href="clubs.html" data-i18n="nav.teams">Clubs</a></li>
                        <li><a href="index.html" data-i18n="footer.home">Home</a></li>
                        <li><a href="about.html" data-i18n="footer.about.link">About</a></li>
                    </ul>
                </div>

                <div class="footer-section">
                    <h3 data-i18n="footer.contact">Contact</h3>
                    <ul class="footer-links">
                        <li><a href="/cdn-cgi/l/email-protection#2d44434b426d4942494a484f4c41414e454c405d4442435e034e4240"><span class="__cf_email__" data-cfemail="2f464149406f4b404b484a4d4e43434c474e425f4640415c014c4042">[email&#160;protected]</span></a></li>
                    </ul>
                </div>
            </div>

            <div class="footer-bottom">
                <p class="footer-copyright" data-i18n="footer.copyright">
                    &copy; 2024 Dodgeball Champions Tour
                </p>
                <div class="footer-legal">
                    <a href="terms.html" data-i18n="footer.terms">Terms and Conditions</a>
                    <a href="privacy.html" data-i18n="footer.privacy">Privacy Policy</a>
                    <a href="cookies.html" data-i18n="footer.cookies">Cookie Policy</a>
                    <a href="cookie-settings.html" data-i18n="footer.cookie.settings">Cookie Settings</a>
                </div>
            </div>
        </div>
    </footer>

    <!-- Share Modal -->
    <div class="share-modal" id="shareModal">
        <div class="share-modal-content">
            <div class="share-modal-header">
                <h3 class="share-modal-title">Share Article</h3>
                <button class="share-modal-close" id="shareModalClose" aria-label="Close">&times;</button>
            </div>
            <div class="share-modal-body">
                <div class="share-option" id="shareCopy">
                    <div class="share-option-icon copy">
                        <svg viewBox="0 0 24 24">
                            <path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/>
                        </svg>
                    </div>
                    <div class="share-option-text">
                        <div class="share-option-title">Copy Link</div>
                        <div class="share-option-description">Copy link to clipboard</div>
                    </div>
                </div>
                <a class="share-option" id="shareWhatsApp" target="_blank" rel="noopener noreferrer">
                    <div class="share-option-icon whatsapp">
                        <svg viewBox="0 0 24 24">
                            <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/>
                        </svg>
                    </div>
                    <div class="share-option-text">
                        <div class="share-option-title">WhatsApp</div>
                        <div class="share-option-description">Share via WhatsApp</div>
                    </div>
                </a>
                <a class="share-option" id="shareMessenger" target="_blank" rel="noopener noreferrer">
                    <div class="share-option-icon messenger">
                        <svg viewBox="0 0 24 24">
                            <path d="M12 0C5.373 0 0 4.975 0 11.111c0 3.497 1.745 6.616 4.472 8.652V24l4.086-2.242c1.09.301 2.246.464 3.442.464 6.627 0 12-4.974 12-11.111C24 4.975 18.627 0 12 0zm1.193 14.963l-3.056-3.259-5.963 3.259L10.732 8l3.13 3.259L19.752 8l-6.559 6.963z"/>
                        </svg>
                    </div>
                    <div class="share-option-text">
                        <div class="share-option-title">Messenger</div>
                        <div class="share-option-description">Share via Messenger</div>
                    </div>
                </a>
            </div>
        </div>
    </div>

    <!-- JavaScript -->
    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="js/config.js"></script>
    <script src="js/games.js"></script>
    <script src="js/homepage.js"></script>
    <script src="js/image-error-handler.js"></script>
    <script src="js/news-card-click.js"></script>
    <script src="js/news-likes.js"></script>
    <script src="js/news-share.js"></script>
    <script src="js/auth/auth-state.js"></script>
    <script>
        document.addEventListener('DOMContentLoaded', async function() {
            try {
                var matches = await fetchMatches(1);
                var container = document.getElementById('featuredGamesGrid');
                var loading = document.getElementById('featuredGamesLoading');
                if (loading) loading.remove();
                renderFeaturedGames(matches, container, 'images/');
                // Re-initialize games carousel after dynamic content is rendered
                if (typeof updateGamesCarousel === 'function') {
                    gamesCurrentIndex = 0;
                    updateGamesCarousel();
                }
            } catch (error) {
                console.error('Error loading featured games:', error);
            }
        });
    </script>
</body>
</html>
