@armoyu/ui 1.0.1 → 1.0.3

package/src/components/modules/groups/ApplicationModal.tsx

@@ -1,133 +0,0 @@
-'use client';
-
-import React, { useEffect } from 'react';
-
-interface ApplicationModalProps {
-  isOpen: boolean;
-  onClose: () => void;
-  selectedRole?: string;
-}
-
-const ACTIVE_ROLES = [
-  "Genel Başvuru",
-  "Yazılım Geliştirici",
-  "Grafik Tasarımcı",
-  "Sosyal Medya Sorumlusu",
-  "Oyun Yetkilisi",
-  "Yayıncı",
-  "E-Spor Oyuncusu",
-  "Moderatör"
-];
-
-export function ApplicationModal({ isOpen, onClose, selectedRole }: ApplicationModalProps) {
-  // ESC tuşu ile kapatma
-  useEffect(() => {
-    const handleEsc = (e: KeyboardEvent) => {
-      if (e.key === 'Escape') onClose();
-    };
-    window.addEventListener('keydown', handleEsc);
-    return () => window.removeEventListener('keydown', handleEsc);
-  }, [onClose]);
-
-  if (!isOpen) return null;
-
-  return (
-    <div className="fixed inset-0 z-[100] flex items-center justify-center p-4">
-      {/* Backdrop */}
-      <div 
-        className="absolute inset-0 bg-[#0a0a0f]/90 backdrop-blur-xl animate-in fade-in duration-500"
-        onClick={onClose}
-      />
-      
-      {/* Modal Content */}
-      <div className="relative w-full max-w-xl glass-panel bg-armoyu-card-bg border border-armoyu-card-border rounded-[40px] shadow-[0_32px_120px_rgba(0,0,0,0.6)] overflow-hidden animate-in zoom-in-95 fade-in duration-500">
-        
-        {/* Glow Effects */}
-        <div className="absolute top-0 right-0 w-64 h-64 bg-blue-600/10 blur-[100px] rounded-full -mr-32 -mt-32 pointer-events-none" />
-        <div className="absolute bottom-0 left-0 w-48 h-48 bg-blue-400/5 blur-[80px] rounded-full -ml-24 -mb-24 pointer-events-none" />
-
-        {/* Header */}
-        <div className="p-10 pb-8 border-b border-armoyu-card-border flex items-start justify-between relative z-10">
-           <div>
-              <h2 className="text-3xl font-black text-armoyu-text uppercase tracking-tighter italic leading-none">EKİP BAŞVURUSU</h2>
-              <div className="flex items-center gap-2 mt-3">
-                 <span className="w-2 h-2 rounded-full bg-blue-500 animate-pulse shadow-[0_0_8px_rgba(59,130,246,0.8)]" />
-                 <p className="text-[10px] font-black text-blue-500 uppercase tracking-[0.2em]">
-                    ARMOYU AKADEMİSİNE HOŞ GELDİNİZ
-                 </p>
-              </div>
-           </div>
-           <button 
-             onClick={onClose}
-             className="w-12 h-12 rounded-2xl bg-black/5 dark:bg-white/5 border border-armoyu-card-border flex items-center justify-center hover:bg-red-500 hover:text-white hover:border-red-500 transition-all group active:scale-90"
-           >
-              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3" className="group-hover:rotate-90 transition-transform"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
-           </button>
-        </div>
-
-        {/* Form Body */}
-        <form className="p-10 pt-8 space-y-8 relative z-10" onSubmit={(e) => { e.preventDefault(); alert('Başvurunuz başarıyla alındı!'); onClose(); }}>
-           <div className="space-y-6">
-              
-              {/* Pozisyon Seçimi */}
-              <div className="space-y-2.5">
-                 <label className="text-[10px] font-black uppercase tracking-widest text-armoyu-text-muted ml-1 flex items-center gap-2">
-                    <span className="w-1.5 h-1.5 rounded-full bg-blue-500/50" />
-                    Pozisyon (Aktif İlanlar)
-                 </label>
-                 <div className="relative group">
-                    <select 
-                       defaultValue={selectedRole || "Genel Başvuru"}
-                       className="w-full bg-black/10 dark:bg-black/20 border border-armoyu-card-border rounded-2xl px-6 py-4 text-armoyu-text focus:outline-none focus:border-blue-500/50 focus:ring-1 focus:ring-blue-500/50 transition-all font-black text-sm appearance-none cursor-pointer group-hover:border-armoyu-text-muted/30 uppercase tracking-tight"
-                    >
-                       {ACTIVE_ROLES.map(role => (
-                          <option key={role} value={role} className="bg-[#12121a] text-white py-4">{role}</option>
-                       ))}
-                    </select>
-                    <div className="absolute right-6 top-1/2 -translate-y-1/2 pointer-events-none text-armoyu-text-muted transition-transform group-hover:translate-y-[-40%]">
-                       <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3" strokeLinecap="round" strokeLinejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>
-                    </div>
-                 </div>
-              </div>
-
-              {/* Kişisel Bilgiler Grid */}
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
-                 <div className="space-y-2.5">
-                    <label className="text-[10px] font-black uppercase tracking-widest text-armoyu-text-muted ml-1">AD SOYAD</label>
-                    <input required type="text" className="w-full bg-black/10 dark:bg-black/20 border border-armoyu-card-border rounded-2xl px-6 py-4 text-armoyu-text placeholder:text-armoyu-text-muted/40 focus:outline-none focus:border-blue-500/50 focus:ring-1 focus:ring-blue-500/50 transition-all font-bold text-sm uppercase tracking-tight" placeholder="Örn: Berkay Tikenoğlu" />
-                 </div>
-                 <div className="space-y-2.5">
-                    <label className="text-[10px] font-black uppercase tracking-widest text-armoyu-text-muted ml-1">YAŞ</label>
-                    <input required type="number" min="13" max="99" className="w-full bg-black/10 dark:bg-black/20 border border-armoyu-card-border rounded-2xl px-6 py-4 text-armoyu-text focus:outline-none focus:border-blue-500/50 focus:ring-1 focus:ring-blue-500/50 transition-all font-bold text-sm" placeholder="Örn: 24" />
-                 </div>
-              </div>
-
-              <div className="space-y-2.5">
-                 <label className="text-[10px] font-black uppercase tracking-widest text-armoyu-text-muted ml-1">E-POSTA ADRESİ</label>
-                 <input required type="email" className="w-full bg-black/10 dark:bg-black/20 border border-armoyu-card-border rounded-2xl px-6 py-4 text-armoyu-text placeholder:text-armoyu-text-muted/40 focus:outline-none focus:border-blue-500/50 focus:ring-1 focus:ring-blue-500/50 transition-all font-bold text-sm" placeholder="ornek@armoyu.com" />
-              </div>
-
-              <div className="space-y-2.5">
-                 <label className="text-[10px] font-black uppercase tracking-widest text-armoyu-text-muted ml-1">TECRÜBELER & KENDİNDEN BAHSET</label>
-                 <textarea required rows={4} className="w-full bg-black/10 dark:bg-black/20 border border-armoyu-card-border rounded-2xl px-6 py-4 text-armoyu-text placeholder:text-armoyu-text-muted/40 focus:outline-none focus:border-blue-500/50 focus:ring-1 focus:ring-blue-500/50 transition-all font-medium text-sm no-scrollbar resize-none leading-relaxed" placeholder="Neden sizi aramıza almalıyız? İlgili tecrübeleriniz nelerdir?.." />
-              </div>
-           </div>
-
-           <div className="pt-4">
-              <button className="w-full py-5 bg-blue-600 hover:bg-blue-500 text-white font-black text-xs uppercase tracking-[0.2em] rounded-2xl shadow-2xl shadow-blue-600/20 transition-all active:scale-95 relative overflow-hidden group/btn">
-                 <div className="absolute inset-0 bg-gradient-to-r from-transparent via-white/10 to-transparent -translate-x-full group-hover/btn:translate-x-full transition-transform duration-1000" />
-                 BAŞVURUYU TAMAMLA
-              </button>
-           </div>
-           
-           <div className="flex items-center gap-3 p-4 bg-blue-500/5 border border-blue-500/10 rounded-2xl">
-              <div className="w-1.5 h-full bg-blue-500 rounded-full" />
-              <p className="text-[9px] text-armoyu-text-muted uppercase tracking-widest leading-relaxed font-bold">
-                 Başvurunuz incelendikten sonra e-posta ve SMS yoluyla tarafınıza bilgilendirme yapılacaktır. Lütfen bilgilerin doğruluğundan emin olun. ✨
-              </p>
-           </div>
-        </form>
-      </div>
-    </div>
-  );
-}

