معرفی قالب پریمیوم کارت
پریمیوم کارت چیست؟
یک قالب فرانت‌اند استاتیک و راست‌چین برای فروش اشتراک‌های دیجیتال جهانی با پرداخت تومانی. همه صفحه‌ها با HTML، CSS و Alpine.js ساخته شده‌اند و بدون سرور یا دیتابیس اجرا می‌شوند. سبد خرید، ورود و پرداخت به‌صورت نمایشی کار می‌کنند تا کل مسیر خرید دیده و آزموده شود.
برای چه کسانی مناسب است؟
- فروشگاه‌هایی که اکانت و اشتراک سرویس‌های خارجی را به تومان می‌فروشند
- طراحان و برنامه‌نویسانی که یک رابط کاربری کامل و آماده می‌خواهند
- تیم‌هایی که قالب را به WordPress، Laravel، Django، React یا هر بک‌اند دیگری وصل می‌کنند
آنچه در بسته هست
| بخش | توضیح |
|---|---|
| سه صفحه اول | کارت (index.html)، کاتالوگ (index-alt.html) و پوستر (index-dark.html)؛ هرکدام با فونت، پالت و چیدمان خودش |
| بیست صفحه داخلی | محصول، سبد، تحویل، پرداخت، تأیید سفارش، ورود، پنل کاربری (۹ صفحه)، مجله، مقاله، درباره ما، تماس، قوانین |
| صفحه معرفی | demo.html با اسکرین‌شات همه صفحه‌ها و انتخاب زنده صفحه اول |
| شش فایل CSS | توکن‌ها، سیستم مشترک، صفحه‌های داخلی و یک فایل برای هر صفحه اول |
| فونت‌ها | دانا (اعداد فارسی)، ایران‌یکان و کلمه؛ همه woff2 و محلی |
| آیکون‌ها | Phosphor در سه وزن (معمولی، ضخیم، توپر) به‌صورت فونت محلی |
| عکس‌ها | ۳۷ عکس واقعی در سه برش WebP، به‌اضافه نشان ۱۵ سرویس |
| مستندات | پوشه help/ (همین مجموعه) به فارسی |
آنچه در بسته نیست
- بک‌اند، API یا دیتابیس
- درگاه پرداخت واقعی
- ورود و ثبت‌نام سمت سرور
- مدیریت سفارش واقعی
داده سرویس‌ها و کاربر در جاوااسکریپت نوشته شده و سبد و ورود در sessionStorage مرورگر نگه داشته می‌شوند. جای اتصال هرکدام به سرور در معماری جاوااسکریپت آمده است.
ویژگی‌های کلیدی
- سه صفحه اول بدون بخش مشترک: هر سه را نگه دارید یا فقط یکی را.
- سبدی که کار می‌کند: شمارنده زنده در نوار بالا، ماندگاری بین صفحه‌ها، کد تخفیف و جمعی که درست حساب می‌شود.
- ساعت تحویل زنده: صفحه اول و محصول نشان می‌دهند اگر الان پرداخت شود، اطلاعات ورود چه ساعتی می‌رسد.
- توکن برای هر رنگ و اندازه: رنگ برند با عوض کردن سه مقدار تغییر می‌کند.
- تم تاریک برای صفحه اول کارت و همه صفحه‌های داخلی.
- بدون وابستگی به اینترنت: فونت، آیکون و عکس‌ها داخل بسته‌اند؛ هیچ CDN لازم نیست.
- دسترس‌پذیری: کنترل‌ها با کیبورد کار می‌کنند، فوکوس دیده می‌شود و حرکت‌ها با «کاهش حرکت» سیستم‌عامل خاموش می‌شوند.
مرورگرهای پشتیبانی‌شده
نسخه‌های به‌روز Chrome، Edge، Firefox و Safari، روی دسکتاپ و موبایل.