\<title>بازی‌ها | MiniSteam\</title>            

```
<a class="btn btn-small btn-outline"
   href="/profile">پروفایل</a>
<header class="navbar">
    <a class="logo" href="/">
        <span class="logo-icon">M</span>
        Mini<span>Steam</span>
    </a>

    <nav class="nav-links">
        <a href="/">خانه</a>
        <a href="/games">بازی‌ها</a>
    </nav>

    <div class="nav-user">
        
            <a class="nav-login" href="/login">ورود</a>
            <a class="btn btn-small"
               href="/register">ثبت‌نام</a>
        
    </div>
</header>

<main class="page-content">
    
<section class="catalog-header">
    <span class="section-kicker">YOUR NEXT ADVENTURE</span>
    <h1>کتابخانه <span class="gradient-text">بازی‌ها</span></h1>
    <p>بازی موردنظرت رو جست‌وجو کن و جزئیاتش رو ببین.</p>

    <form class="search-form" action="/games" method="GET">
        <span class="search-icon">⌕</span>
        <input
            type="search"
            name="q"
            value=""
            placeholder="اسم بازی یا سبک بازی..."
            aria-label="جست‌وجوی بازی">
        <button class="btn" type="submit">جست‌وجو</button>
    </form>
</section>

<div class="catalog-toolbar">
    <span>
        
            همه بازی‌ها
        
    </span>
    <span class="result-count">1 بازی</span>
</div>

<section class="game-grid catalog-grid">
    
    <a class="game-card"
       href="/game/1">
        <div class="game-cover">
            <img src="/static/roblox.jpg"
                 alt="Roblox for pc">
            <span class="cover-badge">Adventure</span>
            <span class="cover-arrow">↗</span>
        </div>

        <div class="game-card-body">
            <div class="card-title-row">
                <h3>Roblox for pc</h3>
                <span class="price">Free</span>
            </div>
            <p>Explore millions of experiences in Roblox.</p>
            <div class="card-footer">
                <span>Adventure</span>
                <span class="details-link">مشاهده بازی ←</span>
            </div>
        </div>
    </a>
    
</section>

</main>

<footer class="footer">
    <a class="logo footer-logo" href="/">
        Mini<span>Steam</span>
    </a>
    <p>دنیای بازی‌ها، یک کلیک تا تو فاصله داره 🎮</p>
</footer>

<link rel="stylesheet" href="/static/style.css">

<a class="btn btn-small btn-outline"
   href="/profile">پروفایل</a>