package/src/components/modules/groups/GroupCard.tsx

@@ -1,96 +0,0 @@
-'use client';
-
-import React from 'react';
-import Link from 'next/link';
-
-export interface GroupCardProps {
-  name: string;
-  shortName: string;
-  description: string;
-  recruitment: string;
-  date: string;
-  category: string;
-  tag: string;
-  banner: string;
-  logo: string;
-}
-
-export function GroupCard({ 
-  name, 
-  shortName, 
-  description, 
-  recruitment, 
-  date, 
-  category, 
-  tag, 
-  banner, 
-  logo 
-}: GroupCardProps) {
-  return (
-    <div className="group relative glass-panel rounded-3xl overflow-hidden border border-armoyu-card-border bg-armoyu-card-bg shadow-sm hover:shadow-xl hover:scale-[1.01] transition-all duration-300">
-      
-      {/* Banner */}
-      <div className="h-32 w-full relative overflow-hidden">
-        <img 
-          src={banner} 
-          alt={name} 
-          className="w-full h-full object-cover group-hover:scale-110 transition-transform duration-700"
-        />
-        <div className="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent" />
-        
-        {/* Kategori Badge */}
-        <div className="absolute top-4 right-4 bg-white/10 backdrop-blur-md border border-white/20 px-3 py-1 rounded-full text-[10px] font-black text-white uppercase tracking-wider">
-           {category}
-        </div>
-      </div>
-
-      {/* Profil/Logo & Bilgi */}
-      <div className="px-5 pb-6 relative">
-        <div className="relative -mt-10 mb-4 inline-block">
-           <img 
-             src={logo} 
-             alt="Logo" 
-             className="w-20 h-20 rounded-2xl border-4 border-armoyu-bg bg-white dark:bg-zinc-900 object-cover shadow-lg"
-           />
-           <div className="absolute -bottom-1 -right-1 w-6 h-6 bg-blue-500 rounded-full border-2 border-armoyu-bg flex items-center justify-center text-white">
-              <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3"><polyline points="20 6 9 17 4 12"></polyline></svg>
-           </div>
-        </div>
-
-        <div className="flex items-center justify-between mb-2">
-           <div>
-              <h3 className="text-xl font-black text-armoyu-text group-hover:text-blue-500 transition-colors uppercase tracking-tight">{name}</h3>
-              <span className="text-xs font-bold text-blue-500 bg-blue-500/10 px-2 py-0.5 rounded-md">@{shortName}</span>
-           </div>
-           <div className="text-right">
-              <span className="block text-emerald-500 text-xs font-black uppercase tracking-widest">{recruitment}</span>
-           </div>
-        </div>
-
-        <p className="text-sm text-armoyu-text-muted font-medium line-clamp-2 min-h-[40px] mb-5">
-           {description}
-        </p>
-
-        {/* Detay Satırı */}
-        <div className="grid grid-cols-2 gap-3 mb-5">
-           <div className="flex items-center gap-2 p-2 rounded-xl bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/5">
-              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" className="text-armoyu-text-muted opacity-60"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>
-              <span className="text-[11px] font-bold text-armoyu-text-muted">{date}</span>
-           </div>
-           <div className="flex items-center gap-2 p-2 rounded-xl bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/5">
-              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" className="text-armoyu-text-muted opacity-60"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-              <span className="text-[11px] font-bold text-armoyu-text-muted">{tag}</span>
-           </div>
-        </div>
-
-        <Link 
-          href={`/gruplar/${name.toLowerCase().replace(/\s+/g, '-')}`}
-          className="w-full py-3.5 block text-center rounded-2xl bg-gradient-to-r from-blue-600 to-indigo-600 hover:from-blue-500 hover:to-indigo-500 text-white font-black text-xs uppercase tracking-widest shadow-lg shadow-blue-500/20 transform active:scale-95 transition-all"
-        >
-           Gruba Katıl / Görüntüle
-        </Link>
-      </div>
-
-    </div>
-  );
-}

