'use client';

import Link from 'next/link';
import {motion} from 'framer-motion';
import {basePath} from "@/next.config";

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={`${basePath}/`}>
                    <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={`${basePath}/`}>Start</Link>
                    <Link href={`${basePath}/ueber-uns/`}>Über uns</Link>
                    <Link href={`${basePath}/impressum/`}>Impressum</Link>
                    <Link href={`${basePath}/datenschutz/`}>Datenschutz</Link>
                </div>
            </div>
        </motion.nav>
    );
}