@include('components.seo')
<div class="space-y-12">
    <div
        class="grid grid-cols-1 md:grid-cols-2 gap-2 items-center">
        <div>
            <img
                class="animate__animated animate__pulse "
                src="{{asset('assets/images/mahanMainBanner.png')}}" alt="ماهان پهلوان">
        </div>
        <div class=" space-y-8 flex flex-col items-center">
            <div>
                <h2 class="text-center text-lg md:text-3xl font-extrabold animate__animated animate__zoomInDown   ">
                    همراه ما شکار
                    <span id="typewriter" class="text-amber-400 " data-array=""></span> رو تجربه کنین! </h2>
            </div>
            <br>
            <div class="text-center">
                <h2>
                    آیا می‌خواین با دانش کامل و به‌ راحتی وارد بازار طلا بشین؟
                </h2>
                <p>
                    ما اینجا هستیم تا با آموزش‌های کاربردی به شما کمک کنیم تا تنها با یک میلیون تومان، روزانه درآمدزایی
                    کنین
                    و در بازار طلا موفق بشین.
                </p>
                <h2>در دوره‌های آکادمی ماهان پهلوان، یاد می‌گیرین:</h2>
                <p>
                    چطور بازار طلا رو با دقت تحلیل کرده و روندهای قیمتی رو پیش‌بینی کنین.
                    <br>
                    استراتژی‌های موفق برای معاملات رو طراحی و به‌کار ببرین.
                    <br>
                    با ابزارها و تکنیک‌های مدرن، معاملات خودتون رو به بهترین شکل مدیریت کنین.
                    <br>
                    با این دانش و ابزارها، می‌تونین با اطمینان بیشتری در بازار طلا فعالیت کنین و به درآمد پایدار
                    برسین.
                    <br>
                    همین حالا بیا با هم شروع کنیم و اولین قدم‌های موفقیت در تجارت طلای آنلاین رو برداریم!
                </p>
            </div>
            <a
                class="bg-yellow-500 px-4 py-2 rounded-md shadow hover:shadow-md hover:shadow-yellow-950 shadow-yellow-500 dark:bg-stone-900 dark:shadow dark:shadow-yellow-700 hover:-translate-y-1 hover:scale-105  hover:dark:bg-stone-800 hover:dark:shadow-md hover:dark:shadow-yellow-600 @include('components.transition') "
                href="{{route('index.courses')}}">راهنمای انتخاب دوره</a>
        </div>
    </div>
    <x-client.introduce-videos/>
    <x-client.charts-main-page/>
    <livewire:client.component.free-advice/>
    <x-client.pages.latest-cours/>
    <x-client.pages.user-comments/>
    <x-client.pages.latest-articles/>
    <x-client.user-opinion/>
    <x-client.pages.instagram/>
    <x-client.pages.latest-news/>
    <div class="space-y-8 mt-20">
        <h2 class="font-bold">سوالات متداول </h2>
        <div
            class="border border-yellow- shadow-md shadow-amber-500 rounded-md p-2 hover:-translate-y-1 hover:scale-105 @include('components.transition')"
            x-data="{ expanded: false }">
            <h2
                class="flex w-full justify-between  items-center p-2 font-bold cursor-pointer"
                @click="expanded = ! expanded">
                بازار طلای آنلاین به چه معناست؟
                <span class="border p-1 rounded-full">
                <x-icons.chevron-down/>
                </span>
            </h2>
            <div
                class=" text-justify border-t border-amber-600 pt-1"
                x-show="expanded" x-collapse>
                در بازار طلای آنلاین، خبری از جابه‌جایی فیزیکی طلا نیست؛ فقط سود و زیان شما از تغییرات قیمت طلا منتقل
                می‌شه.پلتفرم‌های آنلاین این امکان رو فراهم می‌کنن که بتونین طلا رو بدون نیاز به حضور فیزیکی خرید و فروش
                کنین و همه این کارها در لحظه انجام میشه.
            </div>
        </div>
        <div
            class="border border-yellow- shadow-md shadow-amber-500 rounded-md p-2 hover:-translate-y-1 hover:scale-105 @include('components.transition')"
            x-data="{ expanded: false }">
            <h2
                class="flex w-full justify-between  items-center p-2 font-bold cursor-pointer"
                @click="expanded = ! expanded">
                سرمایه‌گذاری در بازار طلای آنلاین چه مزایایی داره؟
                <span class="border p-1 rounded-full">
                <x-icons.chevron-down/>
                </span>
            </h2>
            <div
                class=" text-justify border-t border-amber-600 pt-1"
                x-show="expanded" x-collapse>
                دسترسی به بازار آنلاین طلا خیلی راحته و می‌تونین با یه مبلغ کم وارد بشین. به همین دلیل، حتی اگر ضرر
                کنین، ضرر خیلی زیادی نخواهین کرد.

            </div>
        </div>
        <div
            class="border border-yellow- shadow-md shadow-amber-500 rounded-md p-2 hover:-translate-y-1 hover:scale-105 @include('components.transition')"
            x-data="{ expanded: false }">
            <h2
                class="flex w-full justify-between  items-center p-2 font-bold cursor-pointer"
                @click="expanded = ! expanded">
                آیا برای سرمایه‌گذاری در بازار طلای آنلاین به مقدار زیادی پول نیاز دارم؟
                <span class="border p-1 rounded-full">
                <x-icons.chevron-down/>
                </span>
            </h2>
            <div
                class=" text-justify border-t border-amber-600 pt-1"
                x-show="expanded" x-collapse>
                خیر، چون شما فیزیکی طلا رو دریافت نمی‌کنین، نیازی به پرداخت کل مبلغ طلا نیست. با پرداخت وجه ضمانت، که
                الان ۱,۱۵۰,۰۰۰ تومانه، می‌تونین ۱۰۰ گرم طلا رو معامله کنین و از سود و زیانش بهره‌مند بشین.

            </div>
        </div>
        <div
            class="border border-yellow- shadow-md shadow-amber-500 rounded-md p-2 hover:-translate-y-1 hover:scale-105 @include('components.transition')"
            x-data="{ expanded: false }">
            <h2
                class="flex w-full justify-between  items-center p-2 font-bold cursor-pointer"
                @click="expanded = ! expanded">
                چطوری می‌تونم وارد بازار طلای آنلاین بشم
                <span class="border p-1 rounded-full">
                <x-icons.chevron-down/>
                </span>
            </h2>
            <div
                class=" text-justify border-t border-amber-600 pt-1"
                x-show="expanded" x-collapse>
                ورود به بازار طلا خیلی سادست، پس نگرانی نداره. خیلی از پلتفرم‌های آنلاین وجود دارن که می‌تونین با پرداخت
                وجه ضمانت، راحت وارد بازار بشین و شروع به خرید و فروش طلا کنین.
            </div>
        </div>
        <div
            class="border border-yellow- shadow-md shadow-amber-500 rounded-md p-2 hover:-translate-y-1 hover:scale-105 @include('components.transition')"
            x-data="{ expanded: false }">
            <h2
                class="flex w-full justify-between  items-center p-2 font-bold cursor-pointer"
                @click="expanded = ! expanded">
                آکادمی ماهان پهلوان چه خدماتی در حوزه بازار طلا ارائه میده؟
                <span class="border p-1 rounded-full">
                <x-icons.chevron-down/>
                </span>
            </h2>
            <div
                class=" text-justify border-t border-amber-600 pt-1"
                x-show="expanded" x-collapse>
                اگه هیچ اطلاعاتی درباره بازار طلای آنلاین ندارین، نگران نباشین. ما صفر تا صد این بازار رو به شما آموزش
                میدیم.

            </div>
        </div>
        <div class="flex justify-center">
            <a
                class="bg-yellow-500 px-4 py-2 rounded-md shadow hover:shadow-md hover:shadow-yellow-950 shadow-yellow-500 dark:bg-stone-900 dark:shadow dark:shadow-yellow-700 hover:-translate-y-1 hover:scale-105  hover:dark:bg-stone-800 hover:dark:shadow-md hover:dark:shadow-yellow-600 @include('components.transition') "
                href="{{route('index.faq')}}">نمایش همه سوال ها</a>
        </div>
    </div>
    <script>
        var typeWriterElement = document.getElementById('typewriter');
        var textArray = ["موفقیت‌ها", "فرصت‌ها", "طلا", "سود"];

        function delWriter(text, i, cb) {
            if (i >= 0) {
                typeWriterElement.innerHTML = text.substring(0, i--);
                // generate a random Number to emulate backspace hitting.
                var rndBack = 10 + Math.random() * 100;
                setTimeout(function () {
                    delWriter(text, i, cb);
                }, rndBack);
            } else if (typeof cb == 'function') {
                setTimeout(cb, 500);
            }
        };

        function typeWriter(text, i, cb) {
            if (i < text.length + 1) {
                typeWriterElement.innerHTML = text.substring(0, i++);
                // generate a random Number to emulate Typing on the Keyboard.
                var rndTyping = 250 - Math.random() * 100;
                setTimeout(function () {
                    typeWriter(text, i++, cb)
                }, rndTyping);
            } else if (i === text.length + 1) {
                setTimeout(function () {
                    delWriter(text, i, cb)
                }, 500);
            }
        };

        function StartWriter(i) {
            if (typeof textArray[i] == "undefined") {
                setTimeout(function () {
                    StartWriter(0)
                }, 1000);
            } else if (i < textArray[i].length + 1) {
                typeWriter(textArray[i], 0, function () {
                    StartWriter(i + 1);
                });
            }
        };
        setTimeout(function () {
            StartWriter(0);
        }, 500);

    </script>

</div>