package/src/components/modules/guest/Introduction.tsx

@@ -1,60 +0,0 @@
-import { Button } from '../../Button';
-import { Slider } from '../../Slider';
-import { GenderStatsBar } from '../../GenderStatsBar';
-import { StatsGrid } from '../../StatsGrid';
-import { MOCK_NEWS, mockGlobalStats } from "../../../lib/constants/seedData";
-
-export function Introduction() {
-  return (
-    <div className="flex flex-col items-center min-h-[80vh] text-center space-y-16 animate-in fade-in duration-1000 pb-16 pt-4">
-
-      {/* Hero Slider */}
-      <div className="w-full h-[500px] lg:h-[600px]">
-        <Slider durationTime={6000} />
-      </div>
-
-      <div className="flex flex-col sm:flex-row gap-4">
-        <Button variant="primary" className="h-14 px-10 text-lg rounded-full shadow-lg shadow-blue-500/30">
-          Hemen Aramıza Katıl
-        </Button>
-        <Button variant="secondary" className="h-14 px-10 text-lg rounded-full shadow-lg border-white/20">
-          Sosyal Akışı Keşfet
-        </Button>
-      </div>
-
-      <div className="grid grid-cols-1 md:grid-cols-3 gap-6 w-full max-w-5xl text-left relative z-10">
-        {[
-          { title: 'Topluluk', desc: 'Binlerce oyuncuyla tanışın ve ekipler kurun.' },
-          { title: 'Forum', desc: 'Oyunlar hakkında tartışın, rehberler oluşturun.' },
-          { title: 'Minecraft', desc: 'mc.armoyu.com adresinden sunucumuza katılın.' }
-        ].map((feature, i) => (
-          <div key={i} className="glass-panel p-6 rounded-3xl hover:-translate-y-2 transition-transform duration-300 border border-white/5 shadow-xl">
-            <h3 className="text-xl font-bold mb-2 text-white">{feature.title}</h3>
-            <p className="text-gray-400 leading-relaxed">{feature.desc}</p>
-          </div>
-        ))}
-      </div>
-
-      {/* Topluluk Dağılımı ve İstatistikleri */}
-      <div className="w-full max-w-5xl mt-12 glass-panel p-8 md:p-12 rounded-3xl border border-white/5 relative z-10 shadow-2xl flex flex-col gap-10">
-
-        {/* Gender Stats */}
-        <div>
-          <h3 className="text-2xl md:text-3xl font-bold text-white mb-2 text-center">Topluluk Demografisi</h3>
-          <p className="text-gray-400 text-center mb-10 max-w-2xl mx-auto">
-            Zengin ve çeşitli oyuncu ekosistemimizde her geçen gün birlikte daha büyük projelere ve eğlencelere imza atıyoruz.
-          </p>
-          <GenderStatsBar maleCount={mockGlobalStats.malePlayers} femaleCount={mockGlobalStats.femalePlayers} />
-        </div>
-
-        {/* Global Stats Grid */}
-        <div className="border-t border-white/10 pt-10">
-          <h3 className="text-xl md:text-2xl font-bold text-white mb-6 text-left">Genel İstatistikler</h3>
-          <StatsGrid stats={mockGlobalStats} />
-        </div>
-
-      </div>
-
-    </div>
-  );
-}

