Tighten landing navbar spacing

This commit is contained in:
Flatlogic Bot 2026-06-09 12:28:52 +00:00
parent 51d2ca289f
commit 259c536be5
2 changed files with 10 additions and 10 deletions

View File

@ -126,21 +126,21 @@ const faq = [
function Nav() { function Nav() {
return ( return (
<header className='sticky top-4 z-50 px-5 pt-7'> <header className='sticky top-3 z-50 px-5 pt-5'>
<div <div
className={`mx-auto flex max-w-6xl items-center justify-between gap-5 px-5 py-4 backdrop-blur-xl md:px-7 md:py-5 ${ui.navShell}`} className={`mx-auto flex max-w-6xl items-center justify-between gap-4 px-4 py-2.5 backdrop-blur-xl md:px-5 md:py-3 ${ui.navShell}`}
> >
<Link <Link
href='/' href='/'
className='flex items-center gap-3 text-lg font-semibold tracking-tight' className='flex items-center gap-3 text-lg font-semibold tracking-tight'
> >
<span className='flex h-11 w-11 items-center justify-center rounded-2xl bg-[#f3fbf8] text-2xl font-black text-[#35b7a5]'> <span className='flex h-9 w-9 items-center justify-center rounded-xl bg-[#f3fbf8] text-xl font-black text-[#35b7a5]'>
C C
</span> </span>
<span className='sr-only'>Coaching SaaS Workspace</span> <span className='sr-only'>Coaching SaaS Workspace</span>
</Link> </Link>
<nav <nav
className={`hidden items-center gap-8 text-lg font-medium ${ui.ink} md:flex`} className={`hidden items-center gap-6 text-base font-medium ${ui.ink} md:flex`}
> >
<Link href='/how-it-works/'>How it works</Link> <Link href='/how-it-works/'>How it works</Link>
<Link href='/client-portal/'>Coachee</Link> <Link href='/client-portal/'>Coachee</Link>
@ -150,7 +150,7 @@ function Nav() {
</nav> </nav>
<Link <Link
href='/register/' href='/register/'
className={`rounded-full px-7 py-3 text-base font-semibold ${ui.button}`} className={`rounded-full px-5 py-2.5 text-sm font-semibold ${ui.button}`}
> >
Join waitlist Join waitlist
</Link> </Link>

View File

@ -154,21 +154,21 @@ export default function Starter() {
</p> </p>
</div> </div>
<header className='sticky top-4 z-50 px-5 pt-7'> <header className='sticky top-3 z-50 px-5 pt-5'>
<div <div
className={`mx-auto flex max-w-6xl items-center justify-between gap-5 px-5 py-4 backdrop-blur-xl md:px-7 md:py-5 ${ui.navShell}`} className={`mx-auto flex max-w-6xl items-center justify-between gap-4 px-4 py-2.5 backdrop-blur-xl md:px-5 md:py-3 ${ui.navShell}`}
> >
<Link <Link
href='/' href='/'
className='flex items-center gap-3 text-lg font-semibold tracking-tight' className='flex items-center gap-3 text-lg font-semibold tracking-tight'
> >
<span className='flex h-11 w-11 items-center justify-center rounded-2xl bg-[#f3fbf8] text-2xl font-black text-[#35b7a5]'> <span className='flex h-9 w-9 items-center justify-center rounded-xl bg-[#f3fbf8] text-xl font-black text-[#35b7a5]'>
C C
</span> </span>
<span className='sr-only'>Coaching SaaS Workspace</span> <span className='sr-only'>Coaching SaaS Workspace</span>
</Link> </Link>
<nav <nav
className={`hidden items-center gap-8 text-lg font-medium ${ui.ink} md:flex`} className={`hidden items-center gap-6 text-base font-medium ${ui.ink} md:flex`}
> >
<Link href='/how-it-works/'>How it works</Link> <Link href='/how-it-works/'>How it works</Link>
<Link href='/client-portal/'>Coachee</Link> <Link href='/client-portal/'>Coachee</Link>
@ -180,7 +180,7 @@ export default function Starter() {
</nav> </nav>
<Link <Link
href='/register/' href='/register/'
className={`rounded-full px-7 py-3 text-base font-semibold ${ui.button}`} className={`rounded-full px-5 py-2.5 text-sm font-semibold ${ui.button}`}
> >
Join waitlist Join waitlist
</Link> </Link>