From daf99ee1c56486fbdf12e37a6f6d4c1045f903a5 Mon Sep 17 00:00:00 2001
From: agartha <sahanhasretmail@gmail.com>
Date: Sat, 13 Dec 2025 22:19:24 +0000
Subject: [PATCH] =?UTF-8?q?src/app/page.tsx=20G=C3=BCncelle?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/page.tsx | 56 +++++++++++++++++++++++++++++++++++++-----------
 1 file changed, 44 insertions(+), 12 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 80653a0..c0525e0 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -199,6 +199,38 @@ export default function Home() {
             color: "accent",
             desc: "Karmaşık sistem ağlarını ve sunucu yapılarını yöneten mimar.",
             stats: { network: 98, devops: 94, latency: 1 }
+          },
+          {
+            name: "Fatma Şahiner",
+            handle: "DEV_LEAD",
+            role: "Developer",
+            color: "primary",
+            desc: "Yazılım geliştirme süreçlerinde uzmanlaşmış deneyimli geliştirici.",
+            stats: { code: 95, logic: 98, coffee: 100 }
+          },
+          {
+            name: "Murat Dursun",
+            handle: "WEB_MASTER",
+            role: "Web Developer",
+            color: "accent",
+            desc: "Modern web teknolojileriyle kullanıcı dostu arayüzler tasarlayan uzman.",
+            stats: { frontend: 96, ui: 94, css: 99 }
+          },
+          {
+            name: "Mustafa Çoban",
+            handle: "SEC_OPS",
+            role: "Cyber Security Expert",
+            color: "primary",
+            desc: "Sistem güvenliği ve siber tehditlere karşı savunma stratejileri uzmanı.",
+            stats: { security: 99, pentest: 95, firewall: 100 }
+          },
+          {
+            name: "Bedirhan Demirhan",
+            handle: "CODE_WIZARD",
+            role: "Web Developer",
+            color: "accent",
+            desc: "Yenilikçi web çözümleri ve performans odaklı kodlama uzmanı.",
+            stats: { react: 95, nextjs: 94, api: 92 }
           }
         ];
 
@@ -271,32 +303,32 @@ export default function Home() {
                    <p className="text-zsl-muted">Projelerinize değer katan mühendis ve geliştiriciler.</p>
                 </div>
 
-                <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4">
+                <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-4 gap-6">
                    {teamMembers.map((member, idx) => (
                       <div key={idx} className="group relative bg-zsl-card/40 border border-white/5 rounded-xl overflow-hidden hover:border-white/20 transition-all duration-300">
                          {/* Card Header / Avatar Placeholder */}
-                         <div className={`h-28 bg-linear-to-b ${member.color === 'primary' ? 'from-zsl-primary/20' : 'from-zsl-accent/20'} to-transparent flex items-center justify-center relative`}>
+                         <div className={`h-32 bg-linear-to-b ${member.color === 'primary' ? 'from-zsl-primary/20' : 'from-zsl-accent/20'} to-transparent flex items-center justify-center relative`}>
                             <div className="absolute inset-0 cyber-grid opacity-20"></div>
-                            <div className={`w-16 h-16 rounded-lg border-2 ${member.color === 'primary' ? 'border-zsl-primary bg-zsl-primary/20' : 'border-zsl-accent bg-zsl-accent/20'} flex items-center justify-center shadow-[0_0_20px_rgba(0,0,0,0.5)] backdrop-blur-md z-10 group-hover:scale-110 transition-transform duration-300`}>
-                               <span className="font-mono text-xl font-bold text-white">{member.name.charAt(0)}</span>
+                            <div className={`w-20 h-20 rounded-lg border-2 ${member.color === 'primary' ? 'border-zsl-primary bg-zsl-primary/20' : 'border-zsl-accent bg-zsl-accent/20'} flex items-center justify-center shadow-[0_0_20px_rgba(0,0,0,0.5)] backdrop-blur-md z-10 group-hover:scale-110 transition-transform duration-300`}>
+                               <span className="font-mono text-2xl font-bold text-white">{member.name.charAt(0)}</span>
                             </div>
                          </div>
                          
                          {/* Card Body */}
-                         <div className="p-4 text-center relative">
-                            <div className={`absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2 text-[8px] font-mono font-bold px-2 py-0.5 rounded bg-black border ${member.color === 'primary' ? 'border-zsl-primary text-zsl-primary' : 'border-zsl-accent text-zsl-accent'} uppercase tracking-wider whitespace-nowrap`}>
+                         <div className="p-6 text-center relative">
+                            <div className={`absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2 text-xs font-mono font-bold px-3 py-1 rounded bg-black border ${member.color === 'primary' ? 'border-zsl-primary text-zsl-primary' : 'border-zsl-accent text-zsl-accent'} uppercase tracking-wider whitespace-nowrap`}>
                                {member.handle}
                             </div>
                             
-                            <h4 className="text-base font-bold text-white mt-3">{member.name}</h4>
-                            <p className="text-zsl-muted text-[8px] font-mono uppercase tracking-widest mb-3">{member.role}</p>
-                            <p className="text-slate-400 text-xs mb-4 min-h-10 line-clamp-3">{member.desc}</p>
+                            <h4 className="text-xl font-bold text-white mt-4">{member.name}</h4>
+                            <p className="text-zsl-muted text-xs font-mono uppercase tracking-widest mb-4">{member.role}</p>
+                            <p className="text-slate-400 text-sm mb-6 min-h-12 line-clamp-3">{member.desc}</p>
 
                             {/* Stats */}
-                            <div className="space-y-1.5">
+                            <div className="space-y-2">
                                {Object.entries(member.stats).map(([key, val]) => (
-                                  <div key={key} className="flex items-center gap-1.5 text-[8px] font-mono uppercase text-slate-500">
-                                     <span className="w-14 text-right truncate">{key}</span>
+                                  <div key={key} className="flex items-center gap-2 text-xs font-mono uppercase text-slate-500">
+                                     <span className="w-16 text-right truncate">{key}</span>
                                      <div className="flex-1 h-1 bg-slate-800 rounded-full overflow-hidden">
                                         <div className={`h-full ${member.color === 'primary' ? 'bg-zsl-primary' : 'bg-zsl-accent'}`} style={{ width: `${val}%` }}></div>
                                      </div>