v.korobtsev/next-enterprise
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

header fix

Browse source
This commit is contained in:
isaconantonis 2023-08-25 16:47:43 +02:00
parent 03d73c824c
commit 5ce43d0ee3
2 changed files with 47 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

4
app/page.tsx
View file

@ -9,7 +9,7 @@ export default async function Web() {
<div className="mx-auto max-w-7xl lg:grid lg:grid-cols-12 lg:gap-x-8 lg:px-8">
<div className="px-6 pb-24 pt-10 sm:pb-32 lg:col-span-7 lg:px-0 lg:pb-56 lg:pt-48 xl:col-span-6">
<div className="mx-auto max-w-2xl lg:mx-0">
<h1 className="mt-24 text-4xl font-bold tracking-tight text-primary-800 sm:mt-10 sm:text-6xl">
<h1 className="mt-4 lg:mt-24 text-4xl font-bold tracking-tight text-primary-800 sm:mt-10 sm:text-6xl">
Your personal <span className="block xl:inline">web development team</span>
</h1>
<p className="mt-6 text-lg leading-8 text-primary-800">
@ -17,7 +17,7 @@ export default async function Web() {
applications, websites and mobile apps for startups and established businesses.
</p>
<div className="mt-10 flex items-center gap-x-6">
<Link href="/about" className="text-sm font-semibold leading-6 text-primary-800">
<Link href="/team" className="text-sm font-semibold leading-6 text-primary-800">
Learn more <span aria-hidden="true">→</span>
</Link>
</div>

91
components/Navbar/Navbar.tsx
View file

@ -42,51 +42,50 @@ export default function Nav() {
]
return (
<Navbar
className="bg-primary-800 text-primary-50"
isMenuOpen={isMenuOpen || false}
onMenuOpenChange={setIsMenuOpen}
>
<NavbarMenuToggle className="flex gap-4 md:hidden" />
<NavbarMenu>
{menuItems.map((item) => (
<NavbarMenuItem key={item.href}>
<Link
href={item.href}
aria-current={item.current ? "page" : undefined}
onClick={() => setIsMenuOpen(false)}
>
{item.label}
</Link>
</NavbarMenuItem>
))}
</NavbarMenu>
<NavbarBrand>
<Image src="/Isacon logo RGB_1.png" alt="Isacon" width={40} height={40} />
</NavbarBrand>
<NavbarContent className="hidden gap-4 md:flex" justify="center">
{menuItems.map((item) => (
<NavbarItem key={item.href} isActive={item.current}>
<Link
className={item.current ? "border-b-2 border-b-primary-50" : ""}
href={item.href}
aria-current={item.current ? "page" : undefined}
>
{item.label}
</Link>
</NavbarItem>
))}
</NavbarContent>
<NavbarContent justify="end">
<NavbarItem className="hidden lg:flex">
<Link href="#">Login</Link>
</NavbarItem>
<NavbarItem>
<Button color="primary" href="#" variant="flat">
Sign Up
</Button>
</NavbarItem>
</NavbarContent>
</Navbar>
<>
<Navbar
className={`relative ${
isMenuOpen ? "" : "rounded-b-full"
} bg-primary-800 text-primary-50 shadow-sm shadow-primary-600 sm:rounded-b-none`}
isMenuOpen={isMenuOpen || false}
onMenuOpenChange={setIsMenuOpen}
>
<NavbarMenuToggle className="absolute left-8 flex md:hidden" />
<NavbarMenu>
{menuItems.map((item) => (
<NavbarMenuItem key={item.href}>
<Link
href={item.href}
aria-current={item.current ? "page" : undefined}
onClick={() => setIsMenuOpen(false)}
>
{item.label}
</Link>
</NavbarMenuItem>
))}
</NavbarMenu>
<NavbarBrand className="hidden md:flex">
<Image src="/Isacon logo RGB_1.png" alt="Isacon" width={50} height={50} />
</NavbarBrand>
<NavbarContent className="w-full md:hidden" justify="center">
<NavbarBrand className="justify-center md:hidden">
<Image src="/Isacon logo RGB_1.png" alt="Isacon" width={50} height={50} />
</NavbarBrand>
</NavbarContent>
<NavbarContent className="hidden gap-16 md:flex" justify="center">
{menuItems.map((item) => (
<NavbarItem key={item.href} isActive={item.current}>
<Link
className={item.current ? "border-b-2 border-b-primary-50" : ""}
href={item.href}
aria-current={item.current ? "page" : undefined}
>
{item.label}
</Link>
</NavbarItem>
))}
</NavbarContent>
</Navbar>
</>
)
}