<template>
    <div dir="rtl" class="w-full ">
        <MaghaleFirstTitle title="سوالات پرتکرار" />
        <div class="border border-solid border-[#d5d8dc]  mt-8 ">
            <button type="button" class="flex flex-row px-3 w-full py-2 border-t border-solid border-[#d5d8dc]"
                :class="{ 'border-b border-solid border-[#d5d8dc]': (firstDiv == 1) }"
                @click="firstDiv = (firstDiv == 1) ? null : 1">
                <div class="text-zinc-600 dark:text-zinc-100 pl-1 pt-1 ">
                    <div v-if="firstDiv == 1">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
                        </svg>
                    </div>
                    <div v-else>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                        </svg>
                    </div>
                </div>
                <p class="hover:text-[#ff0000] text-zinc-400 dark:text-zinc-50 font-estmedium">خلاصه نکاتی که باید قبل از خرید خوانده شود</p>
            </button>
            <div class="   py-2 px-12 text-zinc-600 dark:text-zinc-100 transition duration-700 ease-linear font-estregular " v-if="firstDiv == 1">
                <p>
                    ارسال به سراسر کشور / ۷ روز ضمانت بازگشت / پرداخت در محل / تضمین بهترین قیمت / مشاوره رایگان خرید /
                    امکان بازدید و خرید حضوری
                    بازدید حضوری و جزئیات تحویل سفارش ها
                    تحویل سفارش های تهران، کرج و حومه
                    تحویل محصولات تمامی محصولات در استان تهران و استان البرز در روز مشخص شده و در روز مشخص شده برای تحویل
                    کالا قبل از ارسال محصولات مجددا با خریدار هماهنگ میشود و توسط ناوگان گلچین تحویل داده میشوند.
                    بدیهیست در شهر مقصد نقاط خارج شهر یا خارج محدوده تیپاکس شامل ارسال نبوده و میبایست خریدار شخصا در محل
                    انبار تیپاکس تحویل گیرد.
                    تحویل سفارش های شهرستان ها
                    تحویل محصولات دسته بندی ست (ست های ناهارخوری ، ست های کودک …) سایر شهر توسط تیپاکس انجام میشود که پس از
                    تحویل محصولات به تیپاکس پیامکی حاوی مشخصات کالا به شماره خریدار ارسال خواهد شد.
                    تحویل محصولات دسته بندی صندلی اپن و صندلی مطالعه حمل و نقل توسط باربری های معتبر دارای بیمه صورت میگیرند
                    و هزینه های پرداخت شده توسط خریدار جهت ارسال بار از انبار گلچین تا باربری (شعبه تخلیه) شهر مقصد
                    میباشد.
                </p>
            </div>
        </div>
        <div class="border border-solid border-[#d5d8dc]  mt-4 ">
            <button type="button" class="flex flex-row px-3 w-full text-center items-center py-2 border-t border-solid border-[#d5d8dc]"
                :class="{ 'border-b border-solid border-[#d5d8dc]': (secondDiv == 1) }"
                @click="secondDiv = (secondDiv == 1) ? null : 1">
                <div class="text-zinc-600 dark:text-zinc-100 pl-1 pt-1 ">
                    <div v-if="secondDiv == 1">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
                        </svg>
                    </div>
                    <div v-else>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                        </svg>
                    </div>
                </div>
                <p class="hover:text-[#ff0000] text-zinc-400 dark:text-zinc-50 font-estmedium">ضمانت اصالت کالا</p>
            </button>
            <div v-if="secondDiv == 1" class="   py-2 px-12 text-zinc-600 dark:text-zinc-100 transition duration-700 ease-linear font-estregular ">
                <p>
                    گلچین تولید کننده رسمی بزرگ ایرانی است و تمامی محصولات را بدون واسطه، مستقیماً از تولید و عرضه می
                    نماید، به این ترتیب اصالت کالا، قیمت نمایندگی و تاریخ انقضای درست محصول با اطمینان توسط گلچین تضمین
                    می شود.
                </p>
            </div>


            <button type="button" class="flex flex-row px-3 w-full text-center items-center py-2 border-t border-solid border-[#d5d8dc]"
                :class="{ 'border-b border-solid border-[#d5d8dc]': (secondDiv == 2) }"
                @click="secondDiv = (secondDiv == 2) ? null : 2">
                <div class="text-zinc-600 dark:text-zinc-100 pl-1 pt-1 ">
                    <div v-if="secondDiv == 2">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
                        </svg>
                    </div>
                    <div v-else>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                        </svg>
                    </div>
                </div>
                <p class="hover:text-[#ff0000] text-zinc-400 dark:text-zinc-50 font-estmedium"> ضمانت دریافت کالای سالم</p>
            </button>
            <div v-if="secondDiv == 2" class="   py-2 px-12 text-zinc-600 dark:text-zinc-100 transition duration-700 ease-linear font-estregular ">
                <p>
                    در صورتی که کالا در فرآیند ارسال خراب شده یا مشکلی داشته باشد تا ۷ روز بعد از تحویل، باز پس گرفته شده و
                    پس از بررسی و احراز مشکل معدوم می شود. بنابراین لازم است حداکثر تا ۷ روز پس از دریافت بسته، با امور
                    مشتریان گلچین تماس بگیرید و موضوع را اطلاع دهید. برای اطلاع از نحوه بازگشت کالا، گزینه “نحوه مرجوعی
                    کالا” را مطالعه نمایید.
                </p>
            </div>


            <button type="button" class="flex flex-row px-3 w-full text-center items-center py-2 border-t border-solid border-[#d5d8dc]"
                :class="{ 'border-b border-solid border-[#d5d8dc]': (secondDiv == 3) }"
                @click="secondDiv = (secondDiv == 3) ? null : 3">
                <div class="text-zinc-600 dark:text-zinc-100 pl-1 pt-1 ">
                    <div v-if="secondDiv == 3">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
                        </svg>
                    </div>
                    <div v-else>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                        </svg>
                    </div>
                </div>
                <p class="hover:text-[#ff0000] text-zinc-400 dark:text-zinc-50 font-estmedium">شرایط ضمانت بازگشت رایگان کالا</p>
            </button>
            <div v-if="secondDiv == 3" class="   py-2 px-12 text-zinc-600 dark:text-zinc-100 transition duration-700 ease-linear font-estregular ">
                <p>
                    به دلیل مقررات وزارت صنعت، معدن و تجارت امکان انصراف از خرید و بازگشت کالا به دلایل سلیقه ای وجود ندارد.
                    کالا به دلیل عدم تطابق با عکس های سایت و انصراف از خرید پس گرفته می شود. هزینه بازگشت کالا با گلچین
                    است . توجه کنید در صورتی که با انصراف از خرید و بازگرداندن کالا، شرط اولیه ارسال رایگان را نقض شود،
                    هزینه ارسال از مبلغ محصول کسر شده و مابقی برای شما واریز می‌شود.
                </p>
            </div>


            <button type="button" class="flex flex-row px-3 w-full text-center items-center py-2 border-t border-solid border-[#d5d8dc]"
                :class="{ 'border-b border-solid border-[#d5d8dc]': (secondDiv == 4) }"
                @click="secondDiv = (secondDiv == 4) ? null : 4">
                <div class="text-zinc-600 dark:text-zinc-100 pl-1 pt-1 ">
                    <div v-if="secondDiv == 4">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
                        </svg>
                    </div>
                    <div v-else>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                        </svg>
                    </div>
                </div>
                <p class="hover:text-[#ff0000] text-zinc-400 dark:text-zinc-50 font-estmedium"> ضمانت تطابق کالا با سایت به چه معنا است؟ </p>
            </button>
            <div v-if="secondDiv == 4" class="   py-2 px-12 text-zinc-600 dark:text-zinc-100 transition duration-700 ease-linear font-estregular ">
                <p>
                    برای هر یک از کالاها در سایت، اطلاعاتی از قبیل نام، عکس و ویژگیها عنوان شده است. ما تضمین میکنیم که
                    کالایی که به دست شما میرسد از همه نظر دقیقا همان کالایی است که در سایت دیده و انتخاب کرده اید. یعنی
                    تضمین تطابق کالا با سایت. اگر غیر از این باشد، کالا از شما پس گرفته میشود و همه هزینه ها اعم از هزینه
                    کالا، هزینه ارسال و هزینه بازپس فرستادن آن، به شما برگردانده میشود.
                </p>
            </div>


            <button type="button" class="flex flex-row px-3 w-full text-center items-center py-2 border-t border-solid border-[#d5d8dc]"
                :class="{ 'border-b border-solid border-[#d5d8dc]': (secondDiv == 5) }"
                @click="secondDiv = (secondDiv == 5) ? null : 5">
                <div class="text-zinc-600 dark:text-zinc-100 pl-1 pt-1 ">
                    <div v-if="secondDiv == 5">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
                        </svg>
                    </div>
                    <div v-else>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                        </svg>
                    </div>
                </div>
                <p class="hover:text-[#ff0000] text-zinc-400 dark:text-zinc-50 font-estmedium">ممکن است کالایی را که سفارش می‏‌دهم موجود نباشد؟</p>
            </button>
            <div v-if="secondDiv == 5" class="   py-2 px-12 text-zinc-600 dark:text-zinc-100 transition duration-700 ease-linear font-estregular ">
                <p>
                    کالاهای دارای قیمت که در سایت گلچین با وضعیت “موجود” مشخص شده، به صورت روتین و طبق زمان اعلام شده
                    توسط گلچین تولید و قابل سفارش گذاری هستند. بنابراین هنگام ثبت سفارش این کالاها نیازی به استعلام
                    موجودی نیست و سفارش در سریع‏‌ترین زمان ممکن تولید، پردازش و تحویل خواهد شد. البته گاهی برای برخی از
                    کالاها در صورت ثبت سفارش‏‌ها با تعداد بالا و همزمان، ممکن است سیستم اجازه ثبت به شما ندهد. در این موارد
                    با پشیتیبانی تماس حاصل فرمایید.
                    همچنین در طرح تشویقی فروش شگفت انگیز روزانه، تعدادی از محصولات با تخفیف‏‌هایی بسیار ویژه‌‏تر نسبت به
                    فروش‏های ویژه عرضه می‏‌شوند که تنها برای چند ساعت امکان سفارش‏ گذاری دارند. در مواردی که به دلیل استقبال
                    کاربران موجودی کالا زودتر از موعد مقرر به پایان برسد، وضعیت کالا به “ناموجود” تغییر می‏‌کند و امکان
                    سفارش گذاری وجود نخواهد داشت.
                </p>
            </div>


        </div>
        <div class="border border-solid border-[#d5d8dc]  mt-4 ">
            <button type="button" class="flex flex-row px-3 w-full text-center items-center py-2 border-t border-solid border-[#d5d8dc]"
                :class="{ 'border-b border-solid border-[#d5d8dc]': (threeDiv == 1) }"
                @click="threeDiv = (threeDiv == 1) ? null : 1">
                <div class="text-zinc-600 dark:text-zinc-100 pl-1 pt-1 ">
                    <div v-if="threeDiv == 1">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
                        </svg>
                    </div>
                    <div v-else>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                        </svg>
                    </div>
                </div>
                <p class="hover:text-[#ff0000] text-zinc-400 dark:text-zinc-50 font-estmedium">پیشنهادات شگفت انگیز گلچین چیست؟</p>
            </button>
            <div v-if="threeDiv == 1" class="   py-2 px-12 text-zinc-600 dark:text-zinc-100 transition duration-700 ease-linear font-estregular ">
                <p>
                    پیشنهادات شگفت انگیز گلچین، فرصت خرید بی نظیری است که فروشگاه اینترنتی گلچین در اختیار خریداران
                    و به خصوص مشتریان وفادار خود قرار می‌دهد. در پیشنهادات شگفت انگیز گلچین،‌ همان‌طور که از اسمش
                    پیداست، پیشنهادات مشتریان سهم مهمی دارد، چون تعداد محدودی از یک کالا برای مدت زمان محدودی در فروش ویژه
                    قرار داده می شود و پس از پایان زمان فروش ویژه و یا تعداد فروش ویژه، تخفیف حذف می شود و کالا به قیمت قبلی
                    باز می گردد.
                </p>
            </div>


            <button type="button" class="flex flex-row px-3 w-full text-center items-center py-2 border-t border-solid border-[#d5d8dc]"
                :class="{ 'border-b border-solid border-[#d5d8dc]': (threeDiv == 2) }"
                @click="threeDiv = (threeDiv == 2) ? null : 2">
                <div class="text-zinc-600 dark:text-zinc-100 pl-1 pt-1 ">
                    <div v-if="threeDiv == 2">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
                        </svg>
                    </div>
                    <div v-else>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                        </svg>
                    </div>
                </div>
                <p class="hover:text-[#ff0000] text-zinc-400 dark:text-zinc-50 font-estmedium"> کالاهای پیشنهادات شگفت انگیز بر چه اساسی انتخاب می شوند؟</p>
            </button>
            <div v-if="threeDiv == 2" class="   py-2 px-12 text-zinc-600 dark:text-zinc-100 transition duration-700 ease-linear font-estregular ">
                <p>
                    کالاهای این لیست شگف انگیز هم بر اساس پیشنهادات شما انتخاب می‌شوند. بنابراین، هر محصولی ممکن است به لیست
                    راه پیدا کند.
                </p>
            </div>



            <button type="button" class="flex flex-row px-3 w-full text-center items-center py-2 border-t border-solid border-[#d5d8dc]"
                :class="{ 'border-b border-solid border-[#d5d8dc]': (threeDiv == 3) }"
                @click="threeDiv = (threeDiv == 3) ? null : 3">
                <div class="text-zinc-600 dark:text-zinc-100 pl-1 pt-1 ">
                    <div v-if="threeDiv == 3">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
                        </svg>
                    </div>
                    <div v-else>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                        </svg>
                    </div>
                </div>
                <p class="hover:text-[#ff0000] text-zinc-400 dark:text-zinc-50 font-estmedium">چه زمانی کالاهای جدید در شانس قرار می گیرند؟</p>
            </button>
            <div v-if="threeDiv == 3" class="   py-2 px-12 text-zinc-600 dark:text-zinc-100 transition duration-700 ease-linear font-estregular ">
                <p>
                    کالاهای پیشنهادات ویژه روزانه یک بار یا گاهی چند بار به روز می شوند، پیشنهادات تعدادی کالا به پایان می
                    رسد و یا کالاهای جدیدی در لیست قرار می گیرند. برای آن که بهترین فرصت های خرید را از دست ندهید، به اپن
                    مارکت سر بزنید.
                </p>
            </div>
            <button type="button" class="flex flex-row px-3 w-full text-center items-center py-2 border-t border-solid border-[#d5d8dc]"
                :class="{ 'border-b border-solid border-[#d5d8dc]': (threeDiv == 4) }"
                @click="threeDiv = (threeDiv == 4) ? null : 4">
                <div class="text-zinc-600 dark:text-zinc-100 pl-1 pt-1 ">
                    <div v-if="threeDiv == 4">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
                        </svg>
                    </div>
                    <div v-else>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                        </svg>
                    </div>
                </div>
                <p class="hover:text-[#ff0000] text-zinc-400 dark:text-zinc-50 font-estmedium">تخفیف پیشنهاد شگفت انگیز تا چه زمانی ادامه پیدا می کند؟ </p>
            </button>
            <div v-if="threeDiv == 4" class="   py-2 px-12 text-zinc-600 dark:text-zinc-100 transition duration-700 ease-linear font-estregular ">
                <p>
                    کالاهای پیشنهادات ویژه به مدت محدود در تخفیف بالا قرار می گیرند، این زمان ممکن است چند ساعت تا چند روز
                    باشد، ‌مگر این که با خرید تعداد کالایی که در حراج گذاشته شده، کالاها تمام شوند. بنابراین، قابل پیش بینی
                    نیست که تا چه زمانی این تخفیف ادامه دارد، شاید چند دقیقه،‌ شاید چند ساعت یا چند روز.
                </p>
            </div>



            <button type="button" class="flex flex-row px-3 w-full text-center items-center py-2 border-t border-solid border-[#d5d8dc]"
                :class="{ 'border-b border-solid border-[#d5d8dc]': (threeDiv == 5) }"
                @click="threeDiv = (threeDiv == 5) ? null : 5">
                <div class="text-zinc-600 dark:text-zinc-100 pl-1 pt-1 ">
                    <div v-if="threeDiv == 5">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
                        </svg>
                    </div>
                    <div v-else>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                        </svg>
                    </div>
                </div>
                <p class="hover:text-[#ff0000] text-zinc-400 dark:text-zinc-50 font-estmedium"> چطور باید از کالاهای پیشنهادات ویژه خرید کرد؟ </p>
            </button>
            <div v-if="threeDiv == 5" class="   py-2 px-12 text-zinc-600 dark:text-zinc-100 transition duration-700 ease-linear font-estregular ">
                <p>
                    خیلی ساده است،‌ کافی است به وب سایت گلچین سر بزنید و پیشنهادات شگفت انگیز را ببینید. منتخبی از
                    پیشنهادات شگفت انگیز در صفحه اول نمایش داده می شود و با کلیک بر گزینه “مشاهده همه شگفت انگیزها” می
                    توانید همه کالاهایی را که در آن زمان در پیشنهادات هستند مشاهده نمایید. بر روی کالای مورد نظر خود کلیک
                    کنید و به صفحه محصول بروید، در صفحه محصول، توضیحات محصول و نظرات دیگران را بخوانید و در صورت انتخاب کالا
                    بر روی دکمه “افزودن به سبد خرید” کلیک کنید و آن را به سبد خرید خودتان اضافه کنید و فرآیند خرید را تا
                    انتها ادامه دهید. توجه کنید که به دلیل محدودیت در زمان و تعداد کالای شگفت انگیز، هر چه زودتر مراحل خرید
                    خود را کامل کنید، پرداخت را انجام دهید و شماره فاکتور دریافت نمایید تا با پیام “تمام شد” مواجه نشوید.
                </p>
            </div>
        </div>
        <div class="border border-solid border-[#d5d8dc]  mt-4 ">
            <button type="button" class="flex flex-row px-3 w-full text-center items-center py-2 border-t border-solid border-[#d5d8dc]"
                :class="{ 'border-b border-solid border-[#d5d8dc]': (foreDiv == 1) }"
                @click="foreDiv = (foreDiv == 1) ? null : 1">

                <div class="text-zinc-600 dark:text-zinc-100 pl-1 pt-1 ">
                    <div v-if="foreDiv == 1">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
                        </svg>
                    </div>
                    <div v-else>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                        </svg>
                    </div>
                </div>
                <p class="hover:text-[#ff0000] text-zinc-400 dark:text-zinc-50 font-estmedium">چگونه در گلچین ثبت نام کنم؟</p>
            </button>
            <div v-if="foreDiv == 1" class="   py-2 px-12 text-zinc-600 dark:text-zinc-100 transition duration-700 ease-linear font-estregular ">
                <p>برای ثبت نام در گلچین، تنها شماره همراه شما کافیست. بر روی دکمه “ثبت نام” کلیک کنید، و با شماره همراه
                    خود ثبت نام نمایید.
                    برای تسریع در روند سفارش دادن، برای ثبت سفارش نیازی به ثبت نام نخواهید داشت، تنها در صورت اقدام به ثبت
                    نام فرمایید که نیاز به بخش های مختلف مثل : پیگیری سفارش ، لیست مورد علاقه ها و … خواهید داشت
                </p>
            </div>


            <button type="button" class="flex flex-row px-3 w-full text-center items-center py-2 border-t border-solid border-[#d5d8dc]"
                :class="{ 'border-b border-solid border-[#d5d8dc]': (foreDiv == 2) }"
                @click="foreDiv = (foreDiv == 2) ? null : 2">

                <div class="text-zinc-600 dark:text-zinc-100 pl-1 pt-1 ">
                    <div v-if="foreDiv == 2">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
                        </svg>
                    </div>
                    <div v-else>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                        </svg>
                    </div>
                </div>
                <p class="hover:text-[#ff0000] text-zinc-400 dark:text-zinc-50 font-estmedium"> نحوه انتخاب کالا</p>
            </button>
            <div v-if="foreDiv == 2" class="   py-2 px-12 text-zinc-600 dark:text-zinc-100 transition duration-700 ease-linear font-estregular ">
                <p>
                    از نوار منوی بالای سایت به دسته بندی یا اقلام مورد نظر خود بروید و کالای مورد نیاز خود را انتخاب کنید.
                    برای انتخاب کالا به ویژگیهای کالا و تنوع آنها بسیار توجه فرمایید و روش مصرف و نظرات کاربران دقت کنید و
                    کالا را با محصولات مشابه آن مقایسه کنید تا انتخاب درستی بر اساس نیازتان انجام دهید، سپس با فشردن “افزودن
                    به سبد خرید” کالا را سبد خرید خود اضافه نمایید.
                </p>
            </div>


            <button type="button" class="flex flex-row px-3 w-full text-center items-center py-2 border-t border-solid border-[#d5d8dc]"
                :class="{ 'border-b border-solid border-[#d5d8dc]': (foreDiv == 3) }"
                @click="foreDiv = (foreDiv == 3) ? null : 3">

                <div class="text-zinc-600 dark:text-zinc-100 pl-1 pt-1 ">
                    <div v-if="foreDiv == 3">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
                        </svg>
                    </div>
                    <div v-else>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                        </svg>
                    </div>
                </div>
                <p class="hover:text-[#ff0000] text-zinc-400 dark:text-zinc-50 font-estmedium"> نحوه خرید</p>
            </button>
            <div v-if="foreDiv == 3" class="   py-2 px-12 text-zinc-600 dark:text-zinc-100 transition duration-700 ease-linear font-estregular ">
                <p>
                    برای خرید کالاهای مورد نظرتان، بر روی دکمه “افزودن به سبد خرید” کلیک کنید و کالاها را به سبد خرید اضافه
                    نمایید. در پایان دکمه “تکمیل خرید” را بزنید و فرآیند خرید را تا انتها ادامه دهید. برای تکمیل فرآیند خرید
                    ثبت نام به صورت اختیاری است و ثبت نام در سایت با شماره همراه امکان پذیر است. پس از انجام ثبت نام و ورود،
                    آدرس مورد نظر خود را برای دریافت بسته، وارد نمایید، در پایان پرداخت موفق، شماره فاکتور شما اعلام می شود
                    و خرید شما، با استفاده از شماره همراه و یا شماره فاکتورتان قابل پیگیری است.
                </p>
            </div>


            <button type="button" class="flex flex-row px-3 w-full text-center items-center py-2 border-t border-solid border-[#d5d8dc]"
                :class="{ 'border-b border-solid border-[#d5d8dc]': (foreDiv == 4) }"
                @click="foreDiv = (foreDiv == 4) ? null : 4">

                <div class="text-zinc-600 dark:text-zinc-100 pl-1 pt-1 ">
                    <div v-if="foreDiv == 4">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
                        </svg>
                    </div>
                    <div v-else>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                        </svg>
                    </div>
                </div>
                <p class="hover:text-[#ff0000] text-zinc-400 dark:text-zinc-50 font-estmedium">نحوه پرداخت </p>
            </button>
            <div v-if="foreDiv == 4" class="   py-2 px-12 text-zinc-600 dark:text-zinc-100 transition duration-700 ease-linear font-estregular ">
                <p>
                    به منظور رفاه حال مشتریان خود سه شیوه پرداخت را در فروشگاه اینترنتی گلچین ارائه شده است، شما مشتری
                    عزیز می­توانید از هریک از سه روش زیر برای پرداخت هزینه کالای خریداری شده استفاده نمایید:

                    پرداخت آنلاین (پرداخت امن با درگاه پرداخت
                    واریز به حساب (تسویه حساب قبل از ارسال)
                    پرداخت هنگام تحویل (مخصوص مشتریان ساکن تهران و حومه)

                </p>
            </div>


            <button type="button" class="flex flex-row px-3 w-full text-center items-center py-2 border-t border-solid border-[#d5d8dc]"
                :class="{ 'border-b border-solid border-[#d5d8dc]': (foreDiv == 5) }"
                @click="foreDiv = (foreDiv == 5) ? null : 5">

                <div class="text-zinc-600 dark:text-zinc-100 pl-1 pt-1 ">
                    <div v-if="foreDiv == 5">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
                        </svg>
                    </div>
                    <div v-else>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                        </svg>
                    </div>
                </div>
                <p class="hover:text-[#ff0000] text-zinc-400 dark:text-zinc-50 font-estmedium"> نحوه دریافت رمز پویا (رمز یکبار مصرف) </p>
            </button>
            <div v-if="foreDiv == 5" class="   py-2 px-12 text-zinc-600 dark:text-zinc-100 transition duration-700 ease-linear font-estregular ">
                <p>برای دریافت رمز پویا، باید ابتدا در صفحه درگاه پرداخت بانک، شماره کارت خود، کد چهاررقمی روی کارت (CVV2) و
                    تاریخ انقضا را وارد کرده و سپس کد امنیتی نشان‌داده‌شده را تایپ کنید. سپس روی دکمه «دریافت رمز پویا» یا
                    «رمز پویا» کلیک کنید.
                    درصورتی که شماره کارت وارد شده صحیح باشد، پیغامی مانند تصویر زیر نمایش داده می‌شود.
                    سپس باید منتظر بمانید تا پیامک رمز پویا را دریافت کنید. اگر پیامک را دریافت نکردید، پس از ۲ دقیقه
                    می‌توانید مجدداً درخواست رمز پویا دهید. پس از مشاهده پیامک رمز پویا، به صفحه درگاه پرداخت بانک برگردید و
                    رمز پویای پیامک‌شده را وارد کرده و پرداخت را انجام دهید.
                </p>
            </div>


            <button type="button" class="flex flex-row px-3 w-full text-center items-center py-2 border-t border-solid border-[#d5d8dc]"
                :class="{ 'border-b border-solid border-[#d5d8dc]': (foreDiv == 6) }"
                @click="foreDiv = (foreDiv == 6) ? null : 6">

                <div class="text-zinc-600 dark:text-zinc-100 pl-1 pt-1 ">
                    <div v-if="foreDiv == 6">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
                        </svg>
                    </div>
                    <div v-else>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                        </svg>
                    </div>
                </div>
                <p class="hover:text-[#ff0000] text-zinc-400 dark:text-zinc-50 font-estmedium"> امکان پرداخت اینترنتی ندارم</p>
            </button>
            <div v-if="foreDiv == 6" class="   py-2 px-12 text-zinc-600 dark:text-zinc-100 transition duration-700 ease-linear font-estregular ">
                <p>
                    اگر به هر دلیلی امکان پرداخت اینترنتی را ندارید، می توانید هزینه را کارت به کارت نمایید، اما توجه کنید
                    سبد خرید شما تنها برای مدت کوتاهی رزرو می شود. بنابراین اگر می خواهید هزینه را به صورت کارت به کارت
                    پرداخت نمایید لازم است سبد خرید خود را تا مرحله ثبت پیش ببرید، بعد از واریز مبلغ فاکتور، بایستی تصویر
                    فیش واریز به همراه کد سفارش به واتس اپ ( ۰۹۳۸۷۰۹۲۲۳۵ ) ارسال شود.
                </p>
            </div>


            <button type="button" class="flex flex-row px-3 w-full text-center items-center py-2 border-t border-solid border-[#d5d8dc]"
                :class="{ 'border-b border-solid border-[#d5d8dc]': (foreDiv == 7) }"
                @click="foreDiv = (foreDiv == 7) ? null : 7">

                <div class="text-zinc-600 dark:text-zinc-100 pl-1 pt-1 ">
                    <div v-if="foreDiv == 7">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
                        </svg>
                    </div>
                    <div v-else>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                        </svg>
                    </div>
                </div>
                <p class="hover:text-[#ff0000] text-zinc-400 dark:text-zinc-50 font-estmedium"> نحوه استفاده از بن خرید</p>
            </button>
            <div v-if="foreDiv == 7" class="   py-2 px-12 text-zinc-600 dark:text-zinc-100 transition duration-700 ease-linear font-estregular ">
                <p>
                    در سایت گلچین وارد شوید، بر روی آیکون “سبد خرید” در بالای سایت کلیک کنید و بن تخفیف خود را وارد
                    نمایید. سپس دکمه ” تایید” را بزنید تا بن برای شما اعمال شود.
                </p>
            </div>


            <button type="button" class="flex flex-row px-3 w-full text-center items-center py-2 border-t border-solid border-[#d5d8dc]"
                :class="{ 'border-b border-solid border-[#d5d8dc]': (foreDiv == 8) }"
                @click="foreDiv = (foreDiv == 8) ? null : 8">

                <div class="text-zinc-600 dark:text-zinc-100 pl-1 pt-1 ">
                    <div v-if="foreDiv == 8">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
                        </svg>
                    </div>
                    <div v-else>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                        </svg>
                    </div>
                </div>
                <p class="hover:text-[#ff0000] text-zinc-400 dark:text-zinc-50 font-estmedium"> نحوه خرید از پیشنهادات شگفت انگیز گلچین </p>
            </button>
            <div v-if="foreDiv == 8" class="   py-2 px-12 text-zinc-600 dark:text-zinc-100 transition duration-700 ease-linear font-estregular ">
                <p>
                    خیلی ساده است،‌ کافیست به وب سایت گلچین سر بزنید و پیشنهادات ویژه را ببینید. منتخبی از محصولات در
                    صفحه اول نمایش داده می شود و با کلیک بر گزینه “مشاهده همه پیشنهادات” می توانید همه کالاهایی را که در آن
                    زمان در تخفیف هستند مشاهده نمایید. بر روی کالای مورد نظر خود کلیک کنید و به صفحه محصول بروید، در صفحه
                    محصول، توضیحات محصول و نظرات دیگران را بخوانید و در صورت انتخاب کالا بر روی دکمه “افزودن به سبد خرید”
                    کلیک کنید و آن را به سبد خرید خودتان اضافه کنید و فرآیند خرید را تا انتها ادامه دهید. توجه کنید که به
                    دلیل محدودیت در زمان و تعداد کالای پیشنهادی، هر چه زودتر مراحل خرید خود را کامل کنید، پرداخت را انجام
                    دهید و شماره فاکتور دریافت نمایید تا با پیام “تمام شد” مواجه نشوید. </p>
            </div>


            <button type="button" class="flex flex-row px-3 w-full text-center items-center py-2 border-t border-solid border-[#d5d8dc]"
                :class="{ 'border-b border-solid border-[#d5d8dc]': (foreDiv == 9) }"
                @click="foreDiv = (foreDiv == 9) ? null : 9">

                <div class="text-zinc-600 dark:text-zinc-100 pl-1 pt-1 ">
                    <div v-if="foreDiv == 9">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
                        </svg>
                    </div>
                    <div v-else>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                        </svg>
                    </div>
                </div>
                <p class="hover:text-[#ff0000] text-zinc-400 dark:text-zinc-50 font-estmedium"> استفاده از نوار جست و جو </p>
            </button>
            <div v-if="foreDiv == 9" class="   py-2 px-12 text-zinc-600 dark:text-zinc-100 transition duration-700 ease-linear font-estregular ">
                <p>
                    یک راه خیلی ساده برای یافتن کالای مورد نظر در وب سایت، این است که نام یا ویژگی کالای مورد نظر را در نوار
                    جستجو وارد کنید.
                </p>
            </div>


        </div>
        <div class="border border-solid border-[#d5d8dc]  mt-4 ">
            <button type="button" class="flex flex-row px-3 w-full text-center items-center py-2 border-t border-solid border-[#d5d8dc]"
                :class="{ 'border-b border-solid border-[#d5d8dc]': (fiveDiv == 1) }"
                @click="fiveDiv = (fiveDiv == 1) ? null : 1">

                <div class="text-zinc-600 dark:text-zinc-100 pl-1 pt-1 ">
                    <div v-if="fiveDiv == 1">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
                        </svg>
                    </div>
                    <div v-else>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                        </svg>
                    </div>
                </div>
                <p class="hover:text-[#ff0000] text-zinc-400 dark:text-zinc-50 font-estmedium">
                    نحوه ارسال در تهران و حومه
                </p>
            </button>
            <div v-if="fiveDiv == 1" class="   py-2 px-12 text-zinc-600 dark:text-zinc-100 transition duration-700 ease-linear font-estregular ">
                <p>
                    کالا در تهران و حومه، برای کالای های موجود(پیشنهاد شگفت انگیر) در حداقل زمان ذکر شده و با هماهنگی قبلی
                    ارسال خواهد شد و همچنین میتوانید از پرداخت درب منزل نیز استفاده نمایید.
                </p>
            </div>


            <button type="button" class="flex flex-row px-3 w-full text-center items-center py-2 border-t border-solid border-[#d5d8dc]"
                :class="{ 'border-b border-solid border-[#d5d8dc]': (fiveDiv == 2) }"
                @click="fiveDiv = (fiveDiv == 2) ? null : 2">

                <div class="text-zinc-600 dark:text-zinc-100 pl-1 pt-1 ">
                    <div v-if="fiveDiv == 2">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
                        </svg>
                    </div>
                    <div v-else>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                        </svg>
                    </div>
                </div>
                <p class="hover:text-[#ff0000] text-zinc-400 dark:text-zinc-50 font-estmedium"> هزینه ارسال مرسولات در تهران</p>
            </button>
            <div v-if="fiveDiv == 2" class="   py-2 px-12 text-zinc-600 dark:text-zinc-100 transition duration-700 ease-linear font-estregular ">
                <p>

                    برای استان تهران و البرز حدود ۱۸۰ هزار تومان می باشد.

                    سفارشات باقی شهر ها ، ۷۰ هزار تومان تا باربری تهران و هزینه ارسال از باربری تهران تا باربری شهر مقصد به
                    عهده خریدار میباشد.

                    کلیه محصولات ارسالی در تهران و البرز توسط ناوگان تخصصی گلچین حمل می شوند.

                    در ضمن میتوانید برای برای شهر های تهران و کرج از گزینه پرداخت درب منزل بهره مند شوید.
                </p>
            </div>


            <button type="button" class="flex flex-row px-3 w-full text-center items-center py-2 border-t border-solid border-[#d5d8dc]"
                :class="{ 'border-b border-solid border-[#d5d8dc]': (fiveDiv == 3) }"
                @click="fiveDiv = (fiveDiv == 3) ? null : 3">

                <div class="text-zinc-600 dark:text-zinc-100 pl-1 pt-1 ">
                    <div v-if="fiveDiv == 3">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
                        </svg>
                    </div>
                    <div v-else>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                        </svg>
                    </div>
                </div>
                <p class="hover:text-[#ff0000] text-zinc-400 dark:text-zinc-50 font-estmedium"> نحوه ارسال به شهرستان ها </p>
            </button>
            <div v-if="fiveDiv == 3" class="   py-2 px-12 text-zinc-600 dark:text-zinc-100 transition duration-700 ease-linear font-estregular ">
                <p>
                    کالا با باربری ها به شهرستان ارسال می شود و بسته ۳ تا ۵ روز کاری بعد از زمان ذکر شده محصول به شعبه تخلیه
                    بار شهر شما می رسد. بنابراین زمان انتخابی شما برای ارسال، زمانی است که بسته شما در گلچین آماده ارسال
                    شده و به پست تحویل داده می شود. بسته ۳ تا ۵ روز کاری بعد از آن به دست شما خواهد رسید.
                </p>
            </div>


            <button type="button" class="flex flex-row px-3 w-full text-center items-center py-2 border-t border-solid border-[#d5d8dc]"
                :class="{ 'border-b border-solid border-[#d5d8dc]': (fiveDiv == 4) }"
                @click="fiveDiv = (fiveDiv == 4) ? null : 4">

                <div class="text-zinc-600 dark:text-zinc-100 pl-1 pt-1 ">
                    <div v-if="fiveDiv == 4">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
                        </svg>
                    </div>
                    <div v-else>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                        </svg>
                    </div>
                </div>
                <p class="hover:text-[#ff0000] text-zinc-400 dark:text-zinc-50 font-estmedium"> شیوه بسته بندی کالا </p>
            </button>
            <div v-if="fiveDiv == 4" class="   py-2 px-12 text-zinc-600 dark:text-zinc-100 transition duration-700 ease-linear font-estregular ">
                <p>
                    بسته بندی یکی از حساس ترین و در عین حال تعیین کننده ترین مراحل عرضه ، مصرف و حمل و نقل کالا است. اهمیت
                    آن تا بدان جاست که حتی کیفیت ومحتوای بعضی از مواد را تحت تاثیر قرار می دهد. وجود بسته بندی مناسب و
                    استاندارد نقش مهمی در حمل و نقل بهینه کالاهای گلچین ایفا می کند. کیفیت مطلوب مواد اولیه مورد استفاده
                    در بسته بندی، کارایی و ابعاد مناسب بسته بندی موجب می شود از هزینه حمل و نقل محصولات کاسته شود؛ زیرا
                    ویژگی های ذکر شده به جلوگیری از اتلاف وقت، سهولت بارگیری، استفاده بهینه از فضای وسایل نقلیه و تسریع در
                    حمل کالاها کمک می کنند. کالاهای برخوردار از بسته بندی استاندارد در هنگام جا به جایی و حمل و نقل از خطر
                    آسیب دیدگی مصون می مانند. ابزارهای معمول بسته بندی در گلچین از کارتن و حبابی های صادراتی مخصوص است و
                    بدین جهت برای حفظ و ماندگاری کالا و محصول و کاهش کرایه حمل بار بسته بندی می شوند و همچنین برای کالاهای
                    ارسالی شهرستان نیز محصولات را به صورت دِمونتاژ ارسال می کنیم تا هزینه های پرداختی مشتریانمان را به حداقل
                    برسانیم و روش های نصب را به صورت جداگانه برای خریداران ارسال میکنیم.
                </p>
            </div>


            <button type="button" class="flex flex-row px-3 w-full text-center items-center py-2 border-t border-solid border-[#d5d8dc]"
                :class="{ 'border-b border-solid border-[#d5d8dc]': (fiveDiv == 5) }"
                @click="fiveDiv = (fiveDiv == 5) ? null : 5">

                <div class="text-zinc-600 dark:text-zinc-100 pl-1 pt-1 ">
                    <div v-if="fiveDiv == 5">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
                        </svg>
                    </div>
                    <div v-else>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                        </svg>
                    </div>
                </div>
                <p class="hover:text-[#ff0000] text-zinc-400 dark:text-zinc-50 font-estmedium"> بن ارسال رایگان دارم </p>
            </button>
            <div v-if="fiveDiv == 5" class="   py-2 px-12 text-zinc-600 dark:text-zinc-100 transition duration-700 ease-linear font-estregular ">
                <p>
                    بن ارسال رایگان خود را در سبد خرید، بخش بن تخفیف وارد نمایید و دکمه تأیید را بزنید تا بن برای سبد خرید
                    شما اعمال شود. به این ترتیب هزینه ارسال برای شما، ۰ خواهد شد
                </p>
            </div>


            <button type="button" class="flex flex-row px-3 w-full text-center items-center py-2 border-t border-solid border-[#d5d8dc]"
                :class="{ 'border-b border-solid border-[#d5d8dc]': (fiveDiv == 6) }"
                @click="fiveDiv = (fiveDiv == 6) ? null : 6">

                <div class="text-zinc-600 dark:text-zinc-100 pl-1 pt-1 ">
                    <div v-if="fiveDiv == 6">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
                        </svg>
                    </div>
                    <div v-else>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                        </svg>
                    </div>
                </div>
                <p class="hover:text-[#ff0000] text-zinc-400 dark:text-zinc-50 font-estmedium"> اطلاع از زمانبدی ارسال</p>
            </button>
            <div v-if="fiveDiv == 6" class="   py-2 px-12 text-zinc-600 dark:text-zinc-100 transition duration-700 ease-linear font-estregular ">
                <p>
                    برای اطلاع از زمان بندی ارسال سفارش، سبد خرید خود را تکمیل کنید، آدرس خود را وارد نمایید و در مرحله
                    انتخاب نوع ارسال و نوع پرداخت، روش ارسال مورد نظر خود را انتخاب نمایید و در نهایت پرداخت را انجام دهید.
                    و در آخرین رو از بازه ذکر شده محصول میتوانید با امور مشتریان گلچین تماس گرفته و از وضعیت بازه زمانی
                    ارسال با خبر شود.
                </p>
            </div>


            <button type="button" class="flex flex-row px-3 w-full text-center items-center py-2 border-t border-solid border-[#d5d8dc]"
                :class="{ 'border-b border-solid border-[#d5d8dc]': (fiveDiv == 7) }"
                @click="fiveDiv = (fiveDiv == 7) ? null : 7">

                <div class="text-zinc-600 dark:text-zinc-100 pl-1 pt-1 ">
                    <div v-if="fiveDiv == 7">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
                        </svg>
                    </div>
                    <div v-else>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                        </svg>
                    </div>
                </div>
                <p class="hover:text-[#ff0000] text-zinc-400 dark:text-zinc-50 font-estmedium"> نحوه اطلاع از کد پیگیری </p>
            </button>
            <div v-if="fiveDiv == 7" class="   py-2 px-12 text-zinc-600 dark:text-zinc-100 transition duration-700 ease-linear font-estregular ">
                <p>
                    اگر کالا توسط باربری برای شما ارسال شده است، با تحویل کالا بهباربری، بارنامه محصولات شما برای شما ارسال
                    میشود و برای شما از طریق پیامک ارسال می شود. با استفاده از این کد رهگیری، می توانید از وضعیت بسته خود
                    مطلع شوید.
                </p>
            </div>


            <button type="button" class="flex flex-row px-3 w-full text-center items-center py-2 border-t border-solid border-[#d5d8dc]"
                :class="{ 'border-b border-solid border-[#d5d8dc]': (fiveDiv == 8) }"
                @click="fiveDiv = (fiveDiv == 8) ? null : 8">

                <div class="text-zinc-600 dark:text-zinc-100 pl-1 pt-1 ">
                    <div v-if="fiveDiv == 8">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
                        </svg>
                    </div>
                    <div v-else>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                        </svg>
                    </div>
                </div>
                <p class="hover:text-[#ff0000] text-zinc-400 dark:text-zinc-50 font-estmedium"> حذف و اضافه کردن کالا در سفارش ثبت شده </p>
            </button>
            <div v-if="fiveDiv == 8" class="   py-2 px-12 text-zinc-600 dark:text-zinc-100 transition duration-700 ease-linear font-estregular ">
                <p>
                    امکان تغییر و حذف و اضافه کردن کالا در سفارش ثبت شده وجود ندارد. اما در صورتی که بسته شما در مرحله “ثبت
                    سفارش” است می توانید خرید خود را کنسل نمایید و سفارش جدیدی ثبت کنید. توجه کنید در این صورت تخفیفات و
                    هدیه های موجود در فاکتور شما کنسل می شود و خریدی با شرایط جدید ثبت خواهید کرد. توجه کنید در صورتی که
                    کالا به مرحله “تحویل به بسته بندی” رفته باشد، امکان کنسل شدن سفارش وجود ندارد و لازم است تأمل نمایید تا
                    کالا توسط پیک یا پست به گلچین بازگشت داده شود و سپس هزینه بسته به حساب شما بازگردانده شود.
                </p>
            </div>


        </div>
        <div class="border border-solid border-[#d5d8dc]  mt-4 ">
            <button type="button" class="flex flex-row px-3 w-full text-center items-center py-2 border-t border-solid border-[#d5d8dc]"
                :class="{ 'border-b border-solid border-[#d5d8dc]': (sixDiv == 1) }"
                @click="sixDiv = (sixDiv == 1) ? null : 1">

                <div class="text-zinc-600 dark:text-zinc-100 pl-1 pt-1 ">
                    <div v-if="sixDiv == 1">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
                        </svg>
                    </div>
                    <div v-else>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                        </svg>
                    </div>
                </div>
                <p class="hover:text-[#ff0000] text-zinc-400 dark:text-zinc-50 font-estmedium">
                    شرایط ضمانت ۷ روز بازگشت کالا
                </p>
            </button>
            <div v-if="sixDiv == 1" class="   py-2 px-12 text-zinc-600 dark:text-zinc-100 transition duration-700 ease-linear font-estregular ">
                <p>
                    در صورتی که کالا در فرآیند ارسال خراب شده یا مشکلی داشته باشد تا ۷ روز بعد از تحویل، باز پس گرفته شده و
                    پس از بررسی و احراز مشکل معدوم می شود. بنابراین لازم است حداکثر تا ۷ روز پس از دریافت بسته، با امور
                    مشتریان گلچین تماس بگیرید و موضوع را اطلاع دهید. برای اطلاع از نحوه بازگشت کالا، گزینه “نحوه مرجوعی
                    کالا” را مطالعه نمایید.
                </p>
            </div>


            <button type="button" class="flex flex-row px-3 w-full text-center items-center py-2 border-t border-solid border-[#d5d8dc]"
                :class="{ 'border-b border-solid border-[#d5d8dc]': (sixDiv == 2) }"
                @click="sixDiv = (sixDiv == 2) ? null : 2">

                <div class="text-zinc-600 dark:text-zinc-100 pl-1 pt-1 ">
                    <div v-if="sixDiv == 2">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
                        </svg>
                    </div>
                    <div v-else>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                        </svg>
                    </div>
                </div>
                <p class="hover:text-[#ff0000] text-zinc-400 dark:text-zinc-50 font-estmedium"> نحوه تسویه حساب کالای بازگردانده شده</p>
            </button>
            <div v-if="sixDiv == 2" class="   py-2 px-12 text-zinc-600 dark:text-zinc-100 transition duration-700 ease-linear font-estregular ">
                <p>برای بازگرداندن کالا، ابتدا روش بازگرداندن کالا را با امور مشتریان گلچین هماهنگ نمایید. در بازگشت
                    کالا از شهرستان ها باید قبض پست به همراه کالا ارسال شده و یا در اولین فرصت تصویرآن از طریق ایمیل یا
                    تلگرام برای بخش امور مشتریان فرستاده شود. در بازگشت کالا از تهران، لازم است زمان ارسال کالا و روش ارسال
                    کالا با امور مشتریان هماهنگ شود. توجه کنید در صورتی که کالا بدون هماهنگی و یا به روشی غیر از استفاده از
                    سیستم حمل و نقل مورد تایید گلچین در تهران و یا پست عادی سفارشی، باز گردانده شود، هزینه های
                    بازگرداندن کالا به عهده مشتری خواهد بود.
                </p>
            </div>


            <button type="button" class="flex flex-row px-3 w-full text-center items-center py-2 border-t border-solid border-[#d5d8dc]"
                :class="{ 'border-b border-solid border-[#d5d8dc]': (sixDiv == 3) }"
                @click="sixDiv = (sixDiv == 3) ? null : 3">

                <div class="text-zinc-600 dark:text-zinc-100 pl-1 pt-1 ">
                    <div v-if="sixDiv == 3">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
                        </svg>
                    </div>
                    <div v-else>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                        </svg>
                    </div>
                </div>
                <p class="hover:text-[#ff0000] text-zinc-400 dark:text-zinc-50 font-estmedium"> نحوه مرجوعی کالا </p>
            </button>
            <div v-if="sixDiv == 3" class="   py-2 px-12 text-zinc-600 dark:text-zinc-100 transition duration-700 ease-linear font-estregular ">
                <p>
                    برای اطلاع از نحوه کرجوعی بایستی با پشتیبانی سایت تماس حاصصل فرمایید
                </p>
            </div>


        </div>
        <div class="border border-solid border-[#d5d8dc]  mt-4 ">
            <button type="button" class="flex flex-row px-3 w-full text-center items-center py-2 border-t border-solid border-[#d5d8dc]"
                :class="{ 'border-b border-solid border-[#d5d8dc]': (sevenDiv == 1) }"
                @click="sevenDiv = (sevenDiv == 1) ? null : 1">

                <div class="text-zinc-600 dark:text-zinc-100 pl-1 pt-1 ">
                    <div v-if="sevenDiv == 1">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
                        </svg>
                    </div>
                    <div v-else>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                        </svg>
                    </div>
                </div>
                <p class="hover:text-[#ff0000] text-zinc-400 dark:text-zinc-50 font-estmedium">
                    آیا امکان ویرایش مشخصات کاربری و ایمیل من وجود دارد؟
                </p>
            </button>
            <div v-if="sevenDiv == 1" class="   py-2 px-12 text-zinc-600 dark:text-zinc-100 transition duration-700 ease-linear font-estregular ">
                <p>
                    شما می‏‌توانید مشخصات کاربری خود را ویرایش کنید. برای این کار باید با وارد کردن پست الکترونیکی و کلمه
                    عبور، وارد حساب کاربری خود بشوید، سپس با کلیک روی گزینه “حساب کاربری” به صفحه‏‌ای منتقل می‏‌شوید که در
                    بخش “ویرایش حساب کاربری” امکان “ویرایش اطلاعات” وجود دارد.
                    در انتهای هر ایمیل درج شده ” چنانچه تمایل به دریافت ایمیل از طرف ما ندارید، بر روی لغو اشتراک کلیک کنید
                    ” شما می توانید پس از دریافت اولین ایمیل ، عضویت خبرنامه را لغو کنید.
                    اگر به ایمیل خود دسترسی ندارید متاسفانه به دلایل حفظ امنیت کاربری، هیچ راهی برای تغییر ایمیل خود به
                    عنوان نام کاربری نخواهید داشت و فقط می‌توانید مجدداً با ایمیل جدید خود ثبت نام کنید
                </p>
            </div>


            <button type="button" class="flex flex-row px-3 w-full text-center items-center py-2 border-t border-solid border-[#d5d8dc]"
                :class="{ 'border-b border-solid border-[#d5d8dc]': (sevenDiv == 2) }"
                @click="sevenDiv = (sevenDiv == 2) ? null : 2">

                <div class="text-zinc-600 dark:text-zinc-100 pl-1 pt-1 ">
                    <div v-if="sevenDiv == 2">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
                        </svg>
                    </div>
                    <div v-else>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                        </svg>
                    </div>
                </div>
                <p class="hover:text-[#ff0000] text-zinc-400 dark:text-zinc-50 font-estmedium"> دوست دارم از گلچین خرید کنم، اما هنوز کاملاً به خرید
                    اینترنتی اعتماد ندارم ؟</p>
            </button>
            <div v-if="sevenDiv == 2" class="   py-2 px-12 text-zinc-600 dark:text-zinc-100 transition duration-700 ease-linear font-estregular ">
                <p>

                    علاوه بر سابقه ، تجربه و محتوای غنی وب سایت گلچین، دارا بودن نماد اعتماد الکترونیکی دو ستاره به این
                    کسب و کار رسمیت و اعتبار می‏‌بخشد. نماد اعتماد الکترونیکی توسط مرکز توسعه تجارت الکترونیکی وزارت صنعت،
                    معدن و تجارت پس از بررسی فروشگاه اینترنتی و تطابق نحوه عملکرد آن با قوانین، اعطا می‏‌شود و کسب و کار
                    اینترنتی دارای نماد به صورت مداوم تحت بررسی این سازمان قرار دارد. برای اطمینان بیشتر شما می‏‌توانید در
                    صفحه اصلی وب سایت گلچین با کلیک روی نماد از جعلی نبودن آن اطمینان پیدا کنید.
                    همچنین گلچین با سابقه سال‌ها فعالیت و تحویل موفق سفارش‌ها به بیش از هزاران مشتری و ارائه خدمات مورد
                    انتظار مشتریان، سابقه درخشانی از فعالیت خود ایجاد نموده و همواره به عنوان برند پیشرو در زمینه تجارت
                    الکترونیک نزد مشتریان، نهادهای نظارتی و زنجیره های عرضه کالا شناخته شده است. بنابراین با خیال آسوده
                    سفارش خود را ثبت کنید و از خدمات گلچین استفاده کنید.
                </p>
            </div>


            <button type="button" class="flex flex-row px-3 w-full text-center items-center py-2 border-t border-solid border-[#d5d8dc]"
                :class="{ 'border-b border-solid border-[#d5d8dc]': (sevenDiv == 3) }"
                @click="sevenDiv = (sevenDiv == 3) ? null : 3">

                <div class="text-zinc-600 dark:text-zinc-100 pl-1 pt-1 ">
                    <div v-if="sevenDiv == 3">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
                        </svg>
                    </div>
                    <div v-else>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                        </svg>
                    </div>
                </div>
                <p class="hover:text-[#ff0000] text-zinc-400 dark:text-zinc-50 font-estmedium"> آیا می‌توانم برای شخص دیگری ازگلچین خرید کنم و سفارش تحویل آن شخص شود؟ </p>
            </button>
            <div v-if="sevenDiv == 3" class="   py-2 px-12 text-zinc-600 dark:text-zinc-100 transition duration-700 ease-linear font-estregular ">
                <p>
                    بله، پس از انتخاب کالاهای موردنظر و اضافه کردن آنها به سبد خرید، ثبت سفارش در ۴ مرحله تکمیل خواهد شد: ۱)
                    ورود به گلچین، ۲) سبد خرید شما ۳) اطلاعات شما ۴) اطلاعات پرداخت.
                    در مرحله اطلاعات ارسال سفارش و بخش “اطلاعات شما”، شما می‌توانید با نوشتن آدرس جدید و مشخصات تحویل گیرنده
                    سفارش را وارد کنید. توجه داشته باشید که اگر مبلغ سفارش را اینترنتی پرداخت کنید، تحویل گیرنده سفارش هنگام
                    دریافت کالا باید کارت شناسایی همراه داشته باشد.
                </p>
            </div>


            <button type="button" class="flex flex-row px-3 w-full text-center items-center py-2 border-t border-solid border-[#d5d8dc]"
                :class="{ 'border-b border-solid border-[#d5d8dc]': (sevenDiv == 4) }"
                @click="sevenDiv = (sevenDiv == 4) ? null : 4">

                <div class="text-zinc-600 dark:text-zinc-100 pl-1 pt-1 ">
                    <div v-if="sevenDiv == 4">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
                        </svg>
                    </div>
                    <div v-else>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                        </svg>
                    </div>
                </div>
                <p class="hover:text-[#ff0000] text-zinc-400 dark:text-zinc-50 font-estmedium"> چگونه مطمئن باشم بعد از خرید، کالا به دست من می رسد؟</p>
            </button>
            <div v-if="sevenDiv == 4" class="   py-2 px-12 text-zinc-600 dark:text-zinc-100 transition duration-700 ease-linear font-estregular ">
                <p>
                    علاوه بر سابقه تولید، تجربه و محتوای کامل فروشگاه تخصصی گلچین، دارا بودن نماد اعتماد الکترونیکی و
                    نماد ستاد ساماندهی پایگاه های اینترنتی، به فروشگاه گلچین رسمیت و اعتبار اعطا کرده است. نماد اعتماد
                    الکترونیکی وزارت صنعت،معدن و تجارت، پس از برسی نحوه ی عملکرد آن با قوانین، اعطا می شود. و همچنین این
                    برسی به صورت مداوم می باشد. که برای صحت نماد اعتماد الکترونیک می توان با کلیک بر روی نماد، از اعتبار
                    نماد اطمینان حاصل بفرمایید. که در ادامه می توان به سابقه ی چندین ساله ی تولید و تحویل سالم و مطابق با
                    خرید انجام شده را، به تعداد زیادی از مشتریان، اشاره کرد. که این امر باعث شده است که فروشگاه گلچین،
                    در چندین سال اخیر با برنامه ریزی دقیق و قیمت های مناسب و رقابتی، بتوانداطمینان مشتریان خود را حفظ کند.
                    بنابراین با خیال آسوده سفارش خود را ثبت کنید و محصول مورد نظر خود را، کاملا مشابه با تصویر و اطلاعات
                    مطرح شده، تحویل بگیرید.
                </p>
            </div>


            <button type="button" class="flex flex-row px-3 w-full text-center items-center py-2 border-t border-solid border-[#d5d8dc]"
                :class="{ 'border-b border-solid border-[#d5d8dc]': (sevenDiv == 5) }"
                @click="sevenDiv = (sevenDiv == 5) ? null : 5">

                <div class="text-zinc-600 dark:text-zinc-100 pl-1 pt-1 ">
                    <div v-if="sevenDiv == 5">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
                        </svg>
                    </div>
                    <div v-else>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                        </svg>
                    </div>
                </div>
                <p class="hover:text-[#ff0000] text-zinc-400 dark:text-zinc-50 font-estmedium"> برای انتخاب و خرید از گلچین نیاز به مشاوره دارم، راهی وجود دارد که در تصمیم گیری به من کمک شود؟ </p>
            </button>
            <div v-if="sevenDiv == 5" class="   py-2 px-12 text-zinc-600 dark:text-zinc-100 transition duration-700 ease-linear font-estregular ">
                <p>
                    بله، فروشگاه گلچین این امکان را برای خریداران ایجاد کرده است که با تماس تلفنی (شماره های درج شده در
                    وبسایت) و یا مراجعه حضوری به دفتر فروش (نشانی درج شده در وبسایت)، بتوانند به صورت مستقیم با کارشناسان
                    فروشگاه ارتباط برقرار کنند؛ اما راه های دیگری هم برای کسب اطلاعات تخصصی و تکمیلی در بلج وجود دارد. از
                    قبیل:

                    ۱. نظرات کاربران: برای تمامی محصولات فروشگاه بلج یک بخش با نام “نظرات ” وجود دارد که توسط کاربرانی که از
                    گلچین خرید کرده اند و یا تصمیم به خرید دارند قابلیت اظهار نظر وجود دارد. که در صورت نیاز توسط
                    کارشناسان، پاسخ های تکمیلی درج می شود.

                    ۲. پرسش و پاسخ: یک بخش دیگر برای همه محصولات در نظر گرفته شده است که امکان درج سوال برای تمامی کاربران
                    ایجاد شده است تا قابل مشاهده برای تمام بازدید کنندگان دیگر نیز باشد. و صرفا توسط کارشناسان رتبه یک
                    فروشگاه به درج پاسخ اقدام می شود.

                    ۳.معرفی اجمالی : معرفی اجمالی توسط کارشناسان مطلع و رتبه یک تولید محتوا، برای تمامی محصولات درج می شود
                    تا با مطالعه ی چند خط، یک معرفی اجمالی و تخصصی برای کاربران فراهم شود.

                    ۴. مشخصات جنس و ویژگی های متمایز: بخش دیگری است که برای محصولات پرفروش و مهم مطرح می شود؛ تا به صورت
                    تخصصی و ویژه به معرفی و ویژگی های یک محصول، بپردازد.
                </p>
            </div>


        </div>
        <div class="border border-solid border-[#d5d8dc]  mt-4 ">
            <button type="button" class="flex flex-row px-3 w-full text-center items-center py-2 border-t border-solid border-[#d5d8dc]"
                :class="{ 'border-b border-solid border-[#d5d8dc]': (eightDiv == 1) }"
                @click="eightDiv = (eightDiv == 1) ? null : 1">

                <div class="text-zinc-600 dark:text-zinc-100 pl-1 pt-1 ">
                    <div v-if="eightDiv == 1">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
                        </svg>
                    </div>
                    <div v-else>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                        </svg>
                    </div>
                </div>
                <p class="hover:text-[#ff0000] text-zinc-400 dark:text-zinc-50 font-estmedium">
                    آیا بعد از پرداخت نیاز است که تماس بگیرم؟
                </p>
            </button>
            <div v-if="eightDiv == 1" class="   py-2 px-12 text-zinc-600 dark:text-zinc-100 transition duration-700 ease-linear font-estregular">
                <p>
                    در شیوه پرداخت آنلاین نیازی به اطلاع رسانی نیست؛ زیرا تمام مراحل تایید و پیگیری پرداخت توسط کارشناسان
                    فروشگاه گلچین انجام می شود. ولی در روش پرداخت کارت به کارت و یا واریز به حساب نیاز به اطلاع رسانی به
                    دو روش تماس تلفنی و یا ارسال پیام به پست الکترونیکی فروشگاه گلچین وجود دارد. تا پس از اطلاع رسانی
                    خریداران و همچنین تایید نهایی در فاکتور فروش ثبت و اعمال شود.
                </p>
            </div>


            <button type="button" class="flex flex-row px-3 w-full text-center items-center py-2 border-t border-solid border-[#d5d8dc]"
                :class="{ 'border-b border-solid border-[#d5d8dc]': (eightDiv == 2) }"
                @click="eightDiv = (eightDiv == 2) ? null : 2">

                <div class="text-zinc-600 dark:text-zinc-100 pl-1 pt-1 ">
                    <div v-if="eightDiv == 2">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
                        </svg>
                    </div>
                    <div v-else>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                        </svg>
                    </div>
                </div>
                <p class="hover:text-[#ff0000] text-zinc-400 dark:text-zinc-50 font-estmedium"> اگر به صورت حضوری در دفتر فروش گلچین خرید کنیم، روش پرداخت
                    چگونه است؟ </p>
            </button>
            <div v-if="eightDiv == 2" class="   py-2 px-12 text-zinc-600 dark:text-zinc-100 transition duration-700 ease-linear font-estregular">
                <p>
                    با خرید حضوری در دفتر فروش فروشگاه گلچین پس از انتخاب و برسی انواع مدل ها در بین بیش از ۵۰ مدل محصول
                    قابل بازدید در فروشگاه ، با راهنمایی کارشناسان فروش فاکتور ثبت و تایید می شود و با دو روش پرداخت درب
                    منزل یا مبلغ به صورت بیعانه و یا تسویه حساب کلی سفارش را تکمیل و با دریافت برگ دوم فاکتور و ثبت تاریخ
                    تحویل، مراحل سفارش حضوری به اتمام می رسد و مابقی فرآیند تولید، ترخیص و تحویل محصولات توسط کادر تخصصی
                    فروشگاه گلچین انجام می شود.
                </p>
            </div>


            <button type="button" class="flex flex-row px-3 w-full text-center items-center py-2 border-t border-solid border-[#d5d8dc]"
                :class="{ 'border-b border-solid border-[#d5d8dc]': (eightDiv == 3) }"
                @click="eightDiv = (eightDiv == 3) ? null : 3">

                <div class="text-zinc-600 dark:text-zinc-100 pl-1 pt-1 ">
                    <div v-if="eightDiv == 3">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
                        </svg>
                    </div>
                    <div v-else>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                        </svg>
                    </div>
                </div>
                <p class="hover:text-[#ff0000] text-zinc-400 dark:text-zinc-50 font-estmedium"> چرا محصولات گلچین شامل هزینه حمل می شوند و به صورت رایگان ارسال نمی شوند؟ </p>
            </button>
            <div v-if="eightDiv == 3" class="   py-2 px-12 text-zinc-600 dark:text-zinc-100 transition duration-700 ease-linear font-estregular">
                <p>
                    پاسخ: محصولات عرضه شده در گلچین دارای تضمین بهترین کیفیت و کمترین قیمت در مقایسه با انواع فروشگاه
                    های اینترنتی و فیزیکی سطح کشور می باشد. زیرا تمامی محصولات تولید شده توسط گروه تولیدی گلچین می باشند
                    و بدون تغییر در قیمت کارخانه و با حداقل قیمت روانه بازار می شوند. که شیوه ی فعالیت فروشگاه گلچین بر
                    مبنای کمترین قیمت و بهترین کیفیت بنا گذاشته شده است. بنابراین با توجه به قوانین، فروشگاه گلچین لازم
                    می داند که کالاهای خود را با قیمت کارخانه و بدون هزینه ی اضافی برای حمل عرضه کند و تمامی هزینه های حمل
                    را به صورت واقعی و با حداقل هزینه به سراسر کشور ارسال می کند. تا خریداران عزیز فروشگاه گلچین به جای
                    پرداخت اضافی برای هر محصول و یا همان به اصطلاح حمل رایگان، هزینه ی حمل واقعی را پرداخت کنند.

                </p>
            </div>


            <button type="button" class="flex flex-row px-3 w-full text-center items-center py-2 border-t border-solid border-[#d5d8dc]"
                :class="{ 'border-b border-solid border-[#d5d8dc]': (eightDiv == 4) }"
                @click="eightDiv = (eightDiv == 4) ? null : 4">

                <div class="text-zinc-600 dark:text-zinc-100 pl-1 pt-1 ">
                    <div v-if="eightDiv == 4">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
                        </svg>
                    </div>
                    <div v-else>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor" class="w-4 h-4">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                        </svg>
                    </div>
                </div>
                <p class="hover:text-[#ff0000] text-zinc-400 dark:text-zinc-50 font-estmedium"> آیا پس از ثبت سفارش می توانم محصول را خودم به صورت مراجعه حضوری تحویل بگیرم؟ </p>
            </button>
            <div v-if="eightDiv == 4" class="   py-2 px-12 text-zinc-600 dark:text-zinc-100 transition duration-700 ease-linear font-estregular">
                <p>
                    پاسخ: بله، از آنجایی که فروشگاه گلچین دارای کارخانه تولیدی و دفتر فروش مرکزی می باشد، جهت اعتماد
                    سازی به خریداران امکان تحویل حضوری برای تمامی محصولات از انبار کارخانه گلچین یا دفتر فروش فراهم آمده
                    است.
                </p>
            </div>


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



<script setup>
var firstDiv = ref(1)
var secondDiv = ref(1)
var threeDiv = ref(1)
var foreDiv = ref(1)
var fiveDiv = ref(1)
var sixDiv = ref(1)
var sevenDiv = ref(1)
var eightDiv = ref(1)
</script>