diff --git a/frontend/components/global/Footer.vue b/frontend/components/global/Footer.vue
index fe07688..33dce01 100644
--- a/frontend/components/global/Footer.vue
+++ b/frontend/components/global/Footer.vue
@@ -21,14 +21,14 @@
         </ClientOnly>
 
         <div class="flex flex-col gap-4 items-center justify-center relative z-20">
-            <div class="flex items-center flex-col gap-8 pb-[10px] pt-[80px] lg:pt-[100px] lg:pb-[50px] justify-center">
+            <div class="flex items-center flex-col gap-8 pb-2.5 pt-20 lg:pt-25 lg:pb-12.5 justify-center">
                 <img
                     src="/img/heymlz/heymlz-small-idle.gif"
                     loading="lazy"
                     fetch-priority="low"
-                    class="size-[150px] lg:size-[220px] rounded-full drop-shadow-2xl"
+                    class="size-37.5 lg:size-55 rounded-full drop-shadow-2xl"
                 />
-                <span class="font-bold text-2xl lg:text-5xl text-gradient bg-gradient-to-l from-blue-500 to-blue-700">
+                <span class="font-bold text-2xl lg:text-5xl text-gradient bg-linear-to-l from-blue-500 to-blue-700">
                     فروشگاه هی ملز
                 </span>
             </div>
@@ -36,7 +36,7 @@
             <div
                 class="w-full flex max-lg:flex-col justify-between pt-16 pb-12 max-lg:gap-16 container items-center lg:items-start relative z-20"
             >
-                <div class="flex flex-col gap-4 max-w-[300px]">
+                <div class="flex flex-col gap-4 max-w-75">
                     <h3 class="font-bold text-lg xl:text-3xl max-lg:text-center text-white">فروشگاه هی ملز</h3>
 
                     <p class="text-md font-thin leading-[175%] mt-4 max-lg:text-center text-slate-300 max-lg:text-xs">
@@ -46,7 +46,7 @@
                     <div class="flex items-center gap-4 mt-6 max-lg:justify-center">
                         <NuxtLink
                             to="#"
-                            class="flex-center size-[1.5rem]"
+                            class="flex-center size-6"
                         >
                             <Icon
                                 name="ci:instagram"
@@ -56,7 +56,7 @@
                         </NuxtLink>
                         <NuxtLink
                             to="#"
-                            class="flex-center size-[1.5rem]"
+                            class="flex-center size-6"
                         >
                             <Icon
                                 name="ci:facebook"
@@ -66,7 +66,7 @@
                         </NuxtLink>
                         <NuxtLink
                             to="#"
-                            class="flex-center size-[1.5rem]"
+                            class="flex-center size-6"
                         >
                             <Icon
                                 name="ci:tiktok"
@@ -76,7 +76,7 @@
                         </NuxtLink>
                         <NuxtLink
                             to="#"
-                            class="flex-center size-[1.5rem]"
+                            class="flex-center size-6"
                         >
                             <Icon
                                 name="ci:youtube"
@@ -110,6 +110,15 @@
                             <li>
                                 <NuxtLink to="product-return"> رویه های بازگرداندن کالا </NuxtLink>
                             </li>
+                            <li>
+                                <NuxtLink to="payment-methods"> شرایط و روش های پرداخت </NuxtLink>
+                            </li>
+                            <li>
+                                <NuxtLink to="shipping-methods"> شرایط و روش های ارسال </NuxtLink>
+                            </li>
+                            <li>
+                                <NuxtLink to="test-return"> روشهای تست و مرجوعی </NuxtLink>
+                            </li>
                             <li>
                                 <NuxtLink to="#"> پرسش های متداول </NuxtLink>
                             </li>
diff --git a/frontend/pages/payment-methods.vue b/frontend/pages/payment-methods.vue
new file mode 100644
index 0000000..ce2a839
--- /dev/null
+++ b/frontend/pages/payment-methods.vue
@@ -0,0 +1,37 @@
+<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>
diff --git a/frontend/pages/shipping-methods.vue b/frontend/pages/shipping-methods.vue
new file mode 100644
index 0000000..a4d0fbf
--- /dev/null
+++ b/frontend/pages/shipping-methods.vue
@@ -0,0 +1,37 @@
+<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>
diff --git a/frontend/pages/test-return.vue b/frontend/pages/test-return.vue
new file mode 100644
index 0000000..e59f549
--- /dev/null
+++ b/frontend/pages/test-return.vue
@@ -0,0 +1,37 @@
+<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>