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

ok

Browse Source
This commit is contained in:
sasha-astiadi
2025-08-25 17:06:18 +02:00
parent 883eac4f9e
commit 0013917ec7
7 changed files with 24 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/layout.jsx
View File

@@ -40,7 +40,7 @@ export default function RootLayout({ children }) {
lexend.variable, lexend.variable,
vollkorn.variable, vollkorn.variable,
)} )}
style={{backgroundImage: 'url(/images/waterbg.jpg)', backgroundSize: 'cover', backgroundPosition: 'center', backgroundAttachment: 'fixed'}} style={{backgroundImage: 'url(/images/waterbg2.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" style={{backgroundColor: 'transparent'}}>{children}</body>
</html> </html>

1
src/app/story/page.jsx
View File

@@ -14,7 +14,6 @@ export default function OurStory() {
<Story /> <Story />
<Story2 /> <Story2 />
<Team /> <Team />
<CallToAction3 />
</main> </main>
<Footer /> <Footer />
</> </>

9
src/components/CallToAction.jsx
View File

@@ -3,6 +3,7 @@
import { Button } from '@/components/Button' import { Button } from '@/components/Button'
import { Container } from '@/components/Container' import { Container } from '@/components/Container'
import { Logo } from '@/components/Logo' import { Logo } from '@/components/Logo'
import { H2, PS } from '@/components/text'
export function CallToAction() { export function CallToAction() {
@@ -13,12 +14,12 @@ export function CallToAction() {
> >
<Container className="relative"> <Container className="relative">
<div className="mx-auto max-w-3xl text-center"> <div className="mx-auto max-w-3xl text-center">
<h2 className="lg:text-2xl font-light text-xl tracking-tight text-bg-darkbrown pt-4 lg:pt-6"> <H2>
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. 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> </H2>
<p className="mt-4 text-lg lg:text-xl italic tracking-tight text-gold-900 pb-6"> <PS>
Discover a cruise like no other with us on the Nile. Discover a cruise like no other with us on the Nile.
</p> </PS>
</div> </div>
</Container> </Container>
</section> </section>

18
src/components/Community.jsx
View File

@@ -29,6 +29,7 @@ import {
XMarkIcon, XMarkIcon,
} from '@heroicons/react/24/outline' } from '@heroicons/react/24/outline'
import { StarIcon } from '@heroicons/react/20/solid' import { StarIcon } from '@heroicons/react/20/solid'
import { H2, PS } from '@/components/text'
const product = { const product = {
@@ -64,9 +65,7 @@ const product = {
{ id: 'white', name: 'White', classes: 'bg-white checked:outline-gray-400' }, { id: 'white', name: 'White', classes: 'bg-white checked:outline-gray-400' },
{ id: 'washed-gray', name: 'Washed Gray', classes: 'bg-gray-500 checked:outline-gray-500' }, { id: 'washed-gray', name: 'Washed Gray', classes: 'bg-gray-500 checked:outline-gray-500' },
], ],
description: ` description: 'Community building holds significant value by fostering a sense of belonging, providing social and emotional support, and promoting collective action. It enhances social capital, encourages collaboration. Human to human connection become more and more important as new technological times require us to collaborate more on a peer to peer level and connect on different levels with each other.',
<p>Community building holds significant value by fostering a sense of belonging, providing social and emotional support, and promoting collective action. It enhances social capital, encourages collaboration. Human to human connection become more and more important as new technological times require us to collaborate more on a peer to peer level and connect on different levels with each other.</p>
`,
details: [ details: [
{ {
name: 'Features', name: 'Features',
@@ -181,7 +180,7 @@ export function Community() {
<h1 className="text-3xl font-bold tracking-tight text-gray-900">{product.name}</h1> <h1 className="text-3xl font-bold tracking-tight text-gray-900">{product.name}</h1>
<div className="mt-3"> <div className="mt-3">
<h2 className="sr-only">Product information</h2> <H2 className="sr-only">Product information</H2>
</div> </div>
{/* Reviews */} {/* Reviews */}
@@ -192,18 +191,17 @@ export function Community() {
<div className="mt-6"> <div className="mt-6">
<h3 className="sr-only">Description</h3> <h3 className="sr-only">Description</h3>
<div <div className="space-y-6 text-base text-gray-700">
dangerouslySetInnerHTML={{ __html: product.description }} <PS>{product.description}</PS>
className="space-y-6 text-base text-gray-700" </div>
/>
</div> </div>
<section aria-labelledby="details-heading" className="mt-12"> <section aria-labelledby="details-heading" className="mt-12">
<h2 id="details-heading" className="sr-only"> <H2 id="details-heading" className="sr-only">
Additional details Additional details
</h2> </H2>
<div className="divide-y divide-gray-200 border-t border-gray-200"> <div className="divide-y divide-gray-200 border-t border-gray-200">
{product.details.map((detail) => ( {product.details.map((detail) => (

8
src/components/ContactHero.jsx
View File

@@ -3,7 +3,7 @@
import { BuildingOffice2Icon, EnvelopeIcon } from '@heroicons/react/24/outline' import { BuildingOffice2Icon, EnvelopeIcon } from '@heroicons/react/24/outline'
import { Button } from '@/components/Button' import { Button } from '@/components/Button'
import { Container } from '@/components/Container' import { Container } from '@/components/Container'
import { H2 } from '@/components/text' import { H2, PS } from '@/components/text'
import { useState } from 'react' import { useState } from 'react'
export function ContactHero() { export function ContactHero() {
@@ -52,9 +52,9 @@ export function ContactHero() {
<H2 className="text-4xl font-semibold tracking-tight text-pretty text-gray-900 sm:text-5xl"> <H2 className="text-4xl font-semibold tracking-tight text-pretty text-gray-900 sm:text-5xl">
Get in Touch Get in Touch
</H2> </H2>
<p className="mt-6 text-lg/8 text-gray-200"> <PS>
At VEDA, we welcome your questions, ideas, and collaborations. Whether you’re curious about our retreats, interested in hosting a private gathering, or exploring partnership opportunities, we’re here to connect. Reach out to us today and let’s create transformative experiences along the timeless Nile. At VEDA, we welcome your questions, ideas, and collaborations. Whether you're curious about our retreats, interested in hosting a private gathering, or exploring partnership opportunities, we're here to connect. Reach out to us today and let's create transformative experiences along the timeless Nile.
</p> </PS>
<dl className="mt-10 space-y-4 text-base/7 text-gray-200"> <dl className="mt-10 space-y-4 text-base/7 text-gray-200">
<div className="flex gap-x-4"> <div className="flex gap-x-4">
<dt className="flex-none"> <dt className="flex-none">

18
src/components/Exp2.jsx
View File

@@ -1,22 +1,14 @@
import { P, H2, H3, H4, PS, PXS, PXXS } from '@/components/text'
export function Experience() { export function Experience() {
return ( return (
<div className="bg-transparent"> <div className="bg-transparent">
<div aria-hidden="true" className="relative"> <div className="relative mx-auto mt-12 max-w-7xl px-6 pb-16 lg:px-8">
<img
alt=""
src="/images/exp.jpg"
className="h-96 w-full object-cover object-center"
/>
<div className="absolute inset-0 bg-gradient-to-t from-creme-600" />
</div>
<div className="relative mx-auto -mt-12 max-w-7xl px-6 pb-16 sm:px-6 sm:pb-24 lg:px-8">
<div className="mx-auto max-w-2xl text-center lg:max-w-4xl"> <div className="mx-auto max-w-2xl text-center lg:max-w-4xl">
<h2 className="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">VEDA Programs</h2> <H2 className="">VEDA Programs</H2>
<p className="mt-4 text-gray-900"> <P className="mt-4 text-gray-900">
Join us for transformative journeys of wellness, creativity, and connection on the tranquil and sacred Nile. Join us for transformative journeys of wellness, creativity, and connection on the tranquil and sacred Nile.
</p> </P >
</div> </div>
</div> </div>
</div> </div>

2
src/components/Story.jsx
View File

@@ -1,5 +1,5 @@
import { CloudArrowUpIcon, LockClosedIcon, ServerIcon, SparklesIcon } from '@heroicons/react/20/solid' import { CloudArrowUpIcon, LockClosedIcon, ServerIcon, SparklesIcon } from '@heroicons/react/20/solid'
import { P, H2, H3, PS, PXS } from '@/components/text' import { P, H2, H3, H4, PS, PXS, PXXS } from '@/components/text'
export default function Story() { export default function Story() {
return ( return (