'use client';

import Image from 'next/image';
import Link from 'next/link';

export default function AdminLogo() {
  return (
    <div className="relative w-full border-b border-white/20 bg-black/95 backdrop-blur-sm">
      <div className="absolute inset-0 tech-grid opacity-20"></div>
      <div className="relative mx-auto flex max-w-7xl items-center justify-between px-4 py-4 sm:px-6 lg:px-8">
        <Link href="/" className="flex items-center group">
          <div className="relative">
            <Image
              src="/100kmphlogo.png"
              alt="100kmph Logo"
              width={100}
              height={100}
              className="rounded"
              priority
            />
            <div className="absolute inset-0 rounded bg-white/10 blur-md group-hover:bg-white/20 transition-all"></div>
          </div>
        </Link>
      </div>
    </div>
  );
}