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-27 16:55:03 +02:00
parent 4297822b06
commit 28481495f8
8 changed files with 58 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/layout.jsx
View File

@@ -9,7 +9,7 @@ export const metadata = {
default: 'VEDA EGYPT NILE CRUISES',
},
description:
'Most bookkeeping software is accurate, but hard to use. We make the opposite trade-off, and hope you don’t get audited.',
'Experience the magic of the Nile with VEDA, Nile cruise like no other.',
}
const inter = Inter({
@@ -41,7 +41,7 @@ export default function RootLayout({ children }) {
vollkorn.variable,
)}
>
<body className="flex h-full flex-col pt-20 bg-bg-sand">{children}</body>
<body className="flex h-full flex-col -top-20 bg-bg-sand">{children}</body>
</html>
)
}

4
src/components/Footer.jsx
View File

@@ -1,12 +1,12 @@
import { Container } from '@/components/Container'
import { Logo } from '@/components/Logo'
import { Logo2 } from '@/components/Logo2'
export function Footer() {
return (
<footer className="bg-transparent border-gray-300 border-t-[1px]">
<Container>
<div className="flex items-center justify-between py-6">
<Logo className="h-8 w-auto" />
<Logo2 className="h-8 w-auto" />
<p className="text-sm text-darkbrown hover:text-primary-terracotta transition-colors duration-200">
Copyright &copy; {new Date().getFullYear()} VEDA. All rights reserved.
</p>

6
src/components/Header.jsx
View File

@@ -64,7 +64,7 @@ function MobileNavigation() {
/>
<PopoverPanel
transition
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"
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-white 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="/story">STORY</MobileNavLink>
@@ -80,7 +80,7 @@ function MobileNavigation() {
export function Header() {
return (
<header className="fixed top-0 left-0 right-0 z-50 bg-transparent backdrop-blur-sm">
<header className="bg-transparent">
<nav className="relative z-50 flex items-center py-2 lg:py-3">
{/* Logo and Navigation Container - Left and Center */}
<div className="flex-1 max-w-7xl ml-3 mx-0 lg:px-4 px-6">
@@ -107,7 +107,7 @@ export function Header() {
{/* 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">
<Button href="/contact" variant="outline" color="white" className="text-xs sm:text-sm">
<span className="tracking-wide font-medium">
Book Now
</span>

4
src/components/Hero2.jsx
View File

@@ -3,10 +3,10 @@ import { H1, H2, H3, H4, P, PS, PXS, PXXS } from '@/components/text'
export function Hero2() {
return (
<div className="relative w-full overflow-hidden -mt-3">
<div className="relative w-full overflow-hidden -mt-20">
{/* Background Video - Extended to cover header */}
<video
className="w-full h-auto block relative z-0"
className="w-full h-[90vh] object-cover block relative z-0"
autoPlay
loop
muted

2
src/components/Itinerary.jsx
View File

@@ -100,7 +100,7 @@ export function Itinerary() {
clearInterval(intervalRef.current)
}
}
}, [])
}, []) // eslint-disable-line react-hooks/exhaustive-deps
// Handle manual click - this will reset the auto-loop timer
const handleManualAdvance = () => {

6
src/components/Logo.jsx
View File

@@ -17,9 +17,9 @@ const SvgIcon = (props) => (
maskUnits="userSpaceOnUse"
style={{ maskType: "luminance" }}
>
<path fill="#fff" d="M29.926 0H0v30h29.926z"></path>
<path fill="#ffffff" d="M29.926 0H0v30h29.926z"></path>
</mask>
<g fill="#48774B" fillOpacity="0.7" mask="url(#a)">
<g fill="#ffffff" fillOpacity="0.7" mask="url(#a)">
<path d="M14.963 15c4.132 0 7.482-3.358 7.482-7.5S19.095 0 14.963 0 7.481 3.358 7.481 7.5s3.35 7.5 7.482 7.5"></path>
<path d="M7.482 22.5c4.132 0 7.481-3.358 7.481-7.5s-3.35-7.5-7.481-7.5S0 10.858 0 15s3.35 7.5 7.482 7.5"></path>
<path d="M22.444 22.5c4.132 0 7.482-3.358 7.482-7.5s-3.35-7.5-7.482-7.5-7.481 3.358-7.481 7.5 3.35 7.5 7.481 7.5"></path>
@@ -29,7 +29,7 @@ const SvgIcon = (props) => (
<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
fill="#48774B"
fill="#ffffff"
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>
</svg>

44
src/components/Logo2.jsx Normal file
View File

@@ -0,0 +1,44 @@
import * as React from "react";
const SvgIcon = (props) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="122"
height="30"
fill="none"
viewBox="0 0 122 30"
>
<mask
id="a"
width="30"
height="30"
x="0"
y="0"
maskUnits="userSpaceOnUse"
style={{ maskType: "luminance" }}
>
<path fill="#" d="M29.926 0H0v30h29.926z"></path>
</mask>
<g fill="#235125" fillOpacity="0.7" mask="url(#a)">
<path d="M14.963 15c4.132 0 7.482-3.358 7.482-7.5S19.095 0 14.963 0 7.481 3.358 7.481 7.5s3.35 7.5 7.482 7.5"></path>
<path d="M7.482 22.5c4.132 0 7.481-3.358 7.481-7.5s-3.35-7.5-7.481-7.5S0 10.858 0 15s3.35 7.5 7.482 7.5"></path>
<path d="M22.444 22.5c4.132 0 7.482-3.358 7.482-7.5s-3.35-7.5-7.482-7.5-7.481 3.358-7.481 7.5 3.35 7.5 7.481 7.5"></path>
<path d="M20.253 27.803c4.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 27.803c4.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="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
fill="#235125"
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>
</svg>
);
export function Logo2(props) {
return (
<div className="bg-transparent px-2 py-1 rounded">
<SvgIcon {...props} />
</div>
);
}

2
src/components/NavLink.jsx
View File

@@ -4,7 +4,7 @@ export function NavLink({ href, children }) {
return (
<Link
href={href}
className="inline-block px-2 py-1 text-sm tracking-wide text-nav-dark hover:text-primary-olive transition-colors duration-200"
className="inline-block px-2 py-1 text-sm tracking-wide text-white hover:text-primary-olive transition-colors duration-200"
>
{children}
</Link>