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

e

Browse Source
This commit is contained in:
sasha-astiadi
2025-08-20 18:15:54 +02:00
parent ec0b860e90
commit 13f62f0c07
3 changed files with 27 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/CallToAction.jsx
View File

@@ -8,7 +8,7 @@ export function CallToAction() {
return ( return (
<section <section
id="about" id="about"
className="relative overflow-hidden bg-gold-900 py-24" className="relative overflow-hidden bg-gold-900 py-12"
> >
<Image <Image
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"
@@ -21,12 +21,12 @@ export function CallToAction() {
<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">
<Image src="/images/logos/veda_icon2.svg" alt="" width={32} height={32} className="h-8 w-auto" unoptimized /> <Image src="/images/logos/veda_icon2.svg" alt="" width={50} height={50} className="h-18 w-auto mt-24" unoptimized />
</div> </div>
<h2 className="font-display lg:text-3xl text-xl tracking-tight text-white pt-4 lg:pt-6"> <h2 className="font-display lg:text-3xl text-xl tracking-tight text-white pt-4 lg:pt-6">
VEDA provides an unparalleled cruise experience on the Nile, blending authenticity with sophistication. Enjoy private journeys featuring organic cuisine, hollistic activities, and a dedicated, warm-hearted crew. VEDA provides an unparalleled cruise experience on the Nile, blending authenticity with sophistication. Enjoy private journeys featuring organic cuisine, hollistic activities, and a dedicated, warm-hearted crew.
</h2> </h2>
<p className="mt-4 text-xl lg:text-2xl italic tracking-tight text-gold-100"> <p className="mt-4 text-xl lg:text-2xl italic tracking-tight text-gold-200 pb-6">
Discover a cruise like no other with us on the Nile. Discover a cruise like no other with us on the Nile.
</p> </p>
</div> </div>

52
src/components/Experiences.jsx
View File

@@ -1,18 +1,17 @@
export function Experiences() { export function Experiences() {
return ( return (
<div className="py-24"> <div className=" py-12">
<div className="mx-auto max-w-2xl px-6 lg:max-w-7xl lg:px-8"> <div className="mx-auto max-w-2xl px-6 lg:max-w-7xl lg:px-8 ">
<h2 className="text-base font-semibold leading-7 text-gold-600">PROGRAMS</h2> <p className="mt-2 max-w-lg text-3xl font-semibold tracking-[-0.05em] text-[#1f4922] lg:text-4xl">
<p className="mt-2 max-w-lg text-4xl font-semibold tracking-tight text-pretty text-gray-900 sm:text-5xl"> Experiences
VEDA EXPERIENCES
</p> </p>
<p className="mt-6 max-w-3xl text-lg leading-8 text-gray-600"> <p className="mt-4 max-w-5xl text-2xl font-medium tracking-[-0.05em] text-[#1f4922] lg:text-3xl">
From intimate community gatherings to professional retreats, VEDA offers transformative experiences on the Nile. Each space is thoughtfully designed to foster connection, creativity, and personal growth in an inspiring riverside setting. From intimate community gatherings to professional retreats, VEDA offers transformative experiences on the Nile. Each space is thoughtfully designed to foster connection, creativity, and personal growth in an inspiring riverside setting.
</p> </p>
<div className="mt-10 grid grid-cols-1 gap-4 sm:mt-16 lg:grid-cols-8 lg:grid-rows-2"> <div className="mt-10 grid grid-cols-1 gap-4 sm:mt-16 lg:grid-cols-8 lg:grid-rows-2">
<div className="flex p-px lg:col-span-5"> <div className="flex p-px lg:col-span-5">
<div className="w-full overflow-hidden rounded-lg bg-white shadow-sm outline outline-black/5 max-lg:rounded-t-4xl lg:rounded-tl-4xl"> <div className="w-full overflow-hidden rounded-lg bg-[#3d2704] shadow-sm outline outline-black/5 max-lg:rounded-t-4xl lg:rounded-tl-4xl">
<div className="h-80 w-full overflow-hidden"> <div className="h-80 w-full overflow-hidden">
<img <img
alt="" alt=""
@@ -20,16 +19,13 @@ export function Experiences() {
className="h-full w-full object-cover object-center" className="h-full w-full object-cover object-center"
/> />
</div> </div>
<div className="p-10"> <div className="px-8 py-4">
<p className="mt-2 text-lg font-semibold tracking-tight text-gray-900">Community building Space</p> <p className="mt-2 text-lg font-semibold tracking-normal text-[#FEFFF6]">Community building Space</p>
<p className="mt-2 max-w-xl text-sm lg:text-base text-gray-600">
Community building holds significant value by fostering a sense of belonging, providing social and emotional support, and promoting collective action. It enhances social capital, encourages collaboration. Human to human connection become more and more important as new technological times require us to collaborate more on a peer to peer level and connect on different levels with each other.
</p>
</div> </div>
</div> </div>
</div> </div>
<div className="flex p-px lg:col-span-3"> <div className="flex p-px lg:col-span-3">
<div className="w-full overflow-hidden rounded-lg bg-white shadow-sm outline outline-black/5 lg:rounded-tr-4xl"> <div className="w-full overflow-hidden rounded-lg bg-[#3d2704] shadow-sm outline outline-black/5 lg:rounded-tr-4xl">
<div className="h-80 w-full overflow-hidden"> <div className="h-80 w-full overflow-hidden">
<img <img
alt="" alt=""
@@ -37,17 +33,14 @@ export function Experiences() {
className="h-full w-full object-cover object-center" className="h-full w-full object-cover object-center"
/> />
</div> </div>
<div className="p-10"> <div className="px-8 py-4">
<p className="mt-2 text-lg font-semibold tracking-tight text-gray-900">Private Retreats</p> <p className="mt-2 text-lg font-semibold tracking-normal text-[#FEFFF6]">Private Retreats</p>
<p className="mt-2 max-w-lg text-sm lg:text-base text-gray-600">
Designed for companies, private groups or families, veda is happy to organise your exclusive retreat experience.
These retreats offer the flexibility to design the itinerary and activities based on the group’s specific interests and needs.
</p>
</div> </div>
</div> </div>
</div> </div>
<div className="flex p-px lg:col-span-3"> <div className="flex p-px lg:col-span-3">
<div className="w-full overflow-hidden rounded-lg bg-white shadow-sm outline outline-black/5 lg:rounded-bl-4xl"> <div className="w-full overflow-hidden rounded-lg bg-[#3d2704] shadow-sm outline outline-black/5 lg:rounded-bl-4xl">
<div className="h-80 w-full overflow-hidden"> <div className="h-80 w-full overflow-hidden">
<img <img
alt="" alt=""
@@ -55,17 +48,14 @@ These retreats offer the flexibility to design the itinerary and activities base
className="h-full w-full object-cover object-center" className="h-full w-full object-cover object-center"
/> />
</div> </div>
<div className="p-10"> <div className="px-8 py-4">
<p className="mt-2 text-lg font-semibold tracking-tight text-gray-900">Events & Conferences</p> <p className="mt-2 text-lg lg:text-xl font-semibold tracking-normal text-[#FEFFF6]">Events & Conferences</p>
<p className="mt-2 max-w-lg text-sm lg:text-base text-gray-600">
VEDA’s facilities are suited for hosting events, a unique venue that combines professional functionality with the tranquility of the Nile.
An innovative setting that stands apart from traditional conference venues, promising a impactful event.
</p>
</div> </div>
</div> </div>
</div> </div>
<div className="flex p-px lg:col-span-5"> <div className="flex p-px lg:col-span-5">
<div className="w-full overflow-hidden rounded-lg bg-white shadow-sm outline outline-black/5 max-lg:rounded-b-4xl lg:rounded-br-4xl"> <div className="w-full overflow-hidden rounded-lg bg-[#3d2704] shadow-sm outline outline-black/5 max-lg:rounded-b-4xl lg:rounded-br-4xl">
<div className="h-80 w-full overflow-hidden"> <div className="h-80 w-full overflow-hidden">
<img <img
alt="" alt=""
@@ -73,11 +63,9 @@ An innovative setting that stands apart from traditional conference venues, prom
className="h-full w-full object-cover object-center" className="h-full w-full object-cover object-center"
/> />
</div> </div>
<div className="p-10"> <div className="px-8 py-4">
<p className="mt-2 text-lg font-semibold tracking-tight text-gray-900">Digital Nomad Hub</p> <p className="mt-2 text-lg font-semibold tracking-normal text-[#FEFFF6]">Digital Nomad Hub</p>
<p className="mt-2 max-w-lg text-sm lg:text-base text-gray-600">
A haven for remote workers seeking inspiration, focus, and balance. Our spaces combine reliable connectivity, comfortable work areas, and serene surroundings — creating the perfect environment to blend productivity with rejuvenation.
</p>
</div> </div>
</div> </div>
</div> </div>

6
src/components/Hero.jsx
View File

@@ -24,13 +24,15 @@ export function Hero() {
<div className="bg-[#FEFFF6] py-6 mt-0 absolute -bottom-20 left-0 right-0 z-10"> <div className="bg-[#FEFFF6] py-6 mt-0 absolute -bottom-20 left-0 right-0 z-10">
<div className="mx-auto max-w-7xl px-6 lg:px-4"> <div className="mx-auto max-w-7xl px-6 lg:px-4">
<div className="mx-auto max-w-5xl lg:mx-0"> <div className="mx-auto max-w-5xl lg:mx-0">
<h2 className="mt-2 text-4xl font-medium tracking-[-0.05em] text-[#1f4922] lg:text-5xl">Stepping on Veda boats feels like sailing into the magic of the River Nile. The sacred vibes of Egypt and the river will touch your soul forever. </h2> <h2 className="mt-2 text-2xl font-medium tracking-[-0.05em] text-[#1f4922] lg:text-3xl">Veda welcomes you into her home providing unique wellness cruises blending cultural authentic experiences with unparalleled freedom and privacy.
Our organic cuisine, cultural activities and dedicated warm hearted crew will make your veda cruise an unforgettable experience.
</h2>
</div> </div>
<div className="mx-auto max-w-3xl lg:mx-0"> <div className="mx-auto max-w-3xl lg:mx-0">
<p className="mt-6 text-2xl font-semibold tracking-[-0.05em] text-[#1f4922] lg:text-3xl"> <p className="mt-6 text-2xl font-semibold tracking-[-0.05em] text-[#1f4922] lg:text-3xl">
Nile Cruises, Reimagined. Nile Cruises, Reimagined.
</p> </p>
<p className="my-4 font-normal text-pretty text-gray-950 sm:text-lg"> <p className="mt-4 mb-12 font-normal text-pretty text-gray-950 sm:text-lg">
</p> </p>
</div> </div>