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

52
src/components/Experiences.jsx
View File

@@ -1,18 +1,17 @@
export function Experiences() {
return (
<div className="py-24">
<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-4xl font-semibold tracking-tight text-pretty text-gray-900 sm:text-5xl">
VEDA EXPERIENCES
<div className=" py-12">
<div className="mx-auto max-w-2xl px-6 lg:max-w-7xl lg:px-8 ">
<p className="mt-2 max-w-lg text-3xl font-semibold tracking-[-0.05em] text-[#1f4922] lg:text-4xl">
Experiences
</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.
</p>
<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="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">
<img
alt=""
@@ -20,16 +19,13 @@ export function Experiences() {
className="h-full w-full object-cover object-center"
/>
</div>
<div className="p-10">
<p className="mt-2 text-lg font-semibold tracking-tight text-gray-900">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 className="px-8 py-4">
<p className="mt-2 text-lg font-semibold tracking-normal text-[#FEFFF6]">Community building Space</p>
</div>
</div>
</div>
<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">
<img
alt=""
@@ -37,17 +33,14 @@ export function Experiences() {
className="h-full w-full object-cover object-center"
/>
</div>
<div className="p-10">
<p className="mt-2 text-lg font-semibold tracking-tight text-gray-900">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 className="px-8 py-4">
<p className="mt-2 text-lg font-semibold tracking-normal text-[#FEFFF6]">Private Retreats</p>
</div>
</div>
</div>
<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">
<img
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"
/>
</div>
<div className="p-10">
<p className="mt-2 text-lg font-semibold tracking-tight text-gray-900">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 className="px-8 py-4">
<p className="mt-2 text-lg lg:text-xl font-semibold tracking-normal text-[#FEFFF6]">Events & Conferences</p>
</div>
</div>
</div>
<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">
<img
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"
/>
</div>
<div className="p-10">
<p className="mt-2 text-lg font-semibold tracking-tight text-gray-900">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 className="px-8 py-4">
<p className="mt-2 text-lg font-semibold tracking-normal text-[#FEFFF6]">Digital Nomad Hub</p>
</div>
</div>
</div>