Swapnil Image Updated

Author: The-XENO-Studios

public/Images/Developers/swapnil.jpg

@@ -21,6 +21,7 @@ const x: devData = {
       name: "HRM Rafsan Amin",
       image_url: "/Images/Developers/hrm_rafsan.jpg",
       modal_image_url: "/Images/Developers/tr-hrm_rafsan.png",
+      imageInCenter: false,
       profile_url: [
         {
           platform: "facebook",
@@ -45,6 +46,7 @@ const x: devData = {
       name: "Wasef Rahman Swapnil",
       image_url: "/Images/Developers/swapnil.jpg",
       modal_image_url: "/Images/Developers/tr-swapnil.png",
+      imageInCenter: true,
       profile_url: [
         {
           platform: "facebook",

public/Images/Developers/tr-swapnil.png

@@ -1,10 +1,10 @@
-'use client';
+"use client";
 
-import { FaCode } from 'react-icons/fa';
-import Member from '@/Components/Home/Member';
-import DevData from './developers';
-import { useState } from 'react';
-import Modal from './Modal';
+import { FaCode } from "react-icons/fa";
+import Member from "@/Components/Home/Member";
+import DevData from "./developers";
+import { useState } from "react";
+import Modal from "./Modal";
 
 const Developer = () => {
   const [modalState, setModalState] = useState<[string, number] | null>(null);
@@ -19,51 +19,58 @@ const Developer = () => {
           <div>
             <div className=" flex flex-col md:flex-row gap-0 md:gap-3 justify-start md:justify-start items-start md:items-end">
               <h1 className="text-4xl md:text-6xl pb-1 md:pb-2">MEET OUR</h1>
-              <h1 className="text-5xl sm:text-6xl md:text-8xl text-primary">DEVELOPERS</h1>
+              <h1 className="text-5xl sm:text-6xl md:text-8xl text-primary">
+                DEVELOPERS
+              </h1>
             </div>
             <p className="pt-3  hidden md:block text-lg">
-              We would like to thank our amazing developers who worked hard to create this website.
-              They have shown great skill, creativity, and dedication in bringing our vision to
-              life. They have overcome many challenges and delivered a high-quality product that we
-              are proud of. We appreciate their efforts and contributions to our success.
+              We would like to thank our amazing developers who worked hard to
+              create this website. They have shown great skill, creativity, and
+              dedication in bringing our vision to life. They have overcome many
+              challenges and delivered a high-quality product that we are proud
+              of. We appreciate their efforts and contributions to our success.
             </p>
           </div>
         </div>
         <p className="pt-3 mt-4 md:hidden text-base">
-          We would like to thank our amazing developers who worked hard to create this website. They
-          have shown great skill, creativity, and dedication in bringing our vision to life. They
-          have overcome many challenges and delivered a high-quality product that we are proud of.
+          We would like to thank our amazing developers who worked hard to
+          create this website. They have shown great skill, creativity, and
+          dedication in bringing our vision to life. They have overcome many
+          challenges and delivered a high-quality product that we are proud of.
           We appreciate their efforts and contributions to our success.
         </p>
         {Object.entries(DevData).map(([title, members]) => {
-          const titleArr = title.split(' ');
+          const titleArr = title.split(" ");
           const first = titleArr?.splice(0, 1);
-          const last = titleArr?.join(' ') + ' ';
+          const last = titleArr?.join(" ") + " ";
           return (
             <>
               <div className="mt-14 md:mt-16  flex flex-col md:flex-row gap-0 md:gap-3 justify-start md:justify-start items-start md:items-end">
                 <h1 className="text-4xl md:text-5xl text-primary">{first}</h1>
                 <h1 className="text-4xl md:text-5xl ">{last}</h1>
               </div>
               <div className="flex pt-2 mt-4 md:mt-5   grid-fluid-fill-[275px] md:grid-fluid-fill-[250px] flex-wrap gap-4 md:gap-8  justify-start">
-                {members.map(({ name, post, image_url, dept }, index) => (
-                  <div
-                    className=""
-                    key={index}
-                    onClick={() => {
-                      setModalState([title, index]);
-                    }}
-                  >
-                    <Member
-                      hasClickHandler={true}
-                      img={image_url}
-                      name={name}
-                      designation={post}
-                      department={dept}
-                      hoverText="Click for Details"
-                    />
-                  </div>
-                ))}
+                {members.map(
+                  ({ name, post, image_url, dept, imageInCenter }, index) => (
+                    <div
+                      className=""
+                      key={index}
+                      onClick={() => {
+                        setModalState([title, index]);
+                      }}
+                    >
+                      <Member
+                        hasClickHandler={true}
+                        imgInCenter={imageInCenter}
+                        img={image_url}
+                        name={name}
+                        designation={post}
+                        department={dept}
+                        hoverText="Click for Details"
+                      />
+                    </div>
+                  )
+                )}
               </div>
             </>
           );