marketV2/index.html at main · tahazus/marketV2 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TAWS — بهترین قیمت خدمات استیم و اشتراک‌های دیجیتال در ایران</title>
    <meta name="description" content="خرید خدمات استیم و اشتراک‌های دیجیتال با قیمت مناسب و پشتیبانی سریع از تـــاز.">

    <!-- style -->
    <style>
        @font-face {
        font-family: 'Arad';
        src: url('src/font/Arad-Regular.woff2') format('woff2');
        }
        @font-face {
        font-family: 'Aradbold';
        src: url('src/font/Arad-Bold.woff2') format('woff2');
        }
        @font-face {
        font-family: 'Aradmed';
        src: url('src/font/Arad-Medium.woff2') format('woff2');
        }
        @font-face {
        font-family: 'Aradthin';
        src: url('src/font/Arad-Thin.woff2') format('woff2');
        }
        [x-cloak] { display: none !important; }
    </style>

    <!-- favicon -->
    <link rel="icon" href="src/img/taha.png" type="image/png"/>

    <!-- tailwinds -->
    <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>

    <!-- font awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.0/css/all.min.css" integrity="sha512-DxV+EoADOkOygM4IR9yXP8Sb2qwgidEmeqAEmDKIOfPRQZOWbXCzLC6vjbZyy0vPisbH2SyW27+ddLVCN+OMzQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />

</head>
<body class="bg-[#000000] font-[Arad] min-h-screen">

<!-- header -->
<header x-data="{ open: false }" class="w-full h-16 border-b border-neutral-800">
    <nav class="w-[90%] md:w-[60%] mx-auto px-4 h-full">
        <div class="flex items-center justify-between h-full">

            <a class="text-3xl text-white" href="/">تـــاز</a>

            <div class="hidden md:flex items-center gap-10 text-[#A1A1AA]">
                <a class="hover:text-[#A78BFA] transition-colors" href="#">بلاگ</a>
                <a class="hover:text-[#A78BFA] transition-colors" href="#">قوانین</a>
                <a class="hover:text-[#A78BFA] transition-colors" href="#">ارتباط</a>
            </div>


            <button
                type="button"
                @click="open = !open"
                :aria-expanded="open.toString()"
                aria-controls="mobile-menu"
                aria-label="باز کردن منو"
                class="md:hidden text-neutral-400 hover:text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-violet-400"
            >
                <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
                </svg>
            </button>
        </div>
    </nav>

    <div id="mobile-menu" x-cloak x-show="open" @click.outside="open = false"
         class="md:hidden bg-[#1E1E2A] absolute w-full left-0 right-0 z-50 border-t border-[#2E2E3F]">
        <div class="container mx-auto px-4 py-3 flex flex-col space-y-3 text-center text-[#A1A1AA]">
            <a class="hover:text-[#E4E4E7] py-2 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-violet-400" href="#">بلاگ</a>
            <a class="hover:text-[#E4E4E7] py-2 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-violet-400" href="#">قوانین</a>
            <a class="hover:text-[#E4E4E7] py-2 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-violet-400" href="#">ارتباط</a>
        </div>
    </div>
</header>

<main>
<div class="w-full">
    <div class="w-[85%] md:w-[65%] mx-auto px-4 py-7">
        <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-4 gap-6 p-4">

        <!-- Item 1 -->
        <a href="https://tawss.ir/steam-point" aria-label="مشاهده محصول Steam Point" class="block overflow-hidden rounded-xl shadow-lg shadow-black/40 hover:shadow-black/60 hover:scale-105 transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-violet-400">
            <picture>
            <source srcset="src/img/SteamPoint.webp" type="image/webp">
            <img src="src/img/SteamPoint.webp" alt="Steam Point" class="w-full h-auto" loading="lazy" decoding="async">
            </picture>
        </a>

        <!-- Item 2 -->
        <a href="https://tawss.ir/dota-plus" aria-label="مشاهده محصول Dota Plus" class="block overflow-hidden rounded-xl shadow-lg shadow-black/40 hover:shadow-black/60 hover:scale-105 transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-violet-400">
            <picture>
            <source srcset="src/img/dotaplus.webp" type="image/webp">
            <img src="src/img/dotaplus.webp" alt="Dota Plus" class="w-full h-auto" loading="lazy" decoding="async">
            </picture>
        </a>

        <!-- Item 3 -->
        <a href="https://tawss.ir/telegram-premium" aria-label="مشاهده محصول Telegram Premium" class="block overflow-hidden rounded-xl shadow-lg shadow-black/40 hover:shadow-black/60 hover:scale-105 transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-violet-400">
            <picture>
            <source srcset="src/img/telegrampremium.webp" type="image/webp">
            <img src="src/img/telegrampremium.webp" alt="Telegram Premium" class="w-full h-auto" loading="lazy" decoding="async">
            </picture>
        </a>

        <!-- Item 4 -->
        <a href="https://tawss.ir/tf2-keys" aria-label="مشاهده محصول TF2 Keys" class="block overflow-hidden rounded-xl shadow-lg shadow-black/40 hover:shadow-black/60 hover:scale-105 transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-violet-400">
            <picture>
            <source srcset="src/img/tf2key.webp" type="image/webp">
            <img src="src/img/tf2key.webp" alt="TF2 Keys" class="w-full h-auto" loading="lazy" decoding="async">
            </picture>
        </a>

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


