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

BIN
public/images/.DS_Store vendored
View File

Binary file not shown.

2
src/components/CallToAction.jsx
View File

@@ -13,7 +13,7 @@ export function CallToAction() {
> >
<img <img
className="absolute left-1/2 top-1/2 max-w-none -translate-x-1/2 -translate-y-1/2" 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="" alt=""
width={2347} width={2347}
height={1244} height={1244}

4
src/components/CallToAction3.jsx
View File

@@ -11,12 +11,12 @@ export function CallToAction3() {
> >
<img <img
className="absolute left-1/2 top-1/2 max-w-none -translate-x-1/2 -translate-y-1/2" 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="" alt=""
width={1440} width={1440}
height={564} 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 "> <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">

16
src/components/Hero.jsx
View File

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