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-27 15:16:38 +02:00
parent 313d266bda
commit bb918262bc
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -16,7 +16,7 @@ import Carousel from '@/components/Carousel'
import { Testimonials } from '@/components/Testimonials'
export default function ExperiencesPage() {
const [selectedExperience, setSelectedExperience] = useState('community')
const [selectedExperience, setSelectedExperience] = useState('retreats')
const renderSelectedComponent = () => {
switch (selectedExperience) {

12
src/components/Experiences.jsx
View File

@@ -9,17 +9,17 @@ export function Experiences({ onExperienceSelect }) {
<div className="grid grid-cols-1 gap-4 lg:grid-cols-6 lg:grid-rows-2">
{/* Photo 1 - Left large image */}
<div className="flex lg:col-span-2 lg:row-span-2">
<div className="w-full overflow-hidden relative cursor-pointer group" onClick={() => onExperienceSelect('community')}>
<div className="w-full overflow-hidden relative cursor-pointer group" onClick={() => onExperienceSelect('retreats')}>
<img
alt=""
src="/images/activities/community.jpg"
src="/images/activities/private.jpg"
className="h-60 lg:h-full w-full object-cover object-center transition-transform duration-300 group-hover:scale-105"
/>
{/* Black overlay */}
<div className="absolute inset-0 bg-black opacity-30 group-hover:opacity-20 transition-opacity duration-300"></div>
{/* Text overlay */}
<div className="absolute inset-0 flex items-center justify-center">
<H3 className="text-white text-center font-semibold group-hover:scale-110 transition-transform duration-300">Community Building</H3>
<H3 className="text-white text-center font-semibold group-hover:scale-110 transition-transform duration-300">Private Retreats</H3>
</div>
</div>
</div>
@@ -41,17 +41,17 @@ export function Experiences({ onExperienceSelect }) {
</div>
{/* Photo 4 - Right large image */}
<div className="flex lg:col-span-2 lg:row-span-2">
<div className="w-full overflow-hidden relative cursor-pointer group" onClick={() => onExperienceSelect('retreats')}>
<div className="w-full overflow-hidden relative cursor-pointer group" onClick={() => onExperienceSelect('community')}>
<img
alt=""
src="/images/activities/private.jpg"
src="/images/activities/community.jpg"
className="h-80 lg:h-full w-full object-cover object-center transition-transform duration-300 group-hover:scale-105"
/>
{/* Black overlay */}
<div className="absolute inset-0 bg-black opacity-30 group-hover:opacity-20 transition-opacity duration-300"></div>
{/* Text overlay */}
<div className="absolute inset-0 flex items-center justify-center">
<H3 className="text-white text-center font-semibold group-hover:scale-110 transition-transform duration-300">Private Retreats</H3>
<H3 className="text-white text-center font-semibold group-hover:scale-110 transition-transform duration-300">Community Building</H3>
</div>
</div>
</div>