agartha/New-folder
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

src/app/page.tsx Güncelle

Browse Source
This commit is contained in:
agartha
2025-12-13 22:19:24 +00:00
parent 7c4828ca84
commit daf99ee1c5
1 changed files with 44 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/app/page.tsx
View File

@@ -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>