myron/epic-download
1
0
Fork 0
mirror of https://github.com/myronblair/epic-download synced 2026-06-30 17:51:00 -05:00
Code Issues Packages Projects Releases Wiki Activity

visual_edit_1773685489171

Browse Source
This commit is contained in:
visual-edit
2026-03-16 18:24:49 +00:00
parent ca44b1fabd
commit b82b32c11f
1 changed files with 40 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/Header.jsx
+32 -32
View File
@@ -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"> <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" /> <Plane className="w-6 h-6 text-white" />
</div> </div>
<span className="text-xl font-bold bg-gradient-to-r from-cyan-600 to-blue-700 bg-clip-text text-transparent"> <span className="text-xl font-bold bg-gradient-to-r from-cyan-600 to-blue-700 bg-clip-text text-transparent">Epic Travel & Expeditions
Epic Travel
</span> </span>
</Link> </Link>
@@ -43,39 +43,39 @@ const Header = () => {
<nav className="hidden md:flex items-center space-x-8"> <nav className="hidden md:flex items-center space-x-8">
<button <button
onClick={() => scrollToSection('home')} 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 Home
</button> </button>
<button <button
onClick={() => scrollToSection('specials')} 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 Specials
</button> </button>
<button <button
onClick={() => scrollToSection('destinations')} 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 Destinations
</button> </button>
<button <button
onClick={() => scrollToSection('testimonials')} 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 Testimonials
</button> </button>
<button <button
onClick={() => scrollToSection('contact')} 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 Contact
</button> </button>
<Link to="/admin"> <Link to="/admin">
<Button <Button
variant="outline" 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 Admin
</Button> </Button>
</Link> </Link>
@@ -84,60 +84,60 @@ const Header = () => {
{/* Mobile Menu Button */} {/* Mobile Menu Button */}
<button <button
className="md:hidden p-2 text-gray-700 hover:text-cyan-600 transition-colors" 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" />} {isMenuOpen ? <X className="w-6 h-6" /> : <Menu className="w-6 h-6" />}
</button> </button>
</div> </div>
{/* Mobile Navigation */} {/* Mobile Navigation */}
{isMenuOpen && ( {isMenuOpen &&
<div className="md:hidden py-4 border-t animate-in slide-in-from-top"> <div className="md:hidden py-4 border-t animate-in slide-in-from-top">
<nav className="flex flex-col space-y-4"> <nav className="flex flex-col space-y-4">
<button <button
onClick={() => scrollToSection('home')} onClick={() => scrollToSection('home')}
className="text-gray-700 hover:text-cyan-600 transition-colors duration-200 font-medium text-left" className="text-gray-700 hover:text-cyan-600 transition-colors duration-200 font-medium text-left">
>
Home Home
</button> </button>
<button <button
onClick={() => scrollToSection('specials')} onClick={() => scrollToSection('specials')}
className="text-gray-700 hover:text-cyan-600 transition-colors duration-200 font-medium text-left" className="text-gray-700 hover:text-cyan-600 transition-colors duration-200 font-medium text-left">
>
Specials Specials
</button> </button>
<button <button
onClick={() => scrollToSection('destinations')} onClick={() => scrollToSection('destinations')}
className="text-gray-700 hover:text-cyan-600 transition-colors duration-200 font-medium text-left" className="text-gray-700 hover:text-cyan-600 transition-colors duration-200 font-medium text-left">
>
Destinations Destinations
</button> </button>
<button <button
onClick={() => scrollToSection('testimonials')} onClick={() => scrollToSection('testimonials')}
className="text-gray-700 hover:text-cyan-600 transition-colors duration-200 font-medium text-left" className="text-gray-700 hover:text-cyan-600 transition-colors duration-200 font-medium text-left">
>
Testimonials Testimonials
</button> </button>
<button <button
onClick={() => scrollToSection('contact')} onClick={() => scrollToSection('contact')}
className="text-gray-700 hover:text-cyan-600 transition-colors duration-200 font-medium text-left" className="text-gray-700 hover:text-cyan-600 transition-colors duration-200 font-medium text-left">
>
Contact Contact
</button> </button>
<Link to="/admin" onClick={() => setIsMenuOpen(false)}> <Link to="/admin" onClick={() => setIsMenuOpen(false)}>
<Button <Button
variant="outline" variant="outline"
className="border-cyan-600 text-cyan-600 hover:bg-cyan-50 w-full" className="border-cyan-600 text-cyan-600 hover:bg-cyan-50 w-full">
>
Admin Admin
</Button> </Button>
</Link> </Link>
</nav> </nav>
</div> </div>
)} }
</div> </div>
</header> </header>);
);
}; };
export default Header; export default Header;