chore:add public images folder

data/activities.ts

@@ -6,20 +6,20 @@ export const activities: Activity[] = [
     title: 'Organic Farming',
     description:
       'Our campus utilizes natural farming techniques to produce healthy, chemical-free food while regenerating the soil. We practice crop rotation, composting, and water conservation.',
-    imageUrl: 'https://picsum.photos/seed/farming/800/600',
+    imageUrl: '/images/bloody.jpg',
   },
   {
     id: 'school',
     title: 'Residential School',
     description:
       'Providing values-based education that integrates academic learning with practical life skills. Our students learn through doing and are encouraged to explore their innate potential.',
-    imageUrl: 'https://picsum.photos/seed/school/800/600',
+    imageUrl: '/images/resi.jpg',
   },
   {
     id: 'skills',
     title: 'Skill Development',
     description:
       'Empowering local communities through vocational training in carpentry, pottery, weaving, and renewable energy technologies. Promoting self-reliance and sustainable livelihoods.',
-    imageUrl: 'https://picsum.photos/seed/skills/800/600',
+    imageUrl: '/images/skill1.jpg',
   },
 ];

pages/Home.tsx

@@ -66,7 +66,7 @@ const Home: FC = () => {
           <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
             <div className="relative group overflow-hidden rounded-xl aspect-[4/3]">
               <img
-                src="https://picsum.photos/seed/farm/600/400"
+                src="/images/organic.jpg"
                 alt="Farming"
                 className="object-cover w-full h-full transition-transform duration-500 group-hover:scale-110"
               />
@@ -76,7 +76,7 @@ const Home: FC = () => {
             </div>
             <div className="relative group overflow-hidden rounded-xl aspect-[4/3]">
               <img
-                src="https://picsum.photos/seed/kids/600/400"
+                src="/images/edu.jpg"
                 alt="Education"
                 className="object-cover w-full h-full transition-transform duration-500 group-hover:scale-110"
               />
@@ -86,7 +86,7 @@ const Home: FC = () => {
             </div>
             <div className="relative group overflow-hidden rounded-xl aspect-[4/3]">
               <img
-                src="https://picsum.photos/seed/pottery/600/400"
+                src="/images/skill.jpg"
                 alt="Skills"
                 className="object-cover w-full h-full transition-transform duration-500 group-hover:scale-110"
               />