<?php
/**
 * Fallback MuchWOW home page used until the front page is built with Elementor.
 *
 * @package Shabnam_MuchWOW
 */
defined( 'ABSPATH' ) || exit;
?>
<div class="wrap" id="wrapper">
<!-- Hero start -->
<div class="hero-header section panel overflow-hidden" id="hero_header">
<div class="section-outer py-9 lg:py-10 min-h-650px sm:min-h-600px lg:min-h-750px xl:min-h-1170px">
<img alt="تصویر" class="position-absolute start-0 top-0 w-100 d-none sm:d-block" src="<?php echo esc_url( shabnam_asset_uri( 'images/home-one/hero.svg' ) ); ?>"/>
<img alt="تصویر" class="position-absolute start-0 top-0 w-100 mt-8 sm:d-none" src="<?php echo esc_url( shabnam_asset_uri( 'images/home-one/hero-mobile-01.svg' ) ); ?>"/>
<img alt="تصویر" class="position-absolute start-0 bottom-0 w-100 sm:d-none" src="<?php echo esc_url( shabnam_asset_uri( 'images/home-one/hero-mobile-02.svg' ) ); ?>"/>
<div class="container">
<div class="section-inner panel">
<div class="panel vstack items-center gap-2 lg:gap-3 xl:gap-4 sm:max-w-650px lg:max-w-800px xl:max-w-1000px mx-auto text-center px-2 lg:px-0 mt-7 sm:mt-9 xl:mt-10" data-anime="targets: &gt;*; translateY: [24, 0]; opacity: [0, 1]; delay: anime.stagger(100, {start: 200});">
<h1 class="h5 sm:h2 lg:h1 xl:display-6 mb-0 ls-0 text-white text-uppercase ls-0 xl:mt-4"><span class="text-tertiary">به </span><span class="text-gradient bg-gradient-45n from-secondary to-tertiary">انقلاب</span> ارزهای دیجیتال جامعه‌محور بپیوندید</h1>
<p class="fs-4 xl:fs-3">نسل بعدی میم‌کوین‌ها.</p>
<div class="vstack sm:hstack justify-center gap-3 mt-1 sm:mt-2">
<a class="btn btn-md sm:btn-xl xl:btn-2xl px-4 xl:px-6 border border-3 border-black bg-gradient-45n from-secondary to-tertiary contrast-shadow -rotate-2 hover:rotate-0" href="<?php echo esc_url( shabnam_shop_url() ); ?>" style="--shadowColor: var(--color-secondary)">
<span class="text-black">همین حالا بخرید!</span>
<span class="fs-4 mb-narrow">🚀</span>
</a>
<a class="btn btn-md sm:btn-xl xl:btn-2xl px-4 xl:px-6 border border-3 border-black bg-gradient-45n from-fifth to-quaternary contrast-shadow rotate-2 hover:rotate-0" href="<?php echo esc_url( shabnam_contact_url() ); ?>" style="--shadowColor: var(--color-secondary)">
<span class="text-black">به ما بپیوندید!</span>
<span class="fs-4 mb-narrow">💪</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Hero end -->
<!-- Text Marquee Start -->
<div class="h3 xl:h2 fw-medium py-4 xl:py-6 my-3 reverse bg-secondary -rotate-2 text-black text-uppercase ls-0" data-uc-marquee="clone: 3; gap: 64; reverse: true;" style="--gap: 32px">
<div>
<div class="hstack gap-8">
<div>¥</div>
<span>اقتصاد توکن</span>
<div>¥</div>
<span>میم‌کوین‌ها</span>
<div>¥</div>
<span>اقتصاد توکن</span>
<div>¥</div>
<span>رمزارز</span>
</div>
<div class="hstack gap-8">
<div>¥</div>
<span>اقتصاد توکن</span>
<div>¥</div>
<span>میم‌کوین‌ها</span>
<div>¥</div>
<span>اقتصاد توکن</span>
<div>¥</div>
<span>رمزارز</span>
</div>
<div class="hstack gap-8">
<div>¥</div>
<span>اقتصاد توکن</span>
<div>¥</div>
<span>میم‌کوین‌ها</span>
<div>¥</div>
<span>اقتصاد توکن</span>
<div>¥</div>
<span>رمزارز</span>
</div>
<div class="hstack gap-8">
<div>¥</div>
<span>اقتصاد توکن</span>
<div>¥</div>
<span>میم‌کوین‌ها</span>
<div>¥</div>
<span>اقتصاد توکن</span>
<div>¥</div>
<span>رمزارز</span>
</div>
</div>
</div>
<!-- Text Marquee end -->
<!-- Section start -->
<div class="about section panel overflow-hidden" id="about">
<div class="section-outer panel pt-6 sm:pt-8 lg:pt-9 xl:pt-10">
<div class="container sm:max-w-md xl:max-w-lg">
<div class="section-inner panel">
<div class="section-header panel sm:max-w-500px xl:max-w-650px mx-auto mb-4 sm:mb-8 xl:mb-9 text-center" data-anime="onview: -300; targets: &gt;*; translateY: [24, 0]; opacity: [0, 1]; delay: anime.stagger(100, {start: 200});">
<div class="category">
<div class="rotate-2">
<span class="fs-5 xl:fs-4 text-secondary fw-bold">داستان ما</span>
</div>
</div>
<div class="title">
<h2 class="h5 sm:h3 xl:h2 mb-0 mt-2 text-white text-uppercase ls-0 -rotate-1">درباره <?php echo esc_html( get_bloginfo( 'name' ) ); ?> 🚀</h2>
</div>
<div class="desc mt-3 sm:mt-4">
<p class="fs-6 sm:fs-5 xl:fs-4 mb-2">توکن <?php echo esc_html( get_bloginfo( 'name' ) ); ?> از دل فرهنگ میم متولد شد تا نمادی از قدرت جامعه و خلاقیت در دنیای رمزارزها باشد!</p>
<p class="fs-6 sm:fs-5 xl:fs-4">ما فقط یک میم‌کوین دیگر نیستیم؛ جنبشی هستیم که با انرژی جامعه‌ای از باورمندان و رویاپردازان رشد می‌کند! 🌟</p>
</div>
</div>
<div class="section-content" data-anime="onview: -200; translateY: [48, 0]; opacity: [0, 1]; delay: 200;">
<img alt="تصویر" src="<?php echo esc_url( shabnam_asset_uri( 'images/home-one/01.svg' ) ); ?>"/>
</div>
</div>
</div>
</div>
</div>
<!-- Section end -->
<!-- Section start -->
<div class="numbers section panel overflow-hidden" id="numbers">
<div class="section-outer panel py-6 sm:py-8 lg:py-9 xl:py-10">
<div class="container sm:max-w-lg">
<div class="section-inner panel">
<div class="section-content panel text-center">
<div class="row child-cols-12 sm:child-cols-6 justify-center g-4 sm:gx-3 sm:gy-6 xl:gx-4 xl:gy-8" data-anime="onview: -300; targets: &gt;*; translateY: [24, 0]; opacity: [0, 1]; delay: anime.stagger(100, {start: 200});">
<div>
<div class="numbers-item vstack items-center gap-1 px-6 py-8 border border-1 border-gray-100 border-opacity-40 rounded-3 rotate-2" style="background: linear-gradient(20deg, #ffffff17, var(--shcd-background-color, #0d042c))">
<h2 class="h3 xl:h2 m-0 text-secondary">100%</h2>
<span class="fs-5 xl:fs-4">متعلق به جامعه</span>
</div>
</div>
<div>
<div class="numbers-item vstack items-center gap-1 px-6 py-8 border border-1 border-gray-100 border-opacity-40 rounded-3 -rotate-2" style="background: linear-gradient(20deg, #ffffff17, var(--shcd-background-color, #0d042c))">
<h2 class="h3 xl:h2 m-0 text-secondary">#1</h2>
<span class="fs-5 xl:fs-4">میم‌کوین ۲۰۲۵</span>
</div>
</div>
<div>
<div class="numbers-item vstack items-center gap-1 px-6 py-8 border border-1 border-gray-100 border-opacity-40 rounded-3 -rotate-2" style="background: linear-gradient(20deg, #ffffff17, var(--shcd-background-color, #0d042c))">
<h2 class="h3 xl:h2 m-0 text-secondary">2025</h2>
<span class="fs-5 xl:fs-4">سال تأسیس</span>
</div>
</div>
<div>
<div class="numbers-item vstack items-center gap-1 px-6 py-8 border border-1 border-gray-100 border-opacity-40 rounded-3 rotate-2" style="background: linear-gradient(20deg, #ffffff17, var(--shcd-background-color, #0d042c))">
<h2 class="h3 xl:h2 m-0 text-secondary">24/7</h2>
<span class="fs-5 xl:fs-4">پشتیبانی</span>
</div>
</div>
</div>
</div>
<div class="section-footer panel d-flex justify-center mt-4 sm:mt-8 xl:mt-9" data-anime="onview: -100; translateY: [24, 0]; opacity: [0, 1]; delay: 200;">
<a class="btn btn-md sm:btn-xl xl:btn-2xl px-4 xl:px-6 border border-3 border-black bg-gradient-45n from-secondary to-tertiary contrast-shadow -rotate-2 hover:rotate-0" href="<?php echo esc_url( shabnam_contact_url() ); ?>" style="--shadowColor: var(--color-secondary)">
<span class="text-black">به این حرکت بپیوندید!</span>
<span class="fs-4 mb-narrow">🚀</span>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- Section end -->
<!-- Section start -->
<div class="tokenomics section panel" id="tokenomics">
<div class="section-outer panel py-4 sm:py-6 lg:py-8 xl:py-10">
<div class="container sm:max-w-lg xl:max-w-xl">
<div class="section-inner panel">
<div class="section-header panel sm:max-w-600px xl:max-w-800px mx-auto mb-6 sm:mb-8 xl:mb-9 text-center" data-anime="onview: -300; targets: &gt;*; translateY: [24, 0]; opacity: [0, 1]; delay: anime.stagger(100, {start: 200});">
<div class="category">
<div class="-rotate-2">
<span class="fs-5 xl:fs-4 text-secondary fw-bold">ویژگی‌ها</span>
</div>
</div>
<h2 class="title h4 sm:h3 xl:h2 my-2 text-white text-uppercase ls-0">اطلاعات اقتصاد توکن و کارمزدها!</h2>
<p class="desc fs-6 sm:fs-5 xl:fs-4">پیش‌فروش ۴۰٪ • نقدینگی ۳۰٪ • تیم ۱۰٪ • توسعه ۱۰٪</p>
</div>
<div class="section-content panel">
<div class="row child-cols-12 sm:child-cols-6 lg:child-cols-3 items-center g-4 sm:g-3 xl:g-5">
<div class="order-2 sm:order-1">
<div class="panel">
<div class="row child-cols-12 g-4 sm:g-8 xl:g-9" data-anime="onview: -300; targets: &gt;*; translateY: [24, 0]; opacity: [0, 1]; delay: anime.stagger(100, {start: 400});">
<div>
<div class="features-item p-3 border border-1 border-gray-100 border-opacity-40 rounded-3 rotate-2" style="background: linear-gradient(20deg, #ffffff17, var(--shcd-background-color, #0d042c))">
<p class="fs-5 xl:fs-4">
                                                            ✅ سقف هر تراکنش: <br/>
                                                            ۱٪ از عرضه کل
                                                        </p>
