28 lines
1.0 KiB
TypeScript
28 lines
1.0 KiB
TypeScript
'use client';
|
|
|
|
import Link from 'next/link';
|
|
import {motion} from 'framer-motion';
|
|
import Links from "@/app/Links";
|
|
|
|
export default function Navbar() {
|
|
return (
|
|
<motion.nav
|
|
initial={{y: -50, opacity: 0}}
|
|
animate={{y: 0, opacity: 1}}
|
|
transition={{duration: 0.5}}
|
|
className="fixed top-0 left-0 right-0 z-50 bg-white shadow-md py-4 px-6 md:px-12 lg:px-24 text-gray-900"
|
|
>
|
|
<div className="flex justify-between items-center">
|
|
<Link href={`/`}>
|
|
<span className="text-xl font-bold text-blue-800">Kanzlei Mustermann</span>
|
|
</Link>
|
|
<div className="space-x-6 text-sm md:text-base">
|
|
<Link href={Links.home}>Start</Link>
|
|
<Link href={Links.about}>Über uns</Link>
|
|
<Link href={Links.imprint}>Impressum</Link>
|
|
<Link href={Links.privacy}>Datenschutz</Link>
|
|
</div>
|
|
</div>
|
|
</motion.nav>
|
|
);
|
|
} |