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

chore: move images to public/images and update imports

Browse Source
This commit is contained in:
sasha-astiadi
2025-08-20 12:35:28 +02:00
parent d602341caf
commit b7004026c0
162 changed files with 43 additions and 392 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/Activities.jsx
View File

@@ -1,8 +1,3 @@
import act1 from '@/images/act1.png'
import act2 from '@/images/act2.png'
import act3 from '@/images/act3.png'
const posts = [
{
id: 1,
@@ -11,7 +6,7 @@ const posts = [
description:
'Step fully into your body. The perfect start to the morning.',
image:
'images/act1.png',
'/images/act1.png',
},
{
id: 2,
@@ -20,7 +15,7 @@ const posts = [
description:
'Open your mind, enter a deeper state of awareness.',
image:
'images/act3.png',
'/images/act3.png',
},
{
id: 3,
@@ -29,7 +24,7 @@ const posts = [
description:
'Gluten-free, vegetarian, vegan, detox diets, & more.',
image:
'images/act2.png',
'/images/act2.png',
},
]
@@ -76,4 +71,3 @@ const posts = [
</div>
)
}

12
src/components/Boats.jsx
View File

@@ -4,16 +4,12 @@ import { Tab, TabGroup, TabList, TabPanel, TabPanels } from '@headlessui/react';
import clsx from 'clsx';
import { Container } from '@/components/Container';
import veda1 from '@/images/dahabiyas/veda1.jpg';
import veda2 from '@/images/dahabiyas/veda2.jpg';
import veda3 from '@/images/dahabiyas/veda3.jpg';
import veda4 from '@/images/dahabiyas/veda4.jpg';
const people = [
{
name: 'VEDA I',
role: 'The ideal retreat for luxury and privacy, perfect for intimate gatherings.',
image: veda1,
image: '/images/dahabiyas/veda1.jpg',
bio: [
'6 rooms & 4 suites with balconies.',
'Hosts up to 20 people.',
@@ -25,7 +21,7 @@ const people = [
{
name: 'VEDA II',
role: 'The perfect spacious space for larger groups seeking comfort',
image: veda2,
image: '/images/dahabiyas/veda2.jpg',
bio: [
'8 rooms & 2 suites with balconies.',
'Hosts up to 20 people.',
@@ -37,7 +33,7 @@ const people = [
{
name: 'VEDA III',
role: 'Senior Developer',
image: veda3,
image: '/images/dahabiyas/veda3.jpg',
bio: [
'5 rooms with balconies.',
'Hosts up to 10 people.',
@@ -49,7 +45,7 @@ const people = [
{
name: 'VEDA IV',
role: 'Senior Developer',
image: veda4,
image: '/images/dahabiyas/veda4.jpg',
bio: [
'10 rooms & 4 suites with balconies.',
'Hosts up to 28 people.',

31
src/components/CallToAction.jsx
View File

@@ -2,8 +2,7 @@ import Image from 'next/image'
import { Button } from '@/components/Button'
import { Container } from '@/components/Container'
import backgroundImage from '@/images/background-call-to-action.jpg'
import logoVeda2 from '@/images/logos/veda_icon2.svg'
export function CallToAction() {
return (
@@ -13,7 +12,7 @@ export function CallToAction() {
>
<Image
className="absolute left-1/2 top-1/2 max-w-none -translate-x-1/2 -translate-y-1/2"
src={backgroundImage}
src="/images/background-call-to-action.jpg"
alt=""
width={2347}
height={1244}
@@ -21,29 +20,9 @@ export function CallToAction() {
/>
<Container className="relative">
<div className="mx-auto max-w-3xl text-center">
<ul
role="list"
className=" flex items-center justify-center gap-x-8 sm:flex-col sm:gap-x-0 sm:gap-y-2 xl:flex-row xl:gap-x-12 xl:gap-y-0"
>
{[
[
{ name: 'veda', logo: logoVeda2 },
],
].map((group, groupIndex) => (
<li key={groupIndex}>
<ul
role="list"
className="flex flex-col items-center gap-y-2 sm:flex-row sm:gap-x-12 sm:gap-y-0"
>
{group.map((company) => (
<li key={company.name} className="flex">
<Image src={company.logo} alt={company.name} unoptimized />
</li>
))}
</ul>
</li>
))}
</ul>
<div className="flex items-center justify-center">
<Image src="/images/logos/veda_icon2.svg" alt="" width={32} height={32} className="h-8 w-auto" unoptimized />
</div>
<h2 className="font-display lg:text-3xl text-xl tracking-tight text-white pt-4 lg:pt-6">
VEDA provides an unparalleled cruise experience on the Nile, blending authenticity with sophistication. Enjoy private journeys featuring organic cuisine, hollistic activities, and a dedicated, warm-hearted crew.
</h2>

31
src/components/CallToAction2.jsx
View File

@@ -2,8 +2,7 @@ import Image from 'next/image'
import { Button } from '@/components/Button'
import { Container } from '@/components/Container'
import backgroundImage from '@/images/background-call-to-action2.png'
import logoVeda from '@/images/logos/veda.svg'
export function CallToAction2() {
return (
@@ -13,7 +12,7 @@ export function CallToAction2() {
>
<Image
className="absolute left-1/2 top-1/2 max-w-none -translate-x-1/2 -translate-y-1/2"
src={backgroundImage}
src="/images/background-call-to-action2.png"
alt=""
width={2347}
height={1244}
@@ -21,29 +20,9 @@ export function CallToAction2() {
/>
<Container className="relative">
<div className="mx-auto max-w-3xl text-center">
<ul
role="list"
className=" flex items-center justify-center gap-x-8 sm:flex-col sm:gap-x-0 sm:gap-y-2 xl:flex-row xl:gap-x-12 xl:gap-y-0"
>
{[
[
{ name: 'veda', logo: logoVeda },
],
].map((group, groupIndex) => (
<li key={groupIndex}>
<ul
role="list"
className="flex flex-col items-center gap-y-2 sm:flex-row sm:gap-x-12 sm:gap-y-0"
>
{group.map((company) => (
<li key={company.name} className="flex">
<Image src={company.logo} alt={company.name} unoptimized />
</li>
))}
</ul>
</li>
))}
</ul>
<div className="flex items-center justify-center">
<Image src="/images/logos/veda.svg" alt="" width={120} height={32} className="h-8 w-auto" unoptimized />
</div>
</div>
</Container>
</section>

31
src/components/CallToAction3.jsx
View File

@@ -2,8 +2,7 @@ import Image from 'next/image'
import { Button } from '@/components/Button'
import { Container } from '@/components/Container'
import backgroundImage from '@/images/background-call-to-action4.png'
import logoVeda from '@/images/logos/veda_logo2.svg'
export function CallToAction3() {
return (
@@ -13,7 +12,7 @@ export function CallToAction3() {
>
<Image
className="absolute left-1/2 top-1/2 max-w-none -translate-x-1/2 -translate-y-1/2"
src={backgroundImage}
src="/images/background-call-to-action4.png"
alt=""
width={1440}
height={564}
@@ -21,29 +20,9 @@ export function CallToAction3() {
/>
<Container className="relative">
<div className="mx-auto max-w-3xl text-center py-20">
<ul
role="list"
className=" flex items-center justify-center gap-x-8 sm:flex-col sm:gap-x-0 sm:gap-y-2 xl:flex-row xl:gap-x-12 xl:gap-y-0"
>
{[
[
{ name: 'veda', logo: logoVeda },
],
].map((group, groupIndex) => (
<li key={groupIndex}>
<ul
role="list"
className="flex flex-col items-center gap-y-2 sm:flex-row sm:gap-x-12 sm:gap-y-0 "
>
{group.map((company) => (
<li key={company.name} className="flex">
<Image src={company.logo} alt={company.name} width={300} height={84} unoptimized />
</li>
))}
</ul>
</li>
))}
</ul>
<div className="flex items-center justify-center">
<Image src="/images/logos/veda_logo2.svg" alt="" width={120} height={32} className="h-8 w-auto" />
</div>
</div>
</Container>
</section>

4
src/components/Daha2.jsx
View File

@@ -1,8 +1,4 @@
import { Container } from '@/components/Container';
import veda1 from '@/images/veda1.jpg';
import veda2 from '@/images/veda2.jpg';
import veda3 from '@/images/veda3.jpg';
import veda4 from '@/images/veda4.jpg';
const categories = [
{

3
src/components/Faqs.jsx
View File

@@ -1,7 +1,6 @@
import Image from 'next/image'
import { Container } from '@/components/Container'
import backgroundImage from '@/images/background-faqs.jpg'
const faqs = [
[
@@ -66,7 +65,7 @@ export function Faqs() {
>
<Image
className="absolute left-1/2 top-0 max-w-none -translate-y-1/4 translate-x-[-30%]"
src={backgroundImage}
src="/images/background-faqs.jpg"
alt=""
width={1558}
height={946}

26
src/components/Hero.jsx
View File

@@ -2,18 +2,6 @@ import Image from 'next/image'
import { Button } from '@/components/Button'
import { Container } from '@/components/Container'
import logoLaravel from '@/images/logos/laravel.svg'
import logoMirage from '@/images/logos/mirage.svg'
import logoStatamic from '@/images/logos/statamic.svg'
import logoStaticKit from '@/images/logos/statickit.svg'
import logoTransistor from '@/images/logos/transistor.svg'
import logoTuple from '@/images/logos/tuple.svg'
import logo1 from '@/images/logos/1.svg'
import logo2 from '@/images/logos/2.svg'
import logo3 from '@/images/logos/3.svg'
import logo4 from '@/images/logos/4.svg'
import logo5 from '@/images/logos/5.svg'
import logo6 from '@/images/logos/6.svg'
export function Hero() {
return (
@@ -69,14 +57,14 @@ export function Hero() {
>
{[
[
{ name: 'CNN', logo: logo1 },
{ name: 'HLS', logo: logo2 },
{ name: 'Bookretreats', logo: logo3 },
{ name: 'CNN', logo: '/images/logos/1.svg' },
{ name: 'HLS', logo: '/images/logos/2.svg' },
{ name: 'Bookretreats', logo: '/images/logos/3.svg' },
],
[
{ name: 'Beaviajera', logo: logo4 },
{ name: 'Egytalloyd', logo: logo5 },
{ name: 'AST', logo: logo6 },
{ name: 'Beaviajera', logo: '/images/logos/4.svg' },
{ name: 'Egytalloyd', logo: '/images/logos/5.svg' },
{ name: 'AST', logo: '/images/logos/6.svg' },
],
].map((group, groupIndex) => (
<li key={groupIndex}>
@@ -86,7 +74,7 @@ export function Hero() {
>
{group.map((company) => (
<li key={company.name} className="flex">
<Image src={company.logo} alt={company.name} unoptimized />
<Image src={company.logo} alt={company.name} width={120} height={40} unoptimized />
</li>
))}
</ul>

3
src/components/NewFeatures.jsx
View File

@@ -1,5 +1,4 @@
import { CloudArrowUpIcon, LockClosedIcon, ServerIcon, SparklesIcon } from '@heroicons/react/20/solid'
import Newfeaturesimg from '@/images/newfeatures0.png'
const features = [
{
@@ -24,7 +23,7 @@ export default function NewFeatures() {
<div className="flex items-start justify-end lg:justify-start lg:order-first">
<img
alt="New Features"
src="images/newfeatures3.png"
src="/images/newfeatures3.png"
className="w-full max-w-[40rem] rounded-xl shadow-xl ring-1 ring-gray-400/10 object-cover"
style={{ maxWidth: '40rem', height: 'auto' }}
/>

1
src/components/NewFeatures2.jsx
View File

@@ -1,5 +1,4 @@
import { SparklesIcon } from '@heroicons/react/20/solid'
import Newfeaturesimg from '@/images/newfeatures3.png'
const features = [
{

13
src/components/PrimaryFeatures.jsx
View File

@@ -6,30 +6,25 @@ import { Tab, TabGroup, TabList, TabPanel, TabPanels } from '@headlessui/react'
import clsx from 'clsx'
import { Container } from '@/components/Container'
import backgroundImage from '@/images/background-features.png'
import screenshotExpenses from '@/images/screenshots/expenses.png'
import screenshotPayroll from '@/images/screenshots/payroll.png'
import screenshotReporting from '@/images/screenshots/reporting.png'
import screenshotVatReturns from '@/images/screenshots/vat-returns.png'
const features = [
{
title: 'Tailored to Your Preferences',
description:
"From your trip's duration to the daily itinerary and dining choices, everything is customized to your liking. We offer expert advice to align with your group's preferences, ensuring a journey that fits your vision perfectly.",
image: screenshotPayroll,
image: '/images/screenshots/payroll.png',
},
{
title: 'Unique & Memorable Adventures',
description:
"Experience exclusive activities like a barbeque on a secluded island or private moments in ancient temples. The VEDA crew can also lead you to the Nile’s most remarkable and energetic spots, tailored to your interests.",
image: screenshotExpenses,
image: '/images/screenshots/expenses.png',
},
{
title: 'Eco-Friendly & Organic',
description:
"Savor local dishes, fresh juices, and detox smoothies while using natural cleaning products and sailing on solar-powered boats. With VEDA, you're traveling on the Nile’s first genuinely green boat, combining sustainability with luxury.",
image: screenshotReporting,
image: '/images/screenshots/reporting.png',
},
]
@@ -59,7 +54,7 @@ export function PrimaryFeatures() {
>
<Image
className="absolute left-1/2 top-1/2 max-w-none translate-x-[-44%] translate-y-[-42%]"
src={backgroundImage}
src="/images/background-features.png"
alt=""
width={2245}
height={1636}

2
src/components/Route.jsx
View File

@@ -32,7 +32,7 @@ export default function Route() {
<div className="mx-auto max-w-2xl sm:mx-0 sm:max-w-none">
<img
alt="trip map"
src="images/map.png"
src="/images/map.png"
width={500}
height={500}
className="w-full max-w-full rounded-tl-xl bg-gray-800 ring-1 ring-white/10"

12
src/components/SecondaryFeatures.jsx
View File

@@ -6,10 +6,6 @@ import { Tab, TabGroup, TabList, TabPanel, TabPanels } from '@headlessui/react'
import clsx from 'clsx'
import { Button } from '@/components/Button'
import { Container } from '@/components/Container'
import veda1 from '@/images/dahabiyas/veda1.jpg'
import veda2 from '@/images/dahabiyas/veda2.jpg'
import veda3 from '@/images/dahabiyas/veda3.jpg'
import veda4 from '@/images/dahabiyas/veda4.jpg'
const features = [
{
@@ -22,7 +18,7 @@ const features = [
],
button: 'Learn More',
href: '/dahabiyas',
image: veda1,
image: '/images/dahabiyas/veda1.jpg',
icon: function ReportingIcon() {
let id = useId()
return (
@@ -61,7 +57,7 @@ const features = [
],
button: 'Learn More',
href: '/dahabiyas',
image: veda2,
image: '/images/dahabiyas/veda2.jpg',
icon: function InventoryIcon() {
return (
<>
@@ -93,7 +89,7 @@ const features = [
],
button: 'Learn More',
href: '/dahabiyas',
image: veda3,
image: '/images/dahabiyas/veda3.jpg',
icon: function ContactsIcon() {
return (
<>
@@ -120,7 +116,7 @@ const features = [
],
button: 'Learn More',
href: '/dahabiyas',
image: veda4,
image: '/images/dahabiyas/veda4.jpg',
icon: function ContactsIcon() {
return (
<>

4
src/components/SlimLayout.jsx
View File

@@ -1,7 +1,5 @@
import Image from 'next/image'
import backgroundImage from '@/images/background-auth.jpg'
export function SlimLayout({ children }) {
return (
<>
@@ -14,7 +12,7 @@ export function SlimLayout({ children }) {
<div className="hidden sm:contents lg:relative lg:block lg:flex-1">
<Image
className="absolute inset-0 h-full w-full object-cover"
src={backgroundImage}
src="/images/background-auth.jpg"
alt=""
unoptimized
/>

3
src/components/ThirdFeatures.jsx
View File

@@ -2,7 +2,6 @@ import Image from 'next/image'
import React from 'react';
import { Button } from '@/components/Button'
import { Container } from '@/components/Container'
import backgroundImage from '@/images/background-call-to-action.jpg'
import '@/styles/tailwind.css'
const ThirdFeatures = () => {
@@ -58,4 +57,4 @@ const ThirdFeatures = () => {
}
export default ThirdFeatures;
export default ThirdFeatures;

3
src/components/Timeline.jsx
View File

@@ -31,7 +31,7 @@ const features = [
"As the dahabiya glides through the tranquil river, take in the breathtaking views of the lush landscapes and ancient monuments that line the banks. Enjoy a relaxing day on deck, with opportunities to participate in yoga and meditation sessions, or simply unwind with a good book from our library.",
description3:
"In the evening, dock at Esna and explore the local markets, where you can discover unique handicrafts and interact with friendly locals.",
imageSrc: 'images/esna.jpg',
imageSrc: '/images/esna.jpg',
},
{
name: 'Day 3: Crossing the Esna Lock',
@@ -135,4 +135,3 @@ const features = [
</div>
)
}