import React from 'react';

const NavbarStyleApple = () => {
  return (
    <nav className="fixed top-0 left-0 right-0 z-50 bg-black/80 backdrop-blur-md border-b border-gray-800">
      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div className="flex items-center justify-between h-16">
          <div className="flex items-center">
            <div className="text-white font-bold text-xl">
              Logo
            </div>
          </div>
          <div className="hidden md:block">
            <div className="ml-10 flex items-baseline space-x-8">
              <a href="#" className="text-gray-300 hover:text-white px-3 py-2 text-sm font-medium">
                Home
              </a>
              <a href="#" className="text-gray-300 hover:text-white px-3 py-2 text-sm font-medium">
                About
              </a>
              <a href="#" className="text-gray-300 hover:text-white px-3 py-2 text-sm font-medium">
                Services
              </a>
              <a href="#" className="text-gray-300 hover:text-white px-3 py-2 text-sm font-medium">
                Contact
              </a>
            </div>
          </div>
        </div>
      </div>
    </nav>
  );
};

export default NavbarStyleApple;
