From ac2343f9c4bcf761ebe5a62883be328dddcb98ac Mon Sep 17 00:00:00 2001
From: development <mulikavj@gmail.com>
Date: Tue, 20 Jan 2026 13:57:06 +0000
Subject: [PATCH] Add
 src/components/navbar/NavbarStyleApple/NavbarStyleApple.js

---
 .../NavbarStyleApple/NavbarStyleApple.js      | 48 +++++++++++++++++++
 1 file changed, 48 insertions(+)
 create mode 100644 src/components/navbar/NavbarStyleApple/NavbarStyleApple.js

diff --git a/src/components/navbar/NavbarStyleApple/NavbarStyleApple.js b/src/components/navbar/NavbarStyleApple/NavbarStyleApple.js
new file mode 100644
index 0000000..5cde8e7
--- /dev/null
+++ b/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;