Parsa Nazer
139 lines
6.5 KiB
Vue
139 lines
6.5 KiB
Vue
<template>
|
||
<div class="bg-black relative overflow-hidden">
|
||
<!-- <NuxtImg
|
||
src="/img/footer-bg.jpg"
|
||
alt=""
|
||
loading="lazy"
|
||
fetch-priority="low"
|
||
class="absolute z-10 object-cover opacity-45"
|
||
:style="{
|
||
mask: 'linear-gradient(to bottom, black 0%, rgba(0,0,0,0) 100%',
|
||
}"
|
||
/> -->
|
||
|
||
<ClientOnly>
|
||
<div class="absolute top-0 w-full max-md:scale-200 origin-top">
|
||
<LightRays
|
||
rays-color="#007bff"
|
||
:rays-speed="1.75"
|
||
/>
|
||
</div>
|
||
</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">
|
||
<img
|
||
src="/img/heymlz/heymlz-small-idle.gif"
|
||
loading="lazy"
|
||
fetch-priority="low"
|
||
class="size-[150px] lg:size-[220px] 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>
|
||
</div>
|
||
|
||
<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-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">
|
||
هیملز یک فروشگاه چندمنظوره با تنوع کالایی گسترده است که تجربهای سریع، مطمئن و حرفهای از خرید آنلاین ارائه میدهد. تمرکز ما بر کیفیت، دسترسی آسان و پاسخگویی به نیازهای متنوع مشتریان است.
|
||
</p>
|
||
<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"
|
||
class="**:fill-white"
|
||
size="24"
|
||
/>
|
||
</NuxtLink>
|
||
<NuxtLink
|
||
to="#"
|
||
class="flex-center size-[1.5rem]"
|
||
>
|
||
<Icon
|
||
name="ci:facebook"
|
||
class="**:fill-white **:stroke-white"
|
||
size="20"
|
||
/>
|
||
</NuxtLink>
|
||
<NuxtLink
|
||
to="#"
|
||
class="flex-center size-[1.5rem]"
|
||
>
|
||
<Icon
|
||
name="ci:tiktok"
|
||
class="**:fill-white **:stroke-white"
|
||
size="20"
|
||
/>
|
||
</NuxtLink>
|
||
<NuxtLink
|
||
to="#"
|
||
class="flex-center size-[1.5rem]"
|
||
>
|
||
<Icon
|
||
name="ci:youtube"
|
||
class="**:fill-white"
|
||
size="24"
|
||
/>
|
||
</NuxtLink>
|
||
</div>
|
||
</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 max-lg:text-xs">
|
||
<li>شماره تماس مدیریت: ۰۹۰۲۶۶۶۳۴۸۸</li>
|
||
<li>شماره تماس پشتیبانی: ۰۹۰۲۲۲۰۲۳۱۱</li>
|
||
<li>ایمیل: npsayna@gmail.com</li>
|
||
<li><NuxtLink to="contact-us">تیکت</NuxtLink></li>
|
||
</ul>
|
||
</div>
|
||
</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 max-lg:text-xs">
|
||
<li>رویه های بازگرداندن کالا</li>
|
||
<li>پرسش های متداول</li>
|
||
<li>حریم خصوصی</li>
|
||
<li><NuxtLink to="contact-us">گزارش باگ</NuxtLink></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="flex justify-end flex-1">
|
||
<div class="flex flex-col gap-6 max-lg:text-center">
|
||
<h3 class="font-bold w-full text-white">لینک های مفید</h3>
|
||
<ul class="flex flex-col gap-4 font-thin text-slate-300 max-lg:text-xs">
|
||
<li>
|
||
<NuxtLink to="profile">
|
||
پنل کاربری
|
||
</NuxtLink>
|
||
</li>
|
||
<li>
|
||
<NuxtLink to="products">
|
||
محصولات
|
||
</NuxtLink>
|
||
</li>
|
||
<li>
|
||
قوانین و مقرارت
|
||
</li>
|
||
<li>
|
||
<NuxtLink to="contact-us">ارتباط با ما</NuxtLink>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
</div>
|
||
</div>
|
||
</template>
|