</div>
</div>
<div>
<div class="features-item p-3 border border-1 border-gray-100 border-opacity-40 rounded-3 -rotate-2" style="background: linear-gradient(20deg, #ffffff17, var(--shcd-background-color, #0d042c))">
<p class="fs-5 xl:fs-4">
                                                            ✅ سقف موجودی کیف پول: <br/>
                                                            ۲٪ از عرضه کل
                                                        </p>
</div>
</div>
</div>
</div>
</div>
<div class="col sm:d-none lg:d-block order-1 sm:order-2">
<div class="features-image panel" data-anime="onview: -300; translateY: [24, 0]; opacity: [0, 1]; delay: 200;">
<img alt="تصویر" src="<?php echo esc_url( shabnam_asset_uri( 'images/home-one/02.svg' ) ); ?>"/>
</div>
</div>
<div class="order-2 sm:order-2">
<div class="panel">
<div class="row child-cols-12 g-4 sm:g-8 xl:g-9" data-anime="onview: -300; targets: &gt;*; translateY: [24, 0]; opacity: [0, 1]; delay: anime.stagger(100, {start: 400});">
<div>
<div class="features-item p-3 border border-1 border-gray-100 border-opacity-40 rounded-3 -rotate-2" style="background: linear-gradient(20deg, #ffffff17, var(--shcd-background-color, #0d042c))">
<p class="fs-5 xl:fs-4">✅ سازوکارهای ضدنهنگ</p>
</div>
</div>
<div>
<div class="features-item p-3 border border-1 border-gray-100 border-opacity-40 rounded-3 rotate-2" style="background: linear-gradient(20deg, #ffffff17, var(--shcd-background-color, #0d042c))">
<p class="fs-5 xl:fs-4">✅ قفل نقدینگی به‌مدت یک سال</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section-footer panel d-flex justify-center mt-6 sm:mt-8" data-anime="onview: -100; translateY: [24, 0]; opacity: [0, 1]; delay: 200;">
<a class="btn btn-md sm:btn-xl xl:btn-2xl px-4 xl:px-6 border border-3 border-black bg-gradient-45n from-secondary to-tertiary contrast-shadow -rotate-2 hover:rotate-0" href="<?php echo esc_url( shabnam_shop_url() ); ?>" style="--shadowColor: var(--color-secondary)">
<span class="text-black">مشاهده فروشگاه</span>
<span class="fs-4 mb-narrow">🔍</span>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- Section end -->
<!-- Text Marquee Start -->
<div class="h3 xl:h2 fw-medium py-4 xl:py-6 my-3 reverse bg-primary rotate-2 text-secondary text-uppercase ls-0" data-uc-marquee="clone: 3; gap: 64; reverse: true;" style="--gap: 32px">
<div>
<div class="hstack gap-8">
<div>¥</div>
<span>اقتصاد توکن</span>
<div>¥</div>
<span>میم‌کوین‌ها</span>
<div>¥</div>
<span>اقتصاد توکن</span>
<div>¥</div>
<span>رمزارز</span>
</div>
<div class="hstack gap-8">
<div>¥</div>
<span>اقتصاد توکن</span>
<div>¥</div>
<span>میم‌کوین‌ها</span>
<div>¥</div>
<span>اقتصاد توکن</span>
<div>¥</div>
<span>رمزارز</span>
</div>
<div class="hstack gap-8">
<div>¥</div>
<span>اقتصاد توکن</span>
<div>¥</div>
<span>میم‌کوین‌ها</span>
<div>¥</div>
<span>اقتصاد توکن</span>
<div>¥</div>
<span>رمزارز</span>
</div>
<div class="hstack gap-8">
<div>¥</div>
<span>اقتصاد توکن</span>
<div>¥</div>
<span>میم‌کوین‌ها</span>
<div>¥</div>
<span>اقتصاد توکن</span>
<div>¥</div>
<span>رمزارز</span>
</div>
</div>
</div>
<!-- Text Marquee end -->
<!-- Section start -->
<div class="roadmap section panel overflow-hidden" id="roadmap">
<div class="section-outer panel py-6 sm:py-8 lg:py-9 xl:py-10">
<div class="container sm:max-w-lg xl:max-w-xl">
<div class="section-inner panel">
<div class="section-header panel sm:max-w-500px xl:max-w-800px mx-auto mb-4 sm:mb-6 xl:mb-9 text-center" data-anime="onview: -300; targets: &gt;*; translateY: [24, 0]; opacity: [0, 1]; delay: anime.stagger(100, {start: 200});">
<div class="category">
<div class="-rotate-2">
<span class="fs-5 xl:fs-4 text-secondary fw-bold">خط زمانی پروژه</span>
</div>
</div>
<h2 class="h4 sm:h3 xl:h2 mb-0 mt-2 text-white text-uppercase ls-0">نقشه راه</h2>
</div>
<div class="section-content panel">
<img alt="victor" class="position-absolute start-50 top-50 translate-middle d-none lg:d-block" src="<?php echo esc_url( shabnam_asset_uri( 'images/common/line.svg' ) ); ?>" style="height: 90%"/>
<div class="row child-cols-12 items-center g-4 sm:g-6 lg:gx-10 lg:gy-8 xl:gy-9">
<div class="sm:col-8 lg:col-6">
<div class="roadmap-item panel" data-anime="onview: -300; translateY: [48, 0]; opacity: [0, 1]; delay: 200;">
<img alt="victor" class="position-absolute z-1 w-150px xl:w-auto d-none lg:d-block" src="<?php echo esc_url( shabnam_asset_uri( 'images/home-one/05.svg' ) ); ?>" style="top: -31%; left: 36%"/>
<img alt="victor" class="position-absolute z-1 w-150px xl:w-auto d-none sm:d-block lg:d-none" src="<?php echo esc_url( shabnam_asset_uri( 'images/home-one/05.svg' ) ); ?>" style="top: -31%; left: 24%"/>
<div class="px-3 sm:px-4 py-6 xl:px-6 xl:py-8 border border-1 border-gray-100 border-opacity-40 rounded-4 text-white bg-white bg-opacity-5 rotate-1" style="background: linear-gradient(20deg, #ffffff17, var(--shcd-background-color, #0d042c))">
<span class="fw-semibold text-opacity-70">✅ تکمیل‌شده!</span>
<h4 class="h5 my-2 xl:my-3 ft-primary text-secondary">راه‌اندازی و ساخت جامعه</h4>
<ul class="uc-list uc-list-disc fs-5 xl:fs-4 m-0">
<li>راه‌اندازی وب‌سایت</li>
<li class="m-0">آغاز فعالیت در شبکه‌های اجتماعی</li>
<li class="m-0">رشد جامعه</li>
</ul>
</div>
</div>
</div>
<div class="sm:col-4 lg:col-6 d-none sm:d-block">
<div class="panel">
<h4 class="h5 xl:h4 m-0 text-secondary -rotate-2">مرحله ۱</h4>
<img alt="victor" class="position-absolute top-0 d-none xl:d-block" src="<?php echo esc_url( shabnam_asset_uri( 'images/common/coin.svg' ) ); ?>" style="left: -15.5%"/>
<img alt="victor" class="position-absolute top-0 w-40px d-none lg:d-block xl:d-none" src="<?php echo esc_url( shabnam_asset_uri( 'images/common/coin.svg' ) ); ?>" style="left: -19.5%"/>
</div>
</div>
<div class="sm:col-4 lg:col-6 d-none sm:d-block">
<div class="panel">
<h4 class="h5 xl:h4 m-0 text-secondary rotate-2 float-end">مرحله ۲</h4>
<img alt="victor" class="position-absolute top-0 d-none xl:d-block" src="<?php echo esc_url( shabnam_asset_uri( 'images/common/coin.svg' ) ); ?>" style="right: -15.5%"/>
<img alt="victor" class="position-absolute top-0 w-40px d-none lg:d-block xl:d-none" src="<?php echo esc_url( shabnam_asset_uri( 'images/common/coin.svg' ) ); ?>" style="right: -19.5%"/>
</div>
</div>
<div class="sm:col-8 lg:col-6">
<div class="roadmap-item panel" data-anime="onview: -300; translateY: [48, 0]; opacity: [0, 1]; delay: 200;">
<img alt="victor" class="position-absolute z-1 w-200px xl:w-auto d-none sm:d-block" src="<?php echo esc_url( shabnam_asset_uri( 'images/home-one/06.svg' ) ); ?>" style="top: -31%; right: 5%"/>
<div class="px-3 sm:px-4 py-6 xl:px-6 xl:py-8 border border-1 border-gray-100 border-opacity-40 rounded-4 text-white bg-white bg-opacity-5 rotate-1" style="background: linear-gradient(20deg, #ffffff17, var(--shcd-background-color, #0d042c))">
<span class="fw-semibold text-opacity-70">⚙️ در حال اجرا!</span>
<h4 class="h5 my-2 xl:my-3 ft-primary text-secondary">توسعه و همکاری‌های راهبردی</h4>
<ul class="uc-list uc-list-disc fs-5 xl:fs-4 m-0">
<li>ممیزی قرارداد هوشمند</li>
<li class="m-0">فهرست‌شدن در صرافی‌ها</li>
<li class="m-0">همکاری‌های راهبردی</li>
</ul>
</div>
</div>
</div>
<div class="sm:col-8 lg:col-6">
<div class="roadmap-item panel" data-anime="onview: -300; translateY: [48, 0]; opacity: [0, 1]; delay: 200;">
<img alt="victor" class="position-absolute z-1 w-128px xl:w-auto d-none sm:d-block" src="<?php echo esc_url( shabnam_asset_uri( 'images/home-one/07.svg' ) ); ?>" style="bottom: -7%; right: 7%"/>
<div class="px-3 sm:px-4 py-6 xl:px-6 xl:py-8 border border-1 border-gray-100 border-opacity-40 rounded-4 text-white bg-white bg-opacity-5 -rotate-2" style="background: linear-gradient(20deg, #ffffff17, var(--shcd-background-color, #0d042c))">
<span class="fw-semibold text-opacity-70">📢 به‌زودی...</span>
<h4 class="h5 my-2 xl:my-3 ft-primary text-secondary">گسترش و کاربردپذیری</h4>
<ul class="uc-list uc-list-disc fs-5 xl:fs-4 m-0">
<li>مجموعه NFT</li>
<li class="m-0">توکن حاکمیتی</li>
<li class="m-0">سازمان خودگردان جامعه</li>
</ul>
</div>
</div>
</div>
<div class="sm:col-4 lg:col-6 d-none sm:d-block">
<div class="panel">
<h4 class="h5 xl:h4 m-0 text-secondary -rotate-2">مرحله ۳</h4>
<img alt="victor" class="position-absolute top-0 d-none xl:d-block" src="<?php echo esc_url( shabnam_asset_uri( 'images/common/coin.svg' ) ); ?>" style="left: -15.5%"/>
<img alt="victor" class="position-absolute top-0 w-40px d-none lg:d-block xl:d-none" src="<?php echo esc_url( shabnam_asset_uri( 'images/common/coin.svg' ) ); ?>" style="left: -19.5%"/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Section end -->
<!-- Text Marquee Start -->
<div class="h3 xl:h2 fw-medium py-4 xl:py-6 my-3 reverse bg-secondary -rotate-2 text-black text-uppercase ls-0" data-uc-marquee="clone: 3; gap: 64; reverse: true;" style="--gap: 32px">
<div>
<div class="hstack gap-8">
<div>¥</div>
<span>اقتصاد توکن</span>
<div>¥</div>
<span>میم‌کوین‌ها</span>
<div>¥</div>
<span>اقتصاد توکن</span>
<div>¥</div>
<span>رمزارز</span>
</div>
<div class="hstack gap-8">
<div>¥</div>
<span>اقتصاد توکن</span>
<div>¥</div>
<span>میم‌کوین‌ها</span>
<div>¥</div>
<span>اقتصاد توکن</span>
<div>¥</div>
<span>رمزارز</span>
</div>
<div class="hstack gap-8">
<div>¥</div>
<span>اقتصاد توکن</span>
<div>¥</div>
<span>میم‌کوین‌ها</span>
<div>¥</div>
<span>اقتصاد توکن</span>
<div>¥</div>
<span>رمزارز</span>
</div>
<div class="hstack gap-8">
<div>¥</div>
<span>اقتصاد توکن</span>
<div>¥</div>
<span>میم‌کوین‌ها</span>
<div>¥</div>
<span>اقتصاد توکن</span>
<div>¥</div>
<span>رمزارز</span>
</div>
</div>
</div>
<!-- Text Marquee end -->
<!-- Dynamic commerce and editorial sections -->
<?php get_template_part( 'template-parts/home', 'shop' ); ?>
<?php get_template_part( 'template-parts/home', 'blog' ); ?>
<!-- Section start -->
<div class="faq section panel overflow-hidden" id="faq">
<div class="section-outer panel py-6 sm:py-8 lg:py-9 xl:py-10">
<div class="container sm:max-w-md xl:max-w-lg">
<div class="section-inner panel" data-anime="onview: -300; targets: &gt;*; translateY: [24, 0]; opacity: [0, 1]; delay: anime.stagger(100, {start: 200});">
<div class="section-header panel sm:max-w-500px xl:max-w-800px mx-auto mb-4 sm:mb-6 xl:mb-9 text-center" data-anime="onview: -300; targets: &gt;*; translateY: [24, 0]; opacity: [0, 1]; delay: anime.stagger(100, {start: 200});">
<div class="category">
<div class="-rotate-2">
<span class="fs-5 xl:fs-4 text-secondary fw-bold">پرسش‌های پرتکرار</span>
</div>
</div>
<h2 class="h4 sm:h3 xl:h2 mb-0 mt-2 text-white text-uppercase ls-0">پرسش‌های متداول</h2>
</div>
<div class="section-content panel">
<div class="row child-cols-12 g-3 sm:g-4">
<div>
<div class="faq-item panel p-3 sm:p-4 xl:px-6 xl:py-8 border border-1 border-gray-100 border-opacity-40 rounded-3 rotate-1" style="background: linear-gradient(20deg, #ffffff17, var(--shcd-background-color, #0d042c))">
<h4 class="h5 xl:h4 stroke-text mb-2">توکن <?php echo esc_html( get_bloginfo( 'name' ) ); ?> چیست؟ 🤔</h4>
<p class="fs-5 xl:fs-4">توکن <?php echo esc_html( get_bloginfo( 'name' ) ); ?> یک میم‌کوین جامعه‌محور روی شبکه اتریوم است که سرگرمی فرهنگ میم را با کاربرد واقعی ترکیب می‌کند و اکوسیستمی پویا برای دارندگان خود می‌سازد!</p>
</div>
</div>
<div>
<div class="faq-item panel p-3 sm:p-4 xl:px-6 xl:py-8 border border-1 border-gray-100 border-opacity-40 rounded-3 -rotate-1" style="background: linear-gradient(20deg, #ffffff17, var(--shcd-background-color, #0d042c))">
<h4 class="h5 xl:h4 stroke-text mb-2">چگونه <?php echo esc_html( get_bloginfo( 'name' ) ); ?> بخرم؟ 💎</h4>
<p class="fs-5 xl:fs-4">می‌توانید توکن <?php echo esc_html( get_bloginfo( 'name' ) ); ?> را در Uniswap و با ETH خریداری کنید. کیف پول خود را متصل کنید، لغزش قیمت را روی ۵ تا ۶ درصد بگذارید و ETH را با <?php echo esc_html( get_bloginfo( 'name' ) ); ?> مبادله کنید. پیش از معامله، حتماً نشانی قرارداد را بررسی کنید!</p>
</div>
</div>
<div>
<div class="faq-item panel p-3 sm:p-4 xl:px-6 xl:py-8 border border-1 border-gray-100 border-opacity-40 rounded-3 rotate-1" style="background: linear-gradient(20deg, #ffffff17, var(--shcd-background-color, #0d042c))">
<h4 class="h5 xl:h4 stroke-text mb-2">اقتصاد توکن چگونه است؟ 📊</h4>
<p class="fs-5 xl:fs-4">اقتصاد توکن شامل ۵٪ کارمزد خرید و فروش است: ۲٪ بازاریابی، ۲٪ نقدینگی و ۱٪ توسعه. سقف کیف پول ۲٪ و سقف هر تراکنش ۱٪ است. عرضه کل نیز یک میلیارد توکن در نظر گرفته شده است.</p>
</div>
</div>
<div>
<div class="faq-item panel p-3 sm:p-4 xl:px-6 xl:py-8 border border-1 border-gray-100 border-opacity-40 rounded-3 -rotate-1" style="background: linear-gradient(20deg, #ffffff17, var(--shcd-background-color, #0d042c))">
<h4 class="h5 xl:h4 stroke-text mb-2">چگونه به جامعه بپیوندم؟ 👥</h4>
<p class="fs-5 xl:fs-4">در Telegram، Discord و Twitter به جامعه پویای ما بپیوندید. مسابقه‌های روزانه میم، نشست‌های پرسش‌وپاسخ و رویدادهای اجتماعی همراه با جوایز جذاب برگزار می‌کنیم!</p>
</div>
</div>
</div>
</div>
<div class="section-footer panel d-flex justify-center mt-6 sm:mt-8" data-anime="onview: -100; translateY: [24, 0]; opacity: [0, 1]; delay: 200;">
<a class="btn btn-md sm:btn-xl xl:btn-2xl px-4 xl:px-6 border border-3 border-black bg-gradient-45n from-secondary to-tertiary contrast-shadow -rotate-2 hover:rotate-0" href="<?php echo esc_url( shabnam_contact_url() ); ?>" style="--shadowColor: var(--color-secondary)">
<span class="text-black">هنوز پرسشی دارید؟</span>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- Section end -->
</div>
