nav skelly
This commit is contained in:
parent
a8fcd1e3d1
commit
1ff40280d1
|
@ -1,9 +1,8 @@
|
||||||
import NavBar from '@/components/navbar'
|
import NavBar from '@/components/navbar'
|
||||||
import Image from 'next/image'
|
|
||||||
|
|
||||||
export default function Home() {
|
export default function Home() {
|
||||||
return (
|
return (
|
||||||
<main className="bg-white">
|
<main className="h-screen bg-white">
|
||||||
<NavBar />
|
<NavBar />
|
||||||
</main>
|
</main>
|
||||||
)
|
)
|
||||||
|
|
|
@ -4,30 +4,41 @@ import Image from 'next/image'
|
||||||
export default function NavBar() {
|
export default function NavBar() {
|
||||||
return (
|
return (
|
||||||
<nav className="flex flex-col items-center justify-between p-10 bg-white">
|
<nav className="flex flex-col items-center justify-between p-10 bg-white">
|
||||||
<div className="z-10 max-w-5xl w-full items-center justify-between font-mono text-sm lg:flex">
|
<div className="z-10 max-w-5xl w-full items-center justify-between font-mono text-sm lg:flex">
|
||||||
<div className="fixed bottom-0 left-0 flex h-[50px] w-full items-end justify-center lg:static lg:h-auto lg:w-auto lg:bg-none">
|
<div className="fixed bottom-0 left-0 flex h-[50px] w-full items-end justify-center lg:static lg:h-auto lg:w-auto lg:bg-none">
|
||||||
<a
|
<a
|
||||||
className="pointer-events-none flex place-items-center gap-2 p-8 lg:pointer-events-auto lg:p-0"
|
className="pointer-events-none flex place-items-center gap-2 p-8 lg:pointer-events-auto lg:p-0"
|
||||||
href="https://vercel.com?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
|
href="https://vercel.com?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
rel="noopener noreferrer"
|
rel="noopener noreferrer"
|
||||||
>
|
>
|
||||||
<Image
|
<Image
|
||||||
src="/imgs/logo-mevcamp.svg"
|
src="/imgs/logo-mevcamp.svg"
|
||||||
alt="Mevcamp Logo"
|
alt="Mevcamp Logo"
|
||||||
className="relative"
|
className="relative"
|
||||||
width={100}
|
width={100}
|
||||||
height={24}
|
height={24}
|
||||||
priority
|
priority
|
||||||
/>
|
/>
|
||||||
</a>
|
</a>
|
||||||
|
</div>
|
||||||
|
<div className="">
|
||||||
|
<ul className="flex flex-col items-center text-center lg:flex-row lg:space-x-6">
|
||||||
|
<li className="p-2 hover:bg-gray-200 rounded-md">
|
||||||
|
<button className="text-gray-500 hover:text-gray-900">What</button>
|
||||||
|
</li>
|
||||||
|
<li className="p-2 hover:bg-gray-200 rounded-md">
|
||||||
|
<button className="text-gray-500 hover:text-gray-900">Where</button>
|
||||||
|
</li>
|
||||||
|
<li className="p-2 hover:bg-gray-200 rounded-md">
|
||||||
|
<button className="text-gray-500 hover:text-gray-900">Contribute</button>
|
||||||
|
</li>
|
||||||
|
<li className="p-0">
|
||||||
|
<button className="bg-blue-500 text-white py-2 px-4 rounded-md hover:bg-blue-700">Join us</button>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="fixed left-0 top-0 flex w-full justify-center border-b border-gray-300 bg-gradient-to-b from-zinc-200 pb-6 pt-8 backdrop-blur-2xl dark:border-neutral-800 dark:bg-zinc-800/30 dark:from-inherit lg:static lg:w-auto lg:rounded-xl lg:border lg:bg-gray-200 lg:p-4 lg:dark:bg-zinc-800/30">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</nav>
|
</nav>
|
||||||
)
|
)
|
||||||
}
|
}
|
Loading…
Reference in New Issue