From 00169df9d3b04914c252640ed8bdb1ade76eee64 Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Tue, 8 Apr 2025 23:28:28 +0330
Subject: [PATCH] changed padding

---
 frontend/components/global/Footer.vue | 64 +++++++++++++++++----------
 1 file changed, 41 insertions(+), 23 deletions(-)

diff --git a/frontend/components/global/Footer.vue b/frontend/components/global/Footer.vue
index 4afe058..c8addef 100644
--- a/frontend/components/global/Footer.vue
+++ b/frontend/components/global/Footer.vue
@@ -1,11 +1,17 @@
 <template>
     <div class="bg-black relative overflow-hidden">
+        <NuxtImg
+            src="/img/footer-bg.jpg"
+            alt=""
+            class="absolute z-10 object-cover opacity-45"
+        />
 
-        <NuxtImg src="/img/footer-bg.jpg" alt="" class="absolute z-10 object-cover opacity-45" />
-
-        <div class="flex flex-col gap-4 items-center justify-center relative z-20">
-
-            <div class="flex items-center flex-col pb-[10px] pt-[80px] lg:py-[150px] justify-center">
+        <div
+            class="flex flex-col gap-4 items-center justify-center relative z-20"
+        >
+            <div
+                class="flex items-center flex-col pb-[10px] pt-[80px] lg:py-[150px] justify-center"
+            >
                 <video
                     src="/video/loading.mp4"
                     autoplay
@@ -15,22 +21,33 @@
                     webkit-playsinline
                     class="size-[150px] lg:size-[220px] rounded-full"
                 />
-                <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-gradient-to-l from-blue-500 to-blue-700"
+                >
+                    فروشگاه هی ملز
                 </span>
             </div>
 
-            <footer class="w-full flex max-lg:flex-col justify-between py-[100px] max-lg:gap-16 container items-center lg:items-start relative z-20">
+            <footer
+                class="w-full flex max-lg:flex-col justify-between py-[64px] max-lg:gap-16 container items-center lg:items-start relative z-20"
+            >
                 <div class="flex flex-col gap-4 max-w-[300px]">
-
-                    <h3 class="font-bold text-xl xl:text-3xl max-lg:text-center text-white">
+                    <h3
+                        class="font-bold text-xl 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">
-                        لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها
+                    <p
+                        class="text-md font-thin leading-[175%] mt-4 max-lg:text-center text-slate-300"
+                    >
+                        لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنگی با
+                        تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان
+                        گرافیک است. چاپگرها
                     </p>
-                    <div class="flex items-center gap-4 mt-6 max-lg:justify-center">
+                    <div
+                        class="flex items-center gap-4 mt-6 max-lg:justify-center"
+                    >
                         <NuxtLink to="#" class="flex-center size-[1.5rem]">
                             <Icon
                                 name="ci:instagram"
@@ -63,10 +80,10 @@
                 </div>
                 <div class="flex justify-center lg:justify-end flex-1">
                     <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">
+                        <h3 class="font-bold text-white">لینک های مفید</h3>
+                        <ul
+                            class="flex flex-col gap-4 font-thin text-slate-300"
+                        >
                             <li>از طراحان گرافیک است</li>
                             <li>تولید نامفهوم</li>
                             <li>ستون و سطرآنچنان که لازم</li>
@@ -76,10 +93,10 @@
                 </div>
                 <div class="flex justify-end flex-1">
                     <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">
+                        <h3 class="font-bold text-white">لینک های مفید</h3>
+                        <ul
+                            class="flex flex-col gap-4 font-thin text-slate-300"
+                        >
                             <li>از طراحان گرافیک است</li>
                             <li>تولید نامفهوم</li>
                             <li>ستون و سطرآنچنان که لازم</li>
@@ -92,7 +109,9 @@
                         <h3 class="font-bold w-full text-white">
                             لینک های مفید
                         </h3>
-                        <ul class="flex flex-col gap-4 font-thin text-slate-300">
+                        <ul
+                            class="flex flex-col gap-4 font-thin text-slate-300"
+                        >
                             <li>از طراحان گرافیک است</li>
                             <li>تولید نامفهوم</li>
                             <li>ستون و سطرآنچنان که لازم</li>
@@ -101,7 +120,6 @@
                     </div>
                 </div>
             </footer>
-
         </div>
     </div>
 </template>