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

img clranup

Browse Source
This commit is contained in:
sasha-astiadi
2025-08-21 17:50:31 +02:00
parent d03e4088f0
commit cec6bd007e
57 changed files with 21 additions and 357 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/Boats.jsx
View File

@@ -1,5 +1,4 @@
import { useId } from 'react';
import Image from 'next/image';
import { Tab, TabGroup, TabList, TabPanel, TabPanels } from '@headlessui/react';
import clsx from 'clsx';
@@ -75,7 +74,7 @@ export default function Boats() {
{people.map((person) => (
<li key={person.name}>
<div className="relative aspect-[3/2] w-full rounded-lg overflow-hidden">
<Image
<img
src={person.image}
alt={person.name}
layout="fill"

1
src/components/CNNVIDEO.jsx
View File

@@ -1,4 +1,3 @@
import Image from 'next/image'
import { Button } from '@/components/Button'
import { Container } from '@/components/Container'
import React from 'react'

4
src/components/CallToAction.jsx
View File

@@ -16,12 +16,12 @@ export function CallToAction() {
alt=""
width={2347}
height={1244}
unoptimized
/>
<Container className="relative">
<div className="mx-auto max-w-3xl text-center">
<div className="flex items-center justify-center">
<img src="/images/logos/veda_icon2.svg" alt="" width={50} height={50} className="h-18 w-auto mt-6" unoptimized />
<img src="/images/logos/veda_icon2.svg" alt="" width={50} height={50} className="h-18 w-auto mt-6" />
</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.

7
src/components/CallToAction2.jsx
View File

@@ -1,5 +1,3 @@
import Image from 'next/image'
import { Button } from '@/components/Button'
import { Container } from '@/components/Container'
@@ -10,19 +8,18 @@ export function CallToAction2() {
id="get-started-today"
className="relative overflow-hidden bg-transparent py-40 mt-4 mb-2"
>
<Image
<img
className="absolute left-1/2 top-1/2 max-w-none -translate-x-1/2 -translate-y-1/2"
src="/images/background-call-to-action2.png"
alt=""
width={2347}
height={1244}
unoptimized
/>
<div className="absolute inset-0 bg-black opacity-20"></div>
<Container className="relative ">
<div className="mx-auto max-w-3xl text-center">
<div className="flex items-center justify-center">
<Image src="/images/logos/veda_logo_light.svg" alt="" width={120} height={32} className="h-16 w-auto opacity-100" unoptimized />
<img src="/images/logos/veda_logo_light.svg" alt="" width={120} height={32} className="h-16 w-auto opacity-100" />
</div>
</div>
</Container>

7
src/components/CallToAction3.jsx
View File

@@ -1,5 +1,3 @@
import Image from 'next/image'
import { Button } from '@/components/Button'
import { Container } from '@/components/Container'
@@ -10,19 +8,18 @@ export function CallToAction3() {
id="get-started-today"
className="relative overflow-hidden bg-transparent py-48 mt-4"
>
<Image
<img
className="absolute left-1/2 top-1/2 max-w-none -translate-x-1/2 -translate-y-1/2"
src="/images/background-call-to-action4.png"
alt=""
width={1440}
height={564}
unoptimized
/>
<div className="absolute inset-0 bg-black opacity-10"></div>
<Container className="relative ">
<div className="mx-auto max-w-3xl text-center">
<div className="flex items-center justify-center">
<Image src="/images/logos/veda_logo_light.svg" alt="" width={120} height={32} className="h-16 w-auto opacity-100" unoptimized />
<img src="/images/logos/veda_logo_light.svg" alt="" width={120} height={32} className="h-16 w-auto opacity-100" />
</div>
</div>
</Container>

1
src/components/Carousel.jsx
View File

@@ -1,7 +1,6 @@
"use client"; // <-- This line is crucial
import React, { useState, useEffect, useRef } from 'react';
import Image from 'next/image';
import clsx from 'clsx';
const cards = [

3
src/components/ContactHero.jsx
View File

@@ -2,7 +2,6 @@
import { BuildingOffice2Icon, EnvelopeIcon } from '@heroicons/react/24/outline'
import { useState } from 'react'
import Image from 'next/image'
export function ContactHero() {
return (
@@ -83,7 +82,7 @@ export function ContactHero() {
{/* Right container (image) */}
<div className="relative bg-gray-100 overflow-hidden px-6 lg:px-8">
<div className="h-full w-full overflow-hidden">
<Image
<img
src="/images/contact/contact.png"
alt="VEDA contact"
width={900}

5
src/components/Faqs.jsx
View File

@@ -1,4 +1,3 @@
import Image from 'next/image'
import { Container } from '@/components/Container'
@@ -63,13 +62,13 @@ export function Faqs() {
aria-labelledby="faq-title"
className="relative overflow-hidden bg-slate-50 py-20 sm:py-32"
>
<Image
<img
className="absolute left-1/2 top-0 max-w-none -translate-y-1/4 translate-x-[-30%]"
src="/images/background-faqs.jpg"
alt=""
width={1558}
height={946}
unoptimized
/>
<Container className="relative">
<div className="mx-auto max-w-2xl lg:mx-0">

1
src/components/FreeflowVideo.jsx
View File

@@ -1,4 +1,3 @@
import Image from 'next/image'
import { Button } from '@/components/Button'
import { Container } from '@/components/Container'
import React from 'react'

2
src/components/Hero.jsx
View File

@@ -22,7 +22,7 @@ export function Hero() {
<div className="bg-transparent py-6 mt-0 absolute top-16 sm:top-32 left-0 right-0 z-10">
<div className="mx-auto max-w-7xl px-6 sm:px-6 lg:px-6">
<div className="flex items-start justify-start mb-4">
<img src="/images/logos/veda_logo_dark.svg" alt="VEDA" width={200} height={60} className="h-8 sm:h-12 w-auto" unoptimized />
<img src="/images/logos/veda_logo_dark.svg" alt="VEDA" width={200} height={60} className="h-8 sm:h-12 w-auto" />
</div>
<div className="mx-auto max-w-5xl lg:mx-0 mt-4 sm:mt-6">
<h2 className="text-xl/5 font-medium tracking-[-0.05em] leading-[1.3] lg:leading-[1.4] text-darkgr-800 lg:text-3xl">

1
src/components/HeroCopy.jsx
View File

@@ -1,4 +1,3 @@
import Image from 'next/image'
import { Button } from '@/components/Button'
import { Container } from '@/components/Container'

3
src/components/Logos.jsx
View File

@@ -1,4 +1,3 @@
import Image from 'next/image'
import { Button } from '@/components/Button'
import { Container } from '@/components/Container'
@@ -34,7 +33,7 @@ export function Logos() {
>
{group.map((company) => (
<li key={company.name} className="flex">
<Image src={company.logo} alt={company.name} width={120} height={40} unoptimized />
<img src={company.logo} alt={company.name} width={120} height={40} />
</li>
))}
</ul>

7
src/components/PrimaryFeatures.jsx
View File

@@ -1,7 +1,6 @@
'use client'
import { useEffect, useState } from 'react'
import Image from 'next/image'
import { Tab, TabGroup, TabList, TabPanel, TabPanels } from '@headlessui/react'
import clsx from 'clsx'
@@ -52,13 +51,13 @@ export function PrimaryFeatures() {
aria-label="What makes us different"
className="relative overflow-hidden bg-blue-600 pb-28 pt-20 sm:py-32"
>
<Image
<img
className="absolute left-1/2 top-1/2 max-w-none translate-x-[-44%] translate-y-[-42%]"
src="/images/background-features.png"
alt=""
width={2245}
height={1636}
unoptimized
/>
<Container className="relative">
<div className="max-w-2xl md:mx-auto md:text-center xl:max-w-none">
@@ -125,7 +124,7 @@ export function PrimaryFeatures() {
</p>
</div>
<div className="mt-10 w-[45rem] overflow-hidden rounded-xl bg-slate-50 shadow-xl shadow-blue-900/20 sm:w-auto lg:mt-0 lg:w-[67.8125rem]">
<Image
<img
className="w-full"
src={feature.image}
alt=""

1
src/components/Route.jsx
View File

@@ -2,7 +2,6 @@
import { CloudArrowUpIcon, LockClosedIcon, ServerIcon } from '@heroicons/react/20/solid'
import { useId } from 'react'
import Image from 'next/image'
import { Tab, TabGroup, TabList, TabPanel, TabPanels } from '@headlessui/react'
import clsx from 'clsx'
import { Button } from '@/components/Button'

5
src/components/SecondaryFeatures.jsx
View File

@@ -1,7 +1,6 @@
'use client'
import { useId } from 'react'
import Image from 'next/image'
import { Tab, TabGroup, TabList, TabPanel, TabPanels } from '@headlessui/react'
import clsx from 'clsx'
import { Button } from '@/components/Button'
@@ -175,7 +174,7 @@ function FeaturesMobile() {
{features.map((feature) => (
<div key={feature.summary} className="relative mx-auto max-w-full">
<div className="relative overflow-hidden rounded-xl bg-creme-900">
<Image
<img
className="w-full h-auto object-cover"
src={feature.image}
alt={feature.name}
@@ -214,7 +213,7 @@ function FeaturesDesktop() {
)}
>
<div className="w-full mb-2">
<Image
<img
className="w-full h-auto rounded-lg"
src={feature.image}
alt={feature.name}

5
src/components/SlimLayout.jsx
View File

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

1
src/components/Team.jsx
View File

@@ -1,4 +1,3 @@
import Image from 'next/image'
import React from 'react';
import { Button } from '@/components/Button'
import { Container } from '@/components/Container'

3
src/components/Testimonials.jsx
View File

@@ -1,4 +1,3 @@
import Image from 'next/image'
import { Container } from '@/components/Container'
@@ -124,7 +123,7 @@ export function Testimonials() {
</div>
</div>
<div className="overflow-hidden rounded-full bg-creme-600">
<Image
<img
className="h-14 w-14 object-cover"
src={testimonial.author.image}
alt=""

1
src/components/ThirdFeatures.jsx
View File

@@ -1,4 +1,3 @@
import Image from 'next/image'
import React from 'react';
import { Button } from '@/components/Button'
import { Container } from '@/components/Container'

2
src/components/about.jsx
View File

@@ -15,7 +15,7 @@
>
{group.map((company) => (
<li key={company.name} className="flex">
<Image src={company.logo} alt={company.name} unoptimized />
<img src={company.logo} alt={company.name} />
</li>
))}
</ul>