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

ok

Browse Source
This commit is contained in:
sasha-astiadi
2025-08-26 15:40:16 +02:00
parent 8ac8c08bc0
commit ff89195140
4 changed files with 32 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -21,7 +21,6 @@ export default function Experiences() {
<Nomads /> <Nomads />
<FFVid/> <FFVid/>
<Exp/> <Exp/>
<CallToAction3 />
</main> </main>
<Footer /> <Footer />
</> </>

2
src/components/CallToAction2.jsx
View File

@@ -7,7 +7,7 @@ export function CallToAction2() {
return ( return (
<section <section
id="get-started-today" id="get-started-today"
className="relative overflow-hidden bg-transparent py-40 mt-4 mb-2" className="relative overflow-hidden cent py-40 mt-4 mb-2"
> >
<img <img
className="absolute left-1/2 top-1/2 max-w-none -translate-x-1/2 -translate-y-1/2" className="absolute left-1/2 top-1/2 max-w-none -translate-x-1/2 -translate-y-1/2"

121
src/components/Community.jsx
View File

@@ -1,34 +1,11 @@
'use client' import { P, H3, H4, PXS, PXXS } from '@/components/text'
import { Fragment, useState } from 'react'
import { import {
Dialog,
DialogBackdrop,
DialogPanel,
Disclosure,
DisclosureButton,
DisclosurePanel,
Popover,
PopoverButton,
PopoverGroup,
PopoverPanel,
Tab, Tab,
TabGroup, TabGroup,
TabList, TabList,
TabPanel, TabPanel,
TabPanels, TabPanels,
} from '@headlessui/react' } from '@headlessui/react'
import {
Bars3Icon,
HeartIcon,
MagnifyingGlassIcon,
MinusIcon,
PlusIcon,
ShoppingBagIcon,
UserIcon,
XMarkIcon,
} from '@heroicons/react/24/outline'
import { StarIcon } from '@heroicons/react/20/solid'
import { H2, PS } from '@/components/text' import { H2, PS } from '@/components/text'
@@ -75,15 +52,6 @@ const product = {
'Personal growth sessions led by experienced coaches, offering mentoring and guidance to foster self-discovery and personal development.', 'Personal growth sessions led by experienced coaches, offering mentoring and guidance to foster self-discovery and personal development.',
], ],
}, },
{
name: 'Benefits',
items: [
'Enhanced self-awareness and rejuvenation within a nurturing environment, surrounded by the timeless beauty of the Nile.',
'Building connections with like-minded individuals in an intimate setting, ideal for forging community ties and shared transformative experiences.',
'Machine wash interior dividers',
'A balanced mix of relaxation, adventure, and cultural immersion, fostering a profound sense of well-being and enrichment.',
],
},
], ],
} }
const relatedProducts = [ const relatedProducts = [
@@ -131,15 +99,9 @@ function classNames(...classes) {
} }
export function Community() { export function Community() {
const [open, setOpen] = useState(false)
return ( return (
<div className="pb-24"> <div className="pb-24">
<main className="mx-auto max-w-7xl sm:px-6 sm:pt-12 lg:px-8">
<main className="mx-auto max-w-7xl sm:px-6 sm:pt-16 lg:px-8">
<div className="mx-auto max-w-2xl lg:max-w-none"> <div className="mx-auto max-w-2xl lg:max-w-none">
{/* Product */} {/* Product */}
<div className="lg:grid lg:grid-cols-2 lg:items-start lg:gap-x-8"> <div className="lg:grid lg:grid-cols-2 lg:items-start lg:gap-x-8">
@@ -151,15 +113,15 @@ export function Community() {
{product.images.map((image) => ( {product.images.map((image) => (
<Tab <Tab
key={image.id} key={image.id}
className="group relative flex h-24 cursor-pointer items-center justify-center rounded-md bg-white text-sm font-medium text-gray-900 uppercase hover:bg-gray-50 focus:ring-3 focus:ring-indigo-500/50 focus:ring-offset-4 focus:outline-hidden" className="group relative flex h-24 cursor-pointer items-center justify-center rounded-md bg-transparent text-sm font-medium text-gray-900 uppercase hover:bg-gray-50 focus:ring-3 focus:ring-indigo-500/50 focus:ring-offset-4 focus:outline-hidden"
> >
<span className="sr-only">{image.name}</span> <span className="sr-only">{image.name}</span>
<span className="absolute inset-0 overflow-hidden rounded-md"> <span className="absolute inset-0 overflow-hidden ">
<img alt="" src={image.src} className="size-full object-cover" /> <img alt="" src={image.src} className="size-full object-cover" />
</span> </span>
<span <span
aria-hidden="true" aria-hidden="true"
className="pointer-events-none absolute inset-0 rounded-md ring-2 ring-transparent ring-offset-2 group-data-selected:ring-indigo-500" className="pointer-events-none absolute inset-0 ring-1 ring-transparent ring-offset-2 group-data-selected:ring-indigo-500"
/> />
</Tab> </Tab>
))} ))}
@@ -169,83 +131,56 @@ export function Community() {
<TabPanels> <TabPanels>
{product.images.map((image) => ( {product.images.map((image) => (
<TabPanel key={image.id}> <TabPanel key={image.id}>
<img alt={image.alt} src={image.src} className="aspect-square w-full object-cover sm:rounded-lg" /> <img alt={image.alt} src={image.src} className="aspect-square w-full object-cover" />
</TabPanel> </TabPanel>
))} ))}
</TabPanels> </TabPanels>
</TabGroup> </TabGroup>
{/* Product info */} {/* Product info */}
<div className="mt-10 px-6 sm:mt-16 sm:px-0 lg:mt-0"> <div className="mt-6 px-6 sm:mt-16 sm:px-0 lg:mt-0">
<h1 className="text-3xl font-bold tracking-tight text-gray-900">{product.name}</h1> <H2 className="">{product.name}</H2>
<div className="mt-3">
<H2 className="sr-only">Product information</H2>
</div>
{/* Reviews */}
<div className="mt-3">
<h3 className="sr-only">Reviews</h3>
</div>
<div className="mt-6">
<div className="mt-4">
<h3 className="sr-only">Description</h3> <h3 className="sr-only">Description</h3>
<div className="space-y-6 text-base text-gray-700"> <div className="space-y-2 text-base text-gray-700">
<PS>{product.description}</PS> <PS>{product.description}</PS>
</div> </div>
</div> </div>
<section aria-labelledby="details-heading" className="mt-8">
<section aria-labelledby="details-heading" className="mt-12"> <div className="space-y-4 border-t border-gray-300 pt-4">
<H2 id="details-heading" className="sr-only">
Additional details
</H2>
<div className="divide-y divide-gray-200 border-t border-gray-200">
{product.details.map((detail) => ( {product.details.map((detail) => (
<Disclosure key={detail.name} as="div"> <div key={detail.name}>
<h3> <h3>
<DisclosureButton className="group relative flex w-full items-center justify-between py-6 text-left"> <PS className="font-medium text-gray-900 mb-4">
<span className="text-sm font-medium text-gray-900 group-data-open:text-indigo-600"> {detail.name}
{detail.name} </PS>
</span>
<span className="ml-6 flex items-center">
<PlusIcon
aria-hidden="true"
className="block size-6 text-gray-400 group-hover:text-gray-500 group-data-open:hidden"
/>
<MinusIcon
aria-hidden="true"
className="hidden size-6 text-indigo-400 group-hover:text-indigo-500 group-data-open:block"
/>
</span>
</DisclosureButton>
</h3> </h3>
<DisclosurePanel className="pb-6"> <ul
<ul role="list"
role="list" className="list-disc space-y-2 pl-5 text-sm/6 text-gray-700 marker:text-gray-300"
className="list-disc space-y-1 pl-5 text-sm/6 text-gray-700 marker:text-gray-300" >
> {detail.items.map((item) => (
{detail.items.map((item) => ( <li key={item} className="pl-2 font-light">
<li key={item} className="pl-2"> {item}
{item} </li>
</li> ))}
))} </ul>
</ul> </div>
</DisclosurePanel>
</Disclosure>
))} ))}
</div> </div>
</section> </section>
</div> </div>
</div> </div>
</div> </div>
</main> </main>
</div> </div>
) )
} }

2
src/components/Exp2.jsx
View File

@@ -3,7 +3,7 @@ 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 className="relative mx-auto mt-12 max-w-7xl px-6 pb-16 lg:px-8"> <div className="relative mx-auto mt-12 max-w-7xl px-6 pb-12 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="">VEDA Programs</H2> <H2 className="">VEDA Programs</H2>
<P className="mt-4 text-gray-900"> <P className="mt-4 text-gray-900">