diff --git a/factor/factor.html b/factor/factor.html
new file mode 100644
index 0000000..e389370
--- /dev/null
+++ b/factor/factor.html
@@ -0,0 +1,393 @@
+<!doctype html>
+<html lang="fa" dir="rtl">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>صورت‌حساب الکترونیکی - فروشگاه هیملز</title>
+
+    <style>
+      * {
+        margin: 0;
+        padding: 0;
+        box-sizing: border-box;
+      }
+
+      body {
+        background: #f8fafc;
+        color: #1e293b;
+        line-height: 1.6;
+        min-height: 100vh;
+        padding: 3rem 1rem;
+        font-size: 15px;
+      }
+
+      .pattern-bg {
+        position: fixed;
+        inset: 0;
+        width: 200%;
+        height: 200%;
+        left: -50%;
+        top: -50%;
+        background: url("logo-pattern.png") repeat;
+        background-size: 150px;
+        opacity: 0.05;
+        transform: rotate(12deg);
+        z-index: -1;
+        pointer-events: none;
+      }
+
+      .main-container {
+        width: 100%;
+        max-width: 1300px;
+        margin: 0 auto;
+        position: relative;
+      }
+
+      .qr-box {
+        position: absolute;
+        left: 48px;
+        bottom: 0;
+        transform: translateY(50%);
+        width: 140px;
+        aspect-ratio: 1;
+        border: 2px solid #6366f1;
+        background: white;
+        border-radius: 1rem;
+        overflow: hidden;
+        padding: 4px;
+        z-index: 10;
+      }
+
+      .qr-box img {
+        width: 100%;
+        height: 100%;
+        object-fit: contain;
+      }
+
+      .title-row {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 1.75rem;
+        font-weight: bold;
+        color: #6366f1;
+        gap: 2.25rem;
+        margin-bottom: 2.5rem;
+        text-align: center;
+      }
+
+      .title-row img {
+        width: 96px;
+      }
+
+      .grid-row {
+        display: grid;
+        grid-template-columns: 80px 1fr 300px;
+        gap: 8px;
+        margin-bottom: 8px;
+      }
+
+      .vertical-label {
+        background: #e0e7ff;
+        border: 2px solid #6366f1;
+        color: #6366f1;
+        border-radius: 1rem;
+        font-weight: bold;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        text-align: center;
+        writing-mode: vertical-rl;
+        text-orientation: mixed;
+        transform: rotate(180deg);
+        padding: 0.75rem 0.5rem;
+        font-size: 1.1rem;
+      }
+
+      .info-panel {
+        background: white;
+        border: 2px solid #6366f1;
+        border-radius: 1rem;
+        padding: 1.25rem;
+      }
+
+      .info-flex {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 1.5rem 2rem;
+      }
+
+      .info-item {
+        display: flex;
+        gap: 0.4rem;
+        white-space: nowrap;
+      }
+
+      .info-item span:first-child {
+        font-weight: 600;
+        color: #4b5563;
+      }
+
+      .doc-info {
+        display: flex;
+        flex-direction: column;
+        gap: 0.75rem;
+      }
+
+      /* Buyer row - full width */
+      .buyer-row {
+        height: 100px;
+        display: grid;
+        grid-template-columns: 80px 1fr;
+        gap: 8px;
+        margin-bottom: 16px;
+      }
+
+      .table-wrapper {
+        border: 2px solid #6366f1;
+        border-radius: 1rem;
+        background: white;
+        overflow: hidden;
+      }
+
+      table {
+        width: 100%;
+        border-collapse: collapse;
+        font-size: 0.9rem;
+        text-align: center;
+      }
+
+      th,
+      td {
+        padding: 0.9rem 0.6rem;
+        border: 2px solid #e0e7ff;
+      }
+
+      thead th {
+        background: #e0e7ff;
+        color: #6366f1;
+        font-weight: 600;
+      }
+
+      .summary-row td {
+        background: #f1f5f9;
+        font-weight: 600;
+      }
+
+      .grand-total-row {
+        background: #e0e7ff;
+      }
+
+      .grand-total-row td:last-child {
+        /* border-top: 3px solid #6366f1; */
+        font-weight: bold;
+      }
+
+      .signatures {
+        display: grid;
+        grid-template-columns: repeat(5, 1fr);
+        gap: 1.5rem;
+        padding: 1.25rem;
+        border-top: 2px solid #6366f1;
+        height: 200px;
+      }
+
+      .sign-item {
+        display: flex;
+        gap: 0.4rem;
+        white-space: nowrap;
+      }
+
+      .sign-item span:first-child {
+        font-weight: 600;
+        color: #4b5563;
+      }
+
+      @media (max-width: 1100px) {
+        .grid-row {
+          grid-template-columns: 80px 1fr;
+        }
+        .doc-info {
+          margin-top: 1rem;
+        }
+        .buyer-row {
+          grid-template-columns: 80px 1fr;
+        }
+        .signatures {
+          grid-template-columns: repeat(2, 1fr);
+        }
+        .qr-box {
+          position: static;
+          margin: 2rem auto;
+          transform: none;
+        }
+      }
+
+      @media (max-width: 640px) {
+        .info-flex,
+        .signatures {
+          flex-direction: column;
+          gap: 0.8rem;
+        }
+        .title-row {
+          font-size: 1.4rem;
+          flex-direction: column;
+          gap: 0.5rem;
+        }
+      }
+    </style>
+  </head>
+  <body>
+    <div class="pattern-bg"></div>
+
+    <div class="main-container">
+      <!-- QR -->
+      <div class="qr-box">
+        <img src="qr-code.png" alt="QR" />
+      </div>
+
+      <!-- Header -->
+      <div class="title-row">
+        <div class="text-end" style="width: 100%;display: flex;justify-content: end;">صورت حساب الکترونیکی</div>
+        <div>
+          <img src="logo2.png" alt="Logo" />
+        </div>
+        <div class="text-start" style="width: 100%;display: flex;justify-content: start;">فروشگاه هیملز</div>
+      </div>
+
+      <!-- Seller + Document Info -->
+      <div class="grid-row">
+        <div class="vertical-label">فروشگاه<br />هی ملز</div>
+
+        <div class="info-panel">
+          <div class="info-flex">
+            <div class="info-item">
+              <span>فرستنده :</span><span>مقدار</span>
+            </div>
+            <div class="info-item">
+              <span>شناسه ملی :</span><span>مقدار</span>
+            </div>
+            <div class="info-item">
+              <span>شماره ثبت :</span><span>مقدار</span>
+            </div>
+            <div class="info-item">
+              <span>شماره مجوز :</span><span>مقدار</span>
+            </div>
+            <div class="info-item">
+              <span>نشانی شرکت :</span><span>مقدار</span>
+            </div>
+            <div class="info-item">
+              <span>کد پستی :</span><span>مقدار</span>
+            </div>
+            <div class="info-item">
+              <span>تلفن و فکس :</span><span>مقدار</span>
+            </div>
+          </div>
+        </div>
+
+        <div class="info-panel">
+          <div class="doc-info">
+            <div class="info-item">
+              <span>شماره فاکتور :</span><span>مقدار</span>
+            </div>
+            <div class="info-item"><span>تاریخ :</span><span>مقدار</span></div>
+            <div class="info-item">
+              <span>شماره پیگیری :</span><span>مقدار</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- Buyer -->
+      <div class="buyer-row">
+        <div class="vertical-label">خریدار</div>
+        <div class="info-panel">
+          <div class="info-flex">
+            <div class="info-item"><span>خریدار :</span><span>مقدار</span></div>
+            <div class="info-item">
+              <span>شماره ملی :</span><span>مقدار</span>
+            </div>
+            <div class="info-item">
+              <span>شماره تماس :</span><span>مقدار</span>
+            </div>
+            <div class="info-item">
+              <span>کد پستی :</span><span>مقدار</span>
+            </div>
+            <div class="info-item"><span>نشانی :</span><span>مقدار</span></div>
+          </div>
+        </div>
+      </div>
+
+      <!-- Table + Footer -->
+      <div class="table-wrapper">
+        <table>
+          <thead>
+            <tr>
+              <th>ردیف</th>
+              <th>شناسه کالا یا خدمات</th>
+              <th>شرح کالا یا خدمات</th>
+              <th>تعداد</th>
+              <th>مبلغ واحد (تومان)</th>
+              <th>مبلغ کل (تومان)</th>
+              <th>تخفیف (تومان)</th>
+              <th>مبلغ کل پس از تخفیف (تومان)</th>
+              <th>جمع مالیات و عوارض ارزش افزوده (تومان)</th>
+              <th>جمع کل پس از تخفیف و مالیات و عوارض (تومان)</th>
+            </tr>
+          </thead>
+          <tbody>
+            <!-- placeholder row -->
+            <tr>
+              <td>1</td>
+              <td>---</td>
+              <td>---</td>
+              <td>---</td>
+              <td>---</td>
+              <td>---</td>
+              <td>---</td>
+              <td>---</td>
+              <td>---</td>
+              <td>---</td>
+            </tr>
+
+            <tr class="summary-row">
+              <td colspan="3">جمع کل</td>
+              <td>---</td>
+              <td>---</td>
+              <td>---</td>
+              <td>---</td>
+              <td>---</td>
+              <td>---</td>
+              <td>---</td>
+            </tr>
+
+            <tr class="grand-total-row">
+              <td colspan="9" style="text-align: center; border-left: none">
+                جمع کل پس از کسر تخفیف با احتساب مالیات و عوارض (تومان)
+              </td>
+              <td>---</td>
+            </tr>
+          </tbody>
+        </table>
+
+        <div class="signatures">
+          <div class="sign-item">
+            <span>مهر و امضای فروشگاه :</span><span>مقدار</span>
+          </div>
+          <div class="sign-item">
+            <span>تاریخ تحویل :</span><span>مقدار</span>
+          </div>
+          <div class="sign-item">
+            <span>ساعت تحویل :</span><span>مقدار</span>
+          </div>
+          <div class="sign-item">
+            <span>روش های پرداخت :</span><span>مقدار</span>
+          </div>
+          <div class="sign-item">
+            <span>مهر و امضای خریدار :</span><span>مقدار</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/factor/logo-pattern.png b/factor/logo-pattern.png
new file mode 100644
index 0000000..f9f12fe
Binary files /dev/null and b/factor/logo-pattern.png differ
diff --git a/factor/logo2.png b/factor/logo2.png
new file mode 100644
index 0000000..0a0ef47
Binary files /dev/null and b/factor/logo2.png differ
diff --git a/factor/qr-code.png b/factor/qr-code.png
new file mode 100644
index 0000000..c8cbf60
Binary files /dev/null and b/factor/qr-code.png differ
diff --git a/frontend/components/global/Footer.vue b/frontend/components/global/Footer.vue
index c88ae91..7cbcd32 100644
--- a/frontend/components/global/Footer.vue
+++ b/frontend/components/global/Footer.vue
@@ -101,10 +101,18 @@
                     <div class="flex flex-col gap-6 max-lg:text-center">
                         <h3 class="font-bold text-white">راهنما و خدمات مشتری</h3>
                         <ul class="flex flex-col gap-4 font-thin text-slate-300 max-lg:text-xs">
