sebastjan/videofolxtv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add transparent navigation header with logo and links

Browse Source 
Replace SearchHeader component with a custom transparent header containing the logo, home, and FOLX STADL links for both VideoPage and Home pages.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/lK7HRF1
This commit is contained in:
sebastjanartic 2025-08-30 20:51:16 +00:00
parent c43c443559
commit 20bf8e939b
2 changed files with 62 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
client/src/pages/VideoPage.tsx
View File

@ -201,14 +201,37 @@ export default function VideoPage() {
return (
<div className="min-h-screen bunny-dark static-triangles">
<SearchHeader
onSearch={(query) => {
setSearchQuery(query);
if (query) window.location.href = `/?search=${encodeURIComponent(query)}`;
}}
onViewChange={setViewMode}
currentView={viewMode}
/>
{/* Header */}
<div className="border-b border-white/10 bg-black/20 backdrop-blur-sm relative overflow-hidden">
<div className="max-w-7xl mx-auto px-4 py-4">
<div className="flex items-center justify-between">
{/* Left side - Logo */}
<div className="flex items-center space-x-4">
<Link href="/" className="flex items-center space-x-2 hover:opacity-80 transition-opacity">
<div className="w-9 h-9 gradient-primary rounded-lg flex items-center justify-center shadow-lg">
<div className="w-0 h-0 border-l-[10px] border-l-white border-y-[7px] border-y-transparent ml-1"></div>
</div>
<h1 className="text-2xl font-bold text-white tracking-wide">go4.video</h1>
</Link>
</div>
{/* Right side - Navigation */}
<div className="flex items-center gap-4">
{/* Desktop navigation */}
<div className="hidden md:flex items-center space-x-6">
<nav className="flex space-x-6">
<Link href="/" className="text-bunny-light hover:text-bunny-blue transition-colors">
Home
</Link>
<Link href="/folx-stadl" className="text-bunny-light hover:text-bunny-blue transition-colors">
FOLX STADL
</Link>
</nav>
</div>
</div>
</div>
</div>
</div>
<div className="max-w-7xl mx-auto p-4 lg:p-6 relative">
{/* Background logo decorations */}

36
client/src/pages/home.tsx
View File

@ -72,11 +72,37 @@ export default function Home() {
return (
<div className="min-h-screen bunny-dark static-triangles">
<SearchHeader
onSearch={handleSearch}
onViewChange={setViewMode}
currentView={viewMode}
/>
{/* Header */}
<div className="border-b border-white/10 bg-black/20 backdrop-blur-sm relative overflow-hidden">
<div className="max-w-7xl mx-auto px-4 py-4">
<div className="flex items-center justify-between">
{/* Left side - Logo */}
<div className="flex items-center space-x-4">
<Link href="/" className="flex items-center space-x-2 hover:opacity-80 transition-opacity">
<div className="w-9 h-9 gradient-primary rounded-lg flex items-center justify-center shadow-lg">
<div className="w-0 h-0 border-l-[10px] border-l-white border-y-[7px] border-y-transparent ml-1"></div>
</div>
<h1 className="text-2xl font-bold text-white tracking-wide">go4.video</h1>
</Link>
</div>
{/* Right side - Navigation */}
<div className="flex items-center gap-4">
{/* Desktop navigation */}
<div className="hidden md:flex items-center space-x-6">
<nav className="flex space-x-6">
<Link href="/" className="text-bunny-light hover:text-bunny-blue transition-colors">
Home
</Link>
<Link href="/folx-stadl" className="text-bunny-light hover:text-bunny-blue transition-colors">
FOLX STADL
</Link>
</nav>
</div>
</div>
</div>
</div>
</div>
<main className="w-full pt-0 pb-8 relative">