This commit is contained in:
hamid zarghami
2025-03-27 19:35:59 +03:30
parent 2a76161a2f
commit ef64cb9694
9 changed files with 314 additions and 0 deletions
+148
View File
@@ -0,0 +1,148 @@
import Input from '@/components/Input'
import { ArrowLeft } from 'iconsax-react'
import Image from 'next/image'
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='flex gap-24 w-full'>
<div className='max-w-[203px]'>
<Image
src={'/images/logo.svg'}
width={140}
height={58}
alt='لوگو داناک'
/>
<p className='mt-6 text-sm text-justify'>
ما در داناک هم تولیدکننده نرمافزارهای پیشرفته هستیم و هم بستری برای فروش محصولات نرمافزاری دیگران فراهم کردهایم. با ما هوشمندانه بسازید و حرفهای بفروشید.
</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>
<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'>
همکاری با داناک
</h6>
<ul className='text-sm mt-4 flex flex-col gap-4'>
<li>
توسعه دهندگان
</li>
<li>
نمایندگان
</li>
</ul>
</div>
<div className='w-full flex-1'>
<h6 className='font-bold'>
خبرنامه
</h6>
<div className='mt-4 relative'>
<Input
className='bg-[#ECEFF6] border-none shadow-inner'
/>
<div className='absolute left-1 top-1 rounded-xl size-8 bg-white flex justify-center items-center'>
<ArrowLeft
size={18}
color='black'
/>
</div>
</div>
<div className='mt-10 flex gap-4 items-center'>
<Image
src={'/images/linkedin.svg'}
width={24}
height={24}
alt='داناک لینکداین'
/>
<Image
src={'/images/instagram.svg'}
width={24}
height={24}
alt='داناک ایسنتاگرام'
/>
<Image
src={'/images/whatsapp.svg'}
width={24}
height={24}
alt='داناک واتساپ'
/>
<Image
src={'/images/telegram.svg'}
width={24}
height={24}
alt='داناک تلگرام'
/>
</div>
</div>
</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]'>
درباره ی ما
</li>
<li className='pl-4 border-l border-[#DADDE6]'>
حریم خصوصی
</li>
<li className='pl-4 border-l border-[#DADDE6]'>
قوانین و مقررات
</li>
<li>
تماس با ما
</li>
</ul>
<div className='text-sm dltr'>
© 2025 Danak. All rights reserved.
</div>
</div>
</div>
</div>
)
}
export default Footer