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
This commit is contained in:
sebastjanartic
2025-08-28 15:55:30 +00:00
parent ec397a188c
commit c5c9bb43f9
2 changed files with 133 additions and 85 deletions
+29 -13
View File
@@ -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)'
}}
/>