diff --git a/public/images/developers/Ceniza.jpg b/public/images/developers/Ceniza.jpg
new file mode 100644
index 0000000..c2a996c
Binary files /dev/null and b/public/images/developers/Ceniza.jpg differ
diff --git a/public/images/developers/Gempesaw.jpg b/public/images/developers/Gempesaw.jpg
new file mode 100644
index 0000000..ee755ed
Binary files /dev/null and b/public/images/developers/Gempesaw.jpg differ
diff --git a/src/components/pages/MeetTheDevsPage.tsx b/src/components/pages/MeetTheDevsPage.tsx
index b5d1db7..1bd1ce2 100644
--- a/src/components/pages/MeetTheDevsPage.tsx
+++ b/src/components/pages/MeetTheDevsPage.tsx
@@ -1,44 +1,56 @@
-import React from 'react'
-import developers from '@/lib/data/developers.json';
-import { DeveloperCard } from '../ui/DeveloperCard';
+import React from "react";
+import developers from "@/lib/data/developers.json";
+import { DeveloperCard } from "../ui/DeveloperCard";
 
-const projectManagers = developers.filter(dev => 
-    dev.role.toLowerCase().includes('project manager')
-  );
+const projectManagers = developers.filter((dev) =>
+  dev.role.toLowerCase().includes("project manager")
+);
 function MeetTheDevsPage() {
   const departments = {
-    'Heads': developers.filter(dev => 
-      dev.role.toLowerCase().includes('head') && 
-      !dev.role.toLowerCase().includes('project manager')
+    Heads: developers.filter(
+      (dev) =>
+        dev.role.toLowerCase().includes("head") &&
+        !dev.role.toLowerCase().includes("project manager")
+    ),
+    "UI/UX Designers": developers.filter(
+      (dev) =>
+        dev.role.toLowerCase().includes("ui/ux") &&
+        !dev.role.toLowerCase().includes("head")
     ),
-    'UI/UX Designers': developers.filter(dev => 
-      dev.role.toLowerCase().includes('ui/ux') && 
-      !dev.role.toLowerCase().includes('head')
+    "Graphic Designers": developers.filter(
+      (dev) =>
+        dev.role.toLowerCase().includes("graphic") &&
+        !dev.role.toLowerCase().includes("head")
     ),
-    'Graphic Designers': developers.filter(dev => 
-      dev.role.toLowerCase().includes('graphic') && 
-      !dev.role.toLowerCase().includes('head')
+    "Frontend Developers": developers.filter(
+      (dev) =>
+        dev.role.toLowerCase().includes("frontend") &&
+        !dev.role.toLowerCase().includes("head")
     ),
-    'Frontend Developers': developers.filter(dev => 
-      dev.role.toLowerCase().includes('frontend') && 
-      !dev.role.toLowerCase().includes('head')
+    "Backend Developers": developers.filter(
+      (dev) =>
+        dev.role.toLowerCase().includes("backend") &&
+        !dev.role.toLowerCase().includes("head")
     ),
-    'Backend Developers': developers.filter(dev => 
-      dev.role.toLowerCase().includes('backend') && 
-      !dev.role.toLowerCase().includes('head')
+    "DevOps Engineers": developers.filter(
+      (dev) =>
+        dev.role.toLowerCase().includes("devops") &&
+        !dev.role.toLowerCase().includes("head")
     ),
-    
   };
 
-  
   return (
-    <div className='text-black flex flex-col items-center my-12 md:mb-16'>
+    <div className="text-black flex flex-col items-center my-12 md:mb-16">
       <div className="text-center mb-8">
-        <h1 className="font-bold text-2xl md:text-3xl lg:text-4xl ">Meet the Developers</h1>
+        <h1 className="font-bold text-2xl md:text-3xl lg:text-4xl ">
+          Meet the Developers
+        </h1>
       </div>
-      
+
       <div className="max-w-6xl px-4 mb-16">
-        <h2 className="font-semibold text-xl md:text-2xl mb-3 text-center">Project Managers</h2>
+        <h2 className="font-semibold text-xl md:text-2xl mb-3 text-center">
+          Project Managers
+        </h2>
         <div className="grid md:grid-cols-2 gap-8 -mx-2">
           {projectManagers.map((dev, idx) => (
             <div key={dev.name + idx} className="flex justify-center">
@@ -52,35 +64,49 @@ function MeetTheDevsPage() {
         </div>
       </div>
 
-      {Object.entries(departments).map(([department, devs]) => (
-        devs.length > 0 && (
-          <div key={department} className="max-w-6xl px-4 mb-16">
-            <h2 className="font-semibold text-xl md:text-2xl mb-3 text-center">{department}</h2>
-            <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8 ">
-              {devs.map((dev, idx) => {
-                const isLast = idx === devs.length - 1;
-                return (
-                  <div
-                    key={dev.name + idx}
-                    className={`flex justify-center ${
-                      isLast && devs.length % 2 === 1 ? 'md:col-span-2 lg:col-span-1' : (isLast && devs.length % 3 === 1 ? '' : '')
-
-                    }`}
-                  >
-                    <DeveloperCard
-                      photoUrl={`https://samahan.addu.edu.ph/sysdev/images/developers/${dev.photoUrl}`}
-                      name={dev.name}
-                      role={dev.role}
-                    />
-                  </div>
-                );
-              })}
+      {Object.entries(departments).map(
+        ([department, devs]) =>
+          devs.length > 0 && (
+            <div key={department} className="max-w-6xl px-4 mb-16">
+              <h2 className="font-semibold text-xl md:text-2xl mb-3 text-center">
+                {department}
+              </h2>
+              <div
+                className={
+                  department === "DevOps Engineers"
+                    ? "grid md:grid-cols-2 gap-8 -mx-2"
+                    : "grid md:grid-cols-2 lg:grid-cols-3 gap-8"
+                }
+              >
+                {devs.map((dev, idx) => {
+                  const isLast = idx === devs.length - 1;
+                  return (
+                    <div
+                      key={dev.name + idx}
+                      className={`flex justify-center ${
+                        department !== "DevOps Engineers" &&
+                        isLast &&
+                        devs.length % 2 === 1
+                          ? "md:col-span-2 lg:col-span-1"
+                          : isLast && devs.length % 3 === 1
+                          ? ""
+                          : ""
+                      }`}
+                    >
+                      <DeveloperCard
+                        photoUrl={`https://samahan.addu.edu.ph/sysdev/images/developers/${dev.photoUrl}`}
+                        name={dev.name}
+                        role={dev.role}
+                      />
+                    </div>
+                  );
+                })}
+              </div>
             </div>
-          </div>
-        )
-      ))}
+          )
+      )}
     </div>
-  )
+  );
 }
 
-export default MeetTheDevsPage
\ No newline at end of file
+export default MeetTheDevsPage;
diff --git a/src/lib/data/developers.json b/src/lib/data/developers.json
index 6c9b1df..7b7a197 100644
--- a/src/lib/data/developers.json
+++ b/src/lib/data/developers.json
@@ -1,148 +1,158 @@
 [
-    {
-        "photoUrl": "Dable.jpg",
-        "name": "Nica Zoe Dable",
-        "role": "Project Manager"
-    },
-    {
-        "photoUrl": "Layos.jpg",
-        "name": "Benedict Layos",
-        "role": "Project Manager"
-    },
-    {
-        "photoUrl": "Lampa.jpg",
-        "name": "John Kyle Lampa",
-        "role": "Frontend Head"
-    },
-    {
-        "photoUrl": "Haw.jpg",
-        "name": "Sarah Haw",
-        "role": "UI/UX Head"
-    },
-    {
-        "photoUrl": "Tollo.jpg",
-        "name": "AJ Tollo",
-        "role": "Backend Head"
-    },
-    {
-        "photoUrl": "Pigao.jpg",
-        "name": "Maverick Jasper Pigao",
-        "role": "UI/UX Co-Head"
-    },
-    {
-        "photoUrl": "Wabina.jpg",
-        "name": "Ivan Sam Wabina",
-        "role": "Backend Co-Head"
-    },
-    {
-        "photoUrl": "Casiano.jpg",
-        "name": "Peter Casiano",
-        "role": "Frontend Developer"
-    },
-    {
-        "photoUrl": "Du.jpg",
-        "name": "Ellyanna Du",
-        "role": "Frontend Developer"
-    },
-    {
-        "photoUrl": "Eramis.jpg",
-        "name": "Shika Rani Eramis",
-        "role": "Frontend Developer"
-    },
-    {
-        "photoUrl": "Juarbal.jpg",
-        "name": "Evanica Rose Juarbal",
-        "role": "Frontend Developer/QA"
-    },
-    {
-        "photoUrl": "Matila.jpg",
-        "name": "Alyssa Mhie Matila",
-        "role": "Frontend Developer"
-    },
-    {
-        "photoUrl": "Nacar.jpg",
-        "name": "Ram Christian Nacar",
-        "role": "Frontend Developer"
-    },
-    
-    {
-        "photoUrl": "SysDevEgg.jpg",
-        "name": "Brian Vitualla",
-        "role": "Frontend Developer"
-    },
-    {
-        "photoUrl": "Bulao.jpg",
-        "name": "Adrianne Mykhel Bulao",
-        "role": "Backend Developer"
-    },
-    {
-        "photoUrl": "Clarde.jpg",
-        "name": "Mark Clarde",
-        "role": "Backend Developer"
-    },
-    {
-        "photoUrl": "SysDevEgg.jpg",
-        "name": "Derick Lance Eroy",
-        "role": "Backend Developer"
-    },
-    {
-        "photoUrl": "SysDevEgg.jpg",
-        "name": "Cassey Anne Gempesaw",
-        "role": "Backend Developer/DO"
-    },
-    {
-        "photoUrl": "Labuguen.jpg",
-        "name": "Isabelle Labuguen",
-        "role": "Backend Developer"
-    },
-    {
-        "photoUrl": "Molero.jpg",
-        "name": "Raffi Molero",
-        "role": "Backend Developer"
-    },
-    {
-        "photoUrl": "Regencia.jpg",
-        "name": "Harriet Jaymee Regencia",
-        "role": "Backend Developer"
-    },
-    {
-        "photoUrl": "Yap.jpg",
-        "name": "Anthony Yap",
-        "role": "Backend Developer"
-    },
-    {
-        "photoUrl": "Angeles.jpg",
-        "name": "Martina Angeles",
-        "role": "UI/UX Designer"
-    },
-    {
-        "photoUrl": "Diaz.jpg",
-        "name": "Jan Dexter Diaz",
-        "role": "UI/UX Designer"
-    },
-    {
-        "photoUrl": "Modin.jpg",
-        "name": "Kristyle Modin",
-        "role": "UI/UX Designer/QA"
-    },
-    {
-        "photoUrl": "Rivera.jpg",
-        "name": "John Michael Rivera",
-        "role": "UI/UX Designer"
-    },
-    {
-        "photoUrl": "Espejo.jpg",
-        "name": "Anya Jessica Espejo",
-        "role": "Graphic Designer"
-    },
-    {
-        "photoUrl": "Jardiel.jpg",
-        "name": "Keshia Angela Jardiel",
-        "role": "Graphic Designer"
-    },
-    {
-        "photoUrl": "SysDevEgg.jpg",
-        "name": "Shaira Lou Manipbel",
-        "role": "Graphic Designer"
-    }
+  {
+    "photoUrl": "Dable.jpg",
+    "name": "Nica Zoe Dable",
+    "role": "Project Manager"
+  },
+  {
+    "photoUrl": "Layos.jpg",
+    "name": "Benedict Layos",
+    "role": "Project Manager"
+  },
+  {
+    "photoUrl": "Lampa.jpg",
+    "name": "John Kyle Lampa",
+    "role": "Frontend Head"
+  },
+  {
+    "photoUrl": "Nacar.jpg",
+    "name": "Ram Christian Nacar",
+    "role": "Frontend Co-Head"
+  },
+  {
+    "photoUrl": "Haw.jpg",
+    "name": "Sarah Haw",
+    "role": "UI/UX Head"
+  },
+  {
+    "photoUrl": "Tollo.jpg",
+    "name": "AJ Tollo",
+    "role": "Backend Head"
+  },
+  {
+    "photoUrl": "Pigao.jpg",
+    "name": "Maverick Jasper Pigao",
+    "role": "UI/UX Co-Head"
+  },
+  {
+    "photoUrl": "Wabina.jpg",
+    "name": "Ivan Sam Wabina",
+    "role": "Backend Co-Head"
+  },
+  {
+    "photoUrl": "Casiano.jpg",
+    "name": "Peter Casiano",
+    "role": "Frontend Developer"
+  },
+  {
+    "photoUrl": "Du.jpg",
+    "name": "Ellyanna Du",
+    "role": "Frontend Developer"
+  },
+  {
+    "photoUrl": "Eramis.jpg",
+    "name": "Shika Rani Eramis",
+    "role": "Frontend Developer"
+  },
+  {
+    "photoUrl": "Juarbal.jpg",
+    "name": "Evanica Rose Juarbal",
+    "role": "Frontend Developer/QA"
+  },
+  {
+    "photoUrl": "Matila.jpg",
+    "name": "Alyssa Mhie Matila",
+    "role": "Frontend Developer"
+  },
+
+  {
+    "photoUrl": "SysDevEgg.jpg",
+    "name": "Brian Vitualla",
+    "role": "Frontend Developer"
+  },
+  {
+    "photoUrl": "Bulao.jpg",
+    "name": "Adrianne Mykhel Bulao",
+    "role": "Backend Developer"
+  },
+  {
+    "photoUrl": "Clarde.jpg",
+    "name": "Mark Clarde",
+    "role": "Backend Developer"
+  },
+  {
+    "photoUrl": "SysDevEgg.jpg",
+    "name": "Derick Lance Eroy",
+    "role": "Backend Developer"
+  },
+  {
+    "photoUrl": "Gempesaw.jpg",
+    "name": "Cassey Anne Gempesaw",
+    "role": "Backend Developer/DO"
+  },
+  {
+    "photoUrl": "Labuguen.jpg",
+    "name": "Isabelle Labuguen",
+    "role": "Backend Developer"
+  },
+  {
+    "photoUrl": "Molero.jpg",
+    "name": "Raffi Molero",
+    "role": "Backend Developer"
+  },
+  {
+    "photoUrl": "Regencia.jpg",
+    "name": "Harriet Jaymee Regencia",
+    "role": "Backend Developer"
+  },
+  {
+    "photoUrl": "Yap.jpg",
+    "name": "Anthony Yap",
+    "role": "Backend Developer"
+  },
+  {
+    "photoUrl": "Angeles.jpg",
+    "name": "Martina Angeles",
+    "role": "UI/UX Designer"
+  },
+  {
+    "photoUrl": "Diaz.jpg",
+    "name": "Jan Dexter Diaz",
+    "role": "UI/UX Designer"
+  },
+  {
+    "photoUrl": "Modin.jpg",
+    "name": "Kristyle Modin",
+    "role": "UI/UX Designer/QA"
+  },
+  {
+    "photoUrl": "Rivera.jpg",
+    "name": "John Michael Rivera",
+    "role": "UI/UX Designer"
+  },
+  {
+    "photoUrl": "Espejo.jpg",
+    "name": "Anya Jessica Espejo",
+    "role": "Graphic Designer"
+  },
+  {
+    "photoUrl": "Jardiel.jpg",
+    "name": "Keshia Angela Jardiel",
+    "role": "Graphic Designer"
+  },
+  {
+    "photoUrl": "SysDevEgg.jpg",
+    "name": "Shaira Lou Manipbel",
+    "role": "Graphic Designer"
+  },
+  {
+    "photoUrl": "Gempesaw.jpg",
+    "name": "Cassey Anne Gempesaw",
+    "role": "Devops Engineer"
+  },
+  {
+    "photoUrl": "Ceniza.jpg",
+    "name": "Ruper Art Ceniza",
+    "role": "Devops Engineer"
+  }
 ]