From c5c9bb43f90ad6b0e6db8b3e0f1e7a2d8836361c Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Thu, 28 Aug 2025 15:55:30 +0000
Subject: [PATCH] Enlarge geometric logo elements for a more prominent visual
 presence

Increase the size, opacity, and contrast of background logo elements in the header and home page for a more impactful visual display.

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/6G8Idjn
---
 client/src/components/search-header.tsx |  42 ++++--
 client/src/pages/home.tsx               | 176 ++++++++++++++----------
 2 files changed, 133 insertions(+), 85 deletions(-)

diff --git a/client/src/components/search-header.tsx b/client/src/components/search-header.tsx
index 43894c4..7be1f58 100644
--- a/client/src/components/search-header.tsx
+++ b/client/src/components/search-header.tsx
@@ -45,21 +45,21 @@ export default function SearchHeader({
 
   return (
     <div className="bunny-gray border-b border-white/20 sticky top-0 z-50 backdrop-blur-md relative overflow-hidden">
-      {/* go4.video logoti v headerju - transparentni */}
+      {/* go4.video logoti v headerju - povečani */}
       <img 
         src={go4LogoPath} 
         alt="" 
         style={{
           position: 'absolute',
-          top: '5px', 
-          right: '15%', 
+          top: '-10px', 
+          right: '10%', 
           transform: 'rotate(-15deg)',
-          width: '300px',
-          height: '150px',
+          width: '600px',
+          height: '300px',
           pointerEvents: 'none',
           zIndex: -1,
-          opacity: 0.2,
-          filter: 'contrast(1.5) brightness(1.3)'
+          opacity: 0.3,
+          filter: 'contrast(1.8) brightness(1.4)'
         }}
       />
       <img 
@@ -67,15 +67,31 @@ export default function SearchHeader({
         alt="" 
         style={{
           position: 'absolute',
-          top: '8px', 
-          left: '20%', 
+          top: '-5px', 
+          left: '15%', 
           transform: 'rotate(25deg)',
-          width: '250px',
-          height: '125px',
+          width: '500px',
+          height: '250px',
           pointerEvents: 'none',
           zIndex: -1,
-          opacity: 0.15,
-          filter: 'contrast(1.5) brightness(1.3)'
+          opacity: 0.25,
+          filter: 'contrast(1.8) brightness(1.4)'
+        }}
+      />
+      <img 
+        src={go4LogoPath} 
+        alt="" 
+        style={{
+          position: 'absolute',
+          top: '5px', 
+          left: '50%', 
+          transform: 'rotate(-30deg)',
+          width: '400px',
+          height: '200px',
+          pointerEvents: 'none',
+          zIndex: -1,
+          opacity: 0.2,
+          filter: 'contrast(1.8) brightness(1.4)'
         }}
       />
       
diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index f913ed0..44ed02a 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -86,21 +86,21 @@ 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 */}
-        {/* VELIKI go4.video logoti v ozadju - s transparenco */}
+        {/* OGROMNI go4.video logoti v ozadju - povečani */}
         <img 
           src={go4LogoPath} 
           alt="" 
           style={{
             position: 'fixed',
-            top: '5%', 
-            left: '2%', 
+            top: '2%', 
+            left: '-5%', 
             transform: 'rotate(-25deg)',
-            width: '800px',
-            height: '400px',
+            width: '1600px',
+            height: '800px',
             pointerEvents: 'none',
             zIndex: -1,
-            opacity: 0.3,
-            filter: 'contrast(1.5) brightness(1.2)'
+            opacity: 0.4,
+            filter: 'contrast(1.8) brightness(1.4)'
           }}
         />
         <img 
@@ -108,15 +108,31 @@ export default function Home() {
           alt="" 
           style={{
             position: 'fixed',
-            top: '10%', 
-            right: '5%', 
+            top: '5%', 
+            right: '-8%', 
             transform: 'rotate(30deg)',
-            width: '700px',
-            height: '350px',
+            width: '1400px',
+            height: '700px',
             pointerEvents: 'none',
             zIndex: -1,
-            opacity: 0.25,
-            filter: 'contrast(1.5) brightness(1.2)'
+            opacity: 0.35,
+            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.3,
+            filter: 'contrast(1.8) brightness(1.4)'
           }}
         />
         <img 
@@ -125,14 +141,14 @@ export default function Home() {
           style={{
             position: 'fixed',
             top: '40%', 
-            left: '8%', 
-            transform: 'rotate(18deg)',
-            width: '900px',
-            height: '450px',
+            right: '-10%', 
+            transform: 'rotate(-35deg)',
+            width: '1500px',
+            height: '750px',
             pointerEvents: 'none',
             zIndex: -1,
-            opacity: 0.2,
-            filter: 'contrast(1.5) brightness(1.2)'
+            opacity: 0.28,
+            filter: 'contrast(1.8) brightness(1.4)'
           }}
         />
         <img 
@@ -140,15 +156,15 @@ export default function Home() {
           alt="" 
           style={{
             position: 'fixed',
-            top: '45%', 
-            right: '3%', 
-            transform: 'rotate(-35deg)',
-            width: '750px',
-            height: '375px',
+            bottom: '5%', 
+            left: '5%', 
+            transform: 'rotate(-15deg)',
+            width: '1700px',
+            height: '850px',
             pointerEvents: 'none',
             zIndex: -1,
-            opacity: 0.18,
-            filter: 'contrast(1.5) brightness(1.2)'
+            opacity: 0.25,
+            filter: 'contrast(1.8) brightness(1.4)'
           }}
         />
         <img 
@@ -157,48 +173,32 @@ export default function Home() {
           style={{
             position: 'fixed',
             bottom: '8%', 
-            left: '12%', 
-            transform: 'rotate(-15deg)',
-            width: '850px',
-            height: '425px',
-            pointerEvents: 'none',
-            zIndex: -1,
-            opacity: 0.15,
-            filter: 'contrast(1.5) brightness(1.2)'
-          }}
-        />
-        <img 
-          src={go4LogoPath} 
-          alt="" 
-          style={{
-            position: 'fixed',
-            bottom: '12%', 
-            right: '8%', 
+            right: '3%', 
             transform: 'rotate(22deg)',
-            width: '650px',
-            height: '325px',
+            width: '1300px',
+            height: '650px',
             pointerEvents: 'none',
             zIndex: -1,
-            opacity: 0.12,
-            filter: 'contrast(1.5) brightness(1.2)'
+            opacity: 0.22,
+            filter: 'contrast(1.8) brightness(1.4)'
           }}
         />
         
-        {/* Dodatni veliki logoti na sredini */}
+        {/* Dodatni ogromni logoti na sredini */}
         <img 
           src={go4LogoPath} 
           alt="" 
           style={{
             position: 'fixed',
-            top: '30%', 
+            top: '25%', 
             left: '50%', 
             transform: 'translate(-50%, -50%) rotate(-45deg)',
-            width: '1200px',
-            height: '600px',
+            width: '2400px',
+            height: '1200px',
             pointerEvents: 'none',
             zIndex: -2,
-            opacity: 0.08,
-            filter: 'contrast(2) brightness(1.5)'
+            opacity: 0.15,
+            filter: 'contrast(2.2) brightness(1.6)'
           }}
         />
         <img 
@@ -206,15 +206,31 @@ export default function Home() {
           alt="" 
           style={{
             position: 'fixed',
-            top: '70%', 
-            left: '30%', 
+            top: '65%', 
+            left: '25%', 
             transform: 'rotate(60deg)',
-            width: '1000px',
-            height: '500px',
+            width: '2000px',
+            height: '1000px',
             pointerEvents: 'none',
             zIndex: -2,
-            opacity: 0.06,
-            filter: 'contrast(2) brightness(1.5)'
+            opacity: 0.12,
+            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.1,
+            filter: 'contrast(2.2) brightness(1.6)'
           }}
         />
         
@@ -237,21 +253,21 @@ export default function Home() {
 
       {/* Footer with large triangle design */}
       <footer className="bunny-gray border-t border-white/20 mt-16 relative overflow-hidden">
-        {/* go4.video logoti v footerju - transparentni */}
+        {/* go4.video logoti v footerju - povečani */}
         <img 
           src={go4LogoPath} 
           alt="" 
           style={{
             position: 'absolute',
-            top: '15px', 
-            right: '8%', 
+            top: '5px', 
+            right: '3%', 
             transform: 'rotate(-20deg)',
-            width: '350px',
-            height: '175px',
+            width: '700px',
+            height: '350px',
             pointerEvents: 'none',
             zIndex: -1,
-            opacity: 0.25,
-            filter: 'contrast(1.5) brightness(1.3)'
+            opacity: 0.35,
+            filter: 'contrast(1.8) brightness(1.4)'
           }}
         />
         <img 
@@ -259,15 +275,31 @@ export default function Home() {
           alt="" 
           style={{
             position: 'absolute',
-            bottom: '15px', 
-            left: '10%', 
+            bottom: '5px', 
+            left: '5%', 
             transform: 'rotate(30deg)',
-            width: '300px',
-            height: '150px',
+            width: '600px',
+            height: '300px',
             pointerEvents: 'none',
             zIndex: -1,
-            opacity: 0.2,
-            filter: 'contrast(1.5) brightness(1.3)'
+            opacity: 0.3,
+            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.25,
+            filter: 'contrast(1.8) brightness(1.4)'
           }}
         />