<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>DallasParty — A Frozen World of Free Social Games</title>
  <meta name="description" content="DallasParty is a free-to-play social game. Spin three signature games, climb the frozen ranks, and play for free — all day, every day.">
  <link rel="icon" type="image/svg+xml" href="/assets/favicon.svg">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=Unbounded:wght@400;500;600;700;800&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="/css/styles.css">
</head>
<body>
  <div class="grain"></div>

  <!-- NAV -->
  <header class="nav">
    <div class="container nav-inner">
      <a class="brand" href="/">
        <img src="/assets/favicon.svg" alt="DallasParty logo">
        <span class="name">Dallas<b>Party</b></span>
      </a>
      <nav class="nav-links">
        <a href="/#games">Games</a>
        <a href="/#about">About</a>
        <a href="/#why">Why us</a>
        <a href="/level-up.html">Level Up</a>
        <a href="/contact.html">Contact</a>
      </nav>
      <div class="nav-actions" data-nav-actions></div>
      <button class="nav-toggle" data-nav-toggle aria-label="Menu"><span></span></button>
    </div>
  </header>

  <!-- MOBILE DRAWER -->
  <div class="mobile-drawer" data-drawer>
    <button class="mobile-close" data-drawer-close aria-label="Close">&#10005;</button>
    <a href="/#games">Games</a>
    <a href="/#about">About</a>
    <a href="/#why">Why us</a>
    <a href="/level-up.html">Level Up</a>
    <a href="/status.html">Status</a>
    <a href="/contact.html">Contact</a>
    <div data-drawer-auth class="drawer-auth"></div>
  </div>

  <!-- HERO -->
  <section class="hero">
    <div class="hero-bg"><img src="/assets/hero-bg.png" alt=""></div>
    <div class="container hero-inner">
      <div class="hero-copy reveal">
        <span class="eyebrow"><span class="dot"></span> Free-to-play social game</span>
        <h1>Free games, served <span class="grad-text">ice&nbsp;cold</span></h1>
        <p class="sub">DallasParty is a chilled-out playground of reel-spinning fun. Jump into three signature games, climb the frozen ranks, and play free — every hour of every day.</p>
        <div class="hero-cta">
          <a class="btn btn-primary btn-lg" href="#games" data-play-now>Start playing
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M5 12h14M13 6l6 6-6 6" stroke-linecap="round" stroke-linejoin="round"/></svg>
          </a>
          <a class="btn btn-ghost btn-lg" href="#about">How it works</a>
        </div>
        <div class="hero-stats">
          <div class="stat"><b class="grad-text">3</b><span>Signature games</span></div>
          <div class="stat"><b class="grad-text">100%</b><span>Free forever</span></div>
          <div class="stat"><b class="grad-text">24/7</b><span>Always open</span></div>
        </div>
      </div>
      <div class="hero-visual reveal">
        <div class="emblem">
          <div class="ring r1 spin"></div>
          <div class="ring r2 spin"></div>
          <div class="ring r3"></div>
          <div class="core">
            <svg viewBox="0 0 120 120" fill="none" aria-hidden="true">
              <defs>
                <linearGradient id="hc-a" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#B2FEFA"/><stop offset="1" stop-color="#0ED2F7"/></linearGradient>
                <linearGradient id="hc-b" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#eafffe"/><stop offset="1" stop-color="#0aa9cc"/></linearGradient>
              </defs>
              <polygon points="60,10 92,42 60,110 28,42" fill="url(#hc-a)"/>
              <polygon points="60,10 92,42 60,42" fill="#f2ffff" opacity=".9"/>
              <polygon points="28,42 60,42 60,110" fill="url(#hc-b)" opacity=".95"/>
              <polygon points="60,42 92,42 60,110" fill="#0aa9cc"/>
              <line x1="60" y1="10" x2="60" y2="110" stroke="#eafffe" stroke-width="1.5" opacity=".55"/>
              <line x1="28" y1="42" x2="92" y2="42" stroke="#eafffe" stroke-width="1.5" opacity=".55"/>
            </svg>
          </div>
          <span class="spark" style="width:14px;height:14px;background:#B2FEFA;top:6%;left:20%;box-shadow:0 0 18px #B2FEFA"></span>
          <span class="spark" style="width:9px;height:9px;background:#0ED2F7;bottom:12%;right:16%;box-shadow:0 0 16px #0ED2F7;animation-delay:.8s"></span>
          <span class="spark" style="width:7px;height:7px;background:#eafffe;top:30%;right:6%;box-shadow:0 0 14px #eafffe;animation-delay:1.5s"></span>
        </div>
      </div>
    </div>
  </section>

  <!-- GAMES -->
  <section class="section" id="games">
    <div class="container">
      <div class="reveal" style="text-align:center">
        <span class="eyebrow">The line-up</span>
        <h2 class="h-section">Three games. <span class="grad-text">Endless chill</span>.</h2>
        <p class="lead" style="margin:0 auto">Log in once and every game unlocks. Pick your world below and start spinning.</p>
      </div>

      <div class="games-grid" style="margin-top:44px">
        <a class="game-card reveal" href="/game1.html" data-game-link="/game1.html">
          <img class="art" src="/assets/wild.png" alt="Wild West">
          <div class="veil"></div>
          <span class="tag">Live</span>
          <span class="lock"><svg viewBox="0 0 24 24" fill="none" stroke-width="2"><rect x="5" y="11" width="14" height="9" rx="2"/><path d="M8 11V8a4 4 0 0 1 8 0v3"/></svg></span>
          <div class="card-body">
            <h3>Wild West</h3>
            <p class="desc">Let every spin lead to a legendary bounty.</p>
            <span class="play-pill">Play now
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6"><path d="M5 12h14M13 6l6 6-6 6" stroke-linecap="round" stroke-linejoin="round"/></svg>
            </span>
          </div>
        </a>

        <a class="game-card reveal" href="/game2.html" data-game-link="/game2.html">
          <img class="art" src="/assets/book.png" alt="Book of Treasures">
          <div class="veil"></div>
          <span class="tag">Live</span>
          <span class="lock"><svg viewBox="0 0 24 24" fill="none" stroke-width="2"><rect x="5" y="11" width="14" height="9" rx="2"/><path d="M8 11V8a4 4 0 0 1 8 0v3"/></svg></span>
          <div class="card-body">
            <h3>Book of Treasures</h3>
            <p class="desc">Every spin writes a new treasure story.</p>
            <span class="play-pill">Play now
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6"><path d="M5 12h14M13 6l6 6-6 6" stroke-linecap="round" stroke-linejoin="round"/></svg>
            </span>
          </div>
        </a>

        <a class="game-card reveal" href="/game3.html" data-game-link="/game3.html">
          <img class="art" src="/assets/fruit.jpg" alt="The Fruits">
          <div class="veil"></div>
          <span class="tag">Live</span>
          <span class="lock"><svg viewBox="0 0 24 24" fill="none" stroke-width="2"><rect x="5" y="11" width="14" height="9" rx="2"/><path d="M8 11V8a4 4 0 0 1 8 0v3"/></svg></span>
          <div class="card-body">
            <h3>The Fruits</h3>
            <p class="desc">Let fruity fun brighten every spin.</p>
            <span class="play-pill">Play now
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6"><path d="M5 12h14M13 6l6 6-6 6" stroke-linecap="round" stroke-linejoin="round"/></svg>
            </span>
          </div>
        </a>
      </div>
    </div>
  </section>

  <!-- ABOUT -->
  <section class="section" id="about">
    <div class="container split">
      <div class="media reveal">
        <img src="/assets/about.png" alt="A frozen glacier lake">
        <div class="media-veil"></div>
      </div>
      <div class="reveal">
        <span class="eyebrow">What is DallasParty?</span>
        <h2 class="h-section">A free social game, chilled to perfection</h2>
        <p class="lead">DallasParty brings bright, reel-spinning fun to your screen — wrapped in a cool, aurora-lit world of ice. Play whenever you like, rank up as you go, and share the fun with friends.</p>
        <ul class="checklist">
          <li>
            <svg viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="10" stroke="#0ED2F7" stroke-width="1.6"/><path d="M8 12.5l2.5 2.5L16 9.5" stroke="#B2FEFA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
            <span><b>Purely for fun.</b> No purchases and no prizes with any real-world value.</span>
          </li>
          <li>
            <svg viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="10" stroke="#0ED2F7" stroke-width="1.6"/><path d="M8 12.5l2.5 2.5L16 9.5" stroke="#B2FEFA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
            <span><b>Instant play.</b> One quick login and every game is ready to go.</span>
          </li>
          <li>
            <svg viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="10" stroke="#0ED2F7" stroke-width="1.6"/><path d="M8 12.5l2.5 2.5L16 9.5" stroke="#B2FEFA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
            <span><b>Saved on your device.</b> Your player and progress stay right here with you.</span>
          </li>
        </ul>
      </div>
    </div>
  </section>

  <!-- WHY -->
  <section class="section" id="why">
    <div class="container">
      <div class="reveal" style="text-align:center">
        <span class="eyebrow">Why DallasParty</span>
        <h2 class="h-section">Built for a good time</h2>
      </div>
      <div class="features" style="margin-top:40px">
        <div class="feature reveal">
          <span class="fic"><svg viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2v20M2 12h20" stroke="#B2FEFA" stroke-width="1.6"/><circle cx="12" cy="12" r="9" stroke="#B2FEFA" stroke-width="1.6"/></svg></span>
          <h3>100% Free To Play</h3>
          <p>Every game is free — forever. No purchases, no catches, just play.</p>
        </div>
        <div class="feature reveal">
          <span class="fic"><svg viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M4 10l8-6 8 6v9a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1z" stroke="#B2FEFA" stroke-width="1.6"/><path d="M9 20v-6h6v6" stroke="#B2FEFA" stroke-width="1.6"/></svg></span>
          <h3>Three Signature Games</h3>
          <p>Hand-crafted reel games, each with its own frozen mood and rhythm.</p>
        </div>
        <div class="feature reveal">
          <span class="fic"><svg viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><rect x="7" y="2" width="10" height="20" rx="2.4" stroke="#B2FEFA" stroke-width="1.6"/><path d="M11 18h2" stroke="#B2FEFA" stroke-width="1.6"/></svg></span>
          <h3>Play On Any Device</h3>
          <p>Smooth and responsive on phone, tablet, and desktop alike.</p>
        </div>
        <div class="feature reveal">
          <span class="fic"><svg viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3l2.6 5.3 5.9.9-4.2 4.1 1 5.8L12 16.9 6.7 19.2l1-5.8L3.5 9.2l5.9-.9z" stroke="#B2FEFA" stroke-width="1.6"/></svg></span>
          <h3>Level Up &amp; Rank</h3>
          <p>Climb the frozen tiers the more you play. See how ranks work anytime.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- CTA -->
  <section class="section">
    <div class="container">
      <div class="cta reveal">
        <div class="cta-bg"><img src="/assets/cta-bg.png" alt=""></div>
        <h2>A whole world of <span class="grad-text">free games</span> is waiting</h2>
        <p>Create your player in seconds and start spinning across the ice.</p>
        <a class="btn btn-primary btn-lg" href="#games" data-play-now>Play now
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M5 12h14M13 6l6 6-6 6" stroke-linecap="round" stroke-linejoin="round"/></svg>
        </a>
      </div>
    </div>
  </section>

  <!-- FOOTER -->
  <footer class="footer">
    <div class="container footer-top">
      <a class="brand" href="/"><img src="/assets/favicon.svg" alt=""><span class="name">Dallas<b>Party</b></span></a>
      <div class="footer-links">
        <a href="/disclaimer.html">Disclaimer</a>
        <a href="/level-up.html">Level Up</a>
        <a href="/status.html">DallasParty Status</a>
        <a href="/privacy.html">Privacy Policy</a>
        <a href="/terms.html">Terms of Use</a>
        <a href="/contact.html">Contact Us</a>
      </div>
      <div class="footer-sep"></div>
      <span class="lang">
        <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.6"><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3c2.5 2.5 2.5 15 0 18M12 3c-2.5 2.5-2.5 15 0 18"/></svg>
        Language: EN
      </span>
      <p class="disclaimer">DallasParty is a free-to-play social game intended for entertainment purposes only. The games use no real money, offer no purchases, and award no prizes of any monetary value. You must be of legal age in your region to play.</p>

<div class="contact-address">
  <strong>Contact Address:</strong><br>
  Dollar Media Technology Limited<br>
  李钦明<br>
  Kam Fone Mansion, 16 Kam Fong Street, Yau Tsim Mong District, Kowloon<br>
  Mong Kok<br>
  Hong Kong
</div>

      <p class="copy">© 2026 DallasParty. All rights reserved.</p>
    </div>
  </footer>

  <script src="/js/main.js"></script>
</body>
</html>
