diff --git a/index.html b/index.html
index a22c63e4..a35d9418 100644
--- a/index.html
+++ b/index.html
@@ -503,6 +503,41 @@ <h2 class="w-full my-2 text-5xl font-bold leading-tight text-center text-gray-80
         </div>
       </div>
     </section>
+
+    <!-- team -->
+    <section class="bg-white py-16" id="team">
+      <div class="max-w-6xl mx-auto px-4 text-center">
+        <h2 class="text-5xl font-bold  text-gray-800 mb-8">Our Team</h2>
+        <div class="grid gap-8 md:grid-cols-2 lg:grid-cols-3">
+          
+          <!-- Member 1 -->
+          <div class="bg-white rounded-lg shadow-lg p-6">
+            <img class="w-24 h-24 rounded-full mx-auto mb-4" src="https://randomuser.me/api/portraits/men/32.jpg" alt="team member">
+            <h3 class="text-xl font-semibold text-gray-900">Ali Hosseini</h3>
+            <p class="text-sm text-gray-600">Frontend Developer</p>
+            <p class="mt-3 text-sm text-gray-500">UI designer with experience in TailwindCSS and React.</p>
+          </div>
+    
+          <!-- Member 2 -->
+          <div class="bg-white rounded-lg shadow-lg p-6">
+            <img class="w-24 h-24 rounded-full mx-auto mb-4" src="https://randomuser.me/api/portraits/women/44.jpg" alt="team member">
+            <h3 class="text-xl font-semibold text-gray-900">Maryam Ahmadi</h3>
+            <p class="text-sm text-gray-600">Backend Developer</p>
+            <p class="mt-3 text-sm text-gray-500">PHP & Laravel expert with deep knowledge of databases.</p>
+          </div>
+    
+          <!-- Member 3 -->
+          <div class="bg-white rounded-lg shadow-lg p-6">
+            <img class="w-24 h-24 rounded-full mx-auto mb-4" src="https://randomuser.me/api/portraits/men/85.jpg" alt="team member">
+            <h3 class="text-xl font-semibold text-gray-900">Reza Maleki</h3>
+            <p class="text-sm text-gray-600">Project Manager</p>
+            <p class="mt-3 text-sm text-gray-500">Project planner and team coordinator with strong leadership skills.</p>
+          </div>
+    
+        </div>
+      </div>
+    </section>
+    
     <section class="bg-gray-100 py-8">
       <div class="container mx-auto px-2 pt-4 pb-12 text-gray-800">
         <h2 class="w-full my-2 text-5xl font-bold leading-tight text-center text-gray-800">
@@ -584,6 +619,7 @@ <h2 class="w-full my-2 text-5xl font-bold leading-tight text-center text-gray-80
         </div>
       </div>
     </section>
+    
     <!-- Change the colour #f8fafc to match the previous section colour -->
     <svg class="wave-top" viewBox="0 0 1439 147" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
       <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
@@ -620,6 +656,7 @@ <h3 class="my-4 text-3xl leading-tight">
         Action!
       </button>
     </section>
+
     <!--Footer-->
     <footer class="bg-white">
       <div class="container mx-auto px-8">