<script setup lang="ts">
useSeoMeta({
    title: "شرایط و روش های ارسال",
});
</script>

<template>
    <main
        dir="rtl"
        class="container py-16 lg:py-20"
    >
        <section class="mx-auto max-w-4xl">
            <header class="mb-8 lg:mb-10">
                <h1 class="typo-h-5 md:typo-h-4 text-black mb-4">شرایط و روش های ارسال</h1>
            </header>

            <div class="space-y-5">
                <section class="rounded-3xl border border-slate-200 bg-white p-5 md:p-7">
                    <div class="space-y-3" aria-hidden="true">
                        <!-- Add content here later -->
                        <div class="h-4 w-2/3 rounded bg-slate-100"></div>
                        <div class="h-4 w-full rounded bg-slate-100"></div>
                        <div class="h-4 w-5/6 rounded bg-slate-100"></div>
                    </div>
                </section>

                <section class="rounded-3xl border border-slate-200 bg-white p-5 md:p-7">
                    <div class="h-24 rounded-2xl border border-dashed border-slate-200 bg-slate-50" aria-hidden="true"></div>
                </section>

                <section class="rounded-3xl border border-slate-200 bg-white p-5 md:p-7">
                    <div class="h-24 rounded-2xl border border-dashed border-slate-200 bg-slate-50" aria-hidden="true"></div>
                </section>
            </div>
        </section>
    </main>
</template>
