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
+39 -39
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">
<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;