<%- include('header') %>

   
    <!-- Game Thumbnail Section -->
    <div class="game_thumbnail_section">
        <div class="container">
            <div class="top_text text-center">
                <h1>
                    <%= data.name %>
                </h1>
            </div>
            <div class="thumbnail_img">
                <img src="<%= data.bannerImage %>" alt="<%= data.name %>">
                <div class="play-btn">
                    <a href="<%= data.name %>/play">Play Game</a>
                </div>
            </div>
        </div>
    </div>

    <!-- Game Description Section -->
    <div class="game_description">
        <div class="container">
            <div class="right_side_area">
              
                <div class="description_text">
                    <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <g filter="url(#filter0_d_42_417)">
                            <circle cx="10.5" cy="10.5" r="4.5" fill="url(#paint0_linear_42_417)">
                            </circle>
                        </g>
                        <defs>
                            <filter id="filter0_d_42_417" x="0" y="0" width="21" height="21"
                                filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
                                <feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood>
                                <feColorMatrix in="SourceAlpha" type="matrix"
                                    values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha">
                                </feColorMatrix>
                                <feOffset></feOffset>
                                <feGaussianBlur stdDeviation="3"></feGaussianBlur>
                                <feComposite in2="hardAlpha" operator="out"></feComposite>
                                <feColorMatrix type="matrix"
                                    values="0 0 0 0 1 0 0 0 0 0.143181 0 0 0 0 0.493698 0 0 0 0.65 0">
                                </feColorMatrix>
                                <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_42_417">
                                </feBlend>
                                <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_42_417"
                                    result="shape"></feBlend>
                            </filter>
                            <linearGradient id="paint0_linear_42_417" x1="6" y1="10.4749" x2="15" y2="10.4749"
                                gradientUnits="userSpaceOnUse">
                                <stop stop-color="#FF247E"></stop>
                                <stop offset="1" stop-color="#FF7033"></stop>
                            </linearGradient>
                        </defs>
                    </svg>

                    <h5 class="m-0">Description</h5>
                </div>
                <div class="text_area">
                    <p>
                        <%= data.description %>
                    </p>
                   

                    <p>
                        <%= data.description_two %>
                    </p>
                   

                    <p>
                        <%= data.description_three %>
                    </p>
                   

                    <p>
                        <%= data.description_four %>
                    </p>

                   
                </div>
            </div>
        </div>
    </div>

    <!-- Popular Games section -->
    <section class="popular_games_section">
        <div class="container">
            <div class="popular_games_area">
                <div class="row">
                    <% for(let i=0;i<popular.length;i++) { %>
                        <div class="col-xl-2 col-lg-3 col-md-4 col-6 mb-3">
                            <div class="popular_game_box">
                                <a href="<%= popular[i].name %>">
                                    <div class="image">
                                        <img src="<%= popular[i].logo %>" alt="popular-img" class="w-100 popular-img"
                                            draggable="false">
                                    </div>
                                    <div class="game-name text-center">
                                        <p>
                                            <%= popular[i].name %>
                                        </p>
                                    </div>
                                </a>
                            </div>
                            <% if(i==12 ){%>
                               
                                <%} %>
                                    <% if(i==24 ){%>
                                       
                                        <%} %>
                        </div>
                        <% } %>
                </div>
            </div>
        </div>
    </section>

    <div class="more_games_button_area text-center" style="margin-bottom: 20px;">
        <a href="https://thomgames.com" class="btn btn-primary">More Games</a>
    </div>

    <!-- About Us Section -->
<section id="about-us">
<div class="container" style="color: white;">
    <div class="row">
        <div class="col-lg-12 text-center">
            <h2 class="section-heading text-uppercase" style="color: white !important;">Free Online Games - Play Now On ThomGames</h2>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <p class="text-muted" style="color: white !important;">ThomGames features the latest and best free online games. We offer instant play to all our games without downloads, login, popups or other distractions. You can enjoy playing fun games without interruptions from downloads or pop-ups.</p>
            <p class="text-muted" style="color: white !important;">ThomGames has the best free online games selection and offers the most fun experience to play alone or with friends.</p>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <h3 class="section-subheading text-muted" style="color: white !important;">About ThomGames</h3>
            <p class="text-muted" style="color: white !important;">ThomGames has a team of 25 people working on our gaming platform. Our mission is simple - to create a browser-gaming platform that works seamlessly for users around the world, and rewards developers both big and small.</p>
            <p class="text-muted" style="color: white !important;">Our games are playable on desktop, tablet and mobile so you can enjoy them at school, at home or on the road. Every month millions of gamers from all over the world play their favorite games on ThomGames. Our goal is to create the ultimate online playground. Free and open to all.</p>
            <p class="text-muted" style="color: white !important;">We're a team of makers, techies, adventurers – and some gamers too. We’re kids of all ages, and love what we do.</p>
            <p class="text-muted" style="color: white !important;">Just load up your favorite games instantly in your web browser and enjoy the experience.</p>
            <p class="text-muted" style="color: white !important;">You can play our games on desktop mobile devices. That includes everything from desktop PCs, laptops, and Chromebooks, to the latest smartphones and tablets from Apple and Android.</p>
        </div>
    </div>
</div>
</section>
<!-- /About Us Section -->

    <%- include('footer') %>

       

        </body>

        </html>