components/Navbar.js

import { motion } from 'framer-motion';
import Link from 'next/link';

export default function Navbar() {
  return (
    <nav className="fixed top-0 w-full z-50 glass-panel border-b-0 border-b-white/5">
      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div className="flex items-center justify-between h-20">
          <div className="flex-shrink-0">
            <Link href="/" className="text-xl font-bold font-mono tracking-tighter text-white">
              AI<span className="text-nordic-cyan">.OPS</span>
            </Link>
          </div>
          <div className="hidden md:block">
            <div className="ml-10 flex items-baseline space-x-8">
              <a href="#services" className="text-sm text-gray-300 hover:text-white transition-colors duration-300">Tjenester</a>
              <a href="#credentials" className="text-sm text-gray-300 hover:text-white transition-colors duration-300">Kvalifikasjoner</a>
              <a href="#contact" className="px-4 py-2 text-sm font-medium text-nordic-navy bg-nordic-cyan rounded hover:bg-white transition-all duration-300">
                Kontakt
              </a>
            </div>
          </div>
        </div>
      </div>
    </nav>
  );
}