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

fx img

Browse Source
This commit is contained in:
sasha-astiadi
2025-08-21 19:17:41 +02:00
parent ccc6346647
commit e2cf581e3a
4 changed files with 12 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/CallToAction.jsx
View File

@@ -13,7 +13,7 @@ export function CallToAction() {
>
<img
className="absolute left-1/2 top-1/2 max-w-none -translate-x-1/2 -translate-y-1/2"
src="./images/background-call-to-action.jpg"
src="./images/cta.jpg"
alt=""
width={2347}
height={1244}

4
src/components/CallToAction3.jsx
View File

@@ -11,12 +11,12 @@ export function CallToAction3() {
>
<img
className="absolute left-1/2 top-1/2 max-w-none -translate-x-1/2 -translate-y-1/2"
src="./images/background-call-to-action4.png"
src="./images/komombo.jpg"
alt=""
width={1440}
height={564}
/>
<div className="absolute inset-0 bg-black opacity-10"></div>
<div className="absolute inset-0 bg-black opacity-60"></div>
<Container className="relative ">
<div className="mx-auto max-w-3xl text-center">
<div className="flex items-center justify-center">

16
src/components/Hero.jsx
View File

@@ -1,22 +1,24 @@
import { Button } from '@/components/Button'
import { Container } from '@/components/Container'
import { Logo } from '@/components/Logo'
export function Hero() {
return (
<section className="relative w-full lg:h-screen bg-transparent h-[550px] lg:mt-0 mt-0">
{/* Background Video */}
<div className="absolute top-0 left-0 w-full lg:h-full h-[550px] overflow-hidden z-0 bg-[#FEFFF6] opacity-25">
<div className="absolute top-0 left-0 w-full lg:h-full h-[550px] overflow-hidden z-0 bg-[#FEFFF6] opacity-30">
<iframe
src="https://player.vimeo.com/video/1112045863?autoplay=1&loop=1&muted=1&controls=0&background=1&quality=720p"
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"
src="https://player.vimeo.com/video/1112045863?autoplay=1&loop=1&muted=1&controls=0&background=1&quality=auto"
className="absolute inset-0 w-full h-full object-cover"
frameBorder="0"
allow="autoplay; fullscreen; picture-in-picture"
style={{
minWidth: '100%',
width: '100%',
height: '100%',
minHeight: '100%',
width: '100vw',
height: '56.25vw', // 16:9 aspect ratio
minWidth: '100%',
objectFit: 'cover',
pointerEvents: 'none'
}}
title="VEDA Background Video"
@@ -27,7 +29,7 @@ export function Hero() {
<div className="bg-transparent py-6 mt-0 absolute top-16 sm:top-32 left-0 right-0 z-10">
<div className="mx-auto max-w-7xl px-6 sm:px-6 lg:px-6">
<div className="flex items-start justify-start mb-4">
<img src="/images/logos/logo_name.svg" alt="VEDA" width={200} height={60} className="h-8 sm:h-12 w-auto" />
<Logo className="h-8 sm:h-12 w-auto" />
</div>
<div className="mx-auto max-w-5xl lg:mx-0 mt-4 sm:mt-6">
<h2 className="text-xl/5 font-medium tracking-[-0.05em] leading-[1.3] lg:leading-[1.4] text-darkgr-800 lg:text-3xl">