package/src/components/modules/magaza/BackToStore.tsx

@@ -1,53 +0,0 @@
-'use client';
-
-import React, { useState } from 'react';
-import Link from 'next/link';
-import { useCart } from '../../../context/CartContext';
-
-export function BackToStore() {
-  const [searchQuery, setSearchQuery] = useState('');
-  const { totalItems } = useCart();
-
-  return (
-    <div className="mb-10 flex flex-col sm:flex-row sm:items-center justify-between gap-6 animate-in fade-in slide-in-from-top-4 duration-500 bg-black/5 dark:bg-white/5 p-4 rounded-[32px] border border-black/10 dark:border-white/10 backdrop-blur-md">
-      
-      {/* Back Button */}
-      <Link 
-        href="/magaza" 
-        className="inline-flex items-center gap-3 px-6 py-3 bg-blue-600 text-white rounded-2xl font-black text-[10px] uppercase tracking-widest group transition-all shadow-xl shadow-blue-500/20 active:scale-95 shrink-0"
-      >
-        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3" strokeLinecap="round" strokeLinejoin="round" className="group-hover:-translate-x-1.5 transition-transform duration-300">
-          <polyline points="15 18 9 12 15 6"></polyline>
-        </svg>
-        <span>MAĞAZA ANA SAYFA</span>
-      </Link>
-
-      <div className="flex items-center gap-4 flex-1 justify-end">
-        {/* Compact Search */}
-        <div className="relative group max-w-[300px] flex-1">
-          <div className="absolute inset-y-0 left-4 flex items-center pointer-events-none text-armoyu-text-muted group-focus-within:text-blue-500 transition-colors">
-            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-          </div>
-          <input 
-            type="text" 
-            placeholder="Ürün ara..."
-            value={searchQuery}
-            onChange={(e) => setSearchQuery(e.target.value)}
-            className="w-full bg-black/10 dark:bg-black/40 border border-transparent focus:border-blue-500/50 rounded-xl pl-11 pr-4 py-3 text-xs font-bold text-armoyu-text placeholder:text-armoyu-text-muted focus:outline-none transition-all"
-          />
-        </div>
-
-        {/* Cart Link with Badge */}
-        <Link href="/magaza/sepet" className="relative p-3 bg-white/10 hover:bg-white/20 text-armoyu-text rounded-xl transition-all active:scale-95 border border-white/5">
-          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round"><circle cx="9" cy="21" r="1"></circle><circle cx="20" cy="21" r="1"></circle><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path></svg>
-          {totalItems > 0 && (
-            <span className="absolute -top-1 -right-1 flex h-5 w-5 items-center justify-center rounded-full bg-red-500 text-[10px] font-black text-white ring-2 ring-[#121216]">
-              {totalItems}
-            </span>
-          )}
-        </Link>
-      </div>
-
-    </div>
-  );
-}

