From ff891951403244e162c1a32e6bc82c676b04bed3 Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha@incubaid.com>
Date: Tue, 26 Aug 2025 15:40:16 +0200
Subject: [PATCH] ok

---
 src/app/experiences/page.jsx     |   1 -
 src/components/CallToAction2.jsx |   2 +-
 src/components/Community.jsx     | 125 ++++++++-----------------------
 src/components/Exp2.jsx          |   2 +-
 4 files changed, 32 insertions(+), 98 deletions(-)

diff --git a/src/app/experiences/page.jsx b/src/app/experiences/page.jsx
index dfc5d04..135244b 100644
--- a/src/app/experiences/page.jsx
+++ b/src/app/experiences/page.jsx
@@ -21,7 +21,6 @@ export default function Experiences() {
         <Nomads />
         <FFVid/>
         <Exp/>
-        <CallToAction3 />
       </main>
       <Footer />
     </>
diff --git a/src/components/CallToAction2.jsx b/src/components/CallToAction2.jsx
index 006e79e..c8c76c5 100644
--- a/src/components/CallToAction2.jsx
+++ b/src/components/CallToAction2.jsx
@@ -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"
diff --git a/src/components/Community.jsx b/src/components/Community.jsx
index 7a6d979..9c92ee9 100644
--- a/src/components/Community.jsx
+++ b/src/components/Community.jsx
@@ -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>
   )
 }
diff --git a/src/components/Exp2.jsx b/src/components/Exp2.jsx
index 8a97b5b..b9f2778 100644
--- a/src/components/Exp2.jsx
+++ b/src/components/Exp2.jsx
@@ -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">