structure and heropage

2025-03-24 23:38:21 +03:30
parent 8b648598d0
commit 0c248508bc
72 changed files with 542 additions and 131 deletions
@@ -0,0 +1,72 @@
+import { FC } from 'react'
+import Image from 'next/image'
+import Link from 'next/link'
+import { 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} />
+
+                <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>
+                </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>
+
+                    <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>
+    )
+}
+
+export default Header