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 17:24:42 +02:00
parent 3ab87ff9dc
commit 26922db3e4
12 changed files with 72 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/Hero.jsx
View File

@@ -5,14 +5,14 @@ import { Container } from '@/components/Container'
export function Hero() {
return (
<section className="relative w-full h-screen lg:mt-0 mt-0">
<section className="relative w-full lg:h-screen h-[550px] lg:mt-0 mt-0">
{/* Background Video */}
<video
autoPlay
loop
muted
playsInline
className="absolute top-0 left-0 w-full h-full object-cover z-0 bg-[#FEFFF6] opacity-20"
className="absolute top-0 left-0 w-full lg:h-full h-[550px] object-cover z-0 bg-[#FEFFF6] opacity-25"
>
<source src="/videos/hero4.mp4" type="video/mp4" />
Your browser does not support the video tag.
@@ -25,18 +25,18 @@ export function Hero() {
<Image src="/images/logos/veda_logo_dark.svg" alt="VEDA" width={200} height={60} className="h-8 sm:h-12 w-auto" unoptimized />
</div>
<div className="mx-auto max-w-5xl lg:mx-0 mt-4 sm:mt-6">
<h2 className="text-lg sm:text-2xl font-medium tracking-[-0.05em] 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">
Veda welcomes you into her home providing unique wellness cruises blending cultural authentic experiences with unparalleled freedom and privacy.
</h2>
<h2 className="mt-2 text-lg sm:text-2xl font-medium tracking-[-0.05em] text-darkgr-800 lg:text-3xl">
<h2 className="mt-2 text-lg sm:text-2xl font-medium tracking-[-0.05em] leading-[1.3] lg:leading-[1.4] text-darkgr-800 lg:text-3xl">
Our organic cuisine, cultural activities and dedicated warm hearted crew will make your veda cruise an unforgettable experience.
</h2>
</div>
<div className="mx-auto max-w-3xl lg:mx-0">
<p className="mt-4 sm:mt-6 text-2xl sm:text-3xl font-semibold tracking-[-0.05em] text-darkgr-700 lg:text-4xl">
<p className="mt-4 sm:mt-6 text-2xl font-semibold tracking-[-0.05em] leading-[1.3] lg:leading-[1.4] text-darkgr-700 lg:text-4xl">
Nile Cruises, Reimagined.
</p>
<Button href="/story" color="blue" className="mt-6 sm:mt-8">
<Button href="/story" color="blue" className="mt-6 lg:mt-8">
<span className="font-semibold tracking-wide">
Read Our Story
</span>