emre/www_geomind
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ready to add animations

Browse Source
This commit is contained in:
Emre
2025-10-11 02:55:49 +03:00
parent 60fa49c0ef
commit 16c1a09bc4
9 changed files with 109 additions and 118 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/layout/Header.tsx
View File

@@ -35,7 +35,7 @@ export const Header = () => {
isScrolled ? 'bg-mist/95 shadow-lg backdrop-blur-sm' : 'bg-transparent',
)}
>
<div className="mx-auto flex max-w-6xl items-center justify-between py-4">
<div className="flex w-full items-center justify-between px-6 py-4 sm:px-10 lg:px-16">
<div className="flex items-center gap-8">
<Link to="/" className="flex items-center">
<img
@@ -51,8 +51,8 @@ export const Header = () => {
to={to}
className={({ isActive }) =>
cn(
'text-sm font-medium uppercase tracking-wide text-slate-500 transition-colors duration-300',
isActive && 'text-brand-600',
'text-sm font-medium uppercase tracking-wide text-white transition-colors duration-300 hover:text-white/80',
isActive && 'text-white',
)
}
>
@@ -104,15 +104,15 @@ export const Header = () => {
transition={{ duration: 0.25, ease: 'easeOut' }}
className="border-t border-slate-100 bg-mist/95 px-6 py-4 shadow-lg md:hidden"
>
<div className="mx-auto flex max-w-6xl flex-col gap-4">
<div className="flex flex-col gap-4">
{navItems.map(({ label, to }) => (
<NavLink
key={to}
to={to}
className={({ isActive }) =>
cn(
'text-base font-medium uppercase tracking-wide text-slate-600',
isActive && 'text-brand-700',
'text-base font-medium uppercase tracking-wide text-white transition-colors duration-300',
isActive && 'text-white',
)
}
>