-                            <li>رویه های بازگرداندن کالا</li>
-                            <li>پرسش های متداول</li>
-                            <li>حریم خصوصی</li>
-                            <li><NuxtLink to="contact-us">گزارش باگ</NuxtLink></li>
+                            <li>
+                                <NuxtLink to="product-return"> رویه های بازگرداندن کالا </NuxtLink>
+                            </li>
+                            <li>
+                                <NuxtLink to="#"> پرسش های متداول </NuxtLink>
+                            </li>
+                            <li>
+                                <NuxtLink to="privacy"> حریم خصوصی </NuxtLink>
+                            </li>
+                            <li>
+                                <NuxtLink to="contact-us">گزارش باگ</NuxtLink>
+                            </li>
                         </ul>
                     </div>
                 </div>
@@ -118,7 +126,9 @@
                             <li>
                                 <NuxtLink to="products"> محصولات </NuxtLink>
                             </li>
-                            <li>قوانین و مقرارت</li>
+                            <li>
+                                <NuxtLink to="terms">قوانین و مقرارت</NuxtLink>
+                            </li>
                             <li>
                                 <NuxtLink to="contact-us">ارتباط با ما</NuxtLink>
                             </li>
diff --git a/frontend/pages/privacy.vue b/frontend/pages/privacy.vue
new file mode 100644
index 0000000..cbfe23a
--- /dev/null
+++ b/frontend/pages/privacy.vue
@@ -0,0 +1,85 @@
+<script setup lang="ts">
+useSeoMeta({
+    title: "حریم خصوصی",
+});
+</script>
+
+<template>
+    <div
+        class="container py-16 lg:py-20"
+    >
+        <section class="mx-auto max-w-4xl">
+            <div class="mb-8 lg:mb-10">
+                <h1 class="typo-h-5 md:typo-h-4 text-black mb-4">حریم خصوصی</h1>
+                <p class="text-slate-600 leading-8 max-sm:text-sm">
+                    هی ملز با احترام کامل به حریم شخصی کاربران، متعهد است اطلاعات شما را فقط در چارچوب قوانین و برای ارائه خدمات بهتر، امن‌تر و دقیق‌تر استفاده کند.
+                </p>
+            </div>
+
+            <div class="space-y-5">
+                <section class="rounded-3xl border border-slate-200 bg-white p-5 md:p-7">
+                    <h2 class="typo-h-6 text-black mb-3">۱) اطلاعاتی که جمع‌آوری می‌شود</h2>
+                    <p class="text-slate-700 leading-8 max-sm:text-sm mb-3">
+                        برای ثبت سفارش، ارسال کالا و ارائه خدمات پشتیبانی، اطلاعاتی مانند نام، شماره موبایل، ایمیل و آدرس دریافت می‌شود. برای صدور فاکتور رسمی نیز ممکن است اطلاعات هویتی یا حقوقی مورد نیاز باشد.
+                    </p>
+                    <ul class="list-disc marker:text-slate-400 pr-5 space-y-2 text-slate-700 leading-8 max-sm:text-sm">
+                        <li>کاربر مسئول صحت اطلاعات ثبت‌شده در پروفایل است.</li>
+                        <li>در صورت ناقص یا نادرست بودن اطلاعات، امکان درخواست اطلاعات تکمیلی وجود دارد.</li>
+                        <li>در صورت ثبت اطلاعات گیرنده دیگر، این اطلاعات فقط برای همان سفارش استفاده می‌شود.</li>
+                    </ul>
+                </section>
+
+                <section class="rounded-3xl border border-slate-200 bg-white p-5 md:p-7">
+                    <h2 class="typo-h-6 text-black mb-3">۲) اطلاعات فنی و تحلیلی</h2>
+                    <p class="text-slate-700 leading-8 max-sm:text-sm mb-3">
+                        با رضایت کاربر و در حد ضرورت، برخی اطلاعات فنی به‌صورت ناشناس برای بهبود کیفیت سرویس، تحلیل خطاها و ارتقای تجربه کاربری جمع‌آوری می‌شود.
+                    </p>
+                    <ul class="list-disc marker:text-slate-400 pr-5 space-y-2 text-slate-700 leading-8 max-sm:text-sm">
+                        <li>نوع دستگاه، زبان، سیستم‌عامل، مرورگر و نوع شبکه</li>
+                        <li>جست‌وجوها، تعاملات کاربری و مدت استفاده از وب‌سایت یا اپلیکیشن</li>
+                        <li>گزارش‌های خطا مانند وضعیت شبکه، زمان رخداد و وضعیت حافظه دستگاه</li>
+                    </ul>
+                    <p class="text-slate-700 leading-8 max-sm:text-sm mt-3">
+                        این اطلاعات فقط در اختیار هی ملز است و به شریک تجاری دیگری منتقل نمی‌شود. در صورت درخواست کاربر، داده‌های قبلی حذف می‌گردد.
+                    </p>
+                </section>
+
+                <section class="rounded-3xl border border-slate-200 bg-white p-5 md:p-7">
+                    <h2 class="typo-h-6 text-black mb-3">۳) اطلاع‌رسانی‌ها و پیامک</h2>
+                    <p class="text-slate-700 leading-8 max-sm:text-sm mb-3">
+                        ممکن است برای اطلاع‌رسانی وضعیت سفارش، اخبار یا پیشنهادهای ویژه، پیامک یا ایمیل ارسال شود. امکان لغو دریافت پیام‌های تبلیغاتی از طریق پروفایل کاربری وجود دارد.
+                    </p>
+                    <p class="text-slate-700 leading-8 max-sm:text-sm">
+                        شماره رسمی ارسال پیامک هی ملز:
+                        <span class="font-medium text-black">9830005088</span>
+                    </p>
+                </section>
+
+                <section class="rounded-3xl border border-slate-200 bg-white p-5 md:p-7">
+                    <h2 class="typo-h-6 text-black mb-3">۴) امنیت حساب و مسئولیت کاربر</h2>
+                    <ul class="list-disc marker:text-slate-400 pr-5 space-y-2 text-slate-700 leading-8 max-sm:text-sm">
+                        <li>حفظ نام کاربری و رمز عبور بر عهده کاربر است.</li>
+                        <li>در صورت تغییر یا واگذاری شماره تلفن، لازم است شماره جدید در پروفایل ثبت شود.</li>
+                        <li>نظرات ارسالی کاربران ممکن است برای انطباق با قوانین سایت ویرایش شوند.</li>
+                    </ul>
+                </section>
+
+                <section class="rounded-3xl border border-slate-200 bg-white p-5 md:p-7">
+                    <h2 class="typo-h-6 text-black mb-3">۵) کوکی، IP و موارد قانونی</h2>
+                    <p class="text-slate-700 leading-8 max-sm:text-sm mb-3">
+                        هی ملز مانند بسیاری از وب‌سایت‌ها از کوکی‌ها و IP برای بهبود عملکرد و شخصی‌سازی تجربه کاربری استفاده می‌کند. می‌توانید کوکی‌ها را از طریق تنظیمات مرورگر مدیریت کنید.
+                    </p>
+                    <p class="text-slate-700 leading-8 max-sm:text-sm">
+                        اطلاعات شخصی کاربران محرمانه است و فقط در صورت الزام قانونی یا دستور مراجع ذی‌صلاح، طبق قوانین کشور در اختیار نهادهای مربوط قرار می‌گیرد.
+                    </p>
+                </section>
+            </div>
+
+            <div class="mt-8 rounded-2xl bg-slate-50 border border-slate-200 p-4 md:p-5">
+                <p class="text-slate-600 leading-8 max-sm:text-sm">
+                    هی ملز تمام تلاش خود را برای حفاظت از اطلاعات کاربران به‌کار می‌گیرد تا تجربه‌ای امن، راحت و مطمئن برای خرید آنلاین فراهم شود.
+                </p>
+            </div>
+        </section>
+    </div>
+</template>
\ No newline at end of file
diff --git a/frontend/pages/product-return.vue b/frontend/pages/product-return.vue
new file mode 100644
index 0000000..aae6bcb
--- /dev/null
+++ b/frontend/pages/product-return.vue
@@ -0,0 +1,75 @@
+<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>
+                <p class="text-slate-600 leading-8 max-sm:text-sm">
+                    برای بررسی سریع‌تر درخواست مرجوعی، لطفاً کالا را مطابق راهنمای زیر ارسال کنید. رعایت این موارد باعث می‌شود فرآیند پشتیبانی و بازگشت وجه یا تعویض کالا بدون تأخیر انجام شود.
+                </p>
+            </header>
+
+            <div class="space-y-5">
+                <section class="rounded-3xl border border-slate-200 bg-white p-5 md:p-7">
+                    <h2 class="typo-h-6 text-black mb-3">۱) هماهنگی قبل از ارسال</h2>
+                    <ul class="list-disc marker:text-slate-400 pr-5 space-y-2 text-slate-700 leading-8 max-sm:text-sm">
+                        <li>قبل از هر اقدامی با کارشناسان پشتیبانی خدمات پس از فروش تماس بگیرید.</li>
+                        <li>از ارسال کالا بدون هماهنگی قبلی با هی ملز جداً خودداری کنید.</li>
+                    </ul>
+                </section>
+
+                <section class="rounded-3xl border border-slate-200 bg-white p-5 md:p-7">
+                    <h2 class="typo-h-6 text-black mb-3">۲) نحوه بسته‌بندی صحیح کالا</h2>
+                    <ul class="list-disc marker:text-slate-400 pr-5 space-y-2 text-slate-700 leading-8 max-sm:text-sm">
+                        <li>کالا باید در جعبه یا کارتن اصلی خود، کاملاً سالم و مناسب بسته‌بندی شود.</li>
+                        <li>
+                            تمام لوازم جانبی و اقلام همراه مانند کابل، ریموت، باطری، دفترچه راهنما، کارت گارانتی، کارت بیمه، بند و قطعات بسته‌بندی باید همراه کالا ارسال شوند.
+                        </li>
+                        <li>
+                            در سفارش‌های دارای هدیه، برای مرجوعی کامل سفارش لازم است هدیه نیز عودت داده شود؛ در غیر این صورت هزینه مربوطه از مبلغ بازگشتی کسر خواهد شد.
+                        </li>
+                    </ul>
+                </section>
+
+                <section class="rounded-3xl border border-slate-200 bg-white p-5 md:p-7">
+                    <h2 class="typo-h-6 text-black mb-3">۳) مواردی که باعث رد مرجوعی می‌شود</h2>
+                    <ul class="list-disc marker:text-slate-400 pr-5 space-y-2 text-slate-700 leading-8 max-sm:text-sm">
+                        <li>نوشتن توضیحات، آدرس یا برچسب روی جعبه اصلی کالا</li>
+                        <li>پارگی یا مخدوش شدن کارتن یا بسته‌بندی اصلی</li>
+                    </ul>
+                    <p class="text-slate-700 leading-8 max-sm:text-sm mt-3">
+                        در صورت نیاز، توضیحات خود را روی پشت فاکتور خرید یا یک برگه جداگانه بنویسید.
+                    </p>
+                </section>
+
+                <section class="rounded-3xl border border-slate-200 bg-white p-5 md:p-7">
+                    <h2 class="typo-h-6 text-black mb-3">۴) ارسال پستی و اطلاعات تکمیلی</h2>
+                    <ul class="list-disc marker:text-slate-400 pr-5 space-y-2 text-slate-700 leading-8 max-sm:text-sm">
+                        <li>در صورت ارسال با پست پیشتاز، تصویر رسید پستی را نگه دارید.</li>
+                        <li>
+                            تصویر یا عکس رسید را به ایمیل پشتیبانی ارسال کنید:
+                            <span class="font-medium text-black">npsayna@gmail.com</span>
+                        </li>
+                        <li>
+                            اگر کالا دارای رمز عبور، Apple ID، الگو یا هر نوع قفل نرم‌افزاری است، قبل از ارسال آن را حذف کنید تا امکان تست توسط کارشناسان وجود داشته باشد.
+                        </li>
+                    </ul>
+                </section>
+            </div>
+
+            <footer class="mt-8 rounded-2xl bg-slate-50 border border-slate-200 p-4 md:p-5">
+                <p class="text-slate-600 leading-8 max-sm:text-sm">
+                    با رعایت این مراحل، درخواست بازگشت کالا سریع‌تر بررسی شده و نتیجه در کوتاه‌ترین زمان به شما اطلاع داده می‌شود.
+                </p>
+            </footer>
+        </section>
+    </main>
+</template>
\ No newline at end of file
diff --git a/frontend/pages/terms.vue b/frontend/pages/terms.vue
new file mode 100644
index 0000000..28f340e
--- /dev/null
+++ b/frontend/pages/terms.vue
@@ -0,0 +1,98 @@
+<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>
+                <p class="text-slate-600 leading-8 max-sm:text-sm">
+                    استفاده از خدمات و محصولات هی ملز به معنای پذیرش کامل قوانین زیر است. این قوانین مطابق با مقررات جمهوری اسلامی ایران و تجارت الکترونیک تدوین شده و ممکن است در آینده به‌روزرسانی شود.
+                </p>
+            </header>
+
+            <div class="space-y-5">
+                <section class="rounded-3xl border border-slate-200 bg-white p-5 md:p-7">
+                    <h2 class="typo-h-6 text-black mb-3">۱) کلیات و پذیرش قوانین</h2>
+                    <ul class="list-disc marker:text-slate-400 pr-5 space-y-2 text-slate-700 leading-8 max-sm:text-sm">
+                        <li>تمامی فعالیت‌های هی ملز منطبق با قوانین جاری کشور و تجارت الکترونیک است.</li>
+                        <li>هرگونه تغییر در قوانین، در همین صفحه اطلاع‌رسانی و ادامه استفاده به منزله پذیرش تغییرات است.</li>
+                    </ul>
+                </section>
+
+                <section class="rounded-3xl border border-slate-200 bg-white p-5 md:p-7">
+                    <h2 class="typo-h-6 text-black mb-3">۲) سرویس مهلت تست ۷ روزه</h2>
+                    <ul class="list-disc marker:text-slate-400 pr-5 space-y-2 text-slate-700 leading-8 max-sm:text-sm">
+                        <li>کالاهایی که نیاز به تست دارند، تا ۷ روز پس از تحویل فرصت تست دارند.</li>
+                        <li>در صورت نقص فنی تاییدشده، کالا مشمول تعویض یا بازگشت وجه است.</li>
+                        <li>آسیب‌های فیزیکی ناشی از حمل و نقل باید حداکثر تا ۲۴ ساعت اعلام شود.</li>
+                        <li>کالا باید در شرایط اولیه و با لوازم جانبی و فاکتور کامل بازگردانده شود.</li>
+                        <li>در صورت اتمام موجودی، وجه کالا به خریدار بازگردانده می‌شود.</li>
+                    </ul>
+                </section>
+
+                <section class="rounded-3xl border border-slate-200 bg-white p-5 md:p-7">
+                    <h2 class="typo-h-6 text-black mb-3">۳) محصولات آرایشی و بهداشتی</h2>
+                    <ul class="list-disc marker:text-slate-400 pr-5 space-y-2 text-slate-700 leading-8 max-sm:text-sm">
+                        <li>اطلاعات محصولات صرفاً جهت اطلاع‌رسانی است و جایگزین مشاوره تخصصی نیست.</li>
+                        <li>مسئولیت استفاده نادرست یا خسارت ناشی از مصرف بر عهده مشتری است.</li>
+                        <li>در صورت تایید معیوب بودن کالا توسط تولیدکننده، هزینه کالا بازگردانده می‌شود.</li>
+                        <li>هی ملز مسئولیتی در قبال عوارض جسمی یا بیماری‌های ناشی از مصرف ندارد.</li>
+                    </ul>
+                </section>
+
+                <section class="rounded-3xl border border-slate-200 bg-white p-5 md:p-7">
+                    <h2 class="typo-h-6 text-black mb-3">۴) حقوق مالکیت و استفاده از محتوا</h2>
+                    <ul class="list-disc marker:text-slate-400 pr-5 space-y-2 text-slate-700 leading-8 max-sm:text-sm">
+                        <li>تمامی محتوا، داده‌ها و خدمات سایت متعلق به هی ملز است و هرگونه استفاده تجاری بدون مجوز ممنوع است.</li>
+                        <li>کپی، استخراج داده، یا استفاده از ربات و ابزارهای مشابه برای مقاصد تجاری ممنوع است.</li>
+                        <li>کاربران مسئول حفظ محرمانگی حساب و رمز عبور خود هستند.</li>
+                        <li>خرید برای افراد زیر ۱۸ سال فقط با اطلاع والدین یا قیم قانونی مجاز است.</li>
+                    </ul>
+                </section>
+
+                <section class="rounded-3xl border border-slate-200 bg-white p-5 md:p-7">
+                    <h2 class="typo-h-6 text-black mb-3">۵) ثبت، پردازش و ارسال سفارش</h2>
+                    <ul class="list-disc marker:text-slate-400 pr-5 space-y-2 text-slate-700 leading-8 max-sm:text-sm">
+                        <li>سفارش‌ها در روزهای کاری (شنبه تا پنج‌شنبه) پردازش می‌شوند.</li>
+                        <li>در صورت اتمام موجودی یا بروز خطا، وجه پرداختی طی ۲۴ تا ۴۸ ساعت بازگردانده می‌شود.</li>
+                        <li>درج اطلاعات صحیح هنگام سفارش الزامی است؛ مسئولیت صحت اطلاعات با مشتری است.</li>
+                        <li>در صورت مغایرت اطلاعات هویتی، ارائه خدمات ممکن نیست.</li>
+                        <li>امکان صدور فاکتور مجدد یا تغییر مشخصات پس از ثبت سفارش وجود ندارد.</li>
+                        <li>پرداخت در محل برای سفارش‌های خاص (باربری یا مبلغ بالا) ممکن نیست.</li>
+                        <li>افزودن کالا به سبد خرید به معنی رزرو کالا نیست.</li>
+                    </ul>
+                </section>
+
+                <section class="rounded-3xl border border-slate-200 bg-white p-5 md:p-7">
+                    <h2 class="typo-h-6 text-black mb-3">۶) ارتباطات رسمی و امنیت</h2>
+                    <ul class="list-disc marker:text-slate-400 pr-5 space-y-2 text-slate-700 leading-8 max-sm:text-sm">
+                        <li>تنها مرجع رسمی ارتباط با کاربران، سایت www.heymlz.com است.</li>
+                        <li>هیچ‌گونه تماس یا ارتباط از طریق وبلاگ، پیام‌رسان یا آدرس‌های غیررسمی انجام نمی‌شود.</li>
+                        <li>تحویل سفارش فقط به آدرس دقیق و قابل استناد انجام می‌شود.</li>
+                    </ul>
+                </section>
+
+                <section class="rounded-3xl border border-slate-200 bg-white p-5 md:p-7">
+                    <h2 class="typo-h-6 text-black mb-3">۷) خسارت و حمل و نقل</h2>
+                    <ul class="list-disc marker:text-slate-400 pr-5 space-y-2 text-slate-700 leading-8 max-sm:text-sm">
+                        <li>هی ملز تمام تلاش خود را برای ارسال سالم سفارش‌ها انجام می‌دهد.</li>
+                        <li>مسئولیت حوادث حین حمل و نقل بر عهده شرکت حمل و نقل است.</li>
+                    </ul>
+                </section>
+            </div>
+
+            <footer class="mt-8 rounded-2xl bg-slate-50 border border-slate-200 p-4 md:p-5">
+                <p class="text-slate-600 leading-8 max-sm:text-sm">
+                    استفاده از سایت به منزله پذیرش کامل این قوانین است. هی ملز همواره در راستای بهبود خدمات و رعایت حقوق کاربران تلاش می‌کند.
+                </p>
+            </footer>
+        </section>
+    </main>
+</template>
\ No newline at end of file

ردیف	شناسه کالا یا خدمات	شرح کالا یا خدمات	تعداد	مبلغ واحد (تومان)	مبلغ کل (تومان)	تخفیف (تومان)	مبلغ کل پس از تخفیف (تومان)	جمع مالیات و عوارض ارزش افزوده (تومان)	جمع کل پس از تخفیف و مالیات و عوارض (تومان)
1	---	---	---	---	---	---	---	---	---
جمع کل			---	---	---	---	---	---	---
+ جمع کل پس از کسر تخفیف با احتساب مالیات و عوارض (تومان) +									---