diff --git a/src/app/experiences/page.jsx b/src/app/experiences/page.jsx
index e224de4..c7d8770 100644
--- a/src/app/experiences/page.jsx
+++ b/src/app/experiences/page.jsx
@@ -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) {
diff --git a/src/components/Experiences.jsx b/src/components/Experiences.jsx
index 6118017..23254a3 100644
--- a/src/components/Experiences.jsx
+++ b/src/components/Experiences.jsx
@@ -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>