| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>XGAMES | Ultimate Game Store</title> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <script> |
| tailwind.config = { |
| theme: { |
| extend: { |
| colors: { |
| 'blood-red': '#ff0000', |
| 'dark-red': '#cc0000', |
| 'deep-black': '#0a0a0a', |
| 'light-black': '#1a1a1a', |
| 'darker-red': '#990000', |
| } |
| } |
| } |
| } |
| </script> |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
| <style> |
| body { |
| background-color: #0a0a0a; |
| color: white; |
| font-family: Arial, sans-serif; |
| } |
| |
| .game-card:hover { |
| transform: translateY(-5px); |
| box-shadow: 0 5px 15px rgba(255, 0, 0, 0.4); |
| border-color: #ff0000; |
| } |
| |
| .nav-link:hover { |
| color: #ff0000; |
| } |
| |
| .search-input:focus { |
| border-color: #ff0000; |
| box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.2); |
| } |
| |
| .thin-border { |
| border: 1px solid rgba(255, 255, 255, 0.1); |
| } |
| |
| .auth-modal { |
| display: none; |
| position: fixed; |
| top: 0; |
| left: 0; |
| width: 100%; |
| height: 100%; |
| background-color: rgba(0, 0, 0, 0.9); |
| z-index: 1000; |
| align-items: center; |
| justify-content: center; |
| } |
| |
| .auth-content { |
| background-color: #1a1a1a; |
| padding: 2rem; |
| border-radius: 8px; |
| width: 90%; |
| max-width: 400px; |
| position: relative; |
| border: 1px solid #ff0000; |
| } |
| |
| .close-btn { |
| position: absolute; |
| top: 15px; |
| right: 15px; |
| font-size: 1.5rem; |
| cursor: pointer; |
| color: #ff0000; |
| } |
| |
| .tab { |
| cursor: pointer; |
| padding-bottom: 0.5rem; |
| border-bottom: 2px solid transparent; |
| } |
| |
| .tab.active { |
| border-bottom: 2px solid #ff0000; |
| color: #ff0000; |
| } |
| |
| .form-input { |
| background-color: #0a0a0a; |
| border: 1px solid #333; |
| color: white; |
| padding: 0.75rem; |
| width: 100%; |
| margin-bottom: 1rem; |
| border-radius: 4px; |
| } |
| |
| .form-input:focus { |
| outline: none; |
| border-color: #ff0000; |
| } |
| |
| .category-btn:hover { |
| background-color: #990000 !important; |
| } |
| |
| .pagination-btn.active { |
| background-color: #ff0000; |
| color: white; |
| } |
| |
| .pagination-btn:not(.active):hover { |
| background-color: #990000; |
| color: white; |
| } |
| |
| .game-badge { |
| background-color: #ff0000; |
| color: black; |
| font-weight: bold; |
| } |
| |
| .dropdown:hover .dropdown-menu { |
| display: block; |
| } |
| </style> |
| </head> |
| <body class="bg-deep-black text-white"> |
| |
| <nav class="bg-black py-4 px-6 border-b border-blood-red"> |
| <div class="container mx-auto flex flex-col md:flex-row justify-between items-center"> |
| <div class="flex items-center mb-4 md:mb-0"> |
| <h1 class="text-3xl font-black text-blood-red">XGAMES</h1> |
| </div> |
| |
| <div class="flex items-center space-x-1 md:space-x-6"> |
| <a href="#" class="nav-link px-3 py-2 font-bold hover:text-blood-red">STORE</a> |
| <a href="#" class="nav-link px-3 py-2 font-bold hover:text-blood-red">LIBRARY</a> |
| |
| <div class="dropdown relative"> |
| <button class="nav-link px-3 py-2 font-bold hover:text-blood-red flex items-center"> |
| CATEGORIES <i class="fas fa-chevron-down ml-1 text-xs"></i> |
| </button> |
| <div class="dropdown-menu absolute hidden bg-black mt-2 py-2 w-48 rounded shadow-lg border border-blood-red z-50"> |
| <a href="#action-games" class="block px-4 py-2 hover:bg-blood-red hover:text-black font-bold">Action</a> |
| <a href="#adventure-games" class="block px-4 py-2 hover:bg-blood-red hover:text-black font-bold">Adventure</a> |
| <a href="#rpg-games" class="block px-4 py-2 hover:bg-blood-red hover:text-black font-bold">RPG</a> |
| <a href="#shooter-games" class="block px-4 py-2 hover:bg-blood-red hover:text-black font-bold">Shooter</a> |
| <a href="#sports-games" class="block px-4 py-2 hover:bg-blood-red hover:text-black font-bold">Sports</a> |
| <a href="#racing-games" class="block px-4 py-2 hover:bg-blood-red hover:text-black font-bold">Racing</a> |
| <a href="#strategy-games" class="block px-4 py-2 hover:bg-blood-red hover:text-black font-bold">Strategy</a> |
| <a href="#horror-games" class="block px-4 py-2 hover:bg-blood-red hover:text-black font-bold">Horror</a> |
| <a href="#fighting-games" class="block px-4 py-2 hover:bg-blood-red hover:text-black font-bold">Fighting</a> |
| <a href="#simulation-games" class="block px-4 py-2 hover:bg-blood-red hover:text-black font-bold">Simulation</a> |
| </div> |
| </div> |
| |
| <a href="#" class="nav-link px-3 py-2 font-bold hover:text-blood-red">COMMUNITY</a> |
| <a href="#" class="nav-link px-3 py-2 font-bold hover:text-blood-red">SUPPORT</a> |
| </div> |
| |
| <div class="mt-4 md:mt-0 flex items-center space-x-4"> |
| <div class="relative"> |
| <input type="text" placeholder="Search games..." class="search-input bg-light-black text-white px-4 py-2 rounded-full w-full md:w-64 focus:outline-none border border-gray-700"> |
| <i class="fas fa-search absolute right-3 top-2.5 text-gray-400"></i> |
| </div> |
| <button id="auth-btn" class="bg-blood-red hover:bg-dark-red px-6 py-2 rounded-full font-bold transition duration-300"> |
| SIGN IN |
| </button> |
| </div> |
| </div> |
| </nav> |
|
|
| |
| <div id="auth-modal" class="auth-modal"> |
| <div class="auth-content"> |
| <span class="close-btn hover:text-white">×</span> |
| |
| <div class="flex mb-6"> |
| <div id="login-tab" class="tab active mr-4 font-bold">LOGIN</div> |
| <div id="register-tab" class="tab font-bold">REGISTER</div> |
| </div> |
| |
| <div id="login-form"> |
| <input type="text" placeholder="Username or Email" class="form-input"> |
| <input type="password" placeholder="Password" class="form-input"> |
| <div class="flex justify-between items-center mb-4"> |
| <label class="flex items-center"> |
| <input type="checkbox" class="mr-2"> |
| <span class="text-sm">Remember me</span> |
| </label> |
| <a href="#" class="text-sm text-blood-red hover:text-dark-red">Forgot password?</a> |
| </div> |
| <button class="w-full bg-blood-red hover:bg-dark-red py-2 rounded font-bold transition duration-300 mb-4"> |
| LOGIN |
| </button> |
| <div class="text-center text-sm"> |
| Don't have an account? <span id="switch-to-register" class="text-blood-red hover:text-dark-red cursor-pointer">Register</span> |
| </div> |
| </div> |
| |
| <div id="register-form" class="hidden"> |
| <input type="text" placeholder="Username" class="form-input"> |
| <input type="email" placeholder="Email" class="form-input"> |
| <input type="password" placeholder="Password" class="form-input"> |
| <input type="password" placeholder="Confirm Password" class="form-input"> |
| <label class="flex items-center mb-4"> |
| <input type="checkbox" class="mr-2"> |
| <span class="text-sm">I agree to the <a href="#" class="text-blood-red hover:text-dark-red">Terms of Service</a></span> |
| </label> |
| <button class="w-full bg-blood-red hover:bg-dark-red py-2 rounded font-bold transition duration-300 mb-4"> |
| REGISTER |
| </button> |
| <div class="text-center text-sm"> |
| Already have an account? <span id="switch-to-login" class="text-blood-red hover:text-dark-red cursor-pointer">Login</span> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <section class="relative h-96 flex items-center justify-center bg-black overflow-hidden border-b border-blood-red"> |
| <div class="absolute inset-0 bg-gradient-to-r from-black to-transparent z-10"></div> |
| <div class="absolute inset-0 bg-[url('https://images.unsplash.com/photo-1542751375-ad40-5196-9a9d-a8476c2f34d9')] bg-cover bg-center opacity-30"></div> |
| <div class="relative z-20 text-center px-4"> |
| <h2 class="text-5xl md:text-6xl font-black mb-4">NEW ERA OF <span class="text-blood-red">GAMING</span></h2> |
| <p class="text-xl mb-8 max-w-2xl mx-auto font-bold">Discover the most intense gaming experience with XGAMES</p> |
| <a href="#top-games" class="bg-blood-red hover:bg-dark-red px-10 py-4 rounded-full font-bold text-lg transition duration-300 inline-block"> |
| EXPLORE NOW |
| </a> |
| </div> |
| </section> |
|
|
| |
| <section class="py-12 px-6 border-b border-blood-red"> |
| <div class="container mx-auto"> |
| <div class="flex justify-between items-center mb-8"> |
| <h3 class="text-3xl font-black">FEATURED <span class="text-blood-red">GAMES</span></h3> |
| <a href="#top-games" class="text-blood-red hover:text-dark-red font-bold flex items-center"> |
| View All <i class="fas fa-chevron-right ml-1"></i> |
| </a> |
| </div> |
| |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"> |
| |
| <a href="#" class="game-card bg-light-black rounded-lg overflow-hidden transition duration-300 thin-border block"> |
| <div class="relative"> |
| <img src="https://cdn.akamai.steamstatic.com/steam/apps/730/header.jpg" alt="Counter-Strike 2" class="w-full h-48 object-cover"> |
| <div class="absolute top-2 left-2 game-badge text-xs px-2 py-1 rounded">TOP SELLER</div> |
| </div> |
| <div class="p-4"> |
| <h4 class="font-black text-lg mb-1">Counter-Strike 2</h4> |
| <p class="text-gray-400 text-sm mb-3 font-bold">Action, FPS, Competitive</p> |
| <div class="flex justify-between items-center"> |
| <div class="flex items-center"> |
| <i class="fas fa-star text-yellow-400 mr-1"></i> |
| <span>4.8</span> |
| </div> |
| <div> |
| <span class="text-blood-red font-black">FREE</span> |
| </div> |
| </div> |
| </div> |
| </a> |
|
|
| |
| <a href="#" class="game-card bg-light-black rounded-lg overflow-hidden transition duration-300 thin-border block"> |
| <div class="relative"> |
| <img src="https://cdn.akamai.steamstatic.com/steam/apps/570/header.jpg" alt="Dota 2" class="w-full h-48 object-cover"> |
| <div class="absolute top-2 left-2 game-badge text-xs px-2 py-1 rounded">TOP PLAYED</div> |
| </div> |
| <div class="p-4"> |
| <h4 class="font-black text-lg mb-1">Dota 2</h4> |
| <p class="text-gray-400 text-sm mb-3 font-bold">MOBA, Strategy, Multiplayer</p> |
| <div class="flex justify-between items-center"> |
| <div class="flex items-center"> |
| <i class="fas fa-star text-yellow-400 mr-1"></i> |
| <span>4.9</span> |
| </div> |
| <div> |
| <span class="text-blood-red font-black">FREE</span> |
| </div> |
| </div> |
| </div> |
| </a> |
|
|
| |
| <a href="#" class="game-card bg-light-black rounded-lg overflow-hidden transition duration-300 thin-border block"> |
| <div class="relative"> |
| <img src="https://cdn.akamai.steamstatic.com/steam/apps/1172470/header.jpg" alt="Apex Legends" class="w-full h-48 object-cover"> |
| <div class="absolute top-2 left-2 game-badge text-xs px-2 py-1 rounded">NEW</div> |
| </div> |
| <div class="p-4"> |
| <h4 class="font-black text-lg mb-1">Apex Legends</h4> |
| <p class="text-gray-400 text-sm mb-3 font-bold">FPS, Battle Royale, Shooter</p> |
| <div class="flex justify-between items-center"> |
| <div class="flex items-center"> |
| <i class="fas fa-star text-yellow-400 mr-1"></i> |
| <span>4.7</span> |
| </div> |
| <div> |
| <span class="text-blood-red font-black">FREE</span> |
| </div> |
| </div> |
| </div> |
| </a> |
|
|
| |
| <a href="#" class="game-card bg-light-black rounded-lg overflow-hidden transition duration-300 thin-border block"> |
| <div class="relative"> |
| <img src="https://cdn.akamai.steamstatic.com/steam/apps/578080/header.jpg" alt="PUBG" class="w-full h-48 object-cover"> |
| <div class="absolute top-2 left-2 game-badge text-xs px-2 py-1 rounded">HOT</div> |
| </div> |
| <div class="p-4"> |
| <h4 class="font-black text-lg mb-1">PUBG: BATTLEGROUNDS</h4> |
| <p class="text-gray-400 text-sm mb-3 font-bold">Battle Royale, Shooter</p> |
| <div class="flex justify-between items-center"> |
| <div class="flex items-center"> |
| <i class="fas fa-star text-yellow-400 mr-1"></i> |
| <span>4.9</span> |
| </div> |
| <div> |
| <span class="text-blood-red font-black">FREE</span> |
| </div> |
| </div> |
| </div> |
| </a> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="top-games" class="py-12 px-6 bg-black border-b border-blood-red"> |
| <div class="container mx-auto"> |
| <div class="flex justify-between items-center mb-8"> |
| <h3 class="text-3xl font-black">TOP <span class="text-blood-red">GAMES</span></h3> |
| <div class="flex items-center space-x-2"> |
| <span class="text-gray-400 font-bold">Sort by:</span> |
| <select class="bg-light-black text-white px-3 py-1 rounded border border-gray-700"> |
| <option>Popular</option> |
| <option>New Releases</option> |
| <option>Top Selling</option> |
| <option>Price: Low to High</option> |
| <option>Price: High to Low</option> |
| </select> |
| </div> |
| </div> |
| |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-5 gap-6" id="games-container"> |
| |
| </div> |
| |
| <div class="flex justify-center mt-12"> |
| <div class="flex space-x-2" id="pagination"> |
| |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-12 px-6 bg-black border-b border-blood-red"> |
| <div class="container mx-auto"> |
| <h3 class="text-3xl font-black mb-8 text-center">BROWSE <span class="text-blood-red">CATEGORIES</span></h3> |
| |
| <div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-4"> |
| <a href="#action-games" class="category-btn bg-light-black hover:bg-blood-red rounded-lg p-6 text-center transition duration-300 cursor-pointer thin-border block"> |
| <div class="w-14 h-14 bg-black rounded-full flex items-center justify-center mx-auto mb-3 border border-blood-red"> |
| <i class="fas fa-gamepad text-xl text-blood-red"></i> |
| </div> |
| <h4 class="font-black">Action</h4> |
| </a> |
| |
| <a href="#adventure-games" class="category-btn bg-light-black hover:bg-blood-red rounded-lg p-6 text-center transition duration-300 cursor-pointer thin-border block"> |
| <div class="w-14 h-14 bg-black rounded-full flex items-center justify-center mx-auto mb-3 border border-blood-red"> |
| <i class="fas fa-mountain text-xl text-blood-red"></i> |
| </div> |
| <h4 class="font-black">Adventure</h4> |
| </a> |
| |
| <a href="#rpg-games" class="category-btn bg-light-black hover:bg-blood-red rounded-lg p-6 text-center transition duration-300 cursor-pointer thin-border block"> |
| <div class="w-14 h-14 bg-black rounded-full flex items-center justify-center mx-auto mb-3 border border-blood-red"> |
| <i class="fas fa-dragon text-xl text-blood-red"></i> |
| </div> |
| <h4 class="font-black">RPG</h4> |
| </a> |
| |
| <a href="#shooter-games" class="category-btn bg-light-black hover:bg-blood-red rounded-lg p-6 text-center transition duration-300 cursor-pointer thin-border block"> |
| <div class="w-14 h-14 bg-black rounded-full flex items-center justify-center mx-auto mb-3 border border-blood-red"> |
| <i class="fas fa-crosshairs text-xl text-blood-red"></i> |
| </div> |
| <h4 class="font-black">Shooter</h4> |
| </a> |
| |
| <a href="#sports-games" class="category-btn bg-light-black hover:bg-blood-red rounded-lg p-6 text-center transition duration-300 cursor-pointer thin-border block"> |
| <div class="w-14 h-14 bg-black rounded-full flex items-center justify-center mx-auto mb-3 border border-blood-red"> |
| <i class="fas fa-running text-xl text-blood-red"></i> |
| </div> |
| <h4 class="font-black">Sports</h4> |
| </a> |
| |
| <a href="#racing-games" class="category-btn bg-light-black hover:bg-blood-red rounded-lg p-6 text-center transition duration-300 cursor-pointer thin-border block"> |
| <div class="w-14 h-14 bg-black rounded-full flex items-center justify-center mx-auto mb-3 border border-blood-red"> |
| <i class="fas fa-car text-xl text-blood-red"></i> |
| </div> |
| <h4 class="font-black">Racing</h4> |
| </a> |
| |
| <a href="#strategy-games" class="category-btn bg-light-black hover:bg-blood-red rounded-lg p-6 text-center transition duration-300 cursor-pointer thin-border block"> |
| <div class="w-14 h-14 bg-black rounded-full flex items-center justify-center mx-auto mb-3 border border-blood-red"> |
| <i class="fas fa-chess text-xl text-blood-red"></i> |
| </div> |
| <h4 class="font-black">Strategy</h4> |
| </a> |
| |
| <a href="#horror-games" class="category-btn bg-light-black hover:bg-blood-red rounded-lg p-6 text-center transition duration-300 cursor-pointer thin-border block"> |
| <div class="w-14 h-14 bg-black rounded-full flex items-center justify-center mx-auto mb-3 border border-blood-red"> |
| <i class="fas fa-ghost text-xl text-blood-red"></i> |
| </div> |
| <h4 class="font-black">Horror</h4> |
| </a> |
| |
| <a href="#fighting-games" class="category-btn bg-light-black hover:bg-blood-red rounded-lg p-6 text-center transition duration-300 cursor-pointer thin-border block"> |
| <div class="w-14 h-14 bg-black rounded-full flex items-center justify-center mx-auto mb-3 border border-blood-red"> |
| <i class="fas fa-fist-raised text-xl text-blood-red"></i> |
| </div> |
| <h4 class="font-black">Fighting</h4> |
| </a> |
| |
| <a href="#simulation-games" class="category-btn bg-light-black hover:bg-blood-red rounded-lg p-6 text-center transition duration-300 cursor-pointer thin-border block"> |
| <div class="w-14 h-14 bg-black rounded-full flex items-center justify-center mx-auto mb-3 border border-blood-red"> |
| <i class="fas fa-plane text-xl text-blood-red"></i> |
| </div> |
| <h4 class="font-black">Simulation</h4> |
| </a> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-16 px-6 bg-black border-b border-blood-red"> |
| <div class="container mx-auto flex flex-col lg:flex-row items-center"> |
| <div class="lg:w-1/2 mb-8 lg:mb-0 lg:pr-12"> |
| <div class="bg-blood-red text-black text-xs font-black px-2 py-1 rounded-full inline-block mb-4">LIMITED TIME</div> |
| <h3 class="text-4xl font-black mb-4">SPECIAL <span class="text-blood-red">OFFER</span></h3> |
| <p class="text-xl mb-6 font-bold">Get the ultimate gaming bundle at an exclusive price for XGAMES members.</p> |
| <div class="flex items-center mb-6"> |
| <div class="text-5xl font-black text-blood-red mr-4">$99</div> |
| <div class="text-gray-400"> |
| <div class="line-through text-xl">$149</div> |
| <div class="text-sm font-bold">Save $50</div> |
| </div> |
| </div> |
| <a href="#" class="bg-blood-red hover:bg-dark-red px-10 py-4 rounded-full font-bold text-lg transition duration-300 inline-block"> |
| GET THE BUNDLE |
| </a> |
| </div> |
| <div class="lg:w-1/2 relative"> |
| <img src="https://cdn.akamai.steamstatic.com/steam/bundles/23238/6x0v0q0k0x8m4y1v/header.jpg" alt="Valve Complete Pack" class="rounded-lg w-full thin-border"> |
| <div class="absolute -bottom-4 -right-4 bg-blood-red text-black px-6 py-3 rounded-full font-black text-xl"> |
| -33% OFF |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-16 px-6 bg-black"> |
| <div class="container mx-auto max-w-4xl text-center"> |
| <h3 class="text-3xl font-black mb-4">JOIN OUR <span class="text-blood-red">NEWSLETTER</span></h3> |
| <p class="text-xl mb-8 font-bold">Get exclusive deals, game recommendations, and news straight to your inbox.</p> |
| <div class="flex flex-col md:flex-row gap-4 justify-center"> |
| <input type="email" placeholder="Your email address" class="bg-light-black text-white px-6 py-3 rounded-full w-full md:w-96 focus:outline-none focus:ring-2 focus:ring-blood-red border border-gray-700"> |
| <button class="bg-blood-red hover:bg-dark-red px-8 py-3 rounded-full font-bold text-lg transition duration-300 whitespace-nowrap"> |
| SUBSCRIBE |
| </button> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <footer class="bg-black py-12 px-6 border-t border-blood-red"> |
| <div class="container mx-auto"> |
| <div class="grid grid-cols-1 md:grid-cols-4 gap-8"> |
| <div> |
| <div class="flex items-center mb-4"> |
| <h4 class="text-2xl font-bold text-blood-red">XGAMES</h4> |
| </div> |
| <p class="text-gray-400 mb-4 font-bold">The ultimate destination for hardcore gamers.</p> |
| <div class="flex space-x-4"> |
| <a href="#" class="text-gray-400 hover:text-blood-red transition duration-300"> |
| <i class="fab fa-twitter text-xl"></i> |
| </a> |
| <a href="#" class="text-gray-400 hover:text-blood-red transition duration-300"> |
| <i class="fab fa-facebook text-xl"></i> |
| </a> |
| <a href="#" class="text-gray-400 hover:text-blood-red transition duration-300"> |
| <i class="fab fa-instagram text-xl"></i> |
| </a> |
| <a href="#" class="text-gray-400 hover:text-blood-red transition duration-300"> |
| <i class="fab fa-discord text-xl"></i> |
| </a> |
| </div> |
| </div> |
| |
| <div> |
| <h5 class="text-lg font-black mb-4 text-blood-red">STORE</h5> |
| <ul class="space-y-2"> |
| <li><a href="#" class="text-gray-400 hover:text-blood-red transition duration-300 font-bold">Featured</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-blood-red transition duration-300 font-bold">New Releases</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-blood-red transition duration-300 font-bold">Deals</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-blood-red transition duration-300 font-bold">Coming Soon</a></li> |
| </ul> |
| </div> |
| |
| <div> |
| <h5 class="text-lg font-black mb-4 text-blood-red">ABOUT</h5> |
| <ul class="space-y-2"> |
| <li><a href="#" class="text-gray-400 hover:text-blood-red transition duration-300 font-bold">Company</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-blood-red transition duration-300 font-bold">Careers</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-blood-red transition duration-300 font-bold">Blog</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-blood-red transition duration-300 font-bold">Contact</a></li> |
| </ul> |
| </div> |
| |
| <div> |
| <h5 class="text-lg font-black mb-4 text-blood-red">SUPPORT</h5> |
| <ul class="space-y-2"> |
| <li><a href="#" class="text-gray-400 hover:text-blood-red transition duration-300 font-bold">Help Center</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-blood-red transition duration-300 font-bold">Refunds</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-blood-red transition duration-300 font-bold">Terms</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-blood-red transition duration-300 font-bold">Privacy</a></li> |
| </ul> |
| </div> |
| </div> |
| |
| <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center"> |
| <p class="text-gray-500 text-sm mb-4 md:mb-0 font-bold">© 2023 XGAMES. All rights reserved.</p> |
| <div class="flex space-x-6"> |
| <a href="#" class="text-gray-500 hover:text-blood-red text-sm transition duration-300 font-bold">Terms of Service</a> |
| <a href="#" class="text-gray-500 hover:text-blood-red text-sm transition duration-300 font-bold">Privacy Policy</a> |
| <a href="#" class="text-gray-500 hover:text-blood-red text-sm transition duration-300 font-bold">Cookie Policy</a> |
| </div> |
| </div> |
| </div> |
| </footer> |
|
|
| <script> |
| // Game data - in a real app this would come from an API |
| const gameData = [ |
| // Action Games (50) |
| { id: 1, name: "Grand Theft Auto V", price: 29.99, rating: 4.9, image: "https://cdn.akamai.steamstatic.com/steam/apps/271590/header.jpg", tags: ["Action", "Open World", "Adventure"], badge: "TOP SELLER" }, |
| { id: 2, name: "Red Dead Redemption 2", price: 59.99, rating: 4.9, image: "https://cdn.akamai.steamstatic.com/steam/apps/1174180/header.jpg", tags: ["Action", "Open World", "Adventure"], badge: "BEST SELLER" }, |
| { id: 3, name: "The Witcher 3: Wild Hunt", price: 39.99, rating: 4.9, image: "https://cdn.akamai.steamstatic.com/steam/apps/292030/header.jpg", tags: ["Action", "RPG", "Open World"], badge: "GOTY" }, |
| { id: 4, name: "Cyberpunk 2077", price: 59.99, rating: 4.7, image: "https://cdn.akamai.steamstatic.com/steam/apps/1091500/header.jpg", tags: ["Action", "RPG", "Open World"], badge: "NEW" }, |
| { id: 5, name: "Elden Ring", price: 59.99, rating: 4.9, image: "https://cdn.akamai.steamstatic.com/steam/apps/1245620/header.jpg", tags: ["Action", "RPG", "Souls-like"], badge: "GOTY" }, |
| { id: 6, name: "Dark Souls III", price: 59.99, rating: 4.8, image: "https://cdn.akamai.steamstatic.com/steam/apps/374320/header.jpg", tags: ["Action", "RPG", "Souls-like"], badge: null }, |
| { id: 7, name: "Sekiro: Shadows Die Twice", price: 59.99, rating: 4.8, image: "https://cdn.akamai.steamstatic.com/steam/apps/814380/header.jpg", tags: ["Action", "Adventure", "Souls-like"], badge: "GOTY" }, |
| { id: 8, name: "God of War", price: 49.99, rating: 4.9, image: "https://cdn.akamai.steamstatic.com/steam/apps/1593500/header.jpg", tags: ["Action", "Adventure", "RPG"], badge: "BEST SELLER" }, |
| { id: 9, name: "Horizon Zero Dawn", price: 39.99, rating: 4.7, image: "https://cdn.akamai.steamstatic.com/steam/apps/1151640/header.jpg", tags: ["Action", "RPG", "Open World"], badge: null }, |
| { id: 10, name: "Assassin's Creed Valhalla", price: 59.99, rating: 4.6, image: "https://cdn.akamai.steamstatic.com/steam/apps/2208920/header.jpg", tags: ["Action", "RPG", "Open World"], badge: "NEW" }, |
| |
| // Shooter Games (50) |
| { id: 51, name: "Counter-Strike 2", price: 0, rating: 4.8, image: "https://cdn.akamai.steamstatic.com/steam/apps/730/header.jpg", tags: ["Shooter", "FPS", "Competitive"], badge: "TOP PLAYED" }, |
| { id: 52, name: "Call of Duty: Modern Warfare II", price: 69.99, rating: 4.7, image: "https://cdn.akamai.steamstatic.com/steam/apps/1938090/header.jpg", tags: ["Shooter", "FPS", "Action"], badge: "BEST SELLER" }, |
| { id: 53, name: "Apex Legends", price: 0, rating: 4.7, image: "https://cdn.akamai.steamstatic.com/steam/apps/1172470/header.jpg", tags: ["Shooter", "FPS", "Battle Royale"], badge: "FREE" }, |
| { id: 54, name: "PUBG: BATTLEGROUNDS", price: 0, rating: 4.9, image: "https://cdn.akamai.steamstatic.com/steam/apps/578080/header.jpg", tags: ["Shooter", "FPS", "Battle Royale"], badge: "TOP PLAYED" }, |
| { id: 55, name: "Destiny 2", price: 0, rating: 4.6, image: "https://cdn.akamai.steamstatic.com/steam/apps/1085660/header.jpg", tags: ["Shooter", "FPS", "RPG"], badge: "FREE" }, |
| { id: 56, name: "Overwatch 2", price: 0, rating: 4.5, image: "https://cdn.akamai.steamstatic.com/steam/apps/2357570/header.jpg", tags: ["Shooter", "FPS", "Hero"], badge: "FREE" }, |
| { id: 57, name: "Rainbow Six Siege", price: 19.99, rating: 4.7, image: "https://cdn.akamai.steamstatic.com/steam/apps/359550/header.jpg", tags: ["Shooter", "FPS", "Tactical"], badge: null }, |
| { id: 58, name: "Battlefield 2042", price: 59.99, rating: 4.3, image: "https://cdn.akamai.steamstatic.com/steam/apps/1517290/header.jpg", tags: ["Shooter", "FPS", "Action"], badge: "NEW" }, |
| { id: 59, name: "DOOM Eternal", price: 39.99, rating: 4.8, image: "https://cdn.akamai.steamstatic.com/steam/apps/782330/header.jpg", tags: ["Shooter", "FPS", "Action"], badge: "GOTY" }, |
| { id: 60, name: "Borderlands 3", price: 59.99, rating: 4.6, image: "https://cdn.akamai.steamstatic.com/steam/apps/397540/header.jpg", tags: ["Shooter", "FPS", "RPG"], badge: null }, |
| |
| // RPG Games (50) |
| { id: 101, name: "Baldur's Gate 3", price: 59.99, rating: 4.9, image: "https://cdn.akamai.steamstatic.com/steam/apps/1086940/header.jpg", tags: ["RPG", "Adventure", "Turn-Based"], badge: "GOTY" }, |
| { id: 102, name: "Starfield", price: 69.99, rating: 4.7, image: "https://cdn.akamai.steamstatic.com/steam/apps/1716740/header.jpg", tags: ["RPG", "Sci-Fi", "Open World"], badge: "NEW" }, |
| { id: 103, name: "Divinity: Original Sin 2", price: 44.99, rating: 4.9, image: "https://cdn.akamai.steamstatic.com/steam/apps/435150/header.jpg", tags: ["RPG", "Adventure", "Turn-Based"], badge: "GOTY" }, |
| { id: 104, name: "Pathfinder: Wrath of the Righteous", price: 39.99, rating: 4.7, image: "https://cdn.akamai.steamstatic.com/steam/apps/1184370/header.jpg", tags: ["RPG", "Adventure", "CRPG"], badge: null }, |
| { id: 105, name: "Pillars of Eternity II: Deadfire", price: 49.99, rating: 4.6, image: "https://cdn.akamai.steamstatic.com/steam/apps/560130/header.jpg", tags: ["RPG", "Adventure", "CRPG"], badge: null }, |
| { id: 106, name: "Disco Elysium", price: 39.99, rating: 4.9, image: "https://cdn.akamai.steamstatic.com/steam/apps/632470/header.jpg", tags: ["RPG", "Adventure", "CRPG"], badge: "GOTY" }, |
| { id: 107, name: "Final Fantasy VII Remake", price: 69.99, rating: 4.8, image: "https://cdn.akamai.steamstatic.com/steam/apps/1462040/header.jpg", tags: ["RPG", "Adventure", "Action"], badge: "BEST SELLER" }, |
| { id: 108, name: "Persona 5 Royal", price: 59.99, rating: 4.9, image: "https://cdn.akamai.steamstatic.com/steam/apps/1687950/header.jpg", tags: ["RPG", "Adventure", "JRPG"], badge: "GOTY" }, |
| { id: 109, name: "Dragon Age: Inquisition", price: 29.99, rating: 4.6, image: "https://cdn.akamai.steamstatic.com/steam/apps/1222690/header.jpg", tags: ["RPG", "Adventure", "Action"], badge: null }, |
| { id: 110, name: "The Elder Scrolls V: Skyrim", price: 39.99, rating: 4.9, image: "https://cdn.akamai.steamstatic.com/steam/apps/489830/header.jpg", tags: ["RPG", "Adventure", "Open World"], badge: "GOTY" }, |
| |
| // Adventure Games (50) |
| { id: 151, name: "The Last of Us Part I", price: 59.99, rating: 4.8, image: "https://cdn.akamai.steamstatic.com/steam/apps/1888930/header.jpg", tags: ["Adventure", "Action", "Story Rich"], badge: "BEST SELLER" }, |
| { id: 152, name: "Uncharted: Legacy of Thieves Collection", price: 49.99, rating: 4.7, image: "https://cdn.akamai.steamstatic.com/steam/apps/1659420/header.jpg", tags: ["Adventure", "Action", "Story Rich"], badge: null }, |
| { id: 153, name: "Marvel's Spider-Man Remastered", price: 59.99, rating: 4.9, image: "https://cdn.akamai.steamstatic.com/steam/apps/1817070/header.jpg", tags: ["Adventure", "Action", "Open World"], badge: "BEST SELLER" }, |
| { id: 154, name: "Hogwarts Legacy", price: 59.99, rating: 4.8, image: "https://cdn.akamai.steamstatic.com/steam/apps/990080/header.jpg", tags: ["Adventure", "Action", "Open World"], badge: "NEW" }, |
| { id: 155, name: "Stray", price: 29.99, rating: 4.7, image: "https://cdn.akamai.steamstatic.com/steam/apps/1332010/header.jpg", tags: ["Adventure", "Indie", "Story Rich"], badge: "GOTY" }, |
| { id: 156, name: "It Takes Two", price: 39.99, rating: 4.9, image: "https://cdn.akamai.steamstatic.com/steam/apps/1426210/header.jpg", tags: ["Adventure", "Co-op", "Platformer"], badge: "GOTY" }, |
| { id: 157, name: "Psychonauts 2", price: 59.99, rating: 4.8, image: "https://cdn.akamai.steamstatic.com/steam/apps/607080/header.jpg", tags: ["Adventure", "Platformer", "Story Rich"], badge: "GOTY" }, |
| { id: 158, name: "Kena: Bridge of Spirits", price: 39.99, rating: 4.6, image: "https://cdn.akamai.steamstatic.com/steam/apps/1954200/header.jpg", tags: ["Adventure", "Action", "Story Rich"], badge: null }, |
| { id: 159, name: "Ratchet & Clank: Rift Apart", price: 59.99, rating: 4.8, image: "https://cdn.akamai.steamstatic.com/steam/apps/1895880/header.jpg", tags: ["Adventure", "Action", "Platformer"], badge: "BEST SELLER" }, |
| { id: 160, name: "Little Nightmares II", price: 29.99, rating: 4.7, image: "https://cdn.akamai.steamstatic.com/steam/apps/860510/header.jpg", tags: ["Adventure", "Horror", "Puzzle"], badge: null }, |
| |
| // Strategy Games (50) |
| { id: 201, name: "Civilization VI", price: 59.99, rating: 4.8, image: "https://cdn.akamai.steamstatic.com/steam/apps/289070/header.jpg", tags: ["Strategy", "Turn-Based", "4X"], badge: "BEST SELLER" }, |
| { id: 202, name: "Total War: WARHAMMER III", price: 59.99, rating: 4.7, image: "https://cdn.akamai.steamstatic.com/steam/apps/1142710/header.jpg", tags: ["Strategy", "RTS", "Fantasy"], badge: "NEW" }, |
| { id: 203, name: "Crusader Kings III", price: 49.99, rating: 4.8, image: "https://cdn.akamai.steamstatic.com/steam/apps/1158310/header.jpg", tags: ["Strategy", "RPG", "Grand Strategy"], badge: "GOTY" }, |
| { id: 204, name: "Age of Empires IV", price: 59.99, rating: 4.6, image: "https://cdn.akamai.steamstatic.com/steam/apps/1466860/header.jpg", tags: ["Strategy", "RTS", "Historical"], badge: "BEST SELLER" }, |
| { id: 205, name: "Stellaris", price: 39.99, rating: 4.7, image: "https://cdn.akamai.steamstatic.com/steam/apps/281990/header.jpg", tags: ["Strategy", "4X", "Sci-Fi"], badge: null }, |
| { id: 206, name: "XCOM 2", price: 59.99, rating: 4.8, image: "https://cdn.akamai.steamstatic.com/steam/apps/268500/header.jpg", tags: ["Strategy", "Turn-Based", "Tactical"], badge: "GOTY" }, |
| { id: 207, name: "Company of Heroes 3", price: 59.99, rating: 4.5, image: "https://cdn.akamai.steamstatic.com/steam/apps/1677280/header.jpg", tags: ["Strategy", "RTS", "WWII"], badge: "NEW" }, |
| { id: 208, name: "Humankind", price: 49.99, rating: 4.4, image: "https://cdn.akamai.steamstatic.com/steam/apps/1124300/header.jpg", tags: ["Strategy", "4X", "Historical"], badge: null }, |
| { id: 209, name: "Northgard", price: 29.99, rating: 4.6, image: "https://cdn.akamai.steamstatic.com/steam/apps/466560/header.jpg", tags: ["Strategy", "RTS", "Viking"], badge: null }, |
| { id: 210, name: "Into the Breach", price: 14.99, rating: 4.8, image: "https://cdn.akamai.steamstatic.com/steam/apps/590380/header.jpg", tags: ["Strategy", "Turn-Based", "Roguelike"], badge: "GOTY" }, |
| |
| // Racing Games (50) |
| { id: 251, name: "Forza Horizon 5", price: 59.99, rating: 4.9, image: "https://cdn.akamai.steamstatic.com/steam/apps/1551360/header.jpg", tags: ["Racing", "Open World", "Simulation"], badge: "BEST SELLER" }, |
| { id: 252, name: "F1 22", price: 59.99, rating: 4.5, image: "https://cdn.akamai.steamstatic.com/steam/apps/1692250/header.jpg", tags: ["Racing", "Simulation", "Sports"], badge: "NEW" }, |
| { id: 253, name: "Need for Speed Unbound", price: 59.99, rating: 4.6, image: "https://cdn.akamai.steamstatic.com/steam/apps/1846380/header.jpg", tags: ["Racing", "Arcade", "Open World"], badge: "NEW" }, |
| { id: 254, name: "Assetto Corsa Competizione", price: 39.99, rating: 4.7, image: "https://cdn.akamai.steamstatic.com/steam/apps/805550/header.jpg", tags: ["Racing", "Simulation", "GT3"], badge: null }, |
| { id: 255, name: "Dirt Rally 2.0", price: 39.99, rating: 4.6, image: "https://cdn.akamai.steamstatic.com/steam/apps/690790/header.jpg", tags: ["Racing", "Simulation", "Rally"], badge: null }, |
| { id: 256, name: "Project CARS 3", price: 49.99, rating: 4.3, image: "https://cdn.akamai.steamstatic.com/steam/apps/958400/header.jpg", tags: ["Racing", "Simulation", "Arcade"], badge: null }, |
| { id: 257, name: "Wreckfest", price: 29.99, rating: 4.7, image: "https://cdn.akamai.steamstatic.com/steam/apps/228380/header.jpg", tags: ["Racing", "Destruction", "Simulation"], badge: null }, |
| { id: 258, name: "Trackmania", price: 0, rating: 4.5, image: "https://cdn.akamai.steamstatic.com/steam/apps/1104550/header.jpg", tags: ["Racing", "Arcade", "Time Trial"], badge: "FREE" }, |
| { id: 259, name: "GRID Legends", price: 59.99, rating: 4.4, image: "https://cdn.akamai.steamstatic.com/steam/apps/1307710/header.jpg", tags: ["Racing", "Simulation", "Arcade"], badge: "NEW" }, |
| { id: 260, name: "Hot Wheels Unleashed", price: 49.99, rating: 4.6, image: "https://cdn.akamai.steamstatic.com/steam/apps/1271700/header.jpg", tags: ["Racing", "Arcade", "Toys"], badge: null }, |
| |
| // Sports Games (50) |
| { id: 301, name: "FIFA 23", price: 59.99, rating: 4.5, image: "https://cdn.akamai.steamstatic.com/steam/apps/1811260/header.jpg", tags: ["Sports", "Football", "Simulation"], badge: "NEW" }, |
| { id: 302, name: "NBA 2K23", price: 59.99, rating: 4.3, image: "https://cdn.akamai.steamstatic.com/steam/apps/1919590/header.jpg", tags: ["Sports", "Basketball", "Simulation"], badge: "NEW" }, |
| { id: 303, name: "Rocket League", price: 0, rating: 4.8, image: "https://cdn.akamai.steamstatic.com/steam/apps/252950/header.jpg", tags: ["Sports", "Racing", "Soccer"], badge: "FREE" }, |
| { id: 304, name: "Football Manager 2023", price: 59.99, rating: 4.7, image: "https://cdn.akamai.steamstatic.com/steam/apps/1901640/header.jpg", tags: ["Sports", "Football", "Management"], badge: "NEW" }, |
| { id: 305, name: "WWE 2K22", price: 59.99, rating: 4.4, image: "https://cdn.akamai.steamstatic.com/steam/apps/1255630/header.jpg", tags: ["Sports", "Wrestling", "Fighting"], badge: null }, |
| { id: 306, name: "PGA TOUR 2K23", price: 59.99, rating: 4.3, image: "https://cdn.akamai.steamstatic.com/steam/apps/1665460/header.jpg", tags: ["Sports", "Golf", "Simulation"], badge: "NEW" }, |
| { id: 307, name: "Tony Hawk's Pro Skater 1 + 2", price: 39.99, rating: 4.7, image: "https://cdn.akamai.steamstatic.com/steam/apps/1327430/header.jpg", tags: ["Sports", "Skateboarding", "Arcade"], badge: null }, |
| { id: 308, name: "Steep", price: 29.99, rating: 4.4, image: "https://cdn.akamai.steamstatic.com/steam/apps/460920/header.jpg", tags: ["Sports", "Winter", "Open World"], badge: null }, |
| { id: 309, name: "The Golf Club 2019", price: 39.99, rating: 4.3, image: "https://cdn.akamai.steamstatic.com/steam/apps/712950/header.jpg", tags: ["Sports", "Golf", "Simulation"], badge: null }, |
| { id: 310, name: "Super Mega Baseball 4", price: 44.99, rating: 4.5, image: "https://cdn.akamai.steamstatic.com/steam/apps/1889270/header.jpg", tags: ["Sports", "Baseball", "Arcade"], badge: "NEW" }, |
| |
| // Horror Games (50) |
| { id: 351, name: "Resident Evil 4", price: 59.99, rating: 4.9, image: "https://cdn.akamai.steamstatic.com/steam/apps/2050650/header.jpg", tags: ["Horror", "Action", "Survival"], badge: "NEW" }, |
| { id: 352, name: "Dead Space", price: 59.99, rating: 4.8, image: "https://cdn.akamai.steamstatic.com/steam/apps/1693980/header.jpg", tags: ["Horror", "Action", "Sci-Fi"], badge: "NEW" }, |
| { id: 353, name: "The Callisto Protocol", price: 59.99, rating: 4.5, image: "https://cdn.akamai.steamstatic.com/steam/apps/1544020/header.jpg", tags: ["Horror", "Action", "Survival"], badge: "NEW" }, |
| { id: 354, name: "Phasmophobia", price: 13.99, rating: 4.8, image: "https://cdn.akamai.steamstatic.com/steam/apps/739630/header.jpg", tags: ["Horror", "Multiplayer", "Co-op"], badge: "TOP SELLER" }, |
| { id: 355, name: "The Outlast Trials", price: 29.99, rating: 4.6, image: "https://cdn.akamai.steamstatic.com/steam/apps/1304930/header.jpg", tags: ["Horror", "Survival", "Multiplayer"], badge: "NEW" }, |
| { id: 356, name: "Amnesia: The Bunker", price: 24.99, rating: 4.5, image: "https://cdn.akamai.steamstatic.com/steam/apps/1944430/header.jpg", tags: ["Horror", "Survival", "Psychological"], badge: "NEW" }, |
| { id: 357, name: "The Dark Pictures Anthology", price: 29.99, rating: 4.4, image: "https://cdn.akamai.steamstatic.com/steam/apps/939960/header.jpg", tags: ["Horror", "Adventure", "Interactive"], badge: null }, |
| { id: 358, name: "Visage", price: 34.99, rating: 4.5, image: "https://cdn.akamai.steamstatic.com/steam/apps/515430/header.jpg", tags: ["Horror", "Psychological", "Survival"], badge: null }, |
| { id: 359, name: "SOMA", price: 29.99, rating: 4.7, image: "https://cdn.akamai.steamstatic.com/steam/apps/282140/header.jpg", tags: ["Horror", "Sci-Fi", "Story Rich"], badge: null }, |
| { id: 360, name: "Alien: Isolation", price: 39.99, rating: 4.8, image: "https://cdn.akamai.steamstatic.com/steam/apps/214490/header.jpg", tags: ["Horror", "Sci-Fi", "Stealth"], badge: "GOTY" }, |
| |
| // Fighting Games (50) |
| { id: 401, name: "Street Fighter 6", price: 59.99, rating: 4.8, image: "https://cdn.akamai.steamstatic.com/steam/apps/1364780/header.jpg", tags: ["Fighting", "Action", "Arcade"], badge: "NEW" }, |
| { id: 402, name: "Mortal Kombat 11", price: 49.99, rating: 4.7, image: "https://cdn.akamai.steamstatic.com/steam/apps/976310/header.jpg", tags: ["Fighting", "Action", "Gore"], badge: "BEST SELLER" }, |
| { id: 403, name: "Tekken 7", price: 39.99, rating: 4.6, image: "https://cdn.akamai.steamstatic.com/steam/apps/389730/header.jpg", tags: ["Fighting", "Action", "Arcade"], badge: null }, |
| { id: 404, name: "Dragon Ball FighterZ", price: 59.99, rating: 4.8, image: "https://cdn.akamai.steamstatic.com/steam/apps/678950/header.jpg", tags: ["Fighting", "Anime", "Action"], badge: "BEST SELLER" }, |
| { id: 405, name: "Guilty Gear -Strive-", price: 59.99, rating: 4.7, image: "https://cdn.akamai.steamstatic.com/steam/apps/1384160/header.jpg", tags: ["Fighting", "Anime", "Action"], badge: null }, |
| { id: 406, name: "Brawlhalla", price: 0, rating: 4.5, image: "https://cdn.akamai.steamstatic.com/steam/apps/291550/header.jpg", tags: ["Fighting", "Platformer", "Free to Play"], badge: "FREE" }, |
| { id: 407, name: "Mortal Kombat X", price: 19.99, rating: 4.6, image: "https://cdn.akamai.steamstatic.com/steam/apps/307780/header.jpg", tags: ["Fighting", "Action", "Gore"], badge: null }, |
| { id: 408, name: "Injustice 2", price: 49.99, rating: 4.6, image: "https://cdn.akamai.steamstatic.com/steam/apps/627270/header.jpg", tags: ["Fighting", "Action", "Superhero"], badge: null }, |
| { id: 409, name: "Soulcalibur VI", price: 49.99, rating: 4.5, image: "https://cdn.akamai.steamstatic.com/steam/apps/544750/header.jpg", tags: ["Fighting", "Action", "3D"], badge: null }, |
| { id: 410, name: "The King of Fighters XV", price: 59.99, rating: 4.5, image: "https://cdn.akamai.steamstatic.com/steam/apps/1498570/header.jpg", tags: ["Fighting", "Action", "Arcade"], badge: "NEW" }, |
| |
| // Simulation Games (50) |
| { id: 451, name: "Microsoft Flight Simulator", price: 59.99, rating: 4.7, image: "https://cdn.akamai.steamstatic.com/steam/apps/1250410/header.jpg", tags: ["Simulation", "Flight", "Open World"], badge: "BEST SELLER" }, |
| { id: 452, name: "Euro Truck Simulator 2", price: 19.99, rating: 4.8, image: "https://cdn.akamai.steamstatic.com/steam/apps/227300/header.jpg", tags: ["Simulation", "Driving", "Open World"], badge: "TOP SELLER" }, |
| { id: 453, name: "Farming Simulator 22", price: 39.99, rating: 4.6, image: "https://cdn.akamai.steamstatic.com/steam/apps/1248130/header.jpg", tags: ["Simulation", "Farming", "Open World"], badge: "BEST SELLER" }, |
| { id: 454, name: "Cities: Skylines", price: 29.99, rating: 4.8, image: "https://cdn.akamai.steamstatic.com/steam/apps/255710/header.jpg", tags: ["Simulation", "City Builder", "Management"], badge: "TOP SELLER" }, |
| { id: 455, name: "PowerWash Simulator", price: 24.99, rating: 4.7, image: "https://cdn.akamai.steamstatic.com/steam/apps/1290000/header.jpg", tags: ["Simulation", "Relaxing", "Casual"], badge: "TOP SELLER" }, |
| { id: 456, name: "Car Mechanic Simulator 2021", price: 29.99, rating: 4.5, image: "https://cdn.akamai.steamstatic.com/steam/apps/1190000/header.jpg", tags: ["Simulation", "Cars", "Management"], badge: null }, |
| { id: 457, name: "House Flipper", price: 24.99, rating: 4.6, image: "https://cdn.akamai.steamstatic.com/steam/apps/613100/header.jpg", tags: ["Simulation", "Relaxing", "Casual"], badge: null }, |
| { id: 458, name: "Train Sim World 3", price: 39.99, rating: 4.4, image: "https://cdn.akamai.steamstatic.com/steam/apps/1944790/header.jpg", tags: ["Simulation", "Trains", "Driving"], badge: "NEW" }, |
| { id: 459, name: "Planet Zoo", price: 44.99, rating: 4.7, image: "https://cdn.akamai.steamstatic.com/steam/apps/703080/header.jpg", tags: ["Simulation", "Building", "Management"], badge: null }, |
| { id: 460, name: "Kerbal Space Program", price: 39.99, rating: 4.7, image: "https://cdn.akamai.steamstatic.com/steam/apps/220200/header.jpg", tags: ["Simulation", "Space", "Physics"], badge: "GOTY" }, |
| |
| // Indie Games (50) |
| { id: 501, name: "Hades", price: 24.99, rating: 4.9, image: "https://cdn.akamai.steamstatic.com/steam/apps/1145360/header.jpg", tags: ["Indie", "Action", "Roguelike"], badge: "GOTY" }, |
| { id: 502, name: "Celeste", price: 19.99, rating: 4.8, image: "https://cdn.akamai.steamstatic.com/steam/apps/504230/header.jpg", tags: ["Indie", "Platformer", "Story Rich"], badge: "GOTY" }, |
| { id: 503, name: "Hollow Knight", price: 14.99, rating: 4.9, image: "https://cdn.akamai.steamstatic.com/steam/apps/367520/header.jpg", tags: ["Indie", "Adventure", "Metroidvania"], badge: "GOTY" }, |
| { id: 504, name: "Undertale", price: 9.99, rating: 4.9, image: "https://cdn.akamai.steamstatic.com/steam/apps/391540/header.jpg", tags: ["Indie", "RPG", "Story Rich"], badge: "GOTY" }, |
| { id: 505, name: "Cuphead", price: 19.99, rating: 4.8, image: "https://cdn.akamai.steamstatic.com/steam/apps/268910/header.jpg", tags: ["Indie", "Action", "Platformer"], badge: "GOTY" }, |
| { id: 506, name: "Dead Cells", price: 24.99, rating: 4.8, image: "https://cdn.akamai.steamstatic.com/steam/apps/588650/header.jpg", tags: ["Indie", "Action", "Roguelike"], badge: "GOTY" }, |
| { id: 507, name: "Terraria", price: 9.99, rating: 4.9, image: "https://cdn.akamai.steamstatic.com/steam/apps/105600/header.jpg", tags: ["Indie", "Adventure", "Sandbox"], badge: "TOP SELLER" }, |
| { id: 508, name: "Stardew Valley", price: 14.99, rating: 4.9, image: "https://cdn.akamai.steamstatic.com/steam/apps/413150/header.jpg", tags: ["Indie", "Farming", "RPG"], badge: "TOP SELLER" }, |
| { id: 509, name: "Among Us", price: 4.99, rating: 4.7, image: "https://cdn.akamai.steamstatic.com/steam/apps/945360/header.jpg", tags: ["Indie", "Multiplayer", "Party"], badge: "TOP SELLER" }, |
| { id: 510, name: "Risk of Rain 2", price: 24.99, rating: 4.8, image: "https://cdn.akamai.steamstatic.com/steam/apps/632360/header.jpg", tags: ["Indie", "Action", "Roguelike"], badge: "GOTY" }, |
| |
| // MMO Games (50) |
| { id: 551, name: "Final Fantasy XIV Online", price: 19.99, rating: 4.8, image: "https://cdn.akamai.steamstatic.com/steam/apps/39210/header.jpg", tags: ["MMO", "RPG", "Fantasy"], badge: "BEST SELLER" }, |
| { id: 552, name: "Lost Ark", price: 0, rating: 4.6, image: "https://cdn.akamai.steamstatic.com/steam/apps/1599340/header.jpg", tags: ["MMO", "Action", "RPG"], badge: "FREE" }, |
| { id: 553, name: "Guild Wars 2", price: 0, rating: 4.7, image: "https://cdn.akamai.steamstatic.com/steam/apps/1284210/header.jpg", tags: ["MMO", "RPG", "Fantasy"], badge: "FREE" }, |
| { id: 554, name: "Black Desert Online", price: 9.99, rating: 4.5, image: "https://cdn.akamai.steamstatic.com/steam/apps/582660/header.jpg", tags: ["MMO", "RPG", "Action"], badge: null }, |
| { id: 555, name: "Elder Scrolls Online", price: 19.99, rating: 4.6, image: "https://cdn.akamai.steamstatic.com/steam/apps/306130/header.jpg", tags: ["MMO", "RPG", "Fantasy"], badge: "BEST SELLER" }, |
| { id: 556, name: "New World", price: 39.99, rating: 4.4, image: "https://cdn.akamai |
| </html> |
