From 549a0b4a7880731d01d2b4ea4d6f6de9b637e35d Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Sat, 30 Aug 2025 20:57:18 +0000
Subject: [PATCH] Remove unnecessary background blur and gradients from page
 headers

Update header component styles in FolxStadlPage, VideoPage, and home pages to remove `backdrop-blur-sm` and `gradient-primary`, setting the logo background to `bg-transparent`.

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
---
 client/src/pages/FolxStadlPage.tsx | 4 ++--
 client/src/pages/VideoPage.tsx     | 4 ++--
 client/src/pages/home.tsx          | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/client/src/pages/FolxStadlPage.tsx b/client/src/pages/FolxStadlPage.tsx
index f9c4298..2edf214 100644
--- a/client/src/pages/FolxStadlPage.tsx
+++ b/client/src/pages/FolxStadlPage.tsx
@@ -58,13 +58,13 @@ export default function FolxStadlPage() {
   return (
     <div className="min-h-screen bg-bunny-dark text-white">
       {/* Header */}
-      <div className="border-b border-white/5 bg-transparent backdrop-blur-sm relative overflow-hidden">
+      <div className="bg-transparent 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-9 h-9 bg-transparent rounded-lg flex items-center justify-center">
                   <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>
diff --git a/client/src/pages/VideoPage.tsx b/client/src/pages/VideoPage.tsx
index d709565..33adc0f 100644
--- a/client/src/pages/VideoPage.tsx
+++ b/client/src/pages/VideoPage.tsx
@@ -204,13 +204,13 @@ export default function VideoPage() {
   return (
     <div className="min-h-screen bunny-dark static-triangles">
       {/* Header */}
-      <div className="border-b border-white/5 bg-transparent backdrop-blur-sm relative overflow-hidden">
+      <div className="bg-transparent 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-9 h-9 bg-transparent rounded-lg flex items-center justify-center">
                   <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>
diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index c4fa7aa..6c6b999 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -76,13 +76,13 @@ export default function Home() {
   return (
     <div className="min-h-screen bunny-dark static-triangles">
       {/* Header */}
-      <div className="border-b border-white/5 bg-transparent backdrop-blur-sm relative overflow-hidden">
+      <div className="bg-transparent 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-9 h-9 bg-transparent rounded-lg flex items-center justify-center">
                   <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>