package/src/components/modules/magaza/StoreHeader.tsx

@@ -1,74 +0,0 @@
-'use client';
-
-import React, { useState } from 'react';
-import Link from 'next/link';
-import { useCart } from '../../../context/CartContext';
-import { useAuth } from '../../../context/AuthContext';
-
-export interface StoreHeaderProps {
-  searchQuery: string;
-  setSearchQuery: (query: string) => void;
-}
-
-export function StoreHeader({ searchQuery, setSearchQuery }: StoreHeaderProps) {
-  const { totalItems } = useCart();
-
-  return (
-    <div className="mb-12 space-y-8 animate-in fade-in slide-in-from-top-4 duration-500">
-      <div className="flex flex-col md:flex-row md:items-end justify-between gap-6">
-        <div className="flex-1">
-          <p className="text-armoyu-text-muted text-lg max-w-2xl font-medium leading-relaxed opacity-80 mb-2">
-            Oyun deneyimini bir üst seviyeye taşı. Özel üyelikler ve lisanslı ürünler burada.
-          </p>
-        </div>
-
-        {/* Modular Header Controls */}
-        <div className="flex items-center gap-4 shrink-0">
-          {/* Search Bar */}
-          <div className="relative group flex-1 md:w-80">
-            <div className="absolute inset-y-0 left-4 flex items-center pointer-events-none text-armoyu-text-muted group-focus-within:text-blue-500 transition-colors">
-              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-            </div>
-            <input 
-              type="text" 
-              placeholder="Ürün ara..."
-              value={searchQuery}
-              onChange={(e) => setSearchQuery(e.target.value)}
-              className="w-full bg-white/5 dark:bg-black/20 border border-black/10 dark:border-white/10 rounded-2xl pl-12 pr-4 py-4 text-sm font-bold text-armoyu-text placeholder:text-armoyu-text-muted focus:outline-none focus:border-blue-500 focus:ring-4 focus:ring-blue-500/10 transition-all shadow-inner"
-            />
-          </div>
-
-          {/* My Orders Link */}
-          <Link href="/magaza/siparislerim" className="p-4 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 text-armoyu-text hover:text-blue-500 rounded-2xl transition-all group flex items-center gap-2">
-            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round"><path d="M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z"></path><path d="M3 6h18"></path><path d="M16 10a4 4 0 0 1-8 0"></path></svg>
-            <span className="text-[10px] font-black uppercase tracking-widest hidden sm:block">Siparişlerim</span>
-          </Link>
-
-          {/* Cart Icon with Badge */}
-          <Link href="/magaza/sepet" className="relative p-4 bg-blue-600 hover:bg-blue-500 text-white rounded-2xl transition-all shadow-xl shadow-blue-500/20 active:scale-95 group overflow-hidden">
-            <div className="absolute inset-0 bg-gradient-to-tr from-white/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity" />
-            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round"><circle cx="9" cy="21" r="1"></circle><circle cx="20" cy="21" r="1"></circle><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path></svg>
-            
-            {totalItems > 0 && (
-              <span className="absolute top-2 right-2 flex h-5 w-5 items-center justify-center rounded-full bg-red-500 text-[10px] font-black text-white ring-2 ring-blue-600 animate-in zoom-in duration-300">
-                {totalItems}
-              </span>
-            )}
-          </Link>
-        </div>
-      </div>
-
-      {/* Quick Stats / Info under header */}
-      <div className="flex flex-wrap gap-4 pt-4">
-        <div className="px-4 py-2 bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/5 rounded-xl flex items-center gap-2">
-           <div className="w-2 h-2 rounded-full bg-emerald-500 shadow-[0_0_8px_rgba(16,185,129,0.5)] animate-pulse" />
-           <span className="text-[10px] font-black text-armoyu-text-muted uppercase tracking-widest">Sistem Aktif</span>
-        </div>
-        <div className="px-4 py-2 bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/5 rounded-xl flex items-center gap-2">
-           <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3" className="text-blue-500"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
-           <span className="text-[10px] font-black text-armoyu-text-muted uppercase tracking-widest">12.4K Aktif Müşteri</span>
-        </div>
-      </div>
-    </div>
-  );
-}

