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: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

14
src/components/Hero.jsx
View File

@@ -5,13 +5,13 @@ 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">
<div className="relative w-full h-full">
<iframe <iframe
src="https://player.vimeo.com/video/1112045863?autoplay=1&loop=1&muted=1&controls=0&background=1&quality=auto" src="https://player.vimeo.com/video/1112045863?autoplay=1&loop=1&muted=1&controls=0&background=1&quality=auto&responsive=1"
className="absolute inset-0 w-full h-full object-cover" className="absolute top-0 left-0 w-full h-full border-0"
frameBorder="0"
allow="autoplay; fullscreen; picture-in-picture" allow="autoplay; fullscreen; picture-in-picture"
style={{ style={{
width: '100%', width: '100%',
@@ -19,11 +19,13 @@ export function Hero() {
minHeight: '100%', minHeight: '100%',
minWidth: '100%', minWidth: '100%',
objectFit: 'cover', objectFit: 'cover',
pointerEvents: 'none' pointerEvents: 'none',
border: 'none'
}} }}
title="VEDA Background Video" title="VEDA Background Video"
></iframe> ></iframe>
</div> </div>
</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">