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-26 14:38:19 +02:00
parent f7d36427fe
commit c6ef16d411
35 changed files with 44 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Boat.jsx
View File

@@ -162,7 +162,7 @@ export function Boat() {
}
return (
<div className="pt-12 pb-12 bg-transparent">
<div className="pt-16 pb-12 bg-transparent">
<Container>
<div className="grid grid-cols-1 lg:grid-cols-12 gap-8 lg:gap-12 items-start">
{/* Text Content - Left Side */}

2
src/components/Container.jsx
View File

@@ -3,7 +3,7 @@ import clsx from 'clsx'
export function Container({ className, ...props }) {
return (
<div
className={clsx('mx-auto bg-transparent max-w-7xl px-4 sm:px-6 lg:px-8', className)}
className={clsx('mx-auto bg-transparent max-w-7xl px-4 sm:px-6 lg:px-4', className)}
{...props}
/>
)

56
src/components/Header.jsx
View File

@@ -81,32 +81,42 @@ function MobileNavigation() {
export function Header() {
return (
<header className="fixed top-0 left-0 right-0 z-50 bg-transparent backdrop-blur-sm">
<Container>
<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">
<Link href="/" aria-label="Home" className="overflow-visible flex-shrink-0">
<Logo className="h-7 w-auto max-w-none sm:h-8 md:h-9 lg:h-10" />
</Link>
<div className="hidden md:flex md:gap-x-4 lg:gap-x-6">
<NavLink href="/">HOME</NavLink>
<NavLink href="/story">STORY</NavLink>
<NavLink href="/experiences">EXPERIENCES</NavLink>
<NavLink href="/dahabiyas">DAHABIYAS</NavLink>
<NavLink href="/itinerary">ITINERARY</NavLink>
<nav className="relative z-50 flex items-center py-3 lg:py-4">
{/* Logo and Navigation Container - Left and Center */}
<div className="flex-1 max-w-7xl ml-3 mx-0 lg:px-4 px-6">
<div className="flex items-center">
{/* Logo - Left */}
<div className="flex-shrink-0">
<Link href="/" aria-label="Home" className="overflow-visible flex-shrink-0">
<Logo className="h-7 w-auto max-w-none sm:h-8 md:h-9 lg:h-10" />
</Link>
</div>
{/* Navigation - Center */}
<div className="flex-1 flex justify-center">
<div className="hidden md:flex md:gap-x-4 lg:gap-x-6">
<NavLink href="/">HOME</NavLink>
<NavLink href="/story">STORY</NavLink>
<NavLink href="/experiences">EXPERIENCES</NavLink>
<NavLink href="/dahabiyas">DAHABIYAS</NavLink>
<NavLink href="/itinerary">ITINERARY</NavLink>
</div>
</div>
</div>
<div className="flex items-center gap-x-3 md:gap-x-4">
<Button href="/contact" variant="solidNoRounded" color="bookNow" className="text-xs sm:text-sm">
<span className="tracking-wide font-medium">
Book Now
</span>
</Button>
<div className="md:hidden">
<MobileNavigation />
</div>
</div>
{/* Book Now Button - Very Right Edge */}
<div className="flex items-center gap-x-3 md:gap-x-4 flex-shrink-0">
<Button href="/contact" variant="solidNoRounded" color="bookNow" className="text-xs sm:text-sm">
<span className="tracking-wide font-medium">
Book Now
</span>
</Button>
<div className="md:hidden">
<MobileNavigation />
</div>
</nav>
</Container>
</div>
</nav>
</header>
)
}

11
src/components/Hero.jsx
View File

@@ -7,19 +7,20 @@ import Image from 'next/image'
export function Hero() {
return (
<div className=" max-w-8xl px-6 lg:px-8 -z-10 mt-0 mx-0 bg-transparent pb-12">
<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*/}
<div className="relative overflow-hidden">
<div className="mx-auto max-w-7xl">
<div className="">
<img
alt="App screenshot"
src="/images/hero.jpg"
width={1360}
src="/images/slideshow/1.jpg"
width={1412}
height={600}
className="w-full"
/>
</div>
</div>
<div className="max-w-7xl ml-3 px-6 lg:px-8 mx-0">
<div className="max-w-7xl mx-0">
<H2 className="">
Nile Cruises, Reimagined.
</H2>

3
src/components/Logo.jsx
View File

@@ -28,8 +28,7 @@ const SvgIcon = (props) => (
<path d="M14.963 30c4.132 0 7.482-3.358 7.482-7.5s-3.35-7.5-7.482-7.5-7.482 3.358-7.482 7.5 3.35 7.5 7.482 7.5"></path>
<path d="M9.673 17.197c4.132 0 7.481-3.358 7.481-7.5s-3.35-7.5-7.481-7.5-7.482 3.358-7.482 7.5 3.35 7.5 7.482 7.5"></path>
<path d="M20.253 17.197c4.132 0 7.482-3.358 7.482-7.5s-3.35-7.5-7.482-7.5-7.482 3.358-7.482 7.5 3.35 7.5 7.482 7.5"></path>
</g>
<path
</g> <path
fill="#48774B"
d="m47.525 24-7.65-17.5H43.4l6.825 15.825H48.2L55.1 6.5h3.25L50.725 24zm18.196-10.225h8.7v2.675h-8.7zm.25 7.5h9.875V24H62.721V6.5h12.775v2.725h-9.525zM81.97 24V6.5h7.65q2.85 0 5 1.1t3.35 3.05 1.2 4.6q0 2.625-1.2 4.6-1.2 1.95-3.35 3.05t-5 1.1zm3.25-2.75h4.25q1.975 0 3.4-.75 1.45-.75 2.225-2.1.8-1.35.8-3.15 0-1.826-.8-3.15-.774-1.35-2.225-2.1-1.425-.75-3.4-.75h-4.25zM102.404 24l7.875-17.5h3.2l7.9 17.5h-3.4l-6.775-15.775h1.3L105.754 24zm3.625-4.05.875-2.55h9.45l.875 2.55z"
></path>

2
src/components/Logos.jsx
View File

@@ -34,7 +34,7 @@ export function Logos() {
>
{group.map((company) => (
<li key={company.name} className="flex">
<img src={company.logo} alt={company.name} width={120} height={40} />
<img src={company.logo} alt={company.name} width={150} height={50} />
</li>
))}
</ul>