'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>
    );
}