fix
This commit is contained in:
@@ -20,7 +20,7 @@ export function CallToAction3() {
|
|||||||
<Container className="relative ">
|
<Container className="relative ">
|
||||||
<div className="mx-auto max-w-3xl text-center">
|
<div className="mx-auto max-w-3xl text-center">
|
||||||
<div className="flex items-center justify-center">
|
<div className="flex items-center justify-center">
|
||||||
<Logo className="h-20 w-auto opacity-100" />
|
<Logo className="h-25 w-auto opacity-100" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</Container>
|
</Container>
|
||||||
|
@@ -5,26 +5,24 @@ import { Logo } from '@/components/Logo'
|
|||||||
|
|
||||||
export function Hero() {
|
export function Hero() {
|
||||||
return (
|
return (
|
||||||
<section className="relative w-full lg:h-screen bg-transparent h-[400px] sm:h-[500px] md: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 */}
|
||||||
<div className="absolute top-0 left-0 w-full h-full overflow-hidden z-0 bg-[#FEFFF6] opacity-30">
|
<div className="absolute inset-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&responsive=1"
|
||||||
src="https://player.vimeo.com/video/1112045863?autoplay=1&loop=1&muted=1&controls=0&background=1&quality=auto&responsive=1"
|
className="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 border-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: '300%',
|
||||||
width: '100%',
|
height: '300%',
|
||||||
height: '100%',
|
minWidth: '100vw',
|
||||||
minHeight: '100%',
|
minHeight: '100vh',
|
||||||
minWidth: '100%',
|
objectFit: 'cover',
|
||||||
objectFit: 'cover',
|
pointerEvents: 'none',
|
||||||
pointerEvents: 'none',
|
border: 'none'
|
||||||
border: 'none'
|
}}
|
||||||
}}
|
title="VEDA Background Video"
|
||||||
title="VEDA Background Video"
|
></iframe>
|
||||||
></iframe>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Welcome Content Overlay */}
|
{/* Welcome Content Overlay */}
|
||||||
|
Reference in New Issue
Block a user