diff --git a/public/images/components/Boat.jsx b/public/images/components/Boat.jsx index edebb1b..153efb8 100644 --- a/public/images/components/Boat.jsx +++ b/public/images/components/Boat.jsx @@ -1,4 +1,5 @@ 'use client' +import { H2, H3, H4, P, PS, PXS, PXXS } from '@/components/text' import * as Headless from '@headlessui/react' import { ArrowLongRightIcon } from '@heroicons/react/20/solid' @@ -18,34 +19,26 @@ import { Heading, Subheading } from './text' const testimonials = [ { img: '/images/veda1.jpg', - name: '0 - 6 Years Old', - title: 'From birth to age 6, we offer ECD programs that change lives forever.', subtitle: 'A beautiful 50-meter dahabiya offering a tranquil and organic platform for personalized cruises.', - quote: 'VEDA 1', + quote: 'VEDA I', href: '/phases/phase1', }, { img: '/images/veda2.jpg', - name: '6 - 15 Years Old', - title: 'Unlock the Potential of Youth with transformational learning experiences', subtitle: 'An elegant 45-meter dahabiya, ideal for hosting larger groups, healing retreats, company getaways, and more.', - quote: 'VEDA 2', + quote: 'VEDA II', href: '/phases/phase2', }, { img: '/images/veda3.jpg', - name: '15 - 25 Years Old', - title: 'Skills that Earn & Regenerate Vocational paths that equip young people to live with purpose.', subtitle: 'A cozy 18-meter dahabiya offering a serene floating home, perfect for private groups seeking tranquility and comfort on the Nile.', - quote: 'VEDA 3', + quote: 'VEDA III', href: '/phases/phase3', }, { img: '/images/veda4.jpg', - name: 'All Ages', - title: 'A unique portfolio of impact proven Community-led solutions worth implementing', subtitle: 'A spaciou 55-meter dahabeya offering a serene retreat, perfect for bigger groups seeking tranquility and comfort on the Nile.', - quote: 'VEDA 4', + quote: 'VEDA IV', href: '/phases/phase4', }, ] @@ -113,11 +106,10 @@ function TestimonialCard({ {/* Content Section Below Image */}
-
-

+

{children} -

-

+ +

{subtitle} @@ -154,7 +146,7 @@ export function Boat() { } return ( -

+

diff --git a/public/images/logos/logo_white.svg b/public/images/logos/logo_white.svg new file mode 100644 index 0000000..ff04b9e --- /dev/null +++ b/public/images/logos/logo_white.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/videos/hero2.mp4 b/public/videos/hero2.mp4 deleted file mode 100644 index 62e0b67..0000000 Binary files a/public/videos/hero2.mp4 and /dev/null differ diff --git a/public/videos/hero4.mp4 b/public/videos/main.mp4 similarity index 74% rename from public/videos/hero4.mp4 rename to public/videos/main.mp4 index cbef1a3..2d2c373 100644 Binary files a/public/videos/hero4.mp4 and b/public/videos/main.mp4 differ diff --git a/src/app/page.jsx b/src/app/page.jsx index 511c8ae..0bdd035 100644 --- a/src/app/page.jsx +++ b/src/app/page.jsx @@ -20,6 +20,7 @@ import Carousel from '@/components/Carousel' import CnnVideo from '@/components/CNNVIDEO' import { CallToAction4 } from '@/components/CallToAction4' import { Logos } from '@/components/Logos' +import { Hero2 } from '@/components/Hero2' export default function Home() { @@ -27,7 +28,7 @@ export default function Home() { <>
- + diff --git a/src/components/Button.jsx b/src/components/Button.jsx index a9ebfbf..36c21a3 100644 --- a/src/components/Button.jsx +++ b/src/components/Button.jsx @@ -3,11 +3,11 @@ import clsx from 'clsx' const baseStyles = { solid: - 'group inline-flex items-center justify-center rounded-xl py-1.5 px-3.5 lg:py-2 lg:px-4 text-xs lg:text-sm font-light focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2', + 'group inline-flex items-center justify-center rounded-xl py-1.5 px-2 text-xs lg:text-sm font-medium focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2', solidNoRounded: 'group inline-flex items-center justify-center py-1.5 px-3.5 lg:py-2 lg:px-4 text-xs lg:text-sm font-light focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2', outline: - 'group inline-flex ring-1 items-center justify-center rounded-xl py-1.5 px-3.5 lg:py-2 lg:px-4 text-xs lg:text-sm font-light focus:outline-none', + 'group inline-flex ring-1 items-center justify-center rounded-xl py-1.5 px-3.5 lg:py-2 lg:px-2 text-xs lg:text-sm font-medium focus:outline-none', } const variantStyles = { @@ -21,7 +21,7 @@ const variantStyles = { 'bg-white text-slate-100 hover:bg-gold-50 active:bg-gold-200 active:text-slate-100 focus-visible:outline-white', }, solidNoRounded: { - bookNow: 'bg-darkgr-900 text-white hover:bg-darkgr-800 active:bg-darkgr-700 focus-visible:outline-darkgr-900', + bookNow: 'bg-[#48774B] text-white hover:bg-[#3d6540] active:bg-[#345636] focus-visible:outline-[#48774B]', }, outline: { slate: diff --git a/src/components/CallToAction.jsx b/src/components/CallToAction.jsx index 70b75ca..d191f9a 100644 --- a/src/components/CallToAction.jsx +++ b/src/components/CallToAction.jsx @@ -10,7 +10,7 @@ export function CallToAction() { return (
diff --git a/src/components/Daha1.jsx b/src/components/Daha1.jsx index bb3053a..c250a70 100644 --- a/src/components/Daha1.jsx +++ b/src/components/Daha1.jsx @@ -1,20 +1,16 @@ -import { H2, PS } from '@/components/text' +import { H2, PS, P } from '@/components/text' +import { m } from 'framer-motion' -export default function Example() { +export default function Daha1() { return ( -
- +
-
-

VEDA DAHABIYAS

- +
+

VEDA Dahabiyas

+

Embark on a Transformative Journey Along the Nile - - +

+ Discover the heart of Egypt on our specially designed dahabiyas, crafted to elevate your energy and frequency through unique experiences. These elegant vessels are perfect for spiritual work and mystical exploration, offering a harmonious setting to connect with the essence of the Nile. Drift past ancient wonders and immerse yourself in the tranquil rhythm of the river, embarking on a journey of self-discovery and rejuvenation.
diff --git a/src/components/Daha2.jsx b/src/components/Daha2.jsx index 65e6504..ce621a2 100644 --- a/src/components/Daha2.jsx +++ b/src/components/Daha2.jsx @@ -1,5 +1,6 @@ import { Container } from '@/components/Container'; + const categories = [ { name: 'VEDA I', @@ -31,15 +32,10 @@ const categories = [ }, ] -export default function Example() { +export default function Daha2() { return (
-
-

DAHABIYAS

-

- Choose from our selection of four dahabiyas, each designed to provide a unique and soulful journey. -

- +
-

{category.name}

+

{category.name}

{category.description}

 ))} diff --git a/src/components/Header.jsx b/src/components/Header.jsx index eaeb06f..bddb90d 100644 --- a/src/components/Header.jsx +++ b/src/components/Header.jsx @@ -81,7 +81,7 @@ function MobileNavigation() { export function Header() { return (
-