diff --git a/index-1.html b/index-1.html index 8ada4d4..4b0060f 100644 --- a/index-1.html +++ b/index-1.html @@ -135,13 +135,14 @@ /* Hero Section */ .hero { - min-height: 100vh; + height: 100vh; display: flex; align-items: center; background: linear-gradient(135deg, #ff6b35 0%, #f7931e 50%, #ffcd3c 100%); color: white; position: relative; overflow: hidden; + z-index: 1; } .hero::before { @@ -532,12 +533,65 @@ box-shadow: 0 15px 35px rgba(255, 107, 53, 0.2); } + .logo-item img { + max-width: 80px; + max-height: 60px; + width: auto; + height: auto; + object-fit: contain; + filter: brightness(0) invert(1); + transition: all 0.3s ease; + display: block; + margin: 0 auto; + } + + .logo-item:hover img { + filter: brightness(0) invert(1) drop-shadow(0 0 10px rgba(255,255,255,0.3)); + transform: scale(1.1); + } + .logo-item span { font-weight: 700; font-size: 1rem; color: white; } + .logo-item img { + max-width: 80px; + max-height: 60px; + width: auto; + height: auto; + object-fit: contain; + filter: brightness(0) invert(1); + transition: all 0.3s ease; + display: block; + margin: 0 auto; + } + + .logo-item:hover img { + filter: brightness(0) invert(1) drop-shadow(0 0 10px rgba(255,255,255,0.3)); + transform: scale(1.1); + } + + /* Fallback text styling when images don't load */ + .logo-item { + background: rgba(255, 255, 255, 0.05); + border: 1px solid rgba(255, 255, 255, 0.1); + border-radius: 20px; + padding: 30px; + display: flex; + align-items: center; + justify-content: center; + height: 100px; + transition: all 0.4s ease; + position: relative; + overflow: hidden; + text-align: center; + font-weight: 700; + font-size: 0.9rem; + color: white; + } + /* CTA Section */ .cta-section { padding: 120px 0; @@ -897,21 +951,51 @@

Leading brands choose Victory for their global logistics needs

-
ADIDAS
-
INTEL
-
TOYOTA
-
SHELL
-
APPLE
-
McDONALD'S
-
UNILEVER
-
COCA COLA
-
P&G
-
VOLKSWAGEN
-
GSK
-
VISA
-
ADOBE
-
PELCO
-
NSRTTC
+
+ Adidas +
+
+ Intel +
+
+ Toyota +
+
+ Shell +
+
+ Apple +
+
+ McDonald's +
+
+ Unilever +
+
+ Coca-Cola +
+
+ P&G +
+
+ Volkswagen +
+
+ Gasco +
+
+ Visa +
+
+ Adobe +
+
+ Pfizer +
+
+ Contemporary +
@@ -1057,7 +1141,7 @@ }); // Counter animation for stats - function animateCounter(element, target) { + function animateCounter(element, target, originalText) { let count = 0; const increment = target / 100; const timer = setInterval(() => { @@ -1066,7 +1150,20 @@ count = target; clearInterval(timer); } - element.textContent = Math.floor(count) + (target >= 1000 ? 'K+' : target === 99.8 ? '.8%' : target === 195 ? '' : target === 24 ? '/7' : '+'); + + // Determine the correct suffix based on original text + let displayText = Math.floor(count); + if (originalText.includes('K+')) { + displayText = Math.floor(count / 1000) + 'K+'; + } else if (originalText.includes('%')) { + displayText = count.toFixed(1) + '%'; + } else if (originalText.includes('/7')) { + displayText = Math.floor(count) + '/7'; + } else { + displayText = Math.floor(count); + } + + element.textContent = displayText; }, 20); } @@ -1076,15 +1173,21 @@ if (entry.isIntersecting) { const statNumbers = entry.target.querySelectorAll('.stat-number'); statNumbers.forEach(stat => { - const text = stat.textContent; + const originalText = stat.textContent; let target; - if (text.includes('K+')) target = parseInt(text) * 1000; - else if (text.includes('%')) target = parseFloat(text); - else if (text.includes('/')) target = parseInt(text); - else target = parseInt(text); + + if (originalText.includes('K+')) { + target = parseInt(originalText) * 1000; + } else if (originalText.includes('%')) { + target = parseFloat(originalText); + } else if (originalText.includes('/')) { + target = parseInt(originalText); + } else { + target = parseInt(originalText); + } stat.textContent = '0'; - animateCounter(stat, target); + animateCounter(stat, target, originalText); }); statsObserver.unobserve(entry.target); } @@ -1096,13 +1199,27 @@ statsObserver.observe(statsSection); } - // Parallax effect for hero section + // Enhanced parallax effect with fine-tuning window.addEventListener('scroll', () => { const scrolled = window.pageYOffset; const parallax = document.querySelector('.hero'); - if (parallax) { - const speed = scrolled * 0.5; - parallax.style.transform = `translateY(${speed}px)`; + const heroHeight = parallax.offsetHeight; + const windowHeight = window.innerHeight; + + if (parallax && scrolled < heroHeight + windowHeight * 0.3) { + // Extended parallax range for smoother transition + const progress = scrolled / (heroHeight + windowHeight * 0.3); + const speed = scrolled * 0.2; // Even smoother speed + const maxTransform = heroHeight * 0.15; // Reduced max transform + const easeOut = 1 - Math.pow(1 - progress, 3); // Cubic ease-out + const transform = Math.min(speed * easeOut, maxTransform); + + parallax.style.transform = `translateY(${transform}px)`; + parallax.style.transition = 'none'; // Disable transition during scroll + } else if (parallax) { + // Smooth reset with transition + parallax.style.transition = 'transform 0.3s ease-out'; + parallax.style.transform = 'translateY(0px)'; } }); diff --git a/logos/Adidas.svg b/logos/Adidas.svg new file mode 100644 index 0000000..56906b6 --- /dev/null +++ b/logos/Adidas.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + \ No newline at end of file diff --git a/logos/Apple.svg b/logos/Apple.svg new file mode 100644 index 0000000..82b0cdd --- /dev/null +++ b/logos/Apple.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/logos/Coca-Cola.svg b/logos/Coca-Cola.svg new file mode 100644 index 0000000..46b8dea --- /dev/null +++ b/logos/Coca-Cola.svg @@ -0,0 +1 @@ +Coca cola \ No newline at end of file diff --git a/logos/Intel.svg b/logos/Intel.svg new file mode 100644 index 0000000..d0f3f26 --- /dev/null +++ b/logos/Intel.svg @@ -0,0 +1,31 @@ + + + + + + + + diff --git a/logos/McDonald.svg b/logos/McDonald.svg new file mode 100644 index 0000000..456cbeb --- /dev/null +++ b/logos/McDonald.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/logos/P&G.svg b/logos/P&G.svg new file mode 100644 index 0000000..c063f98 --- /dev/null +++ b/logos/P&G.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/logos/Shell.svg b/logos/Shell.svg new file mode 100644 index 0000000..6d6d25b --- /dev/null +++ b/logos/Shell.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/logos/Toyota.svg b/logos/Toyota.svg new file mode 100644 index 0000000..bdf1704 --- /dev/null +++ b/logos/Toyota.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/logos/Unilever.svg b/logos/Unilever.svg new file mode 100644 index 0000000..e10a091 --- /dev/null +++ b/logos/Unilever.svg @@ -0,0 +1,329 @@ + + + + +]> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/logos/Volkswagen.svg b/logos/Volkswagen.svg new file mode 100644 index 0000000..aa0cb1d --- /dev/null +++ b/logos/Volkswagen.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/logos/adobe.svg b/logos/adobe.svg new file mode 100644 index 0000000..00dc7ab --- /dev/null +++ b/logos/adobe.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/logos/contemporary.svg b/logos/contemporary.svg new file mode 100644 index 0000000..f437f7a --- /dev/null +++ b/logos/contemporary.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/logos/dubai.svg b/logos/dubai.svg new file mode 100644 index 0000000..64367e6 --- /dev/null +++ b/logos/dubai.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/logos/fedex.svg b/logos/fedex.svg new file mode 100644 index 0000000..72a8e57 --- /dev/null +++ b/logos/fedex.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/logos/gasco.svg b/logos/gasco.svg new file mode 100644 index 0000000..efe266a --- /dev/null +++ b/logos/gasco.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/logos/glaxosmithkline.svg b/logos/glaxosmithkline.svg new file mode 100644 index 0000000..968fbcc --- /dev/null +++ b/logos/glaxosmithkline.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/logos/mobil.svg b/logos/mobil.svg new file mode 100644 index 0000000..a666f7b --- /dev/null +++ b/logos/mobil.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/logos/pfizer.svg b/logos/pfizer.svg new file mode 100644 index 0000000..ead9cb0 --- /dev/null +++ b/logos/pfizer.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/logos/visa.svg b/logos/visa.svg new file mode 100644 index 0000000..5e53d92 --- /dev/null +++ b/logos/visa.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/logos/volvo.svg b/logos/volvo.svg new file mode 100644 index 0000000..ec4bfcb --- /dev/null +++ b/logos/volvo.svg @@ -0,0 +1 @@ + \ No newline at end of file