veda/www_veda_2025
12
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ok

Browse Source
This commit is contained in:
sasha-astiadi
2025-08-21 19:00:46 +02:00
parent fe88be407d
commit 9b08d53d98
1 changed files with 16 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/Hero.jsx
View File

@@ -6,17 +6,22 @@ export function Hero() {
return ( return (
<section className="relative w-full lg:h-screen bg-transparent h-[550px] lg:mt-0 mt-0"> <section className="relative w-full lg:h-screen bg-transparent h-[550px] lg:mt-0 mt-0">
{/* Background Video */} {/* Background Video */}
<video <div className="absolute top-0 left-0 w-full lg:h-full h-[550px] overflow-hidden z-0 bg-[#FEFFF6] opacity-25">
autoPlay <iframe
loop src="https://player.vimeo.com/video/1112045863?autoplay=1&loop=1&muted=1&controls=0&background=1&quality=720p"
muted className="absolute top-1/2 left-1/2 min-w-full min-h-full w-auto h-auto transform -translate-x-1/2 -translate-y-1/2"
playsInline frameBorder="0"
className="absolute top-0 left-0 w-full lg:h-full h-[550px] object-cover z-0 bg-[#FEFFF6] opacity-25" allow="autoplay; fullscreen; picture-in-picture"
src="/videos/hero4.mp4" style={{
type="video/mp4" minWidth: '100%',
> minHeight: '100%',
Your browser does not support the video tag. width: '100vw',
</video> height: '56.25vw', // 16:9 aspect ratio
pointerEvents: 'none'
}}
title="VEDA Background Video"
></iframe>
</div>
{/* Welcome Content Overlay */} {/* Welcome Content Overlay */}
<div className="bg-transparent py-6 mt-0 absolute top-16 sm:top-32 left-0 right-0 z-10"> <div className="bg-transparent py-6 mt-0 absolute top-16 sm:top-32 left-0 right-0 z-10">