footer
This commit is contained in:
hamid zarghami
+60
-58
@@ -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>
|
||||
|
||||
+74
-49
@@ -1,71 +1,96 @@
|
||||
import { FC } from 'react'
|
||||
import { FC, Fragment } from 'react'
|
||||
import Image from 'next/image'
|
||||
import Link from 'next/link'
|
||||
import { Profile, SearchNormal } from 'iconsax-react'
|
||||
import { HambergerMenu, Profile, SearchNormal } from 'iconsax-react'
|
||||
import Button from '@/components/Button'
|
||||
|
||||
const Header: FC = () => {
|
||||
return (
|
||||
<div className='w-full h-[100px] bg-white/26 rounded-4xl border-[3px] border-white px-10'>
|
||||
<div className='max-w-maxWidth mx-auto flex items-center justify-between h-full'>
|
||||
<Image src='/images/logo.svg' alt='logo' width={150} height={40} />
|
||||
<Fragment>
|
||||
<div className='w-full h-[100px] bg-white/26 rounded-4xl border-[3px] border-white px-10 xl:block hidden'>
|
||||
<div className='max-w-maxWidth mx-auto flex items-center justify-between h-full'>
|
||||
<Image src='/images/logo.svg' alt='logo' width={150} height={40} />
|
||||
|
||||
<ul className='flex items-center gap-8 text-sm'>
|
||||
<Link href='/'>
|
||||
<li>
|
||||
خانه
|
||||
</li>
|
||||
</Link>
|
||||
<ul className='flex items-center gap-8 text-sm'>
|
||||
<Link href='/'>
|
||||
<li>
|
||||
خانه
|
||||
</li>
|
||||
</Link>
|
||||
|
||||
<Link href='/'>
|
||||
<li>
|
||||
محصولات
|
||||
</li>
|
||||
</Link>
|
||||
<Link href='/'>
|
||||
<li>
|
||||
محصولات
|
||||
</li>
|
||||
</Link>
|
||||
|
||||
<Link href='/'>
|
||||
<li>
|
||||
خدمات
|
||||
</li>
|
||||
</Link>
|
||||
<Link href='/'>
|
||||
<li>
|
||||
خدمات
|
||||
</li>
|
||||
</Link>
|
||||
|
||||
<Link href='/'>
|
||||
<li>
|
||||
درباره ی ما
|
||||
</li>
|
||||
</Link>
|
||||
<Link href='/'>
|
||||
<li>
|
||||
درباره ی ما
|
||||
</li>
|
||||
</Link>
|
||||
|
||||
<Link href='/'>
|
||||
<li>
|
||||
مجله
|
||||
</li>
|
||||
</Link>
|
||||
</ul>
|
||||
<Link href='/'>
|
||||
<li>
|
||||
مجله
|
||||
</li>
|
||||
</Link>
|
||||
</ul>
|
||||
|
||||
<div className='flex items-center gap-4 text-sm'>
|
||||
<div className='border-l-2 border-[#D8DCE4] pl-4'>
|
||||
<SearchNormal
|
||||
size={20}
|
||||
color='black'
|
||||
<div className='flex items-center gap-4 text-sm'>
|
||||
<div className='border-l-2 border-[#D8DCE4] pl-4'>
|
||||
<SearchNormal
|
||||
size={20}
|
||||
color='black'
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className='border-l-2 whitespace-nowrap border-[#D8DCE4] pl-4 flex gap-2'>
|
||||
<Profile
|
||||
size={20}
|
||||
color='black'
|
||||
/>
|
||||
<div>ورود | ثبت نام</div>
|
||||
</div>
|
||||
|
||||
<Button
|
||||
label='تماس با ما'
|
||||
className='w-fit px-8'
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='border-l-2 whitespace-nowrap border-[#D8DCE4] pl-4 flex gap-2'>
|
||||
<Profile
|
||||
size={20}
|
||||
color='black'
|
||||
/>
|
||||
<div>ورود | ثبت نام</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Button
|
||||
label='تماس با ما'
|
||||
className='w-fit px-8'
|
||||
<div className='h-[51px] bg-white/26 rounded-4xl border-[3px] border-white px-4 xl:hidden flex items-center justify-between'>
|
||||
<div className='flex-1'>
|
||||
<HambergerMenu
|
||||
size={24}
|
||||
color='black'
|
||||
/>
|
||||
</div>
|
||||
|
||||
<Image src='/images/logo.svg' alt='logo' width={73} height={24} />
|
||||
|
||||
<div className='flex gap-2 items-center flex-1 justify-end'>
|
||||
<SearchNormal
|
||||
size={16}
|
||||
color='black'
|
||||
/>
|
||||
|
||||
<Profile
|
||||
size={16}
|
||||
color='black'
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</Fragment>
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user