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-26 15:09:03 +02:00
parent c6ef16d411
commit 241965069f
9 changed files with 30 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
public/images/components/Experiences.jsx
View File

@@ -1,15 +1,14 @@
export function Experiences() {
return (
<div className="pt-16 lg:pt-24 pb-12">
<div className="pt-16">
<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-darkgr-700 lg:text-4xl">
Programs
</p>
<p className="mt-4 max-w-5xl text-xl/5 font-medium tracking-[-0.045em] lg:tracking-[-0.02em] leading-[1.3] lg:leading-[1.4] lg:text-2xl text-darkgr">
<p className="max-w-5xl text-xl/5 font-medium tracking-[-0.045em] lg:tracking-[-0.02em] leading-[1.3] lg:leading-[1.4] lg:text-2xl text-darkgr">
From intimate community gatherings to professional retreats, VEDA offers transformative programs on the Nile. Each space is thoughtfully designed to foster connection, creativity, and personal growth in an inspiring riverside setting.
</p>
<div className="mt-8 sm:mt-16 grid grid-cols-1 gap-4 lg:grid-cols-8 lg:grid-rows-2">
<div className="mt-4 sm:mt-16 grid grid-cols-1 gap-4 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 shadow-sm outline outline-black/5 max-lg:rounded-t-4xl lg:rounded-tl-4xl relative isolate flex flex-col justify-end h-80 lg:h-auto">
<img
@@ -18,9 +17,9 @@ export function Experiences() {
className="absolute inset-0 -z-10 h-full w-full object-cover object-center"
/>
<div className="absolute inset-0 -z-10 bg-gradient-to-t from-gray-900 via-gray-900/40" />
<div className="px-8 py-4">
<p className="mt-2 text-lg font-semibold tracking-normal text-[#FEFFF6]">Community building Space</p>
<p className="mt-1 pb-2 text-sm lg:text-base font-medium text-[#FEFFF6]/80">Foster connections and meaningful relationships through shared experiences.</p>
<div className="px-8">
<p className="text-lg font-semibold tracking-normal text-[#FEFFF6]">Community building Space</p>
<p className="text-sm lg:text-base font-medium text-[#FEFFF6]/80">Foster connections and meaningful relationships through shared experiences.</p>
</div>
</div>
</div>
@@ -32,7 +31,7 @@ export function Experiences() {
className="absolute inset-0 -z-10 h-full w-full object-cover object-center"
/>
<div className="absolute inset-0 -z-10 bg-gradient-to-t from-gray-900 via-gray-900/40" />
<div className="px-8 py-4">
<div className="px-8">
<p className="mt-2 text-lg font-semibold tracking-normal text-[#FEFFF6]">Private Retreats</p>
<p className="mt-1 text-sm lg:text-base font-medium text-[#FEFFF6]/80">Exclusive experiences tailored for intimate groups and families.</p>
</div>

3
src/app/layout.jsx
View File

@@ -40,9 +40,8 @@ export default function RootLayout({ children }) {
lexend.variable,
vollkorn.variable,
)}
style={{backgroundImage: 'url(/images/waterbg.jpg)', backgroundSize: 'cover', backgroundPosition: 'center', backgroundAttachment: 'fixed'}}
>
<body className="flex h-full flex-col pt-20" style={{backgroundColor: 'transparent'}}>{children}</body>
<body className="flex h-full flex-col pt-20 bg-bg-sand">{children}</body>
</html>
)
}

2
src/components/CallToAction.jsx
View File

@@ -10,7 +10,7 @@ export function CallToAction() {
return (
<section
id="about"
className="relative overflow-hidden bg-transparent py-16"
className="relative overflow-hidden bg-transparent py-24"
>
<Container className="relative">
<div className="mx-auto max-w-3xl text-center">

4
src/components/Experiences.jsx
View File

@@ -3,7 +3,7 @@ import { H2, P , PS, PXS, H3, H4 } from "@/components/text";
export function Experiences() {
return (
<div className="bg-transparent pb-12">
<div className="bg-transparent pb-4">
<div className="mx-auto max-w-2xl px-6 lg:max-w-7xl lg:px-8">
<div className=" grid grid-cols-1 gap-4 lg:grid-cols-8 lg:grid-rows-2">
<div className="flex lg:col-span-5">
@@ -13,7 +13,7 @@ export function Experiences() {
src="/images/community.jpg"
className="h-80 w-full object-cover object-center"
/>
<div className="py-4">
<div className="py-2">
<H4>Community building Space</H4>
<PXS>Foster connections and meaningful relationships through shared experiences.</PXS>
</div>

13
src/components/Hero.jsx
View File

@@ -1,4 +1,3 @@
import { Button } from '@/components/Button'
import { Container } from '@/components/Container'
import { H2 } from '@/components/text'
@@ -8,23 +7,23 @@ import Image from 'next/image'
export function Hero() {
return (
<div className=" max-w-8xl lg:px-4 px-6 -z-10 mt-0 mx-0 bg-transparent pb-12">
{/* Background Image with opacity to show sand background i changed the src for now bc its not uploaded to server*/}
{/* Background Image */}
<div className="relative overflow-hidden">
<div className="">
<img
alt="App screenshot"
src="/images/slideshow/1.jpg"
alt="Veda Nile Cruise"
src="/images/hero.jpg"
width={1412}
height={600}
className="w-full"
/>
</div>
</div>
<div className="max-w-7xl mx-0">
<H2 className="">
<div className="max-w-7xl ml-3 mx-0">
<H2 className="mt-6">
Nile Cruises, Reimagined.
</H2>
<P className="mb-6">
<P className="mb-4">
Veda welcomes you into her home providing unique wellness cruises blending cultural authentic experiences with unparalleled freedom and privacy.<br/>
Our organic cuisine, cultural activities and dedicated warm hearted crew will make your veda cruise an unforgettable experience.
</P>

2
src/components/Logos.jsx
View File

@@ -7,7 +7,7 @@ import { H3 } from '@/components/text'
export function Logos() {
return (
<Container>
<div className="relative z-10 py-12 text-center">
<div className="relative z-10 py-8 text-center">
<H3>
As seen and featured on
</H3>

2
src/components/Route.jsx
View File

@@ -17,7 +17,7 @@ export default function Route() {
<div className="lg:pr-4 lg:pt-4">
<div className="mx-auto max-w-2xl lg:mx-0 lg:max-w-lg">
<H2 className="">Itinerary</H2>
<P className="">
<P className="mt-2">
By following the natural flow of the Nile river you will discover some of the most sacred places of the world.</P>
<P className="my-4">All our trips are designed according to your wishes. Your group's tailored itinerary will lead you to the locations and temples which fit your energy.
</P>

6
src/components/Testimonials.jsx
View File

@@ -87,14 +87,14 @@ export function Testimonials() {
<section
id="testimonials"
aria-label="What our customers are saying"
className="bg-transparent lg:pt-48 pt-8 pb-24"
className="bg-transparent lg:pt-32 pt-8 pb-24"
>
<Container>
<div className="mx-auto max-w-5xl md:text-center">
<H2 className="">
Testimonials
</H2>
<P className="">
<P className="mt-2">
Discover the heartfelt stories of joy, relaxation, and adventure that make VEDA a cherished choice for travelers seeking unique and sophisticated experiences on the Nile.
</P>
</div>
@@ -107,7 +107,7 @@ export function Testimonials() {
<ul role="list" className="flex flex-col gap-y-6 sm:gap-y-8">
{column.map((testimonial, testimonialIndex) => (
<li key={testimonialIndex}>
<figure className="relative rounded-lg bg-bg-sand py-6 px-8 shadow-xl shadow-slate-900/10">
<figure className="relative rounded-lg bg-orange-50 py-6 px-8 shadow-xl shadow-slate-900/10">
<QuoteIcon className="absolute left-6 top-6 fill-creme-600" />
<blockquote className="relative">
<PXXS >

16
src/components/text.jsx
View File

@@ -18,7 +18,7 @@ export function H2({ className, children, ...props }) {
return (
<h2
className={clsx(
'mt-8 font-vollkorn text-2xl font-medium tracking-tight text-bg-darkbrown sm:text-3xl',
'font-vollkorn text-2xl font-medium tracking-tight text-bg-darkbrown sm:text-3xl',
className
)}
{...props}
@@ -32,7 +32,7 @@ export function H3({ className, children, ...props }) {
return (
<h3
className={clsx(
'mt-6 font-vollkorn text-xl font-medium tracking-tight text-bg-darkbrown lg:text-2xl',
'font-vollkorn text-xl font-medium tracking-tight text-bg-darkbrown lg:text-2xl',
className
)}
{...props}
@@ -46,7 +46,7 @@ export function H4({ className, children, ...props }) {
return (
<h4
className={clsx(
'mt-4 font-vollkorn text-base font-medium tracking-tight text-bg-darkbrown lg:text-lg',
'font-vollkorn text-base font-medium tracking-tight text-bg-darkbrown lg:text-lg',
className
)}
{...props}
@@ -60,7 +60,7 @@ export function P({ className, children, ...props }) {
return (
<p
className={clsx(
'mt-4 text-lg/8 text-gray-700 font-extralight leading-tight',
'text-lg/8 text-gray-700 font-extralight leading-tight',
className
)}
{...props}
@@ -74,7 +74,7 @@ export function PS({ className, children, ...props }) {
return (
<p
className={clsx(
'mt-4 text-base lg:text-base text-gray-600 font-extralight leading-snug',
'text-base lg:text-base text-gray-600 font-extralight leading-snug',
className
)}
{...props}
@@ -88,7 +88,7 @@ export function PXS({ className, children, ...props }) {
return (
<p
className={clsx(
'mt-3 text-base/8 text-gray-700 font-extralight leading-snug',
'text-base/8 text-gray-700 font-extralight leading-snug',
className
)}
{...props}
@@ -102,7 +102,7 @@ export function PXXS({ className, children, ...props }) {
return (
<p
className={clsx(
'mt-2 text-sm text-gray-700 font-extralight leading-snug',
'text-sm text-gray-700 font-extralight leading-snug',
className
)}
{...props}
@@ -116,7 +116,7 @@ export function Subheading({ className, children, ...props }) {
return (
<h3
className={clsx(
'mt-6 text-lg font-medium text-gray-900',
'text-lg font-medium text-gray-900',
className
)}
{...props}