From b2ff3d7dbf3eeb9267469d7a3735c2ff993866a4 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Thu, 28 Aug 2025 15:48:37 +0000
Subject: [PATCH] Increase the size of background logo elements by tenfold

Update CSS properties for `<img>` tags displaying background logos in the search header, home page, and footer components by multiplying their width and height values by 10.

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/x4GGclj
---
 client/src/components/search-header.tsx | 10 +++----
 client/src/pages/home.tsx               | 36 ++++++++++++-------------
 2 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/client/src/components/search-header.tsx b/client/src/components/search-header.tsx
index 7903d9b..8ef9773 100644
--- a/client/src/components/search-header.tsx
+++ b/client/src/components/search-header.tsx
@@ -45,7 +45,7 @@ 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 - img elementi */}
+      {/* go4.video logoti v headerju - ogromni 10x */}
       <img 
         src={go4LogoPath} 
         alt="" 
@@ -54,8 +54,8 @@ export default function SearchHeader({
           top: '5px', 
           right: '20%', 
           transform: 'rotate(-15deg)',
-          width: '180px',
-          height: '90px',
+          width: '1800px',
+          height: '900px',
           pointerEvents: 'none',
           zIndex: -2,
           opacity: 0.3,
@@ -70,8 +70,8 @@ export default function SearchHeader({
           top: '8px', 
           left: '25%', 
           transform: 'rotate(25deg)',
-          width: '160px',
-          height: '80px',
+          width: '1600px',
+          height: '800px',
           pointerEvents: 'none',
           zIndex: -2,
           opacity: 0.25,
diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index 6aa8e9d..17e2b5f 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -86,7 +86,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 */}
-        {/* Veliki logoti z img elementi namesto backgroundImage */}
+        {/* Ogromni logoti po 10x povečani */}
         <img 
           src={go4LogoPath} 
           alt="" 
@@ -95,8 +95,8 @@ export default function Home() {
             top: '10%', 
             left: '5%', 
             transform: 'rotate(-25deg)',
-            width: '400px',
-            height: '200px',
+            width: '4000px',
+            height: '2000px',
             pointerEvents: 'none',
             zIndex: -5,
             opacity: 0.4,
@@ -111,8 +111,8 @@ export default function Home() {
             top: '15%', 
             right: '5%', 
             transform: 'rotate(30deg)',
-            width: '350px',
-            height: '175px',
+            width: '3500px',
+            height: '1750px',
             pointerEvents: 'none',
             zIndex: -5,
             opacity: 0.35,
@@ -127,8 +127,8 @@ export default function Home() {
             top: '50%', 
             left: '2%', 
             transform: 'rotate(18deg)',
-            width: '380px',
-            height: '190px',
+            width: '3800px',
+            height: '1900px',
             pointerEvents: 'none',
             zIndex: -5,
             opacity: 0.3,
@@ -143,8 +143,8 @@ export default function Home() {
             top: '55%', 
             right: '3%', 
             transform: 'rotate(-35deg)',
-            width: '320px',
-            height: '160px',
+            width: '3200px',
+            height: '1600px',
             pointerEvents: 'none',
             zIndex: -5,
             opacity: 0.25,
@@ -159,8 +159,8 @@ export default function Home() {
             bottom: '10%', 
             left: '8%', 
             transform: 'rotate(-15deg)',
-            width: '360px',
-            height: '180px',
+            width: '3600px',
+            height: '1800px',
             pointerEvents: 'none',
             zIndex: -5,
             opacity: 0.2,
@@ -175,8 +175,8 @@ export default function Home() {
             bottom: '15%', 
             right: '6%', 
             transform: 'rotate(22deg)',
-            width: '300px',
-            height: '150px',
+            width: '3000px',
+            height: '1500px',
             pointerEvents: 'none',
             zIndex: -5,
             opacity: 0.15,
@@ -203,7 +203,7 @@ 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 - img elementi */}
+        {/* go4.video logoti v footerju - ogromni 10x */}
         <img 
           src={go4LogoPath} 
           alt="" 
@@ -212,8 +212,8 @@ export default function Home() {
             top: '15px', 
             right: '10%', 
             transform: 'rotate(-20deg)',
-            width: '200px',
-            height: '100px',
+            width: '2000px',
+            height: '1000px',
             pointerEvents: 'none',
             zIndex: -2,
             opacity: 0.4,
@@ -228,8 +228,8 @@ export default function Home() {
             bottom: '15px', 
             left: '8%', 
             transform: 'rotate(30deg)',
-            width: '180px',
-            height: '90px',
+            width: '1800px',
+            height: '900px',
             pointerEvents: 'none',
             zIndex: -2,
             opacity: 0.35,