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/Header.tsx
+74 -49
View File
@@ -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>
)
}