From b82b32c11ff193807378e55a8033373b0a066551 Mon Sep 17 00:00:00 2001
From: visual-edit <support@emergent.sh>
Date: Mon, 16 Mar 2026 18:24:49 +0000
Subject: [PATCH] visual_edit_1773685489171

---
 frontend/src/components/Header.jsx | 80 +++++++++++++++---------------
 1 file changed, 40 insertions(+), 40 deletions(-)

diff --git a/frontend/src/components/Header.jsx b/frontend/src/components/Header.jsx
index 88d9749..f936adb 100644
--- a/frontend/src/components/Header.jsx
+++ b/frontend/src/components/Header.jsx
@@ -34,8 +34,8 @@ const Header = () => {
             <div className="bg-gradient-to-br from-cyan-500 to-blue-600 p-2 rounded-lg transform group-hover:scale-110 transition-transform duration-300">
               <Plane className="w-6 h-6 text-white" />
             </div>
-            <span className="text-xl font-bold bg-gradient-to-r from-cyan-600 to-blue-700 bg-clip-text text-transparent">
-              Epic Travel
+            <span className="text-xl font-bold bg-gradient-to-r from-cyan-600 to-blue-700 bg-clip-text text-transparent">Epic Travel & Expeditions
+
             </span>
           </Link>
 
@@ -43,39 +43,39 @@ const Header = () => {
           <nav className="hidden md:flex items-center space-x-8">
             <button
               onClick={() => scrollToSection('home')}
-              className="text-gray-700 hover:text-cyan-600 transition-colors duration-200 font-medium"
-            >
+              className="text-gray-700 hover:text-cyan-600 transition-colors duration-200 font-medium">
+
               Home
             </button>
             <button
               onClick={() => scrollToSection('specials')}
-              className="text-gray-700 hover:text-cyan-600 transition-colors duration-200 font-medium"
-            >
+              className="text-gray-700 hover:text-cyan-600 transition-colors duration-200 font-medium">
+
               Specials
             </button>
             <button
               onClick={() => scrollToSection('destinations')}
-              className="text-gray-700 hover:text-cyan-600 transition-colors duration-200 font-medium"
-            >
+              className="text-gray-700 hover:text-cyan-600 transition-colors duration-200 font-medium">
+
               Destinations
             </button>
             <button
               onClick={() => scrollToSection('testimonials')}
-              className="text-gray-700 hover:text-cyan-600 transition-colors duration-200 font-medium"
-            >
+              className="text-gray-700 hover:text-cyan-600 transition-colors duration-200 font-medium">
+
               Testimonials
             </button>
             <button
               onClick={() => scrollToSection('contact')}
-              className="text-gray-700 hover:text-cyan-600 transition-colors duration-200 font-medium"
-            >
+              className="text-gray-700 hover:text-cyan-600 transition-colors duration-200 font-medium">
+
               Contact
             </button>
             <Link to="/admin">
               <Button
                 variant="outline"
-                className="border-cyan-600 text-cyan-600 hover:bg-cyan-50"
-              >
+                className="border-cyan-600 text-cyan-600 hover:bg-cyan-50">
+
                 Admin
               </Button>
             </Link>
@@ -84,60 +84,60 @@ const Header = () => {
           {/* Mobile Menu Button */}
           <button
             className="md:hidden p-2 text-gray-700 hover:text-cyan-600 transition-colors"
-            onClick={() => setIsMenuOpen(!isMenuOpen)}
-          >
+            onClick={() => setIsMenuOpen(!isMenuOpen)}>
+
             {isMenuOpen ? <X className="w-6 h-6" /> : <Menu className="w-6 h-6" />}
           </button>
         </div>
 
         {/* Mobile Navigation */}
-        {isMenuOpen && (
-          <div className="md:hidden py-4 border-t animate-in slide-in-from-top">
+        {isMenuOpen &&
+        <div className="md:hidden py-4 border-t animate-in slide-in-from-top">
             <nav className="flex flex-col space-y-4">
               <button
-                onClick={() => scrollToSection('home')}
-                className="text-gray-700 hover:text-cyan-600 transition-colors duration-200 font-medium text-left"
-              >
+              onClick={() => scrollToSection('home')}
+              className="text-gray-700 hover:text-cyan-600 transition-colors duration-200 font-medium text-left">
+
                 Home
               </button>
               <button
-                onClick={() => scrollToSection('specials')}
-                className="text-gray-700 hover:text-cyan-600 transition-colors duration-200 font-medium text-left"
-              >
+              onClick={() => scrollToSection('specials')}
+              className="text-gray-700 hover:text-cyan-600 transition-colors duration-200 font-medium text-left">
+
                 Specials
               </button>
               <button
-                onClick={() => scrollToSection('destinations')}
-                className="text-gray-700 hover:text-cyan-600 transition-colors duration-200 font-medium text-left"
-              >
+              onClick={() => scrollToSection('destinations')}
+              className="text-gray-700 hover:text-cyan-600 transition-colors duration-200 font-medium text-left">
+
                 Destinations
               </button>
               <button
-                onClick={() => scrollToSection('testimonials')}
-                className="text-gray-700 hover:text-cyan-600 transition-colors duration-200 font-medium text-left"
-              >
+              onClick={() => scrollToSection('testimonials')}
+              className="text-gray-700 hover:text-cyan-600 transition-colors duration-200 font-medium text-left">
+
                 Testimonials
               </button>
               <button
-                onClick={() => scrollToSection('contact')}
-                className="text-gray-700 hover:text-cyan-600 transition-colors duration-200 font-medium text-left"
-              >
+              onClick={() => scrollToSection('contact')}
+              className="text-gray-700 hover:text-cyan-600 transition-colors duration-200 font-medium text-left">
+
                 Contact
               </button>
               <Link to="/admin" onClick={() => setIsMenuOpen(false)}>
                 <Button
-                  variant="outline"
-                  className="border-cyan-600 text-cyan-600 hover:bg-cyan-50 w-full"
-                >
+                variant="outline"
+                className="border-cyan-600 text-cyan-600 hover:bg-cyan-50 w-full">
+
                   Admin
                 </Button>
               </Link>
             </nav>
           </div>
-        )}
+        }
       </div>
-    </header>
-  );
+    </header>);
+
 };
 
-export default Header;
+export default Header;
\ No newline at end of file