Add src/components/navbar/NavbarStyleApple/NavbarStyleApple.js

src/components/navbar/NavbarStyleApple/NavbarStyleApple.js

@@ -0,0 +1,48 @@
+import React from 'react';
+import { Menu, X } from 'lucide-react';
+
+function NavbarStyleApple() {
+  const [isMenuOpen, setIsMenuOpen] = React.useState(false);
+
+  return (
+    <nav className="bg-white shadow-sm">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div className="flex justify-between h-16">
+          <div className="flex items-center">
+            <img src="/images/logo-small-gradient.0ed287ce-1768917228014.svg" alt="Logo" className="h-8 w-8" />
+            <span className="ml-2 text-xl font-semibold">Brand</span>
+          </div>
+          
+          <div className="hidden md:flex items-center space-x-8">
+            <a href="#" className="text-gray-700 hover:text-gray-900">Home</a>
+            <a href="#" className="text-gray-700 hover:text-gray-900">About</a>
+            <a href="#" className="text-gray-700 hover:text-gray-900">Services</a>
+            <a href="#" className="text-gray-700 hover:text-gray-900">Contact</a>
+          </div>
+          
+          <div className="md:hidden flex items-center">
+            <button
+              onClick={() => setIsMenuOpen(!isMenuOpen)}
+              className="text-gray-700 hover:text-gray-900"
+            >
+              {isMenuOpen ? <X size={24} /> : <Menu size={24} />}
+            </button>
+          </div>
+        </div>
+        
+        {isMenuOpen && (
+          <div className="md:hidden">
+            <div className="px-2 pt-2 pb-3 space-y-1 sm:px-3">
+              <a href="#" className="block px-3 py-2 text-gray-700 hover:text-gray-900">Home</a>
+              <a href="#" className="block px-3 py-2 text-gray-700 hover:text-gray-900">About</a>
+              <a href="#" className="block px-3 py-2 text-gray-700 hover:text-gray-900">Services</a>
+              <a href="#" className="block px-3 py-2 text-gray-700 hover:text-gray-900">Contact</a>
+            </div>
+          </div>
+        )}
+      </div>
+    </nav>
+  );
+}
+
+export default NavbarStyleApple;