This commit is contained in:
2025-08-26 15:09:03 +02:00
parent c6ef16d411
commit 241965069f
9 changed files with 30 additions and 33 deletions

View File

@@ -40,9 +40,8 @@ export default function RootLayout({ children }) {
lexend.variable,
vollkorn.variable,
)}
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>
<body className="flex h-full flex-col pt-20 bg-bg-sand">{children}</body>
</html>
)
}

View File

@@ -10,7 +10,7 @@ export function CallToAction() {
return (
<section
id="about"
className="relative overflow-hidden bg-transparent py-16"
className="relative overflow-hidden bg-transparent py-24"
>
<Container className="relative">
<div className="mx-auto max-w-3xl text-center">

View File

@@ -3,7 +3,7 @@ import { H2, P , PS, PXS, H3, H4 } from "@/components/text";
export function Experiences() {
return (
<div className="bg-transparent pb-12">
<div className="bg-transparent pb-4">
<div className="mx-auto max-w-2xl px-6 lg:max-w-7xl lg:px-8">
<div className=" grid grid-cols-1 gap-4 lg:grid-cols-8 lg:grid-rows-2">
<div className="flex lg:col-span-5">
@@ -13,7 +13,7 @@ export function Experiences() {
src="/images/community.jpg"
className="h-80 w-full object-cover object-center"
/>
<div className="py-4">
<div className="py-2">
<H4>Community building Space</H4>
<PXS>Foster connections and meaningful relationships through shared experiences.</PXS>
</div>

View File

@@ -1,4 +1,3 @@
import { Button } from '@/components/Button'
import { Container } from '@/components/Container'
import { H2 } from '@/components/text'
@@ -8,23 +7,23 @@ import Image from 'next/image'
export function Hero() {
return (
<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*/}
{/* Background Image */}
<div className="relative overflow-hidden">
<div className="">
<img
alt="App screenshot"
src="/images/slideshow/1.jpg"
alt="Veda Nile Cruise"
src="/images/hero.jpg"
width={1412}
height={600}
className="w-full"
/>
</div>
</div>
<div className="max-w-7xl mx-0">
<H2 className="">
<div className="max-w-7xl ml-3 mx-0">
<H2 className="mt-6">
Nile Cruises, Reimagined.
</H2>
<P className="mb-6">
<P className="mb-4">
Veda welcomes you into her home providing unique wellness cruises blending cultural authentic experiences with unparalleled freedom and privacy.<br/>
Our organic cuisine, cultural activities and dedicated warm hearted crew will make your veda cruise an unforgettable experience.
</P>

View File

@@ -7,7 +7,7 @@ import { H3 } from '@/components/text'
export function Logos() {
return (
<Container>
<div className="relative z-10 py-12 text-center">
<div className="relative z-10 py-8 text-center">
<H3>
As seen and featured on
</H3>

View File

@@ -17,7 +17,7 @@ export default function Route() {
<div className="lg:pr-4 lg:pt-4">
<div className="mx-auto max-w-2xl lg:mx-0 lg:max-w-lg">
<H2 className="">Itinerary</H2>
<P className="">
<P className="mt-2">
By following the natural flow of the Nile river you will discover some of the most sacred places of the world.</P>
<P className="my-4">All our trips are designed according to your wishes. Your group's tailored itinerary will lead you to the locations and temples which fit your energy.
</P>

View File

@@ -87,14 +87,14 @@ export function Testimonials() {
<section
id="testimonials"
aria-label="What our customers are saying"
className="bg-transparent lg:pt-48 pt-8 pb-24"
className="bg-transparent lg:pt-32 pt-8 pb-24"
>
<Container>
<div className="mx-auto max-w-5xl md:text-center">
<H2 className="">
Testimonials
</H2>
<P className="">
<P className="mt-2">
Discover the heartfelt stories of joy, relaxation, and adventure that make VEDA a cherished choice for travelers seeking unique and sophisticated experiences on the Nile.
</P>
</div>
@@ -107,7 +107,7 @@ export function Testimonials() {
<ul role="list" className="flex flex-col gap-y-6 sm:gap-y-8">
{column.map((testimonial, testimonialIndex) => (
<li key={testimonialIndex}>
<figure className="relative rounded-lg bg-bg-sand py-6 px-8 shadow-xl shadow-slate-900/10">
<figure className="relative rounded-lg bg-orange-50 py-6 px-8 shadow-xl shadow-slate-900/10">
<QuoteIcon className="absolute left-6 top-6 fill-creme-600" />
<blockquote className="relative">
<PXXS >

View File

@@ -18,7 +18,7 @@ export function H2({ className, children, ...props }) {
return (
<h2
className={clsx(
'mt-8 font-vollkorn text-2xl font-medium tracking-tight text-bg-darkbrown sm:text-3xl',
'font-vollkorn text-2xl font-medium tracking-tight text-bg-darkbrown sm:text-3xl',
className
)}
{...props}
@@ -32,7 +32,7 @@ export function H3({ className, children, ...props }) {
return (
<h3
className={clsx(
'mt-6 font-vollkorn text-xl font-medium tracking-tight text-bg-darkbrown lg:text-2xl',
'font-vollkorn text-xl font-medium tracking-tight text-bg-darkbrown lg:text-2xl',
className
)}
{...props}
@@ -46,7 +46,7 @@ export function H4({ className, children, ...props }) {
return (
<h4
className={clsx(
'mt-4 font-vollkorn text-base font-medium tracking-tight text-bg-darkbrown lg:text-lg',
'font-vollkorn text-base font-medium tracking-tight text-bg-darkbrown lg:text-lg',
className
)}
{...props}
@@ -60,7 +60,7 @@ export function P({ className, children, ...props }) {
return (
<p
className={clsx(
'mt-4 text-lg/8 text-gray-700 font-extralight leading-tight',
'text-lg/8 text-gray-700 font-extralight leading-tight',
className
)}
{...props}
@@ -74,7 +74,7 @@ export function PS({ className, children, ...props }) {
return (
<p
className={clsx(
'mt-4 text-base lg:text-base text-gray-600 font-extralight leading-snug',
'text-base lg:text-base text-gray-600 font-extralight leading-snug',
className
)}
{...props}
@@ -88,7 +88,7 @@ export function PXS({ className, children, ...props }) {
return (
<p
className={clsx(
'mt-3 text-base/8 text-gray-700 font-extralight leading-snug',
'text-base/8 text-gray-700 font-extralight leading-snug',
className
)}
{...props}
@@ -102,7 +102,7 @@ export function PXXS({ className, children, ...props }) {
return (
<p
className={clsx(
'mt-2 text-sm text-gray-700 font-extralight leading-snug',
'text-sm text-gray-700 font-extralight leading-snug',
className
)}
{...props}
@@ -116,7 +116,7 @@ export function Subheading({ className, children, ...props }) {
return (
<h3
className={clsx(
'mt-6 text-lg font-medium text-gray-900',
'text-lg font-medium text-gray-900',
className
)}
{...props}