diff --git "a/services.html" "b/services.html"
--- "a/services.html"
+++ "b/services.html"
@@ -1,1205 +1,792 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
+  <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>TECHFARM Hub - Our Services</title>
-    <meta name="description" content="Explore TECHFARM Hub's comprehensive services for agri-tech innovators including training, mentorship, funding, and business support." />
+    <title>Our Services | TECHFARM Hub - Empowering Agri-Tech Innovators</title>
+    <meta
+      name="description"
+      content="Discover our comprehensive services to support agri-tech innovation at every stage - from training and mentorship to funding and startup support."
+    />
     <link rel="icon" type="image/x-icon" href="/static/favicon.ico" />
     <script src="https://cdn.tailwindcss.com"></script>
     <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet" />
     <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js" defer></script>
+    <script
+      src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"
+      defer
+    ></script>
     <style>
-        @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
-        
-        /* Custom animations */
-        @keyframes fadeIn {
-            from { opacity: 0; }
-            to { opacity: 1; }
-        }
-        
-        @keyframes float {
-            0%, 100% { transform: translateY(0); }
-            50% { transform: translateY(-20px); }
-        }
-        
-        @keyframes pulse {
-            0%, 100% { opacity: 1; }
-            50% { opacity: 0.5; }
-        }
-        
-        @keyframes slideInLeft {
-            from { transform: translateX(-50px); opacity: 0; }
-            to { transform: translateX(0); opacity: 1; }
-        }
-        
-        @keyframes slideInRight {
-            from { transform: translateX(50px); opacity: 0; }
-            to { transform: translateX(0); opacity: 1; }
-        }
-        
-        @keyframes scaleIn {
-            from { transform: scale(0.9); opacity: 0; }
-            to { transform: scale(1); opacity: 1; }
-        }
-        
-        .animate-float {
-            animation: float 6s ease-in-out infinite;
-        }
-        
-        .animate-pulse {
-            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-        }
-        
-        .animate-slide-in-left {
-            animation: slideInLeft 0.8s ease-out;
-        }
-        
-        .animate-slide-in-right {
-            animation: slideInRight 0.8s ease-out;
-        }
-        
-        .animate-scale-in {
-            animation: scaleIn 0.6s ease-out;
-        }
-        
-        .service-tab {
-            transition: all 0.3s ease;
-        }
-        
-        .service-tab.active {
-            transform: translateY(-5px);
-            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
-        }
-        
-        .gradient-bg {
-            background: linear-gradient(135deg, #7a1a61 0%, #3b82f6 100%);
-        }
-        
-        .gradient-text {
-            background: linear-gradient(135deg, #7a1a61, #3b82f6);
-            -webkit-background-clip: text;
-            background-clip: text;
-            color: transparent;
+      @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap");
+
+      .gradient-bg {
+        background: linear-gradient(135deg, #7a1a61 0%, #3b82f6 100%);
+      }
+      
+      .gradient-text {
+        background: linear-gradient(135deg, #7a1a61 0%, #3b82f6 100%);
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+      }
+
+      .service-card {
+        transition: all 0.3s ease;
+      }
+
+      .service-card:hover {
+        transform: translateY(-10px);
+        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
+          0 10px 10px -5px rgba(0, 0, 0, 0.04);
+      }
+
+      @keyframes pulse {
+        0%,
+        100% {
+          opacity: 0.4;
+          transform: scale(0.9);
         }
-        
-        .faq-item {
-            transition: all 0.3s ease;
+        50% {
+          opacity: 1;
+          transform: scale(1.1);
         }
-        
-        .faq-item:hover {
-            transform: translateY(-3px);
+      }
+
+      .animate-pulse-slow {
+        animation: pulse 4s infinite;
+      }
+
+      @media (max-width: 768px) {
+        .hero-section {
+          padding-top: 100px;
+          padding-bottom: 60px;
         }
+      }
     </style>
-</head>
-<body class="font-sans bg-gray-50">
+  </head>
+  <body class="font-sans bg-gray-50">
     <!-- Navigation -->
-    <nav class="fixed w-full z-50 bg-white shadow-sm" x-data="{ mobileMenu: false }">
-        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-            <div class="flex justify-between h-20 items-center">
-                <div class="flex-shrink-0 flex items-center">
-                    <a href="index.html">
-                        <img src="images/logo.png" alt="TECHFARM Hub Logo" class="h-12 w-auto" />
-                    </a>
-                </div>
-                <div class="hidden lg:block">
-                    <div class="ml-10 flex items-center space-x-8">
-                        <a href="index.html" class="text-gray-900 hover:text-secondary-600 px-3 py-2 text-sm font-medium transition-colors duration-200">Home</a>
-                        <a href="about.html" class="text-gray-900 hover:text-secondary-600 px-3 py-2 text-sm font-medium transition-colors duration-200">About</a>
-                        <a href="services.html" class="text-primary-600 font-semibold px-3 py-2 text-sm font-medium transition-colors duration-200">Services</a>
-                        <a href="#programs" class="text-gray-900 hover:text-secondary-600 px-3 py-2 text-sm font-medium transition-colors duration-200">Programs</a>
-                        <a href="#contact" class="text-gray-900 hover:text-secondary-600 px-3 py-2 text-sm font-medium transition-colors duration-200">Contact</a>
-                        <a href="#" class="bg-secondary-600 text-white px-6 py-2 rounded-md text-sm font-medium hover:bg-secondary-700 transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-secondary-500 focus:ring-offset-2">Get Started</a>
-                    </div>
-                </div>
-                <div class="lg:hidden">
-                    <button @click="mobileMenu = !mobileMenu" type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-700 hover:text-secondary-600 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-primary-500" :aria-expanded="mobileMenu">
-                        <span class="sr-only">Open main menu</span>
-                        <i data-feather="menu" class="w-6 h-6"></i>
-                    </button>
-                </div>
+    <nav
+      class="fixed w-full z-50 bg-white shadow-sm"
+      x-data="{ mobileMenu: false }"
+    >
+      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div class="flex justify-between h-20 items-center">
+          <div class="flex-shrink-0 flex items-center">
+            <img
+              src="images/logo.png"
+              alt="TECHFARM Hub Logo"
+              class="h-12 w-auto"
+            />
+          </div>
+          <div class="hidden lg:block">
+            <div class="ml-10 flex items-center space-x-8">
+              <a
+                href="index.html"
+                class="text-gray-900 hover:text-secondary-600 px-3 py-2 text-sm font-medium transition-colors duration-200"
+                >Home</a
+              >
+              <a
+                href="about.html"
+                class="text-gray-900 hover:text-secondary-600 px-3 py-2 text-sm font-medium transition-colors duration-200"
+                >About</a
+              >
+              <a
+                href="services.html"
+                class="text-primary-600 font-medium px-3 py-2 text-sm"
+                >Services</a
+              >
+              <a
+                href="#programs"
+                class="text-gray-900 hover:text-secondary-600 px-3 py-2 text-sm font-medium transition-colors duration-200"
+                >Programs</a
+              >
+              <a
+                href="#events"
+                class="text-gray-900 hover:text-secondary-600 px-3 py-2 text-sm font-medium transition-colors duration-200"
+                >Events</a
+              >
+              <a
+                href="#contact"
+                class="text-gray-900 hover:text-secondary-600 px-3 py-2 text-sm font-medium transition-colors duration-200"
+                >Contact</a
+              >
+              <a
+                href="#"
+                class="bg-secondary-600 text-white px-6 py-2 rounded-md text-sm font-medium hover:bg-secondary-700 transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-secondary-500 focus:ring-offset-2"
+                >Get Started</a
+              >
             </div>
+          </div>
+          <div class="lg:hidden">
+            <button
+              @click="mobileMenu = !mobileMenu"
+              type="button"
+              class="inline-flex items-center justify-center p-2 rounded-md text-gray-700 hover:text-secondary-600 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-primary-500"
+              :aria-expanded="mobileMenu"
+            >
+              <span class="sr-only">Open main menu</span>
+              <i data-feather="menu" class="w-6 h-6"></i>
+            </button>
+          </div>
         </div>
+      </div>
 
-        <!-- Mobile menu -->
-        <div x-show="mobileMenu" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 -translate-y-4" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-4" class="lg:hidden mobile-menu bg-white shadow-lg" role="dialog" aria-modal="true">
-            <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3">
-                <a href="index.html" class="block px-3 py-2 rounded-md text-base font-medium text-gray-900 hover:text-secondary-600 hover:bg-gray-100">Home</a>
-                <a href="about.html" class="block px-3 py-2 rounded-md text-base font-medium text-gray-900 hover:text-secondary-600 hover:bg-gray-100">About</a>
-                <a href="services.html" class="block px-3 py-2 rounded-md text-base font-medium text-primary-600 bg-primary-50">Services</a>
-                <a href="#programs" class="block px-3 py-2 rounded-md text-base font-medium text-gray-900 hover:text-secondary-600 hover:bg-gray-100">Programs</a>
-                <a href="#contact" class="block px-3 py-2 rounded-md text-base font-medium text-gray-900 hover:text-secondary-600 hover:bg-gray-100">Contact</a>
-                <a href="#" class="block px-3 py-2 rounded-md text-base font-medium bg-secondary-600 text-white hover:bg-secondary-700 focus:outline-none focus:ring-2 focus:ring-secondary-500 focus:ring-offset-2">Get Started</a>
-            </div>
+      <!-- Mobile menu -->
+      <div
+        x-show="mobileMenu"
+        x-transition:enter="transition ease-out duration-200"
+        x-transition:enter-start="opacity-0 -translate-y-4"
+        x-transition:enter-end="opacity-100 translate-y-0"
+        x-transition:leave="transition ease-in duration-150"
+        x-transition:leave-start="opacity-100 translate-y-0"
+        x-transition:leave-end="opacity-0 -translate-y-4"
+        class="lg:hidden mobile-menu bg-white shadow-lg"
+        role="dialog"
+        aria-modal="true"
+      >
+        <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3">
+          <a
+            href="index.html"
+            class="block px-3 py-2 rounded-md text-base font-medium text-gray-900 hover:text-secondary-600 hover:bg-gray-100"
+            >Home</a
+          >
+          <a
+            href="about.html"
+            class="block px-3 py-2 rounded-md text-base font-medium text-gray-900 hover:text-secondary-600 hover:bg-gray-100"
+            >About</a
+          >
+          <a
+            href="services.html"
+            class="block px-3 py-2 rounded-md text-base font-medium text-primary-600 bg-primary-50"
+            >Services</a
+          >
+          <a
+            href="#programs"
+            class="block px-3 py-2 rounded-md text-base font-medium text-gray-900 hover:text-secondary-600 hover:bg-gray-100"
+            >Programs</a
+          >
+          <a
+            href="#events"
+            class="block px-3 py-2 rounded-md text-base font-medium text-gray-900 hover:text-secondary-600 hover:bg-gray-100"
+            >Events</a
+          >
+          <a
+            href="#contact"
+            class="block px-3 py-2 rounded-md text-base font-medium text-gray-900 hover:text-secondary-600 hover:bg-gray-100"
+            >Contact</a
+          >
+          <a
+            href="#"
+            class="block px-3 py-2 rounded-md text-base font-medium bg-secondary-600 text-white hover:bg-secondary-700 focus:outline-none focus:ring-2 focus:ring-secondary-500 focus:ring-offset-2"
+            >Get Started</a
+          >
         </div>
+      </div>
     </nav>
 
     <!-- Hero Section -->
-    <section class="pt-32 pb-20 bg-gradient-to-r from-primary-600 to-secondary-600">
-        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-            <div class="grid md:grid-cols-2 gap-12 items-center">
-                <div data-aos="fade-right">
-                    <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold text-white mb-6 animate-slide-in-left">
-                        Our <span class="text-accent-300">Services</span>
-                    </h1>
-                    <p class="text-xl text-white opacity-90 mb-8 animate-fade-in">
-                        Comprehensive support for agri-tech innovators at every stage of their journey. From ideation to scaling, we provide the tools and expertise you need to succeed.
-                    </p>
-                    <div class="flex flex-wrap gap-4 animate-fade-in-up">
-                        <a href="#services" class="bg-white text-primary-700 px-6 py-3 rounded-md text-lg font-semibold hover:bg-gray-100 transition-colors duration-300 shadow-lg focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-primary-700">
-                            Explore Services
-                        </a>
-                        <a href="#contact" class="border-2 border-white text-white px-6 py-3 rounded-md text-lg font-semibold hover:bg-white hover:text-primary-700 transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-primary-700">
-                            Contact Us
-                        </a>
-                    </div>
-                </div>
-                <div class="relative hidden md:block" data-aos="fade-left">
-                    <img src="http://static.photos/agriculture/640x360/1" alt="Farmers using technology" class="rounded-xl shadow-xl w-full animate-float">
-                    <div class="absolute -bottom-6 -right-6 bg-accent-500 p-6 rounded-xl shadow-lg w-2/3 z-10 animate-scale-in" style="animation-delay: 0.3s">
-                        <div class="text-white">
-                            <h3 class="font-bold text-xl mb-2">150+ Startups Supported</h3>
-                            <p class="text-sm">With our comprehensive services</p>
-                        </div>
-                    </div>
-                </div>
-            </div>
+    <section class="pt-32 pb-20 gradient-bg relative overflow-hidden">
+      <div class="absolute inset-0 bg-black opacity-10"></div>
+      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
+        <div class="text-center">
+          <h1
+            class="text-4xl md:text-5xl lg:text-6xl font-bold text-white mb-6"
+            data-aos="fade-up"
+          >
+            Our <span class="animate-pulse-slow">Services</span>
+          </h1>
+          <p
+            class="text-xl text-white opacity-90 max-w-3xl mx-auto mb-8"
+            data-aos="fade-up"
+            data-aos-delay="100"
+          >
+            Comprehensive support for agri-tech innovators at every stage of
+            their journey
+          </p>
         </div>
+      </div>
     </section>
 
-    <!-- Services Tabs Section -->
-    <section id="services" class="py-20 bg-white">
-        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-            <div class="text-center mb-16" data-aos="fade-up">
-                <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">
-                    Comprehensive <span class="gradient-text">Agri-Tech Services</span>
-                </h2>
-                <p class="text-xl text-gray-600 max-w-3xl mx-auto">
-                    Tailored solutions designed to accelerate your agricultural innovation journey
-                </p>
-            </div>
+    <!-- Services Section -->
+    <section class="py-20 bg-white">
+      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div class="text-center mb-16" data-aos="fade-up">
+          <h2
+            class="text-3xl md:text-4xl font-bold text-gray-900 mb-4"
+          >
+            Empowering Your Agri-Tech
+            <span class="gradient-text">Innovation</span>
+          </h2>
+          <p class="text-xl text-gray-600 max-w-3xl mx-auto">
+            We provide the tools, knowledge, and network to help your agri-tech
+            venture thrive
+          </p>
+        </div>
 
-            <div class="mb-12" data-aos="fade-up">
-                <div class="flex flex-wrap justify-center gap-4" role="tablist" aria-label="Services tabs">
-                    <button 
-                        @click="activeTab = 'training'"
-                        class="service-tab px-6 py-3 rounded-lg font-medium transition-all duration-300"
-                        :class="{'active bg-primary-600 text-white shadow-md': activeTab === 'training', 'bg-gray-100 text-gray-700 hover:bg-gray-200': activeTab !== 'training'}"
-                        role="tab"
-                        aria-selected="activeTab === 'training'"
-                        aria-controls="training-tab"
-                    >
-                        Training & Workshops
-                    </button>
-                    <button 
-                        @click="activeTab = 'mentorship'"
-                        class="service-tab px-6 py-3 rounded-lg font-medium transition-all duration-300"
-                        :class="{'active bg-primary-600 text-white shadow-md': activeTab === 'mentorship', 'bg-gray-100 text-gray-700 hover:bg-gray-200': activeTab !== 'mentorship'}"
-                        role="tab"
-                        aria-selected="activeTab === 'mentorship'"
-                        aria-controls="mentorship-tab"
-                    >
-                        Mentorship Programs
-                    </button>
-                    <button 
-                        @click="activeTab = 'funding'"
-                        class="service-tab px-6 py-3 rounded-lg font-medium transition-all duration-300"
-                        :class="{'active bg-primary-600 text-white shadow-md': activeTab === 'funding', 'bg-gray-100 text-gray-700 hover:bg-gray-200': activeTab !== 'funding'}"
-                        role="tab"
-                        aria-selected="activeTab === 'funding'"
-                        aria-controls="funding-tab"
-                    >
-                        Funding & Investment
-                    </button>
-                    <button 
-                        @click="activeTab = 'consultancy'"
-                        class="service-tab px-6 py-3 rounded-lg font-medium transition-all duration-300"
-                        :class="{'active bg-primary-600 text-white shadow-md': activeTab === 'consultancy', 'bg-gray-100 text-gray-700 hover:bg-gray-200': activeTab !== 'consultancy'}"
-                        role="tab"
-                        aria-selected="activeTab === 'consultancy'"
-                        aria-controls="consultancy-tab"
-                    >
-                        Business Consultancy
-                    </button>
-                    <button 
-                        @click="activeTab = 'multimedia'"
-                        class="service-tab px-6 py-3 rounded-lg font-medium transition-all duration-300"
-                        :class="{'active bg-primary-600 text-white shadow-md': activeTab === 'multimedia', 'bg-gray-100 text-gray-700 hover:bg-gray-200': activeTab !== 'multimedia'}"
-                        role="tab"
-                        aria-selected="activeTab === 'multimedia'"
-                        aria-controls="multimedia-tab"
-                    >
-                        Multimedia Services
-                    </button>
-                    <button 
-                        @click="activeTab = 'community'"
-                        class="service-tab px-6 py-3 rounded-lg font-medium transition-all duration-300"
-                        :class="{'active bg-primary-600 text-white shadow-md': activeTab === 'community', 'bg-gray-100 text-gray-700 hover:bg-gray-200': activeTab !== 'community'}"
-                        role="tab"
-                        aria-selected="activeTab === 'community'"
-                        aria-controls="community-tab"
-                    >
-                        Community Engagement
-                    </button>
-                </div>
+        <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
+          <!-- Training and Workshops -->
+          <div
+            class="bg-white p-8 rounded-xl shadow-md service-card"
+            data-aos="fade-up"
+            data-aos-delay="100"
+          >
+            <div
+              class="bg-primary-100 w-16 h-16 rounded-lg flex items-center justify-center mb-6"
+            >
+              <i data-feather="book-open" class="w-8 h-8 text-primary-600"></i>
             </div>
-
-            <div 
-                x-data="{ activeTab: 'training' }" 
-                class="bg-gray-50 rounded-xl shadow-md overflow-hidden"
-                data-aos="fade-up"
-                data-aos-delay="200"
+            <h3 class="text-xl font-bold text-gray-900 mb-3">
+              Training and Workshops
+            </h3>
+            <p class="text-gray-600 mb-4">
+              Hands-on training sessions and workshops covering the latest
+              agri-tech innovations and sustainable practices.
+            </p>
+            <ul class="space-y-2 mb-6">
+              <li class="flex items-start">
+                <i data-feather="check" class="w-4 h-4 text-primary-600 mr-2 mt-1"></i>
+                <span class="text-gray-600">Technical skills development</span>
+              </li>
+              <li class="flex items-start">
+                <i data-feather="check" class="w-4 h-4 text-primary-600 mr-2 mt-1"></i>
+                <span class="text-gray-600">Sustainable farming techniques</span>
+              </li>
+              <li class="flex items-start">
+                <i data-feather="check" class="w-4 h-4 text-primary-600 mr-2 mt-1"></i>
+                <span class="text-gray-600">Emerging technologies</span>
+              </li>
+            </ul>
+            <a
+              href="#"
+              class="inline-flex items-center text-primary-600 font-medium hover:text-primary-800 transition-colors duration-200"
             >
-                <!-- Training & Workshops -->
-                <div 
-                    x-show="activeTab === 'training'" 
-                    x-transition:enter="transition ease-out duration-300"
-                    x-transition:enter-start="opacity-0"
-                    x-transition:enter-end="opacity-100"
-                    class="p-8 md:p-12"
-                    id="training-tab"
-                    role="tabpanel"
-                    aria-labelledby="training-tab"
-                >
-                    <div class="grid md:grid-cols-2 gap-12 items-center">
-                        <div>
-                            <h3 class="text-2xl md:text-3xl font-bold text-gray-900 mb-6 animate-slide-in-left">
-                                Training & <span class="text-primary-600">Workshops</span>
-                            </h3>
-                            <p class="text-gray-600 mb-6 animate-fade-in">
-                                Our comprehensive training programs and hands-on workshops are designed to equip you with the latest knowledge and practical skills in agri-tech innovation. Whether you're a farmer looking to adopt new technologies or an entrepreneur developing agricultural solutions, we have the right program for you.
-                            </p>
-                            <div class="space-y-4 mb-8">
-                                <div class="flex items-start animate-fade-in-up">
-                                    <div class="flex-shrink-0 mt-1">
-                                        <div class="flex items-center justify-center h-6 w-6 rounded-full bg-primary-100 text-primary-600">
-                                            <i data-feather="check" class="w-4 h-4"></i>
-                                        </div>
-                                    </div>
-                                    <p class="ml-3 text-gray-600">
-                                        Hands-on training in precision agriculture technologies
-                                    </p>
-                                </div>
-                                <div class="flex items-start animate-fade-in-up" style="animation-delay: 0.2s">
-                                    <div class="flex-shrink-0 mt-1">
-                                        <div class="flex items-center justify-center h-6 w-6 rounded-full bg-primary-100 text-primary-600">
-                                            <i data-feather="check" class="w-4 h-4"></i>
-                                        </div>
-                                    </div>
-                                    <p class="ml-3 text-gray-600">
-                                        Workshops on sustainable farming practices
-                                    </p>
-                                </div>
-                                <div class="flex items-start animate-fade-in-up" style="animation-delay: 0.4s">
-                                    <div class="flex-shrink-0 mt-1">
-                                        <div class="flex items-center justify-center h-6 w-6 rounded-full bg-primary-100 text-primary-600">
-                                            <i data-feather="check" class="w-4 h-4"></i>
-                                        </div>
-                                    </div>
-                                    <p class="ml-3 text-gray-600">
-                                        Certification programs in agri-tech entrepreneurship
-                                    </p>
-                                </div>
-                            </div>
-                            <a href="#" class="inline-flex items-center bg-primary-600 text-white px-6 py-3 rounded-md text-lg font-medium hover:bg-primary-700 transition-colors duration-300 animate-fade-in-up focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2">
-                                View Training Calendar
-                                <i data-feather="arrow-right" class="ml-2 w-5 h-5"></i>
-                            </a>
-                        </div>
-                        <div class="relative animate-slide-in-right">
-                            <img src="http://static.photos/education/640x360/2" alt="Training workshop" class="rounded-xl shadow-lg w-full">
-                            <div class="absolute -bottom-4 -left-4 bg-white p-4 rounded-lg shadow-md w-2/3 animate-scale-in" style="animation-delay: 0.5s">
-                                <div class="flex items-center">
-                                    <div class="bg-primary-100 p-2 rounded-lg mr-3">
-                                        <i data-feather="award" class="w-6 h-6 text-primary-600"></i>
-                                    </div>
-                                    <div>
-                                        <h4 class="font-bold text-gray-900">Certified Training</h4>
-                                        <p class="text-sm text-gray-600">Internationally recognized</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
+              Learn more
+              <i data-feather="arrow-right" class="ml-2 w-5 h-5"></i>
+            </a>
+          </div>
 
-                <!-- Mentorship Programs -->
-                <div 
-                    x-show="activeTab === 'mentorship'" 
-                    x-transition:enter="transition ease-out duration-300"
-                    x-transition:enter-start="opacity-0"
-                    x-transition:enter-end="opacity-100"
-                    class="p-8 md:p-12"
-                    id="mentorship-tab"
-                    role="tabpanel"
-                    aria-labelledby="mentorship-tab"
-                >
-                    <div class="grid md:grid-cols-2 gap-12 items-center">
-                        <div>
-                            <h3 class="text-2xl md:text-3xl font-bold text-gray-900 mb-6 animate-slide-in-left">
-                                Mentorship <span class="text-primary-600">Programs</span>
-                            </h3>
-                            <p class="text-gray-600 mb-6 animate-fade-in">
-                                Connect with our network of 500+ industry experts, successful entrepreneurs, and technical specialists who provide personalized guidance to help you navigate the challenges of agri-tech innovation. Our mentorship programs are tailored to your specific needs and growth stage.
-                            </p>
-                            <div class="space-y-4 mb-8">
-                                <div class="flex items-start animate-fade-in-up">
-                                    <div class="flex-shrink-0 mt-1">
-                                        <div class="flex items-center justify-center h-6 w-6 rounded-full bg-primary-100 text-primary-600">
-                                            <i data-feather="check" class="w-4 h-4"></i>
-                                        </div>
-                                    </div>
-                                    <p class="ml-3 text-gray-600">
-                                        One-on-one mentorship with industry leaders
-                                    </p>
-                                </div>
-                                <div class="flex items-start animate-fade-in-up" style="animation-delay: 0.2s">
-                                    <div class="flex-shrink-0 mt-1">
-                                        <div class="flex items-center justify-center h-6 w-6 rounded-full bg-primary-100 text-primary-600">
-                                            <i data-feather="check" class="w-4 h-4"></i>
-                                        </div>
-                                    </div>
-                                    <p class="ml-3 text-gray-600">
-                                        Technical guidance on product development
-                                    </p>
-                                </div>
-                                <div class="flex items-start animate-fade-in-up" style="animation-delay: 0.4s">
-                                    <div class="flex-shrink-0 mt-1">
-                                        <div class="flex items-center justify-center h-6 w-6 rounded-full bg-primary-100 text-primary-600">
-                                            <i data-feather="check" class="w-4 h-4"></i>
-                                        </div>
-                                    </div>
-                                    <p class="ml-3 text-gray-600">
-                                        Business strategy and scaling advice
-                                    </p>
-                                </div>
-                            </div>
-                            <a href="#" class="inline-flex items-center bg-primary-600 text-white px-6 py-3 rounded-md text-lg font-medium hover:bg-primary-700 transition-colors duration-300 animate-fade-in-up focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2">
-                                Find a Mentor
-                                <i data-feather="arrow-right" class="ml-2 w-5 h-5"></i>
-                            </a>
-                        </div>
-                        <div class="relative animate-slide-in-right">
-                            <img src="http://static.photos/office/640x360/3" alt="Mentorship session" class="rounded-xl shadow-lg w-full">
-                            <div class="absolute -bottom-4 -right-4 bg-white p-4 rounded-lg shadow-md w-2/3 animate-scale-in" style="animation-delay: 0.5s">
-                                <div class="flex items-center">
-                                    <div class="bg-primary-100 p-2 rounded-lg mr-3">
-                                        <i data-feather="users" class="w-6 h-6 text-primary-600"></i>
-                                    </div>
-                                    <div>
-                                        <h4 class="font-bold text-gray-900">500+ Experts</h4>
-                                        <p class="text-sm text-gray-600">Global network</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
+          <!-- Mentorship Programs -->
+          <div
+            class="bg-white p-8 rounded-xl shadow-md service-card"
+            data-aos="fade-up"
+            data-aos-delay="200"
+          >
+            <div
+              class="bg-secondary-100 w-16 h-16 rounded-lg flex items-center justify-center mb-6"
+            >
+              <i data-feather="users" class="w-8 h-8 text-secondary-600"></i>
+            </div>
+            <h3 class="text-xl font-bold text-gray-900 mb-3">
+              Mentorship Programs
+            </h3>
+            <p class="text-gray-600 mb-4">
+              One-on-one guidance from industry experts to help you navigate
+              challenges and accelerate your agri-tech venture.
+            </p>
+            <ul class="space-y-2 mb-6">
+              <li class="flex items-start">
+                <i data-feather="check" class="w-4 h-4 text-primary-600 mr-2 mt-1"></i>
+                <span class="text-gray-600">Personalized guidance</span>
+              </li>
+              <li class="flex items-start">
+                <i data-feather="check" class="w-4 h-4 text-primary-600 mr-2 mt-1"></i>
+                <span class="text-gray-600">Industry connections</span>
+              </li>
+              <li class="flex items-start">
+                <i data-feather="check" class="w-4 h-4 text-primary-600 mr-2 mt-1"></i>
+                <span class="text-gray-600">Business strategy</span>
+              </li>
+            </ul>
+            <a
+              href="#"
+              class="inline-flex items-center text-primary-600 font-medium hover:text-primary-800 transition-colors duration-200"
+            >
+              Learn more
+              <i data-feather="arrow-right" class="ml-2 w-5 h-5"></i>
+            </a>
+          </div>
 
-                <!-- Funding & Investment -->
-                <div 
-                    x-show="activeTab === 'funding'" 
-                    x-transition:enter="transition ease-out duration-300"
-                    x-transition:enter-start="opacity-0"
-                    x-transition:enter-end="opacity-100"
-                    class="p-8 md:p-12"
-                    id="funding-tab"
-                    role="tabpanel"
-                    aria-labelledby="funding-tab"
-                >
-                    <div class="grid md:grid-cols-2 gap-12 items-center">
-                        <div>
-                            <h3 class="text-2xl md:text-3xl font-bold text-gray-900 mb-6 animate-slide-in-left">
-                                Funding & <span class="text-primary-600">Investment</span>
-                            </h3>
-                            <p class="text-gray-600 mb-6 animate-fade-in">
-                                We provide access to various funding opportunities including grants, angel investment, venture capital, and innovation challenge prizes. Our financial support is complemented by business development services to ensure your venture's success.
-                            </p>
-                            <div class="space-y-4 mb-8">
-                                <div class="flex items-start animate-fade-in-up">
-                                    <div class="flex-shrink-0 mt-1">
-                                        <div class="flex items-center justify-center h-6 w-6 rounded-full bg-primary-100 text-primary-600">
-                                            <i data-feather="check" class="w-4 h-4"></i>
-                                        </div>
-                                    </div>
-                                    <p class="ml-3 text-gray-600">
-                                        Startup grants up to $50,000
-                                    </p>
-                                </div>
-                                <div class="flex items-start animate-fade-in-up" style="animation-delay: 0.2s">
-                                    <div class="flex-shrink-0 mt-1">
-                                        <div class="flex items-center justify-center h-6 w-6 rounded-full bg-primary-100 text-primary-600">
-                                            <i data-feather="check" class="w-4 h-4"></i>
-                                        </div>
-                                    </div>
-                                    <p class="ml-3 text-gray-600">
-                                        Investor pitch preparation support
-                                    </p>
-                                </div>
-                                <div class="flex items-start animate-fade-in-up" style="animation-delay: 0.4s">
-                                    <div class="flex-shrink-0 mt-1">
-                                        <div class="flex items-center justify-center h-6 w-6 rounded-full bg-primary-100 text-primary-600">
-                                            <i data-feather="check" class="w-4 h-4"></i>
-                                        </div>
-                                    </div>
-                                    <p class="ml-3 text-gray-600">
-                                        Access to our network of agri-tech investors
-                                    </p>
-                                </div>
-                            </div>
-                            <div class="flex flex-wrap gap-4 animate-fade-in-up">
-                                <a href="#" class="inline-flex items-center bg-primary-600 text-white px-6 py-3 rounded-md text-lg font-medium hover:bg-primary-700 transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2">
-                                    Apply for Funding
-                                    <i data-feather="arrow-right" class="ml-2 w-5 h-5"></i>
-                                </a>
-                                <a href="#" class="inline-flex items-center border border-primary-600 text-primary-600 px-6 py-3 rounded-md text-lg font-medium hover:bg-primary-50 transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2">
-                                    Investor Portal
-                                    <i data-feather="arrow-right" class="ml-2 w-5 h-5"></i>
-                                </a>
-                            </div>
-                        </div>
-                        <div class="relative animate-slide-in-right">
-                            <img src="http://static.photos/finance/640x360/4" alt="Funding discussion" class="rounded-xl shadow-lg w-full">
-                            <div class="absolute -bottom-4 -right-4 bg-white p-4 rounded-lg shadow-md w-2/3 animate-scale-in" style="animation-delay: 0.5s">
-                                <div class="flex items-center">
-                                    <div class="bg-primary-100 p-2 rounded-lg mr-3">
-                                        <i data-feather="dollar-sign" class="w-6 h-6 text-primary-600"></i>
-                                    </div>
-                                    <div>
-                                        <h4 class="font-bold text-gray-900">$25M+ Deployed</h4>
-                                        <p class="text-sm text-gray-600">To agri-tech ventures</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
+          <!-- Startup Support -->
+          <div
+            class="bg-white p-8 rounded-xl shadow-md service-card"
+            data-aos="fade-up"
+            data-aos-delay="300"
+          >
+            <div
+              class="bg-accent-100 w-16 h-16 rounded-lg flex items-center justify-center mb-6"
+            >
+              <i data-feather="trending-up" class="w-8 h-8 text-accent-600"></i>
+            </div>
+            <h3 class="text-xl font-bold text-gray-900 mb-3">Startup Support</h3>
+            <p class="text-gray-600 mb-4">
+              Comprehensive support for agri-tech startups including funding
+              opportunities, incubation, and access to resources.
+            </p>
+            <ul class="space-y-2 mb-6">
+              <li class="flex items-start">
+                <i data-feather="check" class="w-4 h-4 text-primary-600 mr-2 mt-1"></i>
+                <span class="text-gray-600">Funding opportunities</span>
+              </li>
+              <li class="flex items-start">
+                <i data-feather="check" class="w-4 h-4 text-primary-600 mr-2 mt-1"></i>
+                <span class="text-gray-600">Incubation programs</span>
+              </li>
+              <li class="flex items-start">
+                <i data-feather="check" class="w-4 h-4 text-primary-600 mr-2 mt-1"></i>
+                <span class="text-gray-600">Market access</span>
+              </li>
+            </ul>
+            <a
+              href="#"
+              class="inline-flex items-center text-primary-600 font-medium hover:text-primary-800 transition-colors duration-200"
+            >
+              Learn more
+              <i data-feather="arrow-right" class="ml-2 w-5 h-5"></i>
+            </a>
+          </div>
 
-                <!-- Business Consultancy -->
-                <div 
-                    x-show="activeTab === 'consultancy'" 
-                    x-transition:enter="transition ease-out duration-300"
-                    x-transition:enter-start="opacity-0"
-                    x-transition:enter-end="opacity-100"
-                    class="p-8 md:p-12"
-                    id="consultancy-tab"
-                    role="tabpanel"
-                    aria-labelledby="consultancy-tab"
-                >
-                    <div class="grid md:grid-cols-2 gap-12 items-center">
-                        <div>
-                            <h3 class="text-2xl md:text-3xl font-bold text-gray-900 mb-6 animate-slide-in-left">
-                                Business <span class="text-primary-600">Consultancy</span>
-                            </h3>
-                            <p class="text-gray-600 mb-6 animate-fade-in">
-                                Our team of experienced business consultants provides specialized advice on market entry, scaling operations, financial planning, and sustainable business practices tailored to the agricultural technology sector.
-                            </p>
-                            <div class="space-y-4 mb-8">
-                                <div class="flex items-start animate-fade-in-up">
-                                    <div class="flex-shrink-0 mt-1">
-                                        <div class="flex items-center justify-center h-6 w-6 rounded-full bg-primary-100 text-primary-600">
-                                            <i data-feather="check" class="w-4 h-4"></i>
-                                        </div>
-                                    </div>
-                                    <p class="ml-3 text-gray-600">
-                                        Market research and analysis
-                                    </p>
-                                </div>
-                                <div class="flex items-start animate-fade-in-up" style="animation-delay: 0.2s">
-                                    <div class="flex-shrink-0 mt-1">
-                                        <div class="flex items-center justify-center h-6 w-6 rounded-full bg-primary-100 text-primary-600">
-                                            <i data-feather="check" class="w-4 h-4"></i>
-                                        </div>
-                                    </div>
-                                    <p class="ml-3 text-gray-600">
-                                        Business model development
-                                    </p>
-                                </div>
-                                <div class="flex items-start animate-fade-in-up" style="animation-delay: 0.4s">
-                                    <div class="flex-shrink-0 mt-1">
-                                        <div class="flex items-center justify-center h-6 w-6 rounded-full bg-primary-100 text-primary-600">
-                                            <i data-feather="check" class="w-4 h-4"></i>
-                                        </div>
-                                    </div>
-                                    <p class="ml-3 text-gray-600">
-                                        Financial planning and strategy
-                                    </p>
-                                </div>
-                            </div>
-                            <a href="#" class="inline-flex items-center bg-primary-600 text-white px-6 py-3 rounded-md text-lg font-medium hover:bg-primary-700 transition-colors duration-300 animate-fade-in-up focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2">
-                                Request Consultation
-                                <i data-feather="arrow-right" class="ml-2 w-5 h-5"></i>
-                            </a>
-                        </div>
-                        <div class="relative animate-slide-in-right">
-                            <img src="http://static.photos/workspace/640x360/5" alt="Business meeting" class="rounded-xl shadow-lg w-full">
-                            <div class="absolute -bottom-4 -right-4 bg-white p-4 rounded-lg shadow-md w-2/3 animate-scale-in" style="animation-delay: 0.5s">
-                                <div class="flex items-center">
-                                    <div class="bg-primary-100 p-2 rounded-lg mr-3">
-                                        <i data-feather="briefcase" class="w-6 h-6 text-primary-600"></i>
-                                    </div>
-                                    <div>
-                                        <h4 class="font-bold text-gray-900">Custom Solutions</h4>
-                                        <p class="text-sm text-gray-600">Tailored to your needs</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
+          <!-- Research and Development -->
+          <div
+            class="bg-white p-8 rounded-xl shadow-md service-card"
+            data-aos="fade-up"
+            data-aos-delay="400"
+          >
+            <div
+              class="bg-primary-100 w-16 h-16 rounded-lg flex items-center justify-center mb-6"
+            >
+              <i data-feather="search" class="w-8 h-8 text-primary-600"></i>
+            </div>
+            <h3 class="text-xl font-bold text-gray-900 mb-3">
+              Research and Development
+            </h3>
+            <p class="text-gray-600 mb-4">
+              Cutting-edge R&D facilities and partnerships to test and validate
+              your agricultural innovations.
+            </p>
+            <ul class="space-y-2 mb-6">
+              <li class="flex items-start">
+                <i data-feather="check" class="w-4 h-4 text-primary-600 mr-2 mt-1"></i>
+                <span class="text-gray-600">Field trials</span>
+              </li>
+              <li class="flex items-start">
+                <i data-feather="check" class="w-4 h-4 text-primary-600 mr-2 mt-1"></i>
+                <span class="text-gray-600">Prototype development</span>
+              </li>
+              <li class="flex items-start">
+                <i data-feather="check" class="w-4 h-4 text-primary-600 mr-2 mt-1"></i>
+                <span class="text-gray-600">Technology validation</span>
+              </li>
+            </ul>
+            <a
+              href="#"
+              class="inline-flex items-center text-primary-600 font-medium hover:text-primary-800 transition-colors duration-200"
+            >
+              Learn more
+              <i data-feather="arrow-right" class="ml-2 w-5 h-5"></i>
+            </a>
+          </div>
 
-                <!-- Multimedia Services -->
-                <div 
-                    x-show="activeTab === 'multimedia'" 
-                    x-transition:enter="transition ease-out duration-300"
-                    x-transition:enter-start="opacity-0"
-                    x-transition:enter-end="opacity-100"
-                    class="p-8 md:p-12"
-                    id="multimedia-tab"
-                    role="tabpanel"
-                    aria-labelledby="multimedia-tab"
-                >
-                    <div class="grid md:grid-cols-2 gap-12 items-center">
-                        <div>
-                            <h3 class="text-2xl md:text-3xl font-bold text-gray-900 mb-6 animate-slide-in-left">
-                                Multimedia <span class="text-primary-600">Services</span>
-                            </h3>
-                            <p class="text-gray-600 mb-6 animate-fade-in">
-                                Our professional multimedia team helps you effectively showcase your agricultural innovations through high-quality photography, videography, and digital content creation that captures attention and tells your story compellingly.
-                            </p>
-                            <div class="space-y-4 mb-8">
-                                <div class="flex items-start animate-fade-in-up">
-                                    <div class="flex-shrink-0 mt-1">
-                                        <div class="flex items-center justify-center h-6 w-6 rounded-full bg-primary-100 text-primary-600">
-                                            <i data-feather="check" class="w-4 h-4"></i>
-                                        </div>
-                                    </div>
-                                    <p class="ml-3 text-gray-600">
-                                        Professional product and farm photography
-                                    </p>
-                                </div>
-                                <div class="flex items-start animate-fade-in-up" style="animation-delay: 0.2s">
-                                    <div class="flex-shrink-0 mt-1">
-                                        <div class="flex items-center justify-center h-6 w-6 rounded-full bg-primary-100 text-primary-600">
-                                            <i data-feather="check" class="w-4 h-4"></i>
-                                        </div>
-                                    </div>
-                                    <p class="ml-3 text-gray-600">
-                                        Promotional video production
-                                    </p>
-                                </div>
-                                <div class="flex items-start animate-fade-in-up" style="animation-delay: 0.4s">
-                                    <div class="flex-shrink-0 mt-1">
-                                        <div class="flex items-center justify-center h-6 w-6 rounded-full bg-primary-100 text-primary-600">
-                                            <i data-feather="check" class="w-4 h-4"></i>
-                                        </div>
-                                    </div>
-                                    <p class="ml-3 text-gray-600">
-                                        Website and social media content creation
-                                    </p>
-                                </div>
-                            </div>
-                            <a href="#" class="inline-flex items-center bg-primary-600 text-white px-6 py-3 rounded-md text-lg font-medium hover:bg-primary-700 transition-colors duration-300 animate-fade-in-up focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2">
-                                View Portfolio
-                                <i data-feather="arrow-right" class="ml-2 w-5 h-5"></i>
-                            </a>
-                        </div>
-                        <div class="relative animate-slide-in-right">
-                            <img src="http://static.photos/technology/640x360/6" alt="Photography session" class="rounded-xl shadow-lg w-full">
-                            <div class="absolute -bottom-4 -right-4 bg-white p-4 rounded-lg shadow-md w-2/3 animate-scale-in" style="animation-delay: 0.5s">
-                                <div class="flex items-center">
-                                    <div class="bg-primary-100 p-2 rounded-lg mr-3">
-                                        <i data-feather="camera" class="w-6 h-6 text-primary-600"></i>
-                                    </div>
-                                    <div>
-                                        <h4 class="font-bold text-gray-900">Professional Quality</h4>
-                                        <p class="text-sm text-gray-600">Showcase your innovation</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
+          <!-- Funding Opportunities -->
+          <div
+            class="bg-white p-8 rounded-xl shadow-md service-card"
+            data-aos="fade-up"
+            data-aos-delay="500"
+          >
+            <div
+              class="bg-secondary-100 w-16 h-16 rounded-lg flex items-center justify-center mb-6"
+            >
+              <i data-feather="dollar-sign" class="w-8 h-8 text-secondary-600"></i>
+            </div>
+            <h3 class="text-xl font-bold text-gray-900 mb-3">
+              Funding Opportunities
+            </h3>
+            <p class="text-gray-600 mb-4">
+              Access to grants, investments, and financial resources to bring
+              your agri-tech solutions to market.
+            </p>
+            <ul class="space-y-2 mb-6">
+              <li class="flex items-start">
+                <i data-feather="check" class="w-4 h-4 text-primary-600 mr-2 mt-1"></i>
+                <span class="text-gray-600">Grants and awards</span>
+              </li>
+              <li class="flex items-start">
+                <i data-feather="check" class="w-4 h-4 text-primary-600 mr-2 mt-1"></i>
+                <span class="text-gray-600">Investor connections</span>
+              </li>
+              <li class="flex items-start">
+                <i data-feather="check" class="w-4 h-4 text-primary-600 mr-2 mt-1"></i>
+                <span class="text-gray-600">Pitch preparation</span>
+              </li>
+            </ul>
+            <a
+              href="#"
+              class="inline-flex items-center text-primary-600 font-medium hover:text-primary-800 transition-colors duration-200"
+            >
+              Learn more
+              <i data-feather="arrow-right" class="ml-2 w-5 h-5"></i>
+            </a>
+          </div>
 
-                <!-- Community Engagement -->
-                <div 
-                    x-show="activeTab === 'community'" 
-                    x-transition:enter="transition ease-out duration-300"
-                    x-transition:enter-start="opacity-0"
-                    x-transition:enter-end="opacity-100"
-                    class="p-8 md:p-12"
-                    id="community-tab"
-                    role="tabpanel"
-                    aria-labelledby="community-tab"
-                >
-                    <div class="grid md:grid-cols-2 gap-12 items-center">
-                        <div>
-                            <h3 class="text-2xl md:text-3xl font-bold text-gray-900 mb-6 animate-slide-in-left">
-                                Community <span class="text-primary-600">Engagement</span>
-                            </h3>
-                            <p class="text-gray-600 mb-6 animate-fade-in">
-                                Join our vibrant community of farmers, technologists, researchers, and entrepreneurs to share knowledge, collaborate on projects, and access new opportunities in the agri-tech ecosystem.
-                            </p>
-                            <div class="space-y-4 mb-8">
-                                <div class="flex items-start animate-fade-in-up">
-                                    <div class="flex-shrink-0 mt-1">
-                                        <div class="flex items-center justify-center h-6 w-6 rounded-full bg-primary-100 text-primary-600">
-                                            <i data-feather="check" class="w-4 h-4"></i>
-                                        </div>
-                                    </div>
-                                    <p class="ml-3 text-gray-600">
-                                        Networking events and meetups
-                                    </p>
-                                </div>
-                                <div class="flex items-start animate-fade-in-up" style="animation-delay: 0.2s">
-                                    <div class="flex-shrink-0 mt-1">
-                                        <div class="flex items-center justify-center h-6 w-6 rounded-full bg-primary-100 text-primary-600">
-                                            <i data-feather="check" class="w-4 h-4"></i>
-                                        </div>
-                                    </div>
-                                    <p class="ml-3 text-gray-600">
-                                        Online discussion forums and resource sharing
-                                    </p>
-                                </div>
-                                <div class="flex items-start animate-fade-in-up" style="animation-delay: 0.4s">
-                                    <div class="flex-shrink-0 mt-1">
-                                        <div class="flex items-center justify-center h-6 w-6 rounded-full bg-primary-100 text-primary-600">
-                                            <i data-feather="check" class="w-4 h-4"></i>
-                                        </div>
-                                    </div>
-                                    <p class="ml-3 text-gray-600">
-                                        Collaborative projects and partnerships
-                                    </p>
-                                </div>
-                            </div>
-                            <div class="flex flex-wrap gap-4 animate-fade-in-up">
-                                <a href="#" class="inline-flex items-center bg-primary-600 text-white px-6 py-3 rounded-md text-lg font-medium hover:bg-primary-700 transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2">
-                                    Join Community
-                                    <i data-feather="arrow-right" class="ml-2 w-5 h-5"></i>
-                                </a>
-                                <a href="#" class="inline-flex items-center border border-primary-600 text-primary-600 px-6 py-3 rounded-md text-lg font-medium hover:bg-primary-50 transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2">
-                                    View Events
-                                    <i data-feather="arrow-right" class="ml-2 w-5 h-5"></i>
-                                </a>
-                            </div>
-                        </div>
-                        <div class="relative animate-slide-in-right">
-                            <img src="http://static.photos/people/640x360/7" alt="Community event" class="rounded-xl shadow-lg w-full">
-                            <div class="absolute -bottom-4 -right-4 bg-white p-4 rounded-lg shadow-md w-2/3 animate-scale-in" style="animation-delay: 0.5s">
-                                <div class="flex items-center">
-                                    <div class="bg-primary-100 p-2 rounded-lg mr-3">
-                                        <i data-feather="users" class="w-6 h-6 text-primary-600"></i>
-                                    </div>
-                                    <div>
-                                        <h4 class="font-bold text-gray-900">10K+ Members</h4>
-                                        <p class="text-sm text-gray-600">Active community</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
+          <!-- Market Access -->
+          <div
+            class="bg-white p-8 rounded-xl shadow-md service-card"
+            data-aos="fade-up"
+            data-aos-delay="600"
+          >
+            <div
+              class="bg-accent-100 w-16 h-16 rounded-lg flex items-center justify-center mb-6"
+            >
+              <i data-feather="globe" class="w-8 h-8 text-accent-600"></i>
             </div>
+            <h3 class="text-xl font-bold text-gray-900 mb-3">Market Access</h3>
+            <p class="text-gray-600 mb-4">
+              Connections to markets, buyers, and distribution channels for your
+              agricultural products and technologies.
+            </p>
+            <ul class="space-y-2 mb-6">
+              <li class="flex items-start">
+                <i data-feather="check" class="w-4 h-4 text-primary-600 mr-2 mt-1"></i>
+                <span class="text-gray-600">Buyer networks</span>
+              </li>
+              <li class="flex items-start">
+                <i data-feather="check" class="w-4 h-4 text-primary-600 mr-2 mt-1"></i>
+                <span class="text-gray-600">Export opportunities</span>
+              </li>
+              <li class="flex items-start">
+                <i data-feather="check" class="w-4 h-4 text-primary-600 mr-2 mt-1"></i>
+                <span class="text-gray-600">Distribution support</span>
+              </li>
+            </ul>
+            <a
+              href="#"
+              class="inline-flex items-center text-primary-600 font-medium hover:text-primary-800 transition-colors duration-200"
+            >
+              Learn more
+              <i data-feather="arrow-right" class="ml-2 w-5 h-5"></i>
+            </a>
+          </div>
         </div>
+      </div>
     </section>
 
-    <!-- Partners Section -->
-    <section class="py-16 bg-gray-50">
-        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-            <div class="text-center mb-12" data-aos="fade-up">
-                <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">
-                    Trusted By <span class="gradient-text">Industry Leaders</span>
-                </h2>
-                <p class="text-xl text-gray-600 max-w-3xl mx-auto">
-                    We collaborate with leading organizations to deliver exceptional value
-                </p>
+    <!-- Testimonials Section -->
+    <section class="py-20 bg-gray-50">
+      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div class="text-center mb-16" data-aos="fade-up">
+          <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">
+            What Our <span class="gradient-text">Community</span> Says
+          </h2>
+          <p class="text-xl text-gray-600 max-w-3xl mx-auto">
+            Hear from innovators who have benefited from our services
+          </p>
+        </div>
+
+        <div class="grid md:grid-cols-3 gap-8">
+          <div
+            class="bg-white p-8 rounded-xl shadow-md"
+            data-aos="fade-up"
+            data-aos-delay="100"
+          >
+            <div class="flex items-center mb-6">
+              <img
+                src="https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?ixlib=rb-1.2.1&auto=format&fit=crop&w=100&q=80"
+                alt="Sarah Johnson"
+                class="w-16 h-16 rounded-full object-cover"
+              />
+              <div class="ml-4">
+                <h4 class="font-bold text-gray-900">Sarah Johnson</h4>
+                <p class="text-primary-600">Founder, AgriSense</p>
+              </div>
             </div>
-            
-            <div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-8" data-aos="fade-up" data-aos-delay="100">
-                <div class="bg-white p-6 rounded-xl shadow-sm flex items-center justify-center hover:shadow-md transition-shadow duration-300">
-                    <img src="https://via.placeholder.com/150x60/3B82F6/FFFFFF?text=AgriTech+Inc" alt="AgriTech Inc" class="h-10 opacity-70 hover:opacity-100 transition-opacity duration-300">
-                </div>
-                <div class="bg-white p-6 rounded-xl shadow-sm flex items-center justify-center hover:shadow-md transition-shadow duration-300">
-                    <img src="https://via.placeholder.com/150x60/10B981/FFFFFF?text=GreenGrowth" alt="GreenGrowth" class="h-10 opacity-70 hover:opacity-100 transition-opacity duration-300">
-                </div>
-                <div class="bg-white p-6 rounded-xl shadow-sm flex items-center justify-center hover:shadow-md transition-shadow duration-300">
-                    <img src="https://via.placeholder.com/150x60/6366F1/FFFFFF?text=FarmFuture" alt="FarmFuture" class="h-10 opacity-70 hover:opacity-100 transition-opacity duration-300">
-                </div>
-                <div class="bg-white p-6 rounded-xl shadow-sm flex items-center justify-center hover:shadow-md transition-shadow duration-300">
-                    <img src="https://via.placeholder.com/150x60/F59E0B/FFFFFF?text=CropSolutions" alt="CropSolutions" class="h-10 opacity-70 hover:opacity-100 transition-opacity duration-300">
-                </div>
-                <div class="bg-white p-6 rounded-xl shadow-sm flex items-center justify-center hover:shadow-md transition-shadow duration-300">
-                    <img src="https://via.placeholder.com/150x60/EF4444/FFFFFF?text=AgriInnovate" alt="AgriInnovate" class="h-10 opacity-70 hover:opacity-100 transition-opacity duration-300">
-                </div>
-                <div class="bg-white p-6 rounded-xl shadow-sm flex items-center justify-center hover:shadow-md transition-shadow duration-300">
-                    <img src="https://via.placeholder.com/150x60/8B5CF6/FFFFFF?text=BioFarm" alt="BioFarm" class="h-10 opacity-70 hover:opacity-100 transition-opacity duration-300">
-                </div>
+            <p class="text-gray-600 italic">
+              "The mentorship program connected me with industry experts who provided invaluable guidance that shaped our product development and go-to-market strategy."
+            </p>
+            <div class="flex mt-4 text-accent-400">
+              <i data-feather="star" class="w-5 h-5 fill-current"></i>
+              <i data-feather="star" class="w-5 h-5 fill-current"></i>
+              <i data-feather="star" class="w-5 h-5 fill-current"></i>
+              <i data-feather="star" class="w-5 h-5 fill-current"></i>
+              <i data-feather="star" class="w-5 h-5 fill-current"></i>
             </div>
-        </div>
-    </section>
+          </div>
 
-    <!-- FAQ Section -->
-    <section class="py-20 bg-white">
-        <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
-            <div class="text-center mb-16" data-aos="fade-up">
-                <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">
-                    Frequently Asked <span class="gradient-text">Questions</span>
-                </h2>
-                <p class="text-xl text-gray-600 max-w-3xl mx-auto">
-                    Find answers to common questions about our services
-                </p>
+          <div
+            class="bg-white p-8 rounded-xl shadow-md"
+            data-aos="fade-up"
+            data-aos-delay="200"
+          >
+            <div class="flex items-center mb-6">
+              <img
+                src="https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?ixlib=rb-1.2.1&auto=format&fit=crop&w=100&q=80"
+                alt="Michael Chen"
+                class="w-16 h-16 rounded-full object-cover"
+              />
+              <div class="ml-4">
+                <h4 class="font-bold text-gray-900">Michael Chen</h4>
+                <p class="text-primary-600">CEO, GreenHarvest</p>
+              </div>
             </div>
-            
-            <div class="space-y-6" data-aos="fade-up" data-aos-delay="100">
-                <div 
-                    x-data="{ open: false }" 
-                    class="faq-item bg-gray-50 rounded-xl overflow-hidden shadow-sm hover:shadow-md transition-all duration-300"
-                >
-                    <button 
-                        @click="open = !open" 
-                        class="w-full flex justify-between items-center p-6 text-left focus:outline-none"
-                        :aria-expanded="open"
-                    >
-                        <h3 class="text-lg font-medium text-gray-900">
-                            How do I apply for TECHFARM Hub services?
-                        </h3>
-                        <i 
-                            data-feather="chevron-down" 
-                            class="w-5 h-5 text-gray-500 transform transition-transform duration-200" 
-                            :class="{ 'rotate-180': open }"
-                        ></i>
-                    </button>
-                    <div 
-                        x-show="open" 
-                        x-collapse 
-                        class="px-6 pb-6 pt-0 text-gray-600"
-                    >
-                        <p>
-                            You can apply for our services through our online portal. Visit the specific service page you're interested in and click the "Apply Now" button. Our team will review your application and contact you within 5 business days to discuss next steps. Some programs may have specific application periods, so we recommend checking our calendar for deadlines.
-                        </p>
-                    </div>
-                </div>
-                
-                <div 
-                    x-data="{ open: false }" 
-                    class="faq-item bg-gray-50 rounded-xl overflow-hidden shadow-sm hover:shadow-md transition-all duration-300"
-                >
-                    <button 
-                        @click="open = !open" 
-                        class="w-full flex justify-between items-center p-6 text-left focus:outline-none"
-                        :aria-expanded="open"
-                    >
-                        <h3 class="text-lg font-medium text-gray-900">
-                            What are the costs associated with your services?
-                        </h3>
-                        <i 
-                            data-feather="chevron-down" 
-                            class="w-5 h-5 text-gray-500 transform transition-transform duration-200" 
-                            :class="{ 'rotate-180': open }"
-                        ></i>
-                    </button>
-                    <div 
-                        x-show="open" 
-                        x-collapse 
-                        class="px-6 pb-6 pt-0 text-gray-600"
-                    >
-                        <p>
-                            Our service costs vary depending on the program and your specific needs. Some programs like our accelerator and funding services are free to apply for, while others like specialized training and consultancy have associated fees. We offer sliding scale pricing and scholarships for eligible participants. Contact our team for a personalized quote based on your requirements.
-                        </p>
-                    </div>
-                </div>
-                
-                <div 
-                    x-data="{ open: false }" 
-                    class="faq-item bg-gray-50 rounded-xl overflow-hidden shadow-sm hover:shadow-md transition-all duration-300"
-                >
-                    <button 
-                        @click="open = !open" 
-                        class="w-full flex justify-between items-center p-6 text-left focus:outline-none"
-                        :aria-expanded="open"
-                    >
-                        <h3 class="text-lg font-medium text-gray-900">
-                            How long does the mentorship program last?
-                        </h3>
-                        <i 
-                            data-feather="chevron-down" 
-                            class="w-5 h-5 text-gray-500 transform transition-transform duration-200" 
-                            :class="{ 'rotate-180': open }"
-                        ></i>
-                    </button>
-                    <div 
-                        x-show="open" 
-                        x-collapse 
-                        class="px-6 pb-6 pt-0 text-gray-600"
-                    >
-                        <p>
-                            Our standard mentorship program runs for 6 months, with monthly one-on-one sessions. However, we offer flexible arrangements based on your needs. Some mentees continue with their mentors beyond the initial period, while others may complete their objectives sooner. We also have intensive 3-month mentorship tracks for specific focus areas.
-                        </p>
-                    </div>
-                </div>
-                
-                <div 
-                    x-data="{ open: false }" 
-                    class="faq-item bg-gray-50 rounded-xl overflow-hidden shadow-sm hover:shadow-md transition-all duration-300"
-                >
-                    <button 
-                        @click="open = !open" 
-                        class="w-full flex justify-between items-center p-6 text-left focus:outline-none"
-                        :aria-expanded="open"
-                    >
-                        <h3 class="text-lg font-medium text-gray-900">
-                            Do you offer services for established agribusinesses?
-                        </h3>
-                        <i 
-                            data-feather="chevron-down" 
-                            class="w-5 h-5 text-gray-500 transform transition-transform duration-200" 
-                            :class="{ 'rotate-180': open }"
-                        ></i>
-                    </button>
-                    <div 
-                        x-show="open" 
-                        x-collapse 
-                        class="px-6 pb-6 pt-0 text-gray-600"
-                    >
-                        <p>
-                            Absolutely! While we support early-stage ventures, about 40% of our clients are established agribusinesses looking to adopt new technologies or expand operations. We offer specialized consultancy services, technology integration support, and scaling strategies tailored for mature businesses in the agricultural sector.
-                        </p>
-                    </div>
-                </div>
-                
-                <div 
-                    x-data="{ open: false }" 
-                    class="faq-item bg-gray-50 rounded-xl overflow-hidden shadow-sm hover:shadow-md transition-all duration-300"
-                >
-                    <button 
-                        @click="open = !open" 
-                        class="w-full flex justify-between items-center p-6 text-left focus:outline-none"
-                        :aria-expanded="open"
-                    >
-                        <h3 class="text-lg font-medium text-gray-900">
-                            What makes TECHFARM Hub different from other agri-tech programs?
-                        </h3>
-                        <i 
-                            data-feather="chevron-down" 
-                            class="w-5 h-5 text-gray-500 transform transition-transform duration-200" 
-                            :class="{ 'rotate-180': open }"
-                        ></i>
-                    </button>
-                    <div 
-                        x-show="open" 
-                        x-collapse 
-                        class="px-6 pb-6 pt-0 text-gray-600"
-                    >
-                        <p>
-                            Unlike many programs that focus on just funding or just training, we provide a complete ecosystem for agri-tech innovation. Our unique combination of hands-on training, expert mentorship, funding access, business support, and community networking creates a powerful platform for sustainable growth. We also maintain a strong focus on practical, field-tested solutions rather than just theoretical approaches.
-                        </p>
-                    </div>
-                </div>
+            <p class="text-gray-600 italic">
+              "The accelerator program gave us access to funding and resources we couldn't have found elsewhere. Our agri-tech startup wouldn't be where it is today without TECHFARM Hub."
+            </p>
+            <div class="flex mt-4 text-accent-400">
+              <i data-feather="star" class="w-5 h-5 fill-current"></i>
+              <i data-feather="star" class="w-5 h-5 fill-current"></i>
+              <i data-feather="star" class="w-5 h-5 fill-current"></i>
+              <i data-feather="star" class="w-5 h-5 fill-current"></i>
+              <i data-feather="star" class="w-5 h-5 fill-current"></i>
+            </div>
+          </div>
+
+          <div
+            class="bg-white p-8 rounded-xl shadow-md"
+            data-aos="fade-up"
+            data-aos-delay="300"
+          >
+            <div class="flex items-center mb-6">
+              <img
+                src="https://images.unsplash.com/photo-1560250097-0b93528c311a?ixlib=rb-1.2.1&auto=format&fit=crop&w=100&q=80"
+                alt="David Kimani"
+                class="w-16 h-16 rounded-full object-cover"
+              />
+              <div class="ml-4">
+                <h4 class="font-bold text-gray-900">David Kimani</h4>
+                <p class="text-primary-600">CTO, CropMetrics</p>
+              </div>
             </div>
-            
-            <div class="text-center mt-12" data-aos="fade-up" data-aos-delay="200">
-                <p class="text-gray-600 mb-6">
-                    Still have questions? Our team is ready to help.
-                </p>
-                <a href="#contact" class="inline-flex items-center bg-primary-600 text-white px-8 py-3 rounded-md text-lg font-medium hover:bg-primary-700 transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2">
-                    Contact Us
-                    <i data-feather="arrow-right" class="ml-2 w-5 h-5"></i>
-                </a>
+            <p class="text-gray-600 italic">
+              "The technical training workshops gave our team the skills we needed to implement precision agriculture technologies on our farm, increasing yields by 30%."
+            </p>
+            <div class="flex mt-4 text-accent-400">
+              <i data-feather="star" class="w-5 h-5 fill-current"></i>
+              <i data-feather="star" class="w-5 h-5 fill-current"></i>
+              <i data-feather="star" class="w-5 h-5 fill-current"></i>
+              <i data-feather="star" class="w-5 h-5 fill-current"></i>
+              <i data-feather="star" class="w-5 h-5 fill-current"></i>
             </div>
+          </div>
         </div>
+      </div>
     </section>
 
     <!-- CTA Section -->
-    <section class="py-20 gradient-bg">
-        <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
-            <h2 class="text-3xl md:text-4xl font-bold text-white mb-6" data-aos="fade-up">
-                Ready to Transform Your Agri-Tech Venture?
-            </h2>
-            <p class="text-xl text-white opacity-90 mb-10 max-w-3xl mx-auto" data-aos="fade-up" data-aos-delay="100">
-                Join hundreds of innovators who have accelerated their growth with our comprehensive services.
-            </p>
-            <div class="flex flex-wrap justify-center gap-6" data-aos="fade-up" data-aos-delay="200">
-                <a href="#" class="bg-white text-primary-700 px-8 py-3 rounded-md text-lg font-semibold hover:bg-gray-100 transition-colors duration-300 shadow-lg focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-primary-700">
-                    Get Started Now
-                </a>
-                <a href="#contact" class="border-2 border-white text-white px-8 py-3 rounded-md text-lg font-semibold hover:bg-white hover:text-primary-700 transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-primary-700">
-                    Schedule a Call
-                </a>
-            </div>
+    <section class="py-20 gradient-bg text-white">
+      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
+        <h2
+          class="text-3xl md:text-4xl font-bold text-white mb-6"
+          data-aos="fade-up"
+        >
+          Ready to Grow Your Agri-Tech Venture?
+        </h2>
+        <p
+          class="text-xl text-white opacity-90 max-w-3xl mx-auto mb-10"
+          data-aos="fade-up"
+          data-aos-delay="100"
+        >
+          Join our community of innovators shaping the future of sustainable
+          agriculture.
+        </p>
+        <div
+          class="flex flex-wrap justify-center gap-4"
+          data-aos="fade-up"
+          data-aos-delay="200"
+        >
+          <a
+            href="#"
+            class="bg-white text-primary-700 px-8 py-3 rounded-md text-lg font-semibold hover:bg-gray-100 transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-primary-700"
+            >Apply for Funding</a
+          >
+          <a
+            href="#"
+            class="border-2 border-white text-white px-8 py-3 rounded-md text-lg font-semibold hover:bg-white hover:text-primary-700 transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-primary-700"
+            >Explore Programs</a
+          >
         </div>
+      </div>
     </section>
 
     <!-- Footer -->
     <footer class="bg-gray-900 text-white pt-16 pb-8">
-        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-            <div class="grid md:grid-cols-4 gap-12 mb-12">
-                <div>
-                    <img src="images/logo.png" alt="TECHFARM Hub Logo" class="h-10 mb-6" />
-                    <p class="text-gray-400 mb-6">
-                        Empowering the next generation of agri-tech innovators through investment, education, and community.
-                    </p>
-                    <div class="flex space-x-4">
-                        <a href="#" class="text-gray-400 hover:text-white transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-900 rounded-full p-1" aria-label="Twitter">
-                            <i data-feather="twitter" class="w-5 h-5"></i>
-                        </a>
-                        <a href="#" class="text-gray-400 hover:text-white transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-900 rounded-full p-1" aria-label="LinkedIn">
-                            <i data-feather="linkedin" class="w-5 h-5"></i>
-                        </a>
-                        <a href="#" class="text-gray-400 hover:text-white transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-900 rounded-full p-1" aria-label="Facebook">
-                            <i data-feather="facebook" class="w-5 h-5"></i>
-                        </a>
-                        <a href="#" class="text-gray-400 hover:text-white transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-900 rounded-full p-1" aria-label="Instagram">
-                            <i data-feather="instagram" class="w-5 h-5"></i>
-                        </a>
-                    </div>
-                </div>
-                <div>
-                    <h4 class="text-lg font-semibold mb-6">Quick Links</h4>
-                    <ul class="space-y-3">
-                        <li>
-                            <a href="index.html" class="text-gray-400 hover:text-white transition-colors duration-300 focus:outline-none focus:underline rounded-sm">Home</a>
-                        </li>
-                        <li>
-                            <a href="about.html" class="text-gray-400 hover:text-white transition-colors duration-300 focus:outline-none focus:underline rounded-sm">About Us</a>
-                        </li>
-                        <li>
-                            <a href="services.html" class="text-white font-medium hover:text-primary-300 transition-colors duration-300 focus:outline-none focus:underline rounded-sm">Services</a>
-                        </li>
-                        <li>
-                            <a href="#programs" class="text-gray-400 hover:text-white transition-colors duration-300 focus:outline-none focus:underline rounded-sm">Programs</a>
-                        </li>
-                        <li>
-                            <a href="#contact" class="text-gray-400 hover:text-white transition-colors duration-300 focus:outline-none focus:underline rounded-sm">Contact</a>
-                        </li>
-                    </ul>
-                </div>
-                <div>
-                    <h4 class="text-lg font-semibold mb-6">Services</h4>
-                    <ul class="space-y-3">
-                        <li>
-                            <a href="#training" class="text-gray-400 hover:text-white transition-colors duration-300 focus:outline-none focus:underline rounded-sm">Training & Workshops</a>
-                        </li>
-                        <li>
-                            <a href="#mentorship" class="text-gray-400 hover:text-white transition-colors duration-300 focus:outline-none focus:underline rounded-sm">Mentorship Programs</a>
-                        </li>
-                        <li>
-                            <a href="#funding" class="text-gray-400 hover:text-white transition-colors duration-300 focus:outline-none focus:underline rounded-sm">Funding & Investment</a>
-                        </li>
-                        <li>
-                            <a href="#consultancy" class="text-gray-400 hover:text-white transition-colors duration-300 focus:outline-none focus:underline rounded-sm">Business Consultancy</a>
-                        </li>
-                        <li>
-                            <a href="#multimedia" class="text-gray-400 hover:text-white transition-colors duration-300 focus:outline-none focus:underline rounded-sm">Multimedia Services</a>
-                        </li>
-                    </ul>
-                </div>
-                <div>
-                    <h4 class="text-lg font-semibold mb-6">Newsletter</h4>
-                    <p class="text-gray-400 mb-4">
-                        Subscribe to our newsletter for the latest updates and opportunities.
-                    </p>
-                    <form class="flex">
-                        <input type="email" placeholder="Your email" class="px-4 py-2 rounded-l-md w-full text-gray-900 focus:outline-none focus:ring-2 focus:ring-primary-500" aria-label="Email for newsletter subscription" required />
-                        <button type="submit" class="bg-primary-600 text-white px-4 py-2 rounded-r-md hover:bg-primary-700 transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2" aria-label="Subscribe to newsletter">
-                            <i data-feather="send" class="w-5 h-5"></i>
-                        </button>
-                    </form>
-                </div>
-            </div>
-            <div class="border-t border-gray-800 pt-8 flex flex-col md:flex-row justify-between items-center">
-                <p class="text-gray-400 text-sm mb-4 md:mb-0">
-                    © 2023 TECHFARM Hub. All rights reserved.
-                </p>
-                <div class="flex space-x-6">
-                    <a href="#" class="text-gray-400 hover:text-white text-sm transition-colors duration-300 focus:outline-none focus:underline rounded-sm">Privacy Policy</a>
-                    <a href="#" class="text-gray-400 hover:text-white text-sm transition-colors duration-300 focus:outline-none focus:underline rounded-sm">Terms of Service</a>
-                    <a href="#" class="text-gray-400 hover:text-white text-sm transition-colors duration-300 focus:outline-none focus:underline rounded-sm">Cookies</a>
-                </div>
-            </div>
-        </div>
-    </footer>
-
-    <!-- Chatbot Toggle -->
-    <div class="chatbot-toggle" x-data @click="$store.chatbot.open = !$store.chatbot.open">
-        <i data-feather="message-circle" class="w-6 h-6"></i>
-    </div>
-
-    <!-- WhatsApp Toggle -->
-    <div class="whatsapp-toggle" @click="window.open('https://wa.me/1234567890', '_blank')">
-        <i data-feather="message-circle" class="w-6 h-6"></i>
-    </div>
-
-    <!-- Chatbot Container -->
-    <div class="chatbot-container" x-data="{
-        open: false,
-        isTyping: false,
-        messages: [
-            { text: 'Hello! I\\'m the TECHFARM Hub assistant. How can I help you with our services today?', sender: 'bot' }
-        ],
-        newMessage: '',
-        knowledgeBase: {
-            greetings: {
-                responses: [
-                    'Hello! Welcome to TECHFARM Hub services. How can I assist you today?',
-                    'Hi there! Interested in learning about our agri-tech services?',
-                    'Greetings! What service would you like information about?'
-                ],
-                keywords: ['hello', 'hi', 'hey', 'greetings']
-            },
-            programs: {
-                responses: [
-                    'We offer several services: Training & Workshops, Mentorship Programs, Funding, Business Consultancy, Multimedia Services, and Community Engagement.',
-                    'Our services include comprehensive support from training to funding to business development.',
-                    'TECHFARM Hub provides end-to-end services for agri-tech innovators at every stage.'
-                ],
-                keywords: ['service', 'training', 'mentorship', 'funding', 'consultancy', 'multimedia', 'community']
-            },
-            application: {
-                responses: [
-                    'You can apply for any service through our website. Visit the service page and click "Apply Now" or "Contact Us" for personalized assistance.',
-                    'Applications are submitted online. Our team reviews them within 5 business days and will contact you.',
-                    'To apply, select the service you need on our website and complete the application form.'
-                ],
-                keywords: ['apply', 'application', 'sign up', 'register', 'join']
-            },
-            cost: {
-                responses: [
-                    'Service costs vary. Some like our funding services are free to apply, while training and consultancy have fees. We offer sliding scale pricing - contact us for details.',
-                    'Costs depend on the service and your needs. We strive to make our services accessible through various pricing options.',
-                    'Pricing varies by service. Visit the specific service page or contact our team for accurate cost information.'
-                ],
-                keywords: ['cost', 'price', 'fee', 'expensive', 'cheap']
-            },
-            contact: {
-                responses: [
-                    'Contact us at services@techfarmhub.com or +1 (555) 987-6543 for service inquiries. Our service team is available Mon-Fri, 9am-5pm.',
-                    'You can reach our service department via email (services@techfarmhub.com) or phone (+1 555 987-6543).',
-                    'For service questions, email services@techfarmhub.com or call our dedicated service line.'
-                ],
-                keywords: ['contact', 'email', 'phone', 'call', 'reach']
-            },
-            thanks: {
-                responses: [
-                    'You\\'re welcome! Happy to help with any service questions. Anything else?',
-                    'Glad I could assist with our services! Let me know if you need more information.',
-                    'My pleasure! Feel free to ask about other services we offer.'
-                ],
-                keywords: ['thank', 'thanks', 'appreciate']
-            },
-            default: {
-                responses: [
-                    'I can help with information about our services. Could you specify which service you\\'re interested in?',
-                    'I specialize in TECHFARM Hub service information. What specifically would you like to know?',
-                    'Let me connect you with the right service information. What are you looking for?'
-                ]
-            }
-        },
-        sendMessage() {
-            if (this.newMessage.trim() === '') return;
-            
-            // Add user message
-            this.messages.push({ text: this.newMessage, sender: 'user' });
-            this.newMessage = '';
-            
-            this.isTyping = true;
-            
-            // Generate bot response after delay to simulate typing
-            setTimeout(() => {
-                let response = this.generateResponse(this.newMessage.toLowerCase());
-                this.messages.push({ text: response, sender: 'bot' });
-                this.isTyping = false;
-                
-                // Scroll to bottom
-                this.$nextTick(() => {
-                    const messagesContainer = this.$refs.messages;
-                    messagesContainer.scrollTop = messagesContainer.scrollHeight;
-                });
-            }, 1500 + Math.random() * 1000); // Random delay between 1.5-2.5s
-        },
-        generateResponse(message) {
-            // Check message against knowledge base
-            for (const category in this.knowledgeBase) {
-                if (category === 'default') continue;
-                
-                const entry = this.knowledgeBase[category];
-                if (entry.keywords.some(keyword => message.includes(keyword))) {
-                    const responses = entry.responses;
-                    return responses[Math.floor(Math.random() * responses.length)];
-                }
-            }
-            
-            // Default response if no keywords matched
-            const defaultResponses = this.knowledgeBase.default.responses;
-            return defaultResponses[Math.floor(Math.random() * defaultResponses.length)];
-        }
-    }"
-    x-show="$store.chatbot.open"
-    x-transition:enter="transition ease-out duration-300"
-    x-transition:enter-start="opacity-0 transform scale-95"
-    x-transition:enter-end="opacity-100 transform scale-100"
-    x-transition:leave="transition ease-in duration-200"
-    x-transition:leave-start="opacity-100 transform scale-100"
-    x-transition:leave-end="opacity-0 transform scale-95"
-    :class="{ 'open': $store.chatbot.open }">
-        <div class="chatbot-header">
-            <h3 class="font-semibold">TECHFARM Services Assistant</h3>
-            <button @click="$store.chatbot.open = false" class="text-white hover:text-gray-200">
-                <i data-feather="x" class="w-5 h-5"></i>
-            </button>
-        </div>
-        <div class="chatbot-messages" x-ref="messages">
-            <template x-for="(message, index) in messages" :key="index">
-                <div class="message" :class="message.sender">
-                    <div class="message-content" x-text="message.text"></div>
-                </div>
-            </template>
-            <div x-show="isTyping" class="message bot">
-                <div class="message-content">
-                    <div class="typing-indicator flex items-center space-x-1">
-                        <div class="w-2 h-2 bg-gray-400 rounded-full animate-pulse" style="animation-delay: 0ms"></div>
-                        <div class="w-2 h-2 bg-gray-400 rounded-full animate-pulse" style="animation-delay: 300ms"></div>
-                        <div class="w-2 h-2 bg-gray-400 rounded-full animate-pulse" style="animation-delay: 600ms"></div>
-                    </div>
-                </div>
+      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div class="grid md:grid-cols-4 gap-12 mb-12">
+          <div>
+            <img
+              src="images/logo.png"
+              alt="TECHFARM Hub Logo"
+              class="h-10 mb-6"
+            />
+            <p class="text-gray-400 mb-6">
+              Empowering the next generation of agri-tech innovators through
+              investment, education, and community.
+            </p>
+            <div class="flex space-x-4">
+              <a
+                href="#"
+                class="text-gray-400 hover:text-white transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-900 rounded-full p-1"
+                aria-label="Twitter"
+              >
+                <i data-feather="twitter" class="w-5 h-5"></i>
+              </a>
+              <a
+                href="#"
+                class="text-gray-400 hover:text-white transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-900 rounded-full p-1"
+                aria-label="LinkedIn"
+              >
+                <i data-feather="linkedin" class="w-5 h-5"></i>
+              </a>
+              <a
+                href="#"
+                class="text-gray-400 hover:text-white transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-900 rounded-full p-1"
+                aria-label="Facebook"
+              >
+                <i data-feather="facebook" class="w-5 h-5"></i>
+              </a>
+              <a
+                href="#"
+                class="text-gray-400 hover:text-white transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-900 rounded-full p-1"
+                aria-label="Instagram"
+              >
+                <i data-feather="instagram" class="w-5 h-5"></i>
+              </a>
             </div>
+          </div>
+          <div>
+            <h4 class="text-lg font-semibold mb-6">Quick Links</h4>
+            <ul class="space-y-3">
+              <li>
+                <a
+                  href="index.html"
+                  class="text-gray-400 hover:text-white transition-colors duration-300 focus:outline-none focus:underline rounded-sm"
+                  >Home</a
+                >
+              </li>
+              <li>
+                <a
+                  href="about.html"
+                  class="text-gray-400 hover:text-white transition-colors duration-300 focus:outline-none focus:underline rounded-sm"
+                  >About Us</a
+                >
+              </li>
+              <li>
+                <a
+                  href="services.html"
+                  class="text-gray-400 hover:text-white transition-colors duration-300 focus:outline-none focus:underline rounded-sm"
+                  >Services</a
+                >
+              </li>
+              <li>
+                <a
+                  href="#programs"
+                  class="text-gray-400 hover:text-white transition-colors duration-300 focus:outline-none focus:underline rounded-sm"
+                  >Programs</a
+                >
+              </li>
+              <li>
+                <a
+                  href="#events"
+                  class="text-gray-400 hover:text-white transition-colors duration-300 focus:outline-none focus:underline rounded-sm"
+                  >Events</a
+                >
+              </li>
+            </ul>
+          </div>
+          <div>
+            <h4 class="text-lg font-semibold mb-6">Services</h4>
+            <ul class="space-y-3">
+              <li>
+                <a
+                  href="#"
+                  class="text-gray-400 hover:text-white transition-colors duration-300 focus:outline-none focus:underline rounded-sm"
+                  >Training & Workshops</a
+                >
+              </li>
+              <li>
+                <a
+                  href="#"
+                  class="text-gray-400 hover:text-white transition-colors duration-300 focus:outline-none focus:underline rounded-sm"
+                  >Mentorship</a
+                >
+              </li>
+              <li>
+                <a
+                  href="#"
+                  class="text-gray-400 hover:text-white transition-colors duration-300 focus:outline-none focus:underline rounded-sm"
+                  >Startup Support</a
+                >
+              </li>
+              <li>
+                <a
+                  href="#"
+                  class="text-gray-400 hover:text-white transition-colors duration-300 focus:outline-none focus:underline rounded-sm"
+                  >Funding</a
+                >
+              </li>
+              <li>
+                <a
+                  href="#"
+                  class="text-gray-400 hover:text-white transition-colors duration-300 focus:outline-none focus:underline rounded-sm"
+                  >Market Access</a
+                >
+              </li>
+            </ul>
+          </div>
+          <div>
+            <h4 class="text-lg font-semibold mb-6">Newsletter</h4>
+            <p class="text-gray-400 mb-4">
+              Subscribe to our newsletter for the latest updates and
+              opportunities.
+            </p>
+            <form class="flex">
+              <input
+                type="email"
+                placeholder="Your email"
+                class="px-4 py-2 rounded-l-md w-full text-gray-900 focus:outline-none focus:ring-2 focus:ring-primary-500"
+                aria-label="Email for newsletter subscription"
+                required
+              />
+              <button
+                type="submit"
+                class="bg-primary-600 text-white px-4 py-2 rounded-r-md hover:bg-primary-700 transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2"
+                aria-label="Subscribe to newsletter"
+              >
+                <i data-feather="send" class="w-5 h-5"></i>
+              </button>
+            </form>
+          </div>
         </div>
-        <div class="chatbot-input">
-            <input type="text" placeholder="Ask about our services..." x-model="newMessage" @keyup.enter="sendMessage" />
-            <button @click="sendMessage">
-                <i data-feather="send" class="w-4 h-4"></i>
-            </button>
+        <div
+          class="border-t border-gray-800 pt-8 flex flex-col md:flex-row justify-between items-center"
+        >
+          <p class="text-gray-400 text-sm mb-4 md:mb-0">
+            © 2023 TECHFARM Hub. All rights reserved.
+          </p>
+          <div class="flex space-x-6">
+            <a
+              href="#"
+              class="text-gray-400 hover:text-white text-sm transition-colors duration-300 focus:outline-none focus:underline rounded-sm"
+              >Privacy Policy</a
+            >
+            <a
+              href="#"
+              class="text-gray-400 hover:text-white text-sm transition-colors duration-300 focus:outline-none focus:underline rounded-sm"
+              >Terms of Service</a
+            >
+          </div>
         </div>
-    </div>
+      </div>
+    </footer>
 
     <script>
-        // Initialize Alpine.js store for chatbot state
-        document.addEventListener("alpine:init", () => {
-            Alpine.store("chatbot", {
-                open: false,
-            });
-        });
-
-        // Initialize AOS
-        AOS.init({
-            duration: 800,
-            once: true,
-            offset: 100,
-        });
-
-        // Initialize Feather Icons
-        feather.replace();
+      // Initialize AOS
+      AOS.init({
+        duration: 800,
+        once: true,
+        offset: 100,
+      });
 
-        // Add loading lazy to all images for better performance
-        document.addEventListener("DOMContentLoaded", function () {
-            const images = document.querySelectorAll("img");
-            images.forEach((img) => {
-                if (!img.hasAttribute("loading")) {
-                    img.setAttribute("loading", "lazy");
-                }
-            });
-        });
+      // Initialize Feather Icons
+      feather.replace();
     </script>
-</body>
+  </body>
 </html>
\ No newline at end of file
