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-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 />
<FFVid/>
<Exp/>
<CallToAction3 />
</main>
<Footer />
</>

2
src/components/CallToAction2.jsx
View File

@@ -7,7 +7,7 @@ export function CallToAction2() {
return (
<section
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
className="absolute left-1/2 top-1/2 max-w-none -translate-x-1/2 -translate-y-1/2"

125
src/components/Community.jsx
View File

@@ -1,34 +1,11 @@
'use client'
import { Fragment, useState } from 'react'
import { P, H3, H4, PXS, PXXS } from '@/components/text'
import {
Dialog,
DialogBackdrop,
DialogPanel,
Disclosure,
DisclosureButton,
DisclosurePanel,
Popover,
PopoverButton,
PopoverGroup,
PopoverPanel,
Tab,
TabGroup,
TabList,
TabPanel,
TabPanels,
} 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'
@@ -75,15 +52,6 @@ const product = {
'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 = [
@@ -131,15 +99,9 @@ function classNames(...classes) {
}
export function Community() {
const [open, setOpen] = useState(false)
return (
<div className="pb-24">
<main className="mx-auto max-w-7xl sm:px-6 sm:pt-16 lg:px-8">
<main className="mx-auto max-w-7xl sm:px-6 sm:pt-12 lg:px-8">
<div className="mx-auto max-w-2xl lg:max-w-none">
{/* Product */}
<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) => (
<Tab
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="absolute inset-0 overflow-hidden rounded-md">
<span className="absolute inset-0 overflow-hidden ">
<img alt="" src={image.src} className="size-full object-cover" />
</span>
<span
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>
))}
@@ -169,83 +131,56 @@ export function Community() {
<TabPanels>
{product.images.map((image) => (
<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>
))}
</TabPanels>
</TabGroup>
{/* Product info */}
<div className="mt-10 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>
<div className="mt-6 px-6 sm:mt-16 sm:px-0 lg:mt-0">
<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>
<div className="space-y-6 text-base text-gray-700">
<div className="space-y-2 text-base text-gray-700">
<PS>{product.description}</PS>
</div>
</div>
<section aria-labelledby="details-heading" className="mt-8">
<section aria-labelledby="details-heading" className="mt-12">
<H2 id="details-heading" className="sr-only">
Additional details
</H2>
<div className="divide-y divide-gray-200 border-t border-gray-200">
<div className="space-y-4 border-t border-gray-300 pt-4">
{product.details.map((detail) => (
<Disclosure key={detail.name} as="div">
<div key={detail.name}>
<h3>
<DisclosureButton className="group relative flex w-full items-center justify-between py-6 text-left">
<span className="text-sm font-medium text-gray-900 group-data-open:text-indigo-600">
{detail.name}
</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>
<PS className="font-medium text-gray-900 mb-4">
{detail.name}
</PS>
</h3>
<DisclosurePanel className="pb-6">
<ul
role="list"
className="list-disc space-y-1 pl-5 text-sm/6 text-gray-700 marker:text-gray-300"
>
{detail.items.map((item) => (
<li key={item} className="pl-2">
{item}
</li>
))}
</ul>
</DisclosurePanel>
</Disclosure>
<ul
role="list"
className="list-disc space-y-2 pl-5 text-sm/6 text-gray-700 marker:text-gray-300"
>
{detail.items.map((item) => (
<li key={item} className="pl-2 font-light">
{item}
</li>
))}
</ul>
</div>
))}
</div>
</section>
</div>
</div>
</div>
</main>
</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() {
return (
<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">
<H2 className="">VEDA Programs</H2>
<P className="mt-4 text-gray-900">