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

ok

Browse Source
This commit is contained in:
sasha-astiadi
2025-08-21 19:18:24 +02:00
parent e2cf581e3a
commit 3fb32d7d92
1 changed files with 19 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/components/Hero.jsx
View File

@@ -5,24 +5,26 @@ import { Logo } from '@/components/Logo'
export function Hero() { 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-[400px] sm:h-[500px] md:h-[550px] lg:mt-0 mt-0">
{/* Background Video */} {/* Background Video */}
<div className="absolute top-0 left-0 w-full lg:h-full h-[550px] overflow-hidden z-0 bg-[#FEFFF6] opacity-30"> <div className="absolute top-0 left-0 w-full h-full overflow-hidden z-0 bg-[#FEFFF6] opacity-30">
<iframe <div className="relative w-full h-full">
src="https://player.vimeo.com/video/1112045863?autoplay=1&loop=1&muted=1&controls=0&background=1&quality=auto" <iframe
className="absolute inset-0 w-full h-full object-cover" src="https://player.vimeo.com/video/1112045863?autoplay=1&loop=1&muted=1&controls=0&background=1&quality=auto&responsive=1"
frameBorder="0" className="absolute top-0 left-0 w-full h-full border-0"
allow="autoplay; fullscreen; picture-in-picture" allow="autoplay; fullscreen; picture-in-picture"
style={{ style={{
width: '100%', width: '100%',
height: '100%', height: '100%',
minHeight: '100%', minHeight: '100%',
minWidth: '100%', minWidth: '100%',
objectFit: 'cover', objectFit: 'cover',
pointerEvents: 'none' pointerEvents: 'none',
}} border: 'none'
title="VEDA Background Video" }}
></iframe> title="VEDA Background Video"
></iframe>
</div>
</div> </div>
{/* Welcome Content Overlay */} {/* Welcome Content Overlay */}