danak/danak-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

footer

Browse Source
This commit is contained in:
hamid zarghami
2025-03-28 18:19:02 +03:30
parent ef64cb9694
commit fff96e33d2
13 changed files with 186 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/shared/Footer.tsx
+60 -58
View File
@@ -5,13 +5,13 @@ import { FC } from 'react'
const Footer: FC = () => {
return (
<div className='w-full border-4 border-white rounded-4xl bg-white/26 px-4 min-h-[550px] mt-24 flex flex-col'>
<div className='max-w-maxWidth mx-auto flex flex-col flex-1 w-full'>
<div className='flex-1 flex items-center'>
<div className='w-full border-4 border-white rounded-4xl bg-white/26 px-4 min-h-[550px] xl:mt-24 mt-16 flex flex-col'>
<div className='max-w-maxWidth mx-auto flex flex-col flex-1 w-full pt-10'>
<div className='flex-1 flex items-center pb-10'>
<div className='flex gap-24 w-full'>
<div className='flex xl:flex-row flex-col xl:gap-24 gap-7 w-full'>
<div className='max-w-[203px]'>
<div className='xl:max-w-[203px] flex flex-col items-center text-center xl:items-start xl:text-right'>
<Image
src={'/images/logo.svg'}
width={140}
@@ -19,61 +19,63 @@ const Footer: FC = () => {
alt='لوگو داناک'
/>
<p className='mt-6 text-sm text-justify'>
<p className='mt-6 text-sm xl:text-justify text-center'>
ما در داناک هم تولیدکننده نرم‌افزارهای پیشرفته هستیم و هم بستری برای فروش محصولات نرم‌افزاری دیگران فراهم کرده‌ایم. با ما هوشمندانه بسازید و حرفه‌ای بفروشید.
</p>
</div>
<div>
<h6 className='font-bold'>
داناک
</h6>
<ul className='text-sm mt-4 flex flex-col gap-4'>
<li>
محصولات
</li>
<li>
خدمات
</li>
<li>
مجله
</li>
</ul>
</div>
<div className='flex xl:gap-24 gap-7 justify-between'>
<div>
<h6 className='font-bold xl:text-base text-xs'>
داناک
</h6>
<ul className='xl:text-sm text-xs mt-4 flex flex-col gap-4 text-center'>
<li>
محصولات
</li>
<li>
خدمات
</li>
<li>
مجله
</li>
</ul>
</div>
<div>
<h6 className='font-bold'>
سرویس ها محبوب
</h6>
<ul className='text-sm mt-4 flex flex-col gap-4'>
<li>
دی منو
</li>
<li>
دی میل
</li>
<li>
دی پیج
</li>
</ul>
</div>
<div>
<h6 className='font-bold xl:text-base text-xs whitespace-nowrap'>
سرویس ها محبوب
</h6>
<ul className='xl:text-sm text-xs mt-4 flex flex-col gap-4 text-center'>
<li>
دی منو
</li>
<li>
دی میل
</li>
<li>
دی پیج
</li>
</ul>
</div>
<div>
<h6 className='font-bold'>
همکاری با داناک
</h6>
<ul className='text-sm mt-4 flex flex-col gap-4'>
<li>
توسعه دهندگان
</li>
<li>
نمایندگان
</li>
</ul>
<div>
<h6 className='font-bold xl:text-base text-xs'>
همکاری با داناک
</h6>
<ul className='xl:text-sm text-xs mt-4 flex flex-col gap-4 text-center'>
<li>
توسعه دهندگان
</li>
<li>
نمایندگان
</li>
</ul>
</div>
</div>
<div className='w-full flex-1'>
<h6 className='font-bold'>
<h6 className='font-bold xl:text-base text-xs'>
خبرنامه
</h6>
@@ -89,7 +91,7 @@ const Footer: FC = () => {
</div>
</div>
<div className='mt-10 flex gap-4 items-center'>
<div className='mt-10 flex gap-4 items-center justify-center xl:justify-start'>
<Image
src={'/images/linkedin.svg'}
width={24}
@@ -120,15 +122,15 @@ const Footer: FC = () => {
</div>
</div>
<div className='h-14 border-t border-[#DADDE6] flex justify-between items-center'>
<ul className='flex gap-4 text-sm'>
<li className='pl-4 border-l border-[#DADDE6]'>
<div className='xl:h-14 border-t border-[#DADDE6] flex xl:flex-row flex-col gap-5 pt-5 xl:pt-0 justify-between items-center'>
<ul className='flex gap-4 xl:text-sm text-[10px]'>
<li className='xl:pl-4 xl:border-l border-[#DADDE6]'>
درباره ی ما
</li>
<li className='pl-4 border-l border-[#DADDE6]'>
<li className='xl:pl-4 xl:border-l border-[#DADDE6]'>
حریم خصوصی
</li>
<li className='pl-4 border-l border-[#DADDE6]'>
<li className='xl:pl-4 xl:border-l border-[#DADDE6]'>
قوانین و مقررات
</li>
<li>
@@ -136,7 +138,7 @@ const Footer: FC = () => {
</li>
</ul>
<div className='text-sm dltr'>
<div className='xl:text-sm text-xs dltr pb-4 xl:pb-0'>
© 2025 Danak. All rights reserved.
</div>
</div>