From da1dee10813230617baa11a9fee60a7e9d1860f2 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Thu, 28 Aug 2025 16:23:21 +0000
Subject: [PATCH] Remove distracting background logo elements from the homepage

Remove multiple fixed background image elements for the go4.video logo from the client/src/pages/home.tsx file.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/9kdX1Oh
---
 client/src/pages/home.tsx | 424 +-------------------------------------
 1 file changed, 2 insertions(+), 422 deletions(-)

diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index 8aa6f89..55d7155 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -85,266 +85,7 @@ export default function Home() {
       />
 
       <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 relative">
-        {/* Background logo decorations - fiksni veliki go4.video logoti v ozadju */}
-        {/* OGROMNI go4.video logoti v ozadju - več pod različnimi koti z manj transparence */}
-        <img 
-          src={go4LogoPath} 
-          alt="" 
-          style={{
-            position: 'fixed',
-            top: '2%', 
-            left: '-5%', 
-            transform: 'rotate(-25deg)',
-            width: '1600px',
-            height: '800px',
-            pointerEvents: 'none',
-            zIndex: -1,
-            opacity: 0.55,
-            filter: 'contrast(1.8) brightness(1.4)'
-          }}
-        />
-        <img 
-          src={go4LogoPath} 
-          alt="" 
-          style={{
-            position: 'fixed',
-            top: '5%', 
-            right: '-8%', 
-            transform: 'rotate(30deg)',
-            width: '1400px',
-            height: '700px',
-            pointerEvents: 'none',
-            zIndex: -1,
-            opacity: 0.5,
-            filter: 'contrast(1.8) brightness(1.4)'
-          }}
-        />
-        <img 
-          src={go4LogoPath} 
-          alt="" 
-          style={{
-            position: 'fixed',
-            top: '12%', 
-            left: '25%', 
-            transform: 'rotate(75deg)',
-            width: '1200px',
-            height: '600px',
-            pointerEvents: 'none',
-            zIndex: -1,
-            opacity: 0.45,
-            filter: 'contrast(1.8) brightness(1.4)'
-          }}
-        />
-        <img 
-          src={go4LogoPath} 
-          alt="" 
-          style={{
-            position: 'fixed',
-            top: '20%', 
-            right: '30%', 
-            transform: 'rotate(-10deg)',
-            width: '1500px',
-            height: '750px',
-            pointerEvents: 'none',
-            zIndex: -1,
-            opacity: 0.42,
-            filter: 'contrast(1.8) brightness(1.4)'
-          }}
-        />
-        <img 
-          src={go4LogoPath} 
-          alt="" 
-          style={{
-            position: 'fixed',
-            top: '35%', 
-            left: '2%', 
-            transform: 'rotate(18deg)',
-            width: '1800px',
-            height: '900px',
-            pointerEvents: 'none',
-            zIndex: -1,
-            opacity: 0.45,
-            filter: 'contrast(1.8) brightness(1.4)'
-          }}
-        />
-        <img 
-          src={go4LogoPath} 
-          alt="" 
-          style={{
-            position: 'fixed',
-            top: '40%', 
-            right: '-10%', 
-            transform: 'rotate(-35deg)',
-            width: '1500px',
-            height: '750px',
-            pointerEvents: 'none',
-            zIndex: -1,
-            opacity: 0.43,
-            filter: 'contrast(1.8) brightness(1.4)'
-          }}
-        />
-        <img 
-          src={go4LogoPath} 
-          alt="" 
-          style={{
-            position: 'fixed',
-            top: '55%', 
-            left: '40%', 
-            transform: 'rotate(85deg)',
-            width: '1300px',
-            height: '650px',
-            pointerEvents: 'none',
-            zIndex: -1,
-            opacity: 0.38,
-            filter: 'contrast(1.8) brightness(1.4)'
-          }}
-        />
-        <img 
-          src={go4LogoPath} 
-          alt="" 
-          style={{
-            position: 'fixed',
-            top: '60%', 
-            right: '20%', 
-            transform: 'rotate(-55deg)',
-            width: '1400px',
-            height: '700px',
-            pointerEvents: 'none',
-            zIndex: -1,
-            opacity: 0.35,
-            filter: 'contrast(1.8) brightness(1.4)'
-          }}
-        />
-        <img 
-          src={go4LogoPath} 
-          alt="" 
-          style={{
-            position: 'fixed',
-            bottom: '5%', 
-            left: '5%', 
-            transform: 'rotate(-15deg)',
-            width: '1700px',
-            height: '850px',
-            pointerEvents: 'none',
-            zIndex: -1,
-            opacity: 0.4,
-            filter: 'contrast(1.8) brightness(1.4)'
-          }}
-        />
-        <img 
-          src={go4LogoPath} 
-          alt="" 
-          style={{
-            position: 'fixed',
-            bottom: '8%', 
-            right: '3%', 
-            transform: 'rotate(22deg)',
-            width: '1300px',
-            height: '650px',
-            pointerEvents: 'none',
-            zIndex: -1,
-            opacity: 0.37,
-            filter: 'contrast(1.8) brightness(1.4)'
-          }}
-        />
-        <img 
-          src={go4LogoPath} 
-          alt="" 
-          style={{
-            position: 'fixed',
-            bottom: '15%', 
-            left: '35%', 
-            transform: 'rotate(95deg)',
-            width: '1600px',
-            height: '800px',
-            pointerEvents: 'none',
-            zIndex: -1,
-            opacity: 0.32,
-            filter: 'contrast(1.8) brightness(1.4)'
-          }}
-        />
-        
-        {/* Dodatni ogromni logoti na sredini - različni koti */}
-        <img 
-          src={go4LogoPath} 
-          alt="" 
-          style={{
-            position: 'fixed',
-            top: '25%', 
-            left: '50%', 
-            transform: 'translate(-50%, -50%) rotate(-45deg)',
-            width: '2400px',
-            height: '1200px',
-            pointerEvents: 'none',
-            zIndex: -2,
-            opacity: 0.3,
-            filter: 'contrast(2.2) brightness(1.6)'
-          }}
-        />
-        <img 
-          src={go4LogoPath} 
-          alt="" 
-          style={{
-            position: 'fixed',
-            top: '65%', 
-            left: '25%', 
-            transform: 'rotate(60deg)',
-            width: '2000px',
-            height: '1000px',
-            pointerEvents: 'none',
-            zIndex: -2,
-            opacity: 0.27,
-            filter: 'contrast(2.2) brightness(1.6)'
-          }}
-        />
-        <img 
-          src={go4LogoPath} 
-          alt="" 
-          style={{
-            position: 'fixed',
-            top: '15%', 
-            left: '75%', 
-            transform: 'rotate(-60deg)',
-            width: '1800px',
-            height: '900px',
-            pointerEvents: 'none',
-            zIndex: -2,
-            opacity: 0.25,
-            filter: 'contrast(2.2) brightness(1.6)'
-          }}
-        />
-        <img 
-          src={go4LogoPath} 
-          alt="" 
-          style={{
-            position: 'fixed',
-            top: '45%', 
-            left: '70%', 
-            transform: 'rotate(120deg)',
-            width: '1900px',
-            height: '950px',
-            pointerEvents: 'none',
-            zIndex: -2,
-            opacity: 0.22,
-            filter: 'contrast(2.2) brightness(1.6)'
-          }}
-        />
-        <img 
-          src={go4LogoPath} 
-          alt="" 
-          style={{
-            position: 'fixed',
-            top: '75%', 
-            left: '60%', 
-            transform: 'rotate(-80deg)',
-            width: '1700px',
-            height: '850px',
-            pointerEvents: 'none',
-            zIndex: -2,
-            opacity: 0.2,
-            filter: 'contrast(2.2) brightness(1.6)'
-          }}
-        />
+
         
         {/* Trikotniki na robovih - ne prekrivajo video kartic */}
         <div className="absolute top-10 right-2 w-0 h-0 border-l-[70px] border-l-transparent border-r-[70px] border-r-transparent border-b-[100px] border-b-blue-400/8 rotate-12 z-0"></div>
@@ -364,168 +105,7 @@ export default function Home() {
 
 
       {/* Footer with large triangle design */}
-      <footer className="bunny-gray border-t border-white/20 mt-16 relative overflow-hidden" style={{ minHeight: '200px' }}>
-        {/* go4.video logoti v footerju - več pod različnimi koti z višjim z-index */}
-        <img 
-          src={go4LogoPath} 
-          alt="" 
-          style={{
-            position: 'absolute',
-            top: '5px', 
-            right: '3%', 
-            transform: 'rotate(-20deg)',
-            width: '700px',
-            height: '350px',
-            pointerEvents: 'none',
-            zIndex: 1,
-            opacity: 0.5,
-            filter: 'contrast(1.8) brightness(1.4)'
-          }}
-        />
-        <img 
-          src={go4LogoPath} 
-          alt="" 
-          style={{
-            position: 'absolute',
-            bottom: '5px', 
-            left: '5%', 
-            transform: 'rotate(30deg)',
-            width: '600px',
-            height: '300px',
-            pointerEvents: 'none',
-            zIndex: 1,
-            opacity: 0.45,
-            filter: 'contrast(1.8) brightness(1.4)'
-          }}
-        />
-        <img 
-          src={go4LogoPath} 
-          alt="" 
-          style={{
-            position: 'absolute',
-            top: '30px', 
-            left: '50%', 
-            transform: 'rotate(-45deg)',
-            width: '500px',
-            height: '250px',
-            pointerEvents: 'none',
-            zIndex: 1,
-            opacity: 0.4,
-            filter: 'contrast(1.8) brightness(1.4)'
-          }}
-        />
-        <img 
-          src={go4LogoPath} 
-          alt="" 
-          style={{
-            position: 'absolute',
-            bottom: '15px', 
-            right: '20%', 
-            transform: 'rotate(65deg)',
-            width: '650px',
-            height: '325px',
-            pointerEvents: 'none',
-            zIndex: 1,
-            opacity: 0.42,
-            filter: 'contrast(1.8) brightness(1.4)'
-          }}
-        />
-        <img 
-          src={go4LogoPath} 
-          alt="" 
-          style={{
-            position: 'absolute',
-            top: '25px', 
-            left: '15%', 
-            transform: 'rotate(90deg)',
-            width: '550px',
-            height: '275px',
-            pointerEvents: 'none',
-            zIndex: 1,
-            opacity: 0.38,
-            filter: 'contrast(1.8) brightness(1.4)'
-          }}
-        />
-        <img 
-          src={go4LogoPath} 
-          alt="" 
-          style={{
-            position: 'absolute',
-            bottom: '20px', 
-            left: '35%', 
-            transform: 'rotate(-70deg)',
-            width: '600px',
-            height: '300px',
-            pointerEvents: 'none',
-            zIndex: 1,
-            opacity: 0.35,
-            filter: 'contrast(1.8) brightness(1.4)'
-          }}
-        />
-        <img 
-          src={go4LogoPath} 
-          alt="" 
-          style={{
-            position: 'absolute',
-            top: '15px', 
-            right: '40%', 
-            transform: 'rotate(105deg)',
-            width: '480px',
-            height: '240px',
-            pointerEvents: 'none',
-            zIndex: 1,
-            opacity: 0.32,
-            filter: 'contrast(1.8) brightness(1.4)'
-          }}
-        />
-        <img 
-          src={go4LogoPath} 
-          alt="" 
-          style={{
-            position: 'absolute',
-            top: '50px', 
-            left: '70%', 
-            transform: 'rotate(-15deg)',
-            width: '520px',
-            height: '260px',
-            pointerEvents: 'none',
-            zIndex: 1,
-            opacity: 0.4,
-            filter: 'contrast(1.8) brightness(1.4)'
-          }}
-        />
-        <img 
-          src={go4LogoPath} 
-          alt="" 
-          style={{
-            position: 'absolute',
-            bottom: '40px', 
-            right: '45%', 
-            transform: 'rotate(125deg)',
-            width: '580px',
-            height: '290px',
-            pointerEvents: 'none',
-            zIndex: 1,
-            opacity: 0.36,
-            filter: 'contrast(1.8) brightness(1.4)'
-          }}
-        />
-        <img 
-          src={go4LogoPath} 
-          alt="" 
-          style={{
-            position: 'absolute',
-            top: '70px', 
-            right: '5%', 
-            transform: 'rotate(-85deg)',
-            width: '450px',
-            height: '225px',
-            pointerEvents: 'none',
-            zIndex: 1,
-            opacity: 0.33,
-            filter: 'contrast(1.8) brightness(1.4)'
-          }}
-        />
+      <footer className="bunny-gray border-t border-white/20 mt-16 relative overflow-hidden">
         
         {/* Trikotniki v footerju - z nižjim z-index da ne zakrivajo besedila */}
         <div className="absolute top-0 right-0 w-0 h-0 border-l-[150px] border-l-transparent border-b-[90px] border-b-blue-500/6 z-0"></div>