<div class="w-full">
  <div class="w-[95%] md:w-[65%] mx-auto px-4 py-3">
    <div class="grid grid-cols-1 lg:grid-cols-2 gap-y-8 lg:gap-x-10 text-[#E4E4E7] px-5 lg:px-2">

      <div class="text-center flex flex-col h-full">
        <h2 class="text-2xl text-[#8B5CF6] font-[Aradbold]">نحوه ثبت و دریافت سفارش…</h2>
        <p class="flex-1 mt-4 leading-relaxed">
          برای ثبت سفارش کافی‌ست محصول مورد نظر و قیمت آن را در سایت مشاهده کنید، سپس از طریق تلگرام به پشتیبانی ما پیام دهید و سفارش خود را ثبت کنید. بعد از ثبت سفارش، تیم ما بلافاصله کارهای لازم را انجام می‌دهد و فقط کافی است کمی صبر داشته باشید تا سفارش شما آماده شود.
        </p>
      </div>

      <div class="text-center flex flex-col h-full">
        <h1 class="text-2xl text-[#8B5CF6] font-[Aradbold]">تـــاز، فروشگاه محصولات دیجیتالی</h1>
        <p class="flex-1 mt-4 leading-relaxed">
          فروشگاه ما از اواسط ۲۰۲۳ با تمرکز روی خرید و فروش اسکین‌های CS2 شروع به کار کرد. به مرور آیتم‌های بازی‌هایی مثل Dota2 و کلیدهای TF2 و خدمات تلگرام را نیز اضافه کردیم تا تجربه‌ای کامل و مطمئن، هم در استیم و هم تلگرام، به شما ارائه دهیم. در سریع‌ترین زمان ممکن پاسخگو هستم و با محیطی امن و کمترین کارمزد، بهترین خدمات را فراهم می‌کنم.
        </p>
      </div>

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


<div class="w-full">
    <div class="w-[85%] md:w-[65%] mx-auto px-4 py-10">
        <div class="flex items-center p-5 text-stone-300 rounded-3xl bg-[#1E1E2A] shadow-xl/20">
            <div class="text-center">
                <h2 class="text-xl my-3 text-[#A78BFA] font-[Aradbold]">چطور می‌تونیم به شما کمک کنیم؟</h2>
                <p>اگر سوالی دارید یا به کمک در استفاده از خدمات نیاز دارید، با تیم تـــاز در تماس باشید. پشتیبانی 24/7 در دسترس شماست و با خوشحالی منتظر ارتباط شما برای رفع هر گونه نیاز یا سوالی خواهیم بود.</p>
                <div class="flex w-full justify-center mt-8 flex-col sm:flex-row gap-4 sm:gap-0">
                    <a class="sm:mx-5 rounded-md shadow-xl/20 bg-[#0F0F1A] hover:bg-[#1A1A2E] text-[#E4E4E7] py-2 px-6 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-violet-400" href="https://t.me/TahazuS" target="_blank" rel="noopener noreferrer">چت در تلگرام</a>
                    <a class="sm:mx-5 rounded-md shadow-xl/20 bg-[#0F0F1A] hover:bg-[#1A1A2E] text-[#E4E4E7] py-2 px-6 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-violet-400" href="tel:+989301713978">تماس تلفنی</a>
                </div>
            </div>
        </div>
    </div>
</div>

</main>

<!-- Footer -->
<footer class="w-full m-auto">
  <div class="container m-auto">

    <div class="flex justify-center lg:fixed lg:left-4 lg:bottom-[6.75rem] flex-row lg:flex-col space-x-4 lg:space-x-0 lg:space-y-1 text-violet-600 mb-4 lg:mb-0" dir="ltr">
        <a href="https://t.me/TAWSS" target="_blank" rel="noopener noreferrer" aria-label="Telegram" class="p-2 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-violet-400">
            <i class="fa-brands fa-telegram fa-2x" aria-hidden="true"></i>
        </a>
        <a href="https://steamcommunity.com/id/TahazuS" target="_blank" rel="noopener noreferrer" aria-label="Steam" class="p-2 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-violet-400">
            <i class="fa-brands fa-steam fa-2x" aria-hidden="true"></i>
        </a>
        <a href="https://x.com/TahaHadian" target="_blank" rel="noopener noreferrer" aria-label="X" class="p-2 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-violet-400">
            <i class="fa-brands fa-x-twitter fa-2x" aria-hidden="true"></i>
        </a>
        <a href="https://discord.gg/a7PrkNjXWk" target="_blank" rel="noopener noreferrer" aria-label="Discord" class="p-2 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-violet-400">
            <i class="fa-brands fa-discord fa-2x" aria-hidden="true"></i>
        </a>
    </div>

    <p class="text-center text-[#E4E4E7] my-1 pb-5">تمامی حقوق برای <a href="https://t.me/TahazuS" class="text-[#8B5CF6] hover:text-[#A78BFA]">تـــاز</a> محفوظ است.</p>

  </div>
</footer>

</body>

<!-- Alpine.js -->
<script src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js" defer></script>

</html>