package/src/components/modules/news/NewsCard.tsx

@@ -1,66 +0,0 @@
-'use client';
-
-import React from 'react';
-import Link from 'next/link';
-import { User } from '@armoyu/core';
-
-export interface NewsCardProps {
-  slug: string;
-  title: string;
-  excerpt: string;
-  date: string;
-  category: string;
-  image: string;
-  author: User | null;
-}
-
-export function NewsCard({ slug, title, excerpt, date, category, image, author }: NewsCardProps) {
-  return (
-    <Link href={`/haberler/${slug}`} className="group block">
-      <div className="glass-panel rounded-3xl overflow-hidden border border-armoyu-card-border bg-armoyu-card-bg shadow-sm hover:shadow-2xl transition-all duration-500 h-full flex flex-col">
-        
-        {/* Resim */}
-        <div className="aspect-video overflow-hidden relative">
-          <img 
-            src={image} 
-            alt={title} 
-            className="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700"
-          />
-          <div className="absolute top-4 left-4">
-             <span className="bg-blue-600 text-white text-[10px] font-black uppercase tracking-widest px-3 py-1.5 rounded-xl shadow-lg shadow-blue-600/20">
-                {category}
-             </span>
-          </div>
-        </div>
-
-        {/* İçerik */}
-        <div className="p-6 flex-1 flex flex-col">
-          <div className="flex items-center gap-3 mb-3 text-[10px] font-bold text-armoyu-text-muted opacity-60">
-             <span className="flex items-center gap-1">
-                <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>
-                {date}
-             </span>
-             <span>•</span>
-             <span className="flex items-center gap-1 uppercase tracking-widest text-blue-500 font-black">
-                {author?.displayName || 'Armoyu Ekibi'}
-             </span>
-          </div>
-
-          <h3 className="text-xl font-black text-armoyu-text group-hover:text-blue-500 transition-colors mb-4 line-clamp-2 leading-tight">
-             {title}
-          </h3>
-
-          <p className="text-sm text-armoyu-text-muted font-medium line-clamp-3 mb-6 flex-1 italic">
-             "{excerpt}"
-          </p>
-
-          <div className="flex items-center gap-2 text-blue-500 font-black text-xs uppercase tracking-widest group-hover:translate-x-1 transition-transform">
-             Devamını Oku
-             <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
-          </div>
-        </div>
-      </div>
-    </Link>
-  );
-}
-

package/src/components/modules/news/NewsComments.tsx

