From f7c17e6f30412a0b68bc51b0a72bda9f613ebed4 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Thu, 28 Aug 2025 15:50:48 +0000
Subject: [PATCH] Enhance visual appeal with larger, more prominent background
 logos

Update the positioning, size, opacity, and blending modes of background logos in the home page for a more impactful visual experience.

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/W8t7ogo
---
 client/src/pages/home.tsx | 124 ++++++++++++++++++++------------------
 1 file changed, 65 insertions(+), 59 deletions(-)

diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index 17e2b5f..30cfb03 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -86,37 +86,39 @@ 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 logoti po 10x povečani */}
+        {/* OGROMNI logoti z visoko prosojnostjo */}
+        <img 
+          src={go4LogoPath} 
+          alt="" 
+          style={{
+            position: 'fixed',
+            top: '5%', 
+            left: '0%', 
+            transform: 'rotate(-25deg)',
+            width: '5000px',
+            height: '2500px',
+            pointerEvents: 'none',
+            zIndex: 1,
+            opacity: 0.9,
+            mixBlendMode: 'screen',
+            filter: 'brightness(2) contrast(1.5)'
+          }}
+        />
         <img 
           src={go4LogoPath} 
           alt="" 
           style={{
             position: 'fixed',
             top: '10%', 
-            left: '5%', 
-            transform: 'rotate(-25deg)',
-            width: '4000px',
-            height: '2000px',
-            pointerEvents: 'none',
-            zIndex: -5,
-            opacity: 0.4,
-            filter: 'blur(0.5px)'
-          }}
-        />
-        <img 
-          src={go4LogoPath} 
-          alt="" 
-          style={{
-            position: 'fixed',
-            top: '15%', 
-            right: '5%', 
+            right: '0%', 
             transform: 'rotate(30deg)',
-            width: '3500px',
-            height: '1750px',
+            width: '4500px',
+            height: '2250px',
             pointerEvents: 'none',
-            zIndex: -5,
-            opacity: 0.35,
-            filter: 'blur(0.5px)'
+            zIndex: 1,
+            opacity: 0.8,
+            mixBlendMode: 'screen',
+            filter: 'brightness(2) contrast(1.5)'
           }}
         />
         <img 
@@ -124,15 +126,16 @@ export default function Home() {
           alt="" 
           style={{
             position: 'fixed',
-            top: '50%', 
-            left: '2%', 
+            top: '40%', 
+            left: '-10%', 
             transform: 'rotate(18deg)',
-            width: '3800px',
-            height: '1900px',
+            width: '4800px',
+            height: '2400px',
             pointerEvents: 'none',
-            zIndex: -5,
-            opacity: 0.3,
-            filter: 'blur(0.5px)'
+            zIndex: 1,
+            opacity: 0.7,
+            mixBlendMode: 'screen',
+            filter: 'brightness(2) contrast(1.5)'
           }}
         />
         <img 
@@ -140,15 +143,33 @@ export default function Home() {
           alt="" 
           style={{
             position: 'fixed',
-            top: '55%', 
-            right: '3%', 
+            top: '45%', 
+            right: '-10%', 
             transform: 'rotate(-35deg)',
-            width: '3200px',
-            height: '1600px',
+            width: '4200px',
+            height: '2100px',
             pointerEvents: 'none',
-            zIndex: -5,
-            opacity: 0.25,
-            filter: 'blur(0.5px)'
+            zIndex: 1,
+            opacity: 0.6,
+            mixBlendMode: 'screen',
+            filter: 'brightness(2) contrast(1.5)'
+          }}
+        />
+        <img 
+          src={go4LogoPath} 
+          alt="" 
+          style={{
+            position: 'fixed',
+            bottom: '5%', 
+            left: '5%', 
+            transform: 'rotate(-15deg)',
+            width: '4600px',
+            height: '2300px',
+            pointerEvents: 'none',
+            zIndex: 1,
+            opacity: 0.5,
+            mixBlendMode: 'screen',
+            filter: 'brightness(2) contrast(1.5)'
           }}
         />
         <img 
@@ -157,30 +178,15 @@ export default function Home() {
           style={{
             position: 'fixed',
             bottom: '10%', 
-            left: '8%', 
-            transform: 'rotate(-15deg)',
-            width: '3600px',
-            height: '1800px',
-            pointerEvents: 'none',
-            zIndex: -5,
-            opacity: 0.2,
-            filter: 'blur(0.5px)'
-          }}
-        />
-        <img 
-          src={go4LogoPath} 
-          alt="" 
-          style={{
-            position: 'fixed',
-            bottom: '15%', 
-            right: '6%', 
+            right: '3%', 
             transform: 'rotate(22deg)',
-            width: '3000px',
-            height: '1500px',
+            width: '4000px',
+            height: '2000px',
             pointerEvents: 'none',
-            zIndex: -5,
-            opacity: 0.15,
-            filter: 'blur(0.5px)'
+            zIndex: 1,
+            opacity: 0.4,
+            mixBlendMode: 'screen',
+            filter: 'brightness(2) contrast(1.5)'
           }}
         />