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

ok

Browse Source
This commit is contained in:
sasha-astiadi
2025-08-25 16:36:58 +02:00
parent 0bd87b2e4b
commit 67896caf27
16 changed files with 20 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/images/waterbg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 MiB

BIN
public/images/waterbg2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 MiB

BIN
public/images/waterbg2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 MiB

BIN
public/images/waterbg3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 MiB

5
src/app/layout.jsx
View File

@@ -35,13 +35,14 @@ export default function RootLayout({ children }) {
<html <html
lang="en" lang="en"
className={clsx( className={clsx(
'h-full scroll-smooth bg-bg-sand antialiased', 'h-full scroll-smooth antialiased',
inter.variable, inter.variable,
lexend.variable, lexend.variable,
vollkorn.variable, vollkorn.variable,
)} )}
style={{backgroundImage: 'url(/images/waterbg2.jpg)', backgroundSize: 'cover', backgroundPosition: 'center', backgroundAttachment: 'fixed'}}
> >
<body className="flex h-full flex-col pt-20 bg-bg-sand">{children}</body> <body className="flex h-full flex-col pt-20" style={{backgroundColor: 'transparent'}}>{children}</body>
</html> </html>
) )
} }

4
src/components/Boat.jsx
View File

@@ -100,7 +100,7 @@ function TestimonialCard({
<motion.div <motion.div
ref={ref} ref={ref}
{...props} {...props}
className="w-72 shrink-0 snap-start scroll-ml-(--scroll-padding) bg-bg-sand overflow-hidden sm:w-80 lg:w-96" className="w-72 shrink-0 snap-start scroll-ml-(--scroll-padding) bg-transparent overflow-hidden sm:w-80 lg:w-96"
style={{ aspectRatio: '360/460' }} style={{ aspectRatio: '360/460' }}
> >
{/* Image Section */} {/* Image Section */}
@@ -162,7 +162,7 @@ export function Boat() {
} }
return ( return (
<div className="pt-12 pb-12 bg-bg-sand"> <div className="pt-12 pb-12 bg-transparent">
<Container> <Container>
<div className="grid grid-cols-1 lg:grid-cols-12 gap-8 lg:gap-12 items-start"> <div className="grid grid-cols-1 lg:grid-cols-12 gap-8 lg:gap-12 items-start">
{/* Text Content - Left Side */} {/* Text Content - Left Side */}

4
src/components/CNNVIDEO.jsx
View File

@@ -8,7 +8,7 @@ import { H2, P, PS, H3, PXS, H4 } from '@/components/text'
const CnnVideo = () => { const CnnVideo = () => {
return ( return (
<Container> <Container>
<div className="bg-bg-sand mx-auto max-w-7xl md:text-center pt-12"> <div className="bg-transparent mx-auto max-w-7xl md:text-center pt-12">
<H2 className=""> <H2 className="">
VEDA ON CNN VEDA ON CNN
</H2> </H2>
@@ -16,7 +16,7 @@ const CnnVideo = () => {
CNN Travel visited the Veda boats to give you a first hand impression of what awaits you when cruising the Nile. CNN Travel visited the Veda boats to give you a first hand impression of what awaits you when cruising the Nile.
</P> </P>
</div> </div>
<div className="video-container mt-12 bg-bg-sand"> <div className="video-container mt-12 bg-transparent">
<iframe <iframe
src="https://player.vimeo.com/video/371621672?loop=1&muted=1" src="https://player.vimeo.com/video/371621672?loop=1&muted=1"
width="100%" width="100%"

2
src/components/CallToAction.jsx
View File

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

2
src/components/CallToAction4.jsx
View File

@@ -6,7 +6,7 @@ export function CallToAction4() {
return ( return (
<section <section
id="about" id="about"
className="relative overflow-hidden bg-bg-sand pt-24 pb-12" className="relative overflow-hidden bg-transparent pt-24 pb-12"
> >
<Container className="relative"> <Container className="relative">
<div className="mx-auto max-w-6xl text-center"> <div className="mx-auto max-w-6xl text-center">

4
src/components/Carousel.jsx
View File

@@ -71,7 +71,7 @@ const MultiCardCarousel = () => {
const displayCards = isMobile ? [cards[currentIndex]] : cards.slice(currentIndex, currentIndex + 3); const displayCards = isMobile ? [cards[currentIndex]] : cards.slice(currentIndex, currentIndex + 3);
return ( return (
<div className="bg-bg-sand flex items-center justify-center py-16 lg:py-24 px-6"> <div className="bg-transparent flex items-center justify-center py-16 lg:py-24 px-6">
<div className="w-full max-w-7xl "> <div className="w-full max-w-7xl ">
<div className="text-left mx-auto max-w-7xl "> <div className="text-left mx-auto max-w-7xl ">
<H2 className=""> <H2 className="">
@@ -85,7 +85,7 @@ const MultiCardCarousel = () => {
{cards.slice(0, 3).map((card, index) => ( {cards.slice(0, 3).map((card, index) => (
<div <div
key={index} key={index}
className="relative overflow-hidden bg-bg-sand" className="relative overflow-hidden bg-transparent"
> >
<div className="aspect-[4/5] overflow-hidden"> <div className="aspect-[4/5] overflow-hidden">
<img <img

2
src/components/Experiences.jsx
View File

@@ -3,7 +3,7 @@ import { H2, P , PS, PXS, H3, H4 } from "@/components/text";
export function Experiences() { export function Experiences() {
return ( return (
<div className="bg-bg-sand pb-12"> <div className="bg-transparent pb-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">
<div className=" grid grid-cols-1 gap-4 lg:grid-cols-8 lg:grid-rows-2"> <div className=" grid grid-cols-1 gap-4 lg:grid-cols-8 lg:grid-rows-2">
<div className="flex lg:col-span-5"> <div className="flex lg:col-span-5">

2
src/components/Footer.jsx
View File

@@ -3,7 +3,7 @@ import { Logo } from '@/components/Logo'
export function Footer() { export function Footer() {
return ( return (
<footer className="bg-bg-sand border-gray-300 border-t-[1px]"> <footer className="bg-transparent border-gray-300 border-t-[1px]">
<Container> <Container>
<div className="flex items-center justify-between py-6"> <div className="flex items-center justify-between py-6">
<Logo className="h-8 w-auto" /> <Logo className="h-8 w-auto" />

4
src/components/Header.jsx
View File

@@ -64,7 +64,7 @@ function MobileNavigation() {
/> />
<PopoverPanel <PopoverPanel
transition transition
className="absolute inset-x-0 top-full z-50 mt-4 flex origin-top flex-col rounded-lg bg-bg-sand border border-slate-200/20 p-4 text-lg tracking-tight text-nav-dark shadow-xl ring-1 ring-slate-900/5 data-[closed]:scale-95 data-[closed]:opacity-0 data-[enter]:duration-150 data-[leave]:duration-100 data-[enter]:ease-out data-[leave]:ease-in" className="absolute inset-x-0 top-full z-50 mt-4 flex origin-top flex-col rounded-lg bg-transparent border border-slate-200/20 p-4 text-lg tracking-tight text-nav-dark shadow-xl ring-1 ring-slate-900/5 data-[closed]:scale-95 data-[closed]:opacity-0 data-[enter]:duration-150 data-[leave]:duration-100 data-[enter]:ease-out data-[leave]:ease-in"
> >
<MobileNavLink href="/">HOME</MobileNavLink> <MobileNavLink href="/">HOME</MobileNavLink>
<MobileNavLink href="/story">STORY</MobileNavLink> <MobileNavLink href="/story">STORY</MobileNavLink>
@@ -80,7 +80,7 @@ function MobileNavigation() {
export function Header() { export function Header() {
return ( return (
<header className="fixed top-0 left-0 right-0 z-50 bg-bg-sand/95 backdrop-blur-sm border-b border-slate-200/20 shadow-sm"> <header className="fixed top-0 left-0 right-0 z-50 bg-transparent backdrop-blur-sm border-b border-slate-200/20 shadow-sm">
<Container> <Container>
<nav className="relative z-50 flex items-center justify-between py-3 lg:py-4"> <nav className="relative z-50 flex items-center justify-between py-3 lg:py-4">
<div className="flex items-center md:gap-x-8 lg:gap-x-12"> <div className="flex items-center md:gap-x-8 lg:gap-x-12">

2
src/components/Hero.jsx
View File

@@ -7,7 +7,7 @@ import Image from 'next/image'
export function Hero() { export function Hero() {
return ( return (
<div className=" max-w-8xl px-6 lg:px-8 -z-10 -mt-5 mx-0 bg-bg-sand pb-12"> <div className=" max-w-8xl px-6 lg:px-8 -z-10 -mt-5 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 with opacity to show sand background i changed the src for now bc its not uploaded to server*/}
<div className="relative overflow-hidden"> <div className="relative overflow-hidden">
<div className="mx-auto max-w-7xl"> <div className="mx-auto max-w-7xl">

2
src/components/Route.jsx
View File

@@ -11,7 +11,7 @@ import { H2, P, PS, PXS, H3 , H4 } from '@/components/text'
export default function Route() { export default function Route() {
return ( return (
<div className="bg-bg-sand overflow-hidden pt-12 pb-24 px-6 lg:px-8"> <div className="bg-transparent overflow-hidden pt-12 pb-24 px-6 lg:px-8">
<div className="mx-auto max-w-7xl "> <div className="mx-auto max-w-7xl ">
<div className="grid grid-cols-1 gap-x-8 gap-y-4 lg:gap-y-16 lg:grid-cols-2 lg:items-start"> <div className="grid grid-cols-1 gap-x-8 gap-y-4 lg:gap-y-16 lg:grid-cols-2 lg:items-start">
<div className="lg:pr-4 lg:pt-4"> <div className="lg:pr-4 lg:pt-4">

4
src/components/Testimonials.jsx
View File

@@ -87,7 +87,7 @@ export function Testimonials() {
<section <section
id="testimonials" id="testimonials"
aria-label="What our customers are saying" aria-label="What our customers are saying"
className="bg-bg-sand lg:pt-48 pt-8 pb-24" className="bg-transparent lg:pt-48 pt-8 pb-24"
> >
<Container> <Container>
<div className="mx-auto max-w-5xl md:text-center"> <div className="mx-auto max-w-5xl md:text-center">
@@ -123,7 +123,7 @@ export function Testimonials() {
{testimonial.author.role} {testimonial.author.role}
</div> </div>
</div> </div>
<div className="overflow-hidden rounded-full bg-bg-sand"> <div className="overflow-hidden rounded-full bg-transparent">
<img <img
className="h-14 w-14 object-cover" className="h-14 w-14 object-cover"
src={testimonial.author.image} src={testimonial.author.image}