@@ -1,141 +0,0 @@
-'use client';
-
-import React, { useState } from 'react';
-import { userList } from '../../../lib/constants/seedData';
-import { useAuth } from '../../../context/AuthContext';
-import { User } from '@armoyu/core';
-
-
-interface Comment {
-  id: string;
-  user: User;
-  text: string;
-  date: string;
-  likes: number;
-  isLiked?: boolean;
-}
-
-export function NewsComments() {
-  const [comments, setComments] = useState<Comment[]>([
-    {
-      id: '1',
-      user: userList.find((u: any) => u.username === 'mythx') || userList[1],
-      text: 'V3 gerçekten devrimsel olmuş! Arayüzün hızı inanılmaz. Elinize sağlık ekibi.',
-      date: '1 saat önce',
-      likes: 12,
-      isLiked: false
-    },
-    {
-      id: '2',
-      user: userList.find((u: any) => u.username === 'alperen_admin') || userList[2],
-      text: 'Yeni grup sistemini sabırsızlıkla bekliyoruz. Topluluk için harika bir adım.',
-      date: '45 dakika önce',
-      likes: 8,
-      isLiked: true
-    }
-  ]);
-
-  const [newComment, setNewComment] = useState('');
-
-  const handleAddComment = () => {
-    if (!newComment.trim()) return;
-
-    const comment: Comment = {
-      id: Date.now().toString(),
-      user: userList[0], // Berkay (Siz)
-      text: newComment,
-      date: 'Şimdi',
-      likes: 0,
-      isLiked: false
-    };
-
-    setComments([comment, ...comments]);
-    setNewComment('');
-  };
-
-  const toggleLike = (id: string) => {
-    setComments(prev => prev.map(c => {
-      if (c.id === id) {
-        return {
-          ...c,
-          likes: c.isLiked ? c.likes - 1 : c.likes + 1,
-          isLiked: !c.isLiked
-        };
-      }
-      return c;
-    }));
-  };
-
-  return (
-    <div className="mt-20 pt-16 border-t border-armoyu-card-border animate-in fade-in slide-in-from-bottom-4 duration-500">
-      <h3 className="text-2xl font-black text-armoyu-text uppercase tracking-tighter mb-10 flex items-center gap-3">
-        Yorumlar 
-        <span className="text-sm font-bold bg-blue-600/10 text-blue-500 px-3 py-1 rounded-full">{comments.length}</span>
-      </h3>
-
-      {/* Comment Input */}
-      <div className="glass-panel p-6 rounded-[32px] border border-armoyu-card-border bg-armoyu-card-bg shadow-sm mb-12">
-        <div className="flex gap-4">
-          <img 
-            src={userList[0].avatar} 
-            className="w-10 h-10 rounded-full border border-black/10 dark:border-white/10 shrink-0"
-            alt="Avatar"
-          />
-          <div className="flex-1 space-y-4">
-            <textarea
-              value={newComment}
-              onChange={(e) => setNewComment(e.target.value)}
-              placeholder="Düşüncelerini paylaş..."
-              className="w-full bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-2xl px-5 py-4 text-sm text-armoyu-text focus:outline-none focus:border-blue-500 transition-all min-h-[100px] resize-none font-medium"
-            />
-            <div className="flex justify-end">
-              <button 
-                onClick={handleAddComment}
-                disabled={!newComment.trim()}
-                className="px-8 py-3 bg-blue-600 hover:bg-blue-500 disabled:opacity-50 text-white font-black text-xs uppercase tracking-widest rounded-xl shadow-lg shadow-blue-500/20 active:scale-95 transition-all"
-              >
-                Yorum Yap
-              </button>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      {/* Comment List */}
-      <div className="space-y-8">
-        {comments.map((comment) => (
-          <div key={comment.id} className="flex gap-5 group animate-in fade-in slide-in-from-left-4 duration-300">
-            <img 
-              src={comment.user.avatar} 
-              className="w-12 h-12 rounded-2xl object-cover border border-armoyu-card-border shrink-0 shadow-sm"
-              alt="Avatar"
-            />
-            <div className="flex-1">
-              <div className="flex items-center gap-3 mb-2">
-                <h4 className="text-sm font-black text-armoyu-text uppercase tracking-tight">{comment.user.displayName}</h4>
-                <span className="text-[10px] font-bold text-armoyu-text-muted opacity-60">• {comment.date}</span>
-              </div>
-              <p className="text-sm font-medium text-armoyu-text-muted leading-relaxed mb-4">
-                {comment.text}
-              </p>
-              <div className="flex items-center gap-6">
-                <button 
-                  onClick={() => toggleLike(comment.id)}
-                  className={`flex items-center gap-1.5 text-[10px] font-black uppercase tracking-widest transition-colors ${comment.isLiked ? 'text-rose-500' : 'text-armoyu-text-muted hover:text-rose-500'}`}
-                >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill={comment.isLiked ? "currentColor" : "none"} stroke="currentColor" strokeWidth="3"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg>
-                  Beğen ({comment.likes})
-                </button>
-                <button className="flex items-center gap-1.5 text-[10px] font-black uppercase tracking-widest text-armoyu-text-muted hover:text-blue-500 transition-colors">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path></svg>
-                  Yanıtla
-                </button>
-              </div>
-            </div>
-          </div>
-        ))}
-      </div>
-    </div>
-  );
-}
-