ok
This commit is contained in:
@@ -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>
|
||||
)
|
||||
}
|
||||
|
@@ -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">
|
||||
|
@@ -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>
|
||||
|
@@ -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>
|
||||
|
@@ -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>
|
||||
|
@@ -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>
|
||||
|
@@ -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 >
|
||||
|
@@ -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}
|
||||
|
Reference in New Issue
Block a user