ok
BIN
public/images/slideshow/1.jpg
Normal file
After Width: | Height: | Size: 796 KiB |
BIN
public/images/slideshow/10.jpg
Normal file
After Width: | Height: | Size: 865 KiB |
BIN
public/images/slideshow/11.jpg
Normal file
After Width: | Height: | Size: 663 KiB |
BIN
public/images/slideshow/12.jpg
Normal file
After Width: | Height: | Size: 556 KiB |
BIN
public/images/slideshow/13.jpg
Normal file
After Width: | Height: | Size: 639 KiB |
BIN
public/images/slideshow/14.jpg
Normal file
After Width: | Height: | Size: 612 KiB |
BIN
public/images/slideshow/15.jpg
Normal file
After Width: | Height: | Size: 1.0 MiB |
BIN
public/images/slideshow/16.jpg
Normal file
After Width: | Height: | Size: 865 KiB |
BIN
public/images/slideshow/17.jpg
Normal file
After Width: | Height: | Size: 876 KiB |
BIN
public/images/slideshow/18.jpg
Normal file
After Width: | Height: | Size: 790 KiB |
BIN
public/images/slideshow/19.jpg
Normal file
After Width: | Height: | Size: 674 KiB |
BIN
public/images/slideshow/2.jpg
Normal file
After Width: | Height: | Size: 906 KiB |
BIN
public/images/slideshow/20.jpg
Normal file
After Width: | Height: | Size: 638 KiB |
BIN
public/images/slideshow/21.jpg
Normal file
After Width: | Height: | Size: 892 KiB |
BIN
public/images/slideshow/22.jpg
Normal file
After Width: | Height: | Size: 843 KiB |
BIN
public/images/slideshow/23.jpg
Normal file
After Width: | Height: | Size: 769 KiB |
BIN
public/images/slideshow/24.jpg
Normal file
After Width: | Height: | Size: 620 KiB |
BIN
public/images/slideshow/25.jpg
Normal file
After Width: | Height: | Size: 918 KiB |
BIN
public/images/slideshow/26.jpg
Normal file
After Width: | Height: | Size: 714 KiB |
BIN
public/images/slideshow/27.jpg
Normal file
After Width: | Height: | Size: 566 KiB |
BIN
public/images/slideshow/28.jpg
Normal file
After Width: | Height: | Size: 773 KiB |
BIN
public/images/slideshow/3.jpg
Normal file
After Width: | Height: | Size: 664 KiB |
BIN
public/images/slideshow/4.jpg
Normal file
After Width: | Height: | Size: 515 KiB |
BIN
public/images/slideshow/5.jpg
Normal file
After Width: | Height: | Size: 907 KiB |
BIN
public/images/slideshow/6.jpg
Normal file
After Width: | Height: | Size: 918 KiB |
BIN
public/images/slideshow/7.jpg
Normal file
After Width: | Height: | Size: 649 KiB |
BIN
public/images/slideshow/8.jpg
Normal file
After Width: | Height: | Size: 708 KiB |
BIN
public/images/slideshow/9.jpg
Normal file
After Width: | Height: | Size: 783 KiB |
@@ -40,7 +40,7 @@ export default function RootLayout({ children }) {
|
||||
lexend.variable,
|
||||
vollkorn.variable,
|
||||
)}
|
||||
style={{backgroundImage: 'url(/images/waterbg2.jpg)', backgroundSize: 'cover', backgroundPosition: 'center', backgroundAttachment: 'fixed'}}
|
||||
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>
|
||||
</html>
|
||||
|
@@ -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 */}
|
||||
|
@@ -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}
|
||||
/>
|
||||
)
|
||||
|
@@ -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>
|
||||
)
|
||||
}
|
||||
|
@@ -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>
|
||||
|
@@ -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>
|
||||
|
@@ -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>
|
||||
|