@armoyu/ui 1.0.1 → 1.0.3

package/src/components/modules/profile/ProfileStats.tsx

@@ -1,72 +0,0 @@
-import React from 'react';
-import { RollingNumber } from '../../RollingNumber';
-import { formatStatValue } from '../../../lib/utils/numberFormat';
-
-export function ProfileStats() {
-  const followersCount = 14200;
-  const followingCount = 356;
-  const viewsCount = 1200000;
-  const respectCount = 145;
-
-  const followers = formatStatValue(followersCount);
-  const following = formatStatValue(followingCount);
-  const views = formatStatValue(viewsCount);
-  const respect = formatStatValue(respectCount);
-
-  return (
-    <div className="w-full bg-armoyu-card-bg border border-armoyu-card-border rounded-3xl p-6 shadow-sm flex flex-col md:flex-row justify-between items-center gap-6">
-      
-      {/* Rakamlar */}
-      <div className="flex flex-wrap justify-center md:justify-start gap-6 md:gap-12 w-full md:w-auto">
-        <div className="text-center md:text-left">
-          <div className="text-2xl font-black text-armoyu-text flex items-baseline">
-            <RollingNumber value={followers.value} />
-            <span className="text-lg font-bold ml-1 text-armoyu-text/80">{followers.unit}</span>
-          </div>
-          <div className="text-xs font-bold text-armoyu-text-muted uppercase tracking-wider mt-1">Takipçi</div>
-        </div>
-        <div className="text-center md:text-left">
-          <div className="text-2xl font-black text-armoyu-text flex items-baseline">
-            <RollingNumber value={following.value} />
-            <span className="text-lg font-bold ml-1 text-armoyu-text/80">{following.unit}</span>
-          </div>
-          <div className="text-xs font-bold text-armoyu-text-muted uppercase tracking-wider mt-1">Takip</div>
-        </div>
-        <div className="text-center md:text-left">
-          <div className="text-2xl font-black text-armoyu-text flex items-baseline">
-            <RollingNumber value={views.value} />
-            <span className="text-lg font-bold ml-1 text-armoyu-text/80">{views.unit}</span>
-          </div>
-          <div className="text-xs font-bold text-armoyu-text-muted uppercase tracking-wider mt-1">Görüntülenme</div>
-        </div>
-        <div className="text-center md:text-left">
-          <div className="text-2xl font-black text-emerald-500 flex items-baseline">
-            <RollingNumber value={respect.value} />
-            <span className="text-lg font-bold ml-1 text-emerald-500/80">{respect.unit}</span>
-          </div>
-          <div className="text-xs font-bold text-armoyu-text-muted uppercase tracking-wider mt-1">Saygı Puanı</div>
-        </div>
-      </div>
-
-      {/* Level / XP */}
-      <div className="w-full md:w-72 bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/5 rounded-2xl p-4">
-        <div className="flex justify-between items-end mb-2">
-          <div>
-            <span className="text-xs font-bold text-armoyu-text-muted uppercase tracking-wider">Oyuncu Seviyesi</span>
-            <div className="text-xl font-bold text-blue-500 mt-0.5 flex items-center gap-1">
-              Seviye <RollingNumber value={42} />
-            </div>
-          </div>
-          <div className="text-xs font-bold text-armoyu-text-muted flex items-center gap-1">
-            <RollingNumber value={850} /> / <RollingNumber value={1000} /> XP
-          </div>
-        </div>
-        {/* Progress Bar */}
-        <div className="h-2.5 w-full bg-gray-200 dark:bg-gray-800 rounded-full overflow-hidden">
-          <div className="h-full bg-gradient-to-r from-blue-600 to-indigo-500 w-[85%] rounded-full shadow-[0_0_10px_rgba(59,130,246,0.6)]"></div>
-        </div>
-      </div>
-
-    </div>
-  );
-}

package/src/components/modules/profile/TeamSelectorModal.tsx

@@ -1,129 +0,0 @@
-'use client';
-
-import React, { useState } from 'react';
-import { X, Check, Star } from 'lucide-react';
-import { SUPER_LEAGUE_TEAMS, ZODIAC_SIGNS } from '../../../lib/constants/teamData';
-import { Team } from '@armoyu/core';
-
-
-interface TeamSelectorModalProps {
-  isOpen: boolean;
-  onClose: () => void;
-  onSelect: (team: Team | null, zodiac: string) => void;
-  initialTeam?: Team | null;
-  initialZodiac?: string;
-}
-
-export function TeamSelectorModal({ isOpen, onClose, onSelect, initialTeam, initialZodiac }: TeamSelectorModalProps) {
-  const [selectedTeam, setSelectedTeam] = useState<Team | null>(initialTeam || null);
-  const [selectedZodiac, setSelectedZodiac] = useState<string>(initialZodiac || '');
-
-  if (!isOpen) return null;
-
-  return (
-    <div className="fixed inset-0 z-[100] flex items-center justify-center p-4 md:p-8">
-      {/* Backdrop */}
-      <div className="absolute inset-0 bg-black/60 backdrop-blur-md animate-in fade-in duration-300" onClick={onClose} />
-
-      {/* Modal Content */}
-      <div className="bg-armoyu-card-bg border border-armoyu-card-border rounded-[40px] w-full max-w-2xl relative z-10 shadow-2xl animate-in zoom-in-95 duration-500 overflow-hidden flex flex-col max-h-[90vh]">
-
-        {/* Header */}
-        <div className="p-8 border-b border-armoyu-card-border flex items-center justify-between bg-black/5 shrink-0">
-          <div className="flex items-center gap-4">
-            <div className="w-12 h-12 rounded-2xl bg-blue-500/10 flex items-center justify-center text-blue-500 shadow-inner">
-              <Star size={24} className="fill-current" />
-            </div>
-            <div>
-              <h3 className="text-xl font-black text-armoyu-text uppercase italic tracking-tighter leading-none">PROFİLİNİ TAMAMLA</h3>
-              <p className="text-[10px] font-bold text-armoyu-text-muted uppercase tracking-widest mt-2 italic opacity-60">Seni daha yakından tanıyalım</p>
-            </div>
-          </div>
-          <button onClick={onClose} className="p-2 text-armoyu-text-muted hover:text-armoyu-text bg-black/10 rounded-xl transition-all">
-            <X size={20} />
-          </button>
-        </div>
-
-        {/* Form Content */}
-        <div className="p-8 space-y-10 overflow-y-auto custom-scrollbar">
-
-          {/* Team Selection */}
-          <section className="space-y-4">
-            <div className="flex items-center justify-between">
-              <label className="text-[11px] font-black text-armoyu-text-muted uppercase tracking-[0.2em] italic ml-1 leading-none">FAVORİ TAKIMIN</label>
-              <span className="text-[10px] font-bold text-blue-500 uppercase tracking-widest italic">{selectedTeam?.name || 'Seçilmedi'}</span>
-            </div>
-
-            <div className="grid grid-cols-2 sm:grid-cols-3 gap-3">
-              {SUPER_LEAGUE_TEAMS.map((team) => (
-                <button
-                  key={team.id}
-                  onClick={() => setSelectedTeam(team)}
-                  className={`relative p-4 rounded-3xl border transition-all duration-300 flex flex-col items-center gap-3 group ${selectedTeam?.id === team.id
-                      ? 'bg-blue-600/10 border-blue-500 shadow-[0_0_20px_rgba(59,130,246,0.2)]'
-                      : 'bg-black/5 border-armoyu-card-border hover:border-white/20'
-                    }`}
-                >
-                  {team.logo ? (
-                    <img src={team.logo} alt={team.name} className="w-12 h-12 object-contain group-hover:scale-110 transition-transform duration-500" />
-                  ) : (
-                    <div className="w-12 h-12 rounded-full bg-white/5 flex items-center justify-center text-xl">🚫</div>
-                  )}
-                  <span className={`text-[10px] font-black uppercase tracking-widest text-center ${selectedTeam?.id === team.id ? 'text-blue-500' : 'text-armoyu-text-muted'}`}>
-                    {team.name}
-                  </span>
-
-                  {selectedTeam?.id === team.id && (
-                    <div className="absolute top-2 right-2 w-5 h-5 bg-blue-500 rounded-full flex items-center justify-center text-white animate-in zoom-in duration-300">
-                      <Check size={12} strokeWidth={4} />
-                    </div>
-                  )}
-                </button>
-              ))}
-            </div>
-          </section>
-
-          {/* Zodiac Selection */}
-          <section className="space-y-4 pb-4">
-            <div className="flex items-center justify-between">
-              <label className="text-[11px] font-black text-armoyu-text-muted uppercase tracking-[0.2em] italic ml-1 leading-none">BURCUN</label>
-              <span className="text-[10px] font-bold text-purple-500 uppercase tracking-widest italic">{selectedZodiac || 'Seçilmedi'}</span>
-            </div>
-
-            <div className="grid grid-cols-4 sm:grid-cols-6 gap-2">
-              {ZODIAC_SIGNS.map((zodiac) => (
-                <button
-                  key={zodiac.name}
-                  onClick={() => setSelectedZodiac(zodiac.name)}
-                  className={`p-3 rounded-2xl border transition-all duration-300 flex flex-col items-center gap-1.5 group ${selectedZodiac === zodiac.name
-                      ? 'bg-purple-600/10 border-purple-500 shadow-[0_0_15px_rgba(168,85,247,0.2)]'
-                      : 'bg-black/5 border-armoyu-card-border hover:border-white/10'
-                    }`}
-                  title={zodiac.name}
-                >
-                  <span className={`text-2xl group-hover:scale-110 transition-transform duration-500 ${selectedZodiac === zodiac.name ? 'opacity-100' : 'opacity-60'}`}>
-                    {zodiac.icon}
-                  </span>
-                  <span className={`text-[8px] font-bold uppercase tracking-tighter ${selectedZodiac === zodiac.name ? 'text-purple-500' : 'text-armoyu-text-muted'}`}>
-                    {zodiac.name}
-                  </span>
-                </button>
-              ))}
-            </div>
-          </section>
-        </div>
-
-        {/* Footer */}
-        <div className="p-8 border-t border-armoyu-card-border bg-black/5 shrink-0">
-          <button
-            onClick={() => onSelect(selectedTeam, selectedZodiac)}
-            className="w-full py-5 bg-gradient-to-r from-blue-600 to-blue-500 hover:from-blue-500 hover:to-blue-400 text-white font-black rounded-3xl text-[11px] uppercase tracking-[0.2em] shadow-2xl shadow-blue-500/30 active:scale-95 transition-all flex items-center justify-center gap-3 italic"
-          >
-            DEĞİŞİKLİKLERİ KAYDET <Check size={18} strokeWidth={3} />
-          </button>
-        </div>
-      </div>
-    </div>
-  );
-}
-

package/src/components/modules/stations/StationCard.tsx

@@ -1,95 +0,0 @@
-'use client';
-
-import React from 'react';
-import Link from 'next/link';
-import { Station } from '@armoyu/core';
-
-import { MapPin, Star, Coffee, Monitor, Trophy, Dumbbell, ChevronRight } from 'lucide-react';
-
-export function StationCard(station: Station) {
-  const Icon = {
-    'YEMEK': Coffee,
-    'INTERNET_KAFE': Monitor,
-    'HALI_SAHA': Trophy,
-    'SPOR_KOMPLEKSI': Dumbbell
-  }[station.type];
-
-  const typeLabel = {
-    'YEMEK': 'Yemek & Kahve',
-    'INTERNET_KAFE': 'İnternet Kafe',
-    'HALI_SAHA': 'Halı Saha',
-    'SPOR_KOMPLEKSI': 'Spor Kompleksi'
-  }[station.type];
-
-  const typeColor = {
-    'YEMEK': 'text-amber-500 bg-amber-500/10',
-    'INTERNET_KAFE': 'text-blue-500 bg-blue-500/10',
-    'HALI_SAHA': 'text-emerald-500 bg-emerald-500/10',
-    'SPOR_KOMPLEKSI': 'text-purple-500 bg-purple-500/10'
-  }[station.type];
-
-  return (
-    <div className="group relative glass-panel rounded-[32px] border border-armoyu-card-border overflow-hidden bg-armoyu-card-bg hover:shadow-2xl transition-all duration-500 flex flex-col h-full animate-in fade-in zoom-in duration-700">
-      {/* Banner */}
-      <div className="relative h-48 overflow-hidden">
-        <img 
-          src={station.banner} 
-          alt={station.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 via-transparent to-transparent" />
-        
-        {/* Type Badge */}
-        <div className={`absolute top-4 left-4 flex items-center gap-2 px-3 py-1.5 rounded-xl backdrop-blur-md border border-white/10 ${typeColor}`}>
-           <Icon size={14} strokeWidth={2.5} />
-           <span className="text-[10px] font-black uppercase tracking-widest">{typeLabel}</span>
-        </div>
-      </div>
-
-      {/* Content */}
-      <div className="p-6 flex flex-col flex-1 relative">
-        {/* Logo Overlay */}
-        <div className="absolute -top-10 left-6 w-20 h-20 rounded-2xl border-4 border-armoyu-card-bg overflow-hidden shadow-xl bg-white">
-           <img src={station.logo} alt={station.name} className="w-full h-full object-cover" />
-        </div>
-
-        <div className="mt-12 flex-1">
-          <div className="flex justify-between items-start mb-2">
-            <h3 className="text-xl font-black text-armoyu-text uppercase tracking-tight group-hover:text-blue-500 transition-colors truncate pr-2">
-              {station.name}
-            </h3>
-            <div className="flex items-center gap-1 shrink-0">
-               <Star size={14} className="text-amber-500 fill-amber-500" />
-               <span className="text-sm font-black text-armoyu-text">{station.rating}</span>
-            </div>
-          </div>
-
-          <div className="flex items-center gap-2 mb-4 text-armoyu-text-muted">
-             <MapPin size={14} className="shrink-0 opacity-50" />
-             <span className="text-xs font-bold truncate">{station.location}</span>
-          </div>
-
-          <p className="text-sm text-armoyu-text-muted font-medium line-clamp-2 leading-relaxed mb-6 opacity-80">
-            {station.description}
-          </p>
-        </div>
-
-        {/* Footer */}
-        <div className="pt-6 border-t border-armoyu-card-border flex items-center justify-between">
-           <div className="flex flex-col">
-              <span className="text-[10px] font-black text-armoyu-text-muted uppercase tracking-widest opacity-50">YORUMLAR</span>
-              <span className="text-xs font-black text-armoyu-text">{station.reviewCount} Değerlendirme</span>
-           </div>
-           
-           <Link 
-             href={`/istasyonlar/${station.slug}`}
-             className="w-10 h-10 rounded-xl bg-armoyu-text dark:bg-white text-white dark:text-black flex items-center justify-center hover:scale-110 active:scale-95 transition-all shadow-lg"
-           >
-              <ChevronRight size={20} strokeWidth={3} />
-           </Link>
-        </div>
-      </div>
-    </div>
-  );
-}
-

package/src/components/modules/stations/StationQRModal.tsx

@@ -1,102 +0,0 @@
-'use client';
-
-import React from 'react';
-import { X, QrCode } from 'lucide-react'; 
-import { StationProduct } from '@armoyu/core';
-
-
-interface StationQRModalProps {
-  isOpen: boolean;
-  onClose: () => void;
-  stationName: string;
-  item: StationProduct | null;
-}
-
-export function StationQRModal({ isOpen, onClose, stationName, item }: StationQRModalProps) {
-  if (!isOpen || !item) return null;
-
-  // Mock username - normally would come from auth context
-  const username = 'berkaytikeno';
-  const qrData = encodeURIComponent(`${stationName} | ${item.name} | ${item.discountRate || 'No Discount'} | User: ${username}`);
-  const qrUrl = `https://api.qrserver.com/v1/create-qr-code/?size=250x250&data=${qrData}&bgcolor=ffffff&color=000000&margin=10`;
-
-  return (
-    <div className="fixed inset-0 z-[100] flex items-center justify-center p-6 animate-in fade-in duration-300">
-      {/* Backdrop */}
-      <div 
-        className="absolute inset-0 bg-black/80 backdrop-blur-md" 
-        onClick={onClose}
-      />
-      
-      {/* Modal Content */}
-      <div className="relative w-full max-w-md bg-white dark:bg-zinc-900 rounded-[48px] overflow-hidden shadow-[0_0_100px_rgba(0,0,0,0.5)] border border-white/10 animate-in zoom-in slide-in-from-bottom-12 duration-500">
-        <div className="p-8 pb-0 flex justify-end">
-           <button 
-             onClick={onClose}
-             className="w-10 h-10 rounded-full bg-black/5 dark:bg-white/5 flex items-center justify-center hover:bg-red-500 hover:text-white transition-all active:scale-90"
-           >
-              <X size={20} />
-           </button>
-        </div>
-
-        <div className="p-10 pt-4 text-center">
-           <div className="mb-6">
-              <span className="px-4 py-1.5 bg-blue-500/10 text-blue-500 rounded-full text-[10px] font-black uppercase tracking-[0.2em] mb-4 inline-block">
-                 ARMOYU AVANTAJ KODU
-              </span>
-              <h3 className="text-2xl font-black text-armoyu-text uppercase tracking-tighter italic leading-tight">
-                 {item.name}
-              </h3>
-              <p className="text-armoyu-text-muted text-xs font-bold uppercase tracking-widest mt-1 opacity-60">
-                 {stationName}
-              </p>
-           </div>
-
-           {/* QR Code Container */}
-           <div className="relative p-6 bg-white rounded-[40px] shadow-inner mb-8 inline-block mx-auto group">
-              <div className="absolute inset-0 bg-blue-500/5 blur-3xl rounded-full scale-150 group-hover:bg-blue-500/10 transition-colors" />
-              <img 
-                src={qrUrl} 
-                alt="QR Code" 
-                className="relative z-10 w-48 h-48 md:w-56 md:h-56 object-contain mix-blend-multiply dark:mix-blend-normal"
-              />
-              
-              {/* Corner Accents */}
-              <div className="absolute top-0 left-0 w-8 h-8 border-t-4 border-l-4 border-blue-600 rounded-tl-2xl" />
-              <div className="absolute top-0 right-0 w-8 h-8 border-t-4 border-r-4 border-blue-600 rounded-tr-2xl" />
-              <div className="absolute bottom-0 left-0 w-8 h-8 border-b-4 border-l-4 border-blue-600 rounded-bl-2xl" />
-              <div className="absolute bottom-0 right-0 w-8 h-8 border-b-4 border-r-4 border-blue-600 rounded-br-2xl" />
-           </div>
-
-           <div className="space-y-4">
-              <div className="p-5 bg-black/5 dark:bg-white/5 rounded-3xl border border-black/5 dark:border-white/5">
-                 <div className="flex justify-between items-center mb-1">
-                    <span className="text-[10px] font-black text-armoyu-text-muted uppercase tracking-widest leading-none">İNDİRİM ORANI</span>
-                    <span className="text-xl font-black text-emerald-500 italic">{item.discountRate || 'Özel Fiyat'}</span>
-                 </div>
-                 <div className="flex justify-between items-center">
-                    <span className="text-[10px] font-black text-armoyu-text-muted uppercase tracking-widest leading-none">ÜCRET</span>
-                    <span className="text-xl font-black text-armoyu-text">{item.price} ₺</span>
-                 </div>
-              </div>
-
-              <p className="text-[10px] font-bold text-armoyu-text-muted uppercase tracking-widest leading-relaxed opacity-60 max-w-[280px] mx-auto">
-                 BU KODU KASADAKİ GÖREVLİYE OKUTARAK İNDİRİMİNİZİ ANINDA UYGALAYABİLİRSİNİZ.
-              </p>
-           </div>
-        </div>
-
-        {/* Footer */}
-        <div className="p-8 bg-blue-600 text-white text-center">
-           <button 
-             onClick={onClose}
-             className="w-full py-4 bg-white text-blue-600 rounded-2xl font-black text-xs uppercase tracking-widest shadow-xl active:scale-95 transition-all"
-           >
-              KAPAT
-           </button>
-        </div>
-      </div>
-    </div>
-  );
-}
-

package/src/components/shared/FloatingChatButton.tsx

@@ -1,57 +0,0 @@
-'use client';
-
-import React from 'react';
-import { useAuth } from '../../context/AuthContext';
-import { useChat } from '../../context/ChatContext';
-import { ChatContainer } from '../../components/modules/chat/ChatContainer';
-
-export interface FloatingChatButtonProps {
-  position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
-}
-
-export function FloatingChatButton({ position = 'bottom-right' }: FloatingChatButtonProps) {
-  const { user } = useAuth();
-  const { isChatOpen, toggleChat } = useChat();
-
-  if (!user) return null;
-
-  const positionClasses = {
-    'bottom-right': 'bottom-6 right-6 md:bottom-10 md:right-10',
-    'bottom-left': 'bottom-6 left-6 md:bottom-10 md:left-10',
-    'top-right': 'top-24 right-6 md:top-24 md:right-10',
-    'top-left': 'top-24 left-6 md:top-24 md:left-10',
-  };
-
-  return (
-    <div key="floating-chat-wrapper">
-      {/* Floating Buton (Sadece sohbet KAPALIYKEN görünür) */}
-      {!isChatOpen && (
-        <div key="floating-trigger" className={`fixed z-[80] animate-in fade-in zoom-in duration-500 ${positionClasses[position]}`}>
-          <button 
-            onClick={toggleChat}
-            className="w-14 h-14 md:w-16 md:h-16 rounded-full bg-gradient-to-r from-blue-600 to-blue-500 text-white shadow-[0_0_20px_rgba(37,99,235,0.4)] hover:shadow-[0_0_30px_rgba(37,99,235,0.6)] hover:scale-105 active:scale-95 transition-all flex items-center justify-center border border-blue-400/50 group focus:outline-none"
-            title="Sohbeti Aç"
-          >
-            <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" className="group-hover:-translate-y-0.5 transition-transform md:w-7 md:h-7 animate-in spin-in-[-90deg] duration-300">
-              <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
-            </svg>
-            {/* Unread Badge */}
-            <span className="absolute top-0 right-0 md:top-0.5 md:right-0.5 w-3.5 h-3.5 md:w-4 md:h-4 bg-red-500 rounded-full border-2 border-white dark:border-[#0a0a0e] shadow-sm animate-pulse"></span>
-          </button>
-        </div>
-      )}
-
-      {/* Floating Chat Container - Always mounted to persist state, visibility toggled with CSS */}
-      <div 
-        key="floating-container"
-        className={`fixed bottom-0 right-0 md:bottom-6 md:right-6 z-[70] w-full sm:w-[400px] h-[100dvh] sm:h-[calc(100vh-100px)] md:h-[650px] shadow-[0_0_40px_rgba(0,0,0,0.3)] origin-bottom-right transition-all duration-500 sm:rounded-3xl overflow-hidden border border-black/5 dark:border-white/10 flex flex-col bg-armoyu-card-bg backdrop-blur-xl ${
-          isChatOpen 
-          ? 'translate-y-0 scale-100 opacity-100 pointer-events-auto' 
-          : 'translate-y-10 scale-95 opacity-0 pointer-events-none'
-        }`}
-      >
-        <ChatContainer />
-      </div>
-    </div>
-  );
-}

package/src/components/shared/Footer.tsx

@@ -1,77 +0,0 @@
-import React from 'react';
-
-export function Footer() {
-  const latestPosts = [
-    { title: "Yeni Minecraft Sunucu Altyapımız Yayında!", date: "18 Mart 2026", link: "#" },
-    { title: "Valorant Kış Turnuvası Kayıtları Başladı, Yerini Ayırt", date: "15 Mart 2026", link: "#" },
-    { title: "ARMOYU Çekiliş Sonuçları Açıklandı", date: "10 Mart 2026", link: "#" },
-  ];
-
-  return (
-    <footer className="w-full mt-24 border-t border-armoyu-card-border bg-armoyu-bg py-12 px-6 md:px-8 relative z-20 text-center md:text-left">
-      <div className="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12">
-        
-        {/* Hakkımızda */}
-        <div className="space-y-4 flex flex-col items-center md:items-start">
-          <h2 className="text-2xl font-black bg-clip-text text-transparent bg-gradient-to-r from-blue-500 to-indigo-600 dark:from-white dark:to-gray-300 tracking-tight">ARMOYU</h2>
-          <p className="text-armoyu-text-muted text-sm leading-relaxed max-w-sm font-medium">
-            Türkiye'nin en aktif ve yenilikçi oyuncu topluluğu. Oyun dünyasındaki gelişmeleri takip et, arkadaşlarınla ekipler kur ve rekabete katıl.
-          </p>
-          {/* Sosyal Medya İkonları */}
-          <div className="flex gap-3 pt-4 justify-center md:justify-start">
-            <a href="#" className="w-10 h-10 rounded-full bg-black/5 dark:bg-white/5 flex items-center justify-center text-armoyu-text-muted hover:text-indigo-500 hover:bg-black/10 dark:hover:bg-white/10 transition-colors border border-black/5 dark:border-white/5" title="Discord">
-               <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M9 12h.01"/><path d="M15 12h.01"/><path d="M8 8a9 9 0 0 0-4 3c-1.3 4-1.5 6-.5 8 1 2 4 1 6-1h4c2 2 5 3 6 1 1-2 .8-4-.5-8a9 9 0 0 0-4-3 7 7 0 0 0-6 0z"/></svg>
-            </a>
-            <a href="#" className="w-10 h-10 rounded-full bg-black/5 dark:bg-white/5 flex items-center justify-center text-armoyu-text-muted hover:text-pink-500 hover:bg-black/10 dark:hover:bg-white/10 transition-colors border border-black/5 dark:border-white/5" title="Instagram">
-              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line></svg>
-            </a>
-            <a href="#" className="w-10 h-10 rounded-full bg-black/5 dark:bg-white/5 flex items-center justify-center text-armoyu-text-muted hover:text-red-500 hover:bg-black/10 dark:hover:bg-white/10 transition-colors border border-black/5 dark:border-white/5" title="YouTube">
-              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z"></path><polygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02"></polygon></svg>
-            </a>
-            <a href="#" className="w-10 h-10 rounded-full bg-black/5 dark:bg-white/5 flex items-center justify-center text-armoyu-text-muted hover:text-blue-500 hover:bg-black/10 dark:hover:bg-white/10 transition-colors border border-black/5 dark:border-white/5" title="X (Twitter)">
-               <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M4 4l11.733 16h4.267l-11.733 -16z" /><path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772" /></svg>
-            </a>
-          </div>
-        </div>
-
-        {/* Hızlı Bağlantılar */}
-        <div className="space-y-4 lg:pl-8 flex flex-col items-center md:items-start">
-          <h3 className="text-lg font-bold text-armoyu-text tracking-wide">Hızlı Bağlantılar</h3>
-          <ul className="space-y-3 text-sm text-armoyu-text-muted font-bold w-full md:w-auto flex flex-col items-center md:items-start">
-            <li><a href="#" className="hover:text-blue-500 transition-colors flex items-center gap-2"><span className="w-1.5 h-1.5 rounded-full bg-blue-500/50 hidden md:block"></span> Ana Sayfa</a></li>
-            <li><a href="#" className="hover:text-blue-500 transition-colors flex items-center gap-2"><span className="w-1.5 h-1.5 rounded-full bg-blue-500/50 hidden md:block"></span> Gruplar</a></li>
-            <li><a href="#" className="hover:text-blue-500 transition-colors flex items-center gap-2"><span className="w-1.5 h-1.5 rounded-full bg-blue-500/50 hidden md:block"></span> Forum</a></li>
-            <li><a href="#" className="hover:text-blue-500 transition-colors flex items-center gap-2"><span className="w-1.5 h-1.5 rounded-full bg-blue-500/50 hidden md:block"></span> Mağaza</a></li>
-            <li><a href="#" className="hover:text-blue-500 transition-colors flex items-center gap-2"><span className="w-1.5 h-1.5 rounded-full bg-blue-500/50 hidden md:block"></span> Destek Talebi</a></li>
-          </ul>
-        </div>
-
-        {/* Son Yazılar */}
-        <div className="space-y-4 lg:col-span-2">
-          <h3 className="text-lg font-bold text-armoyu-text tracking-wide">Son Paylaşımlar</h3>
-          <div className="space-y-3">
-            {latestPosts.map((post, idx) => (
-              <a key={idx} href={post.link} className="block group text-left">
-                <div className="bg-black/5 dark:bg-white/5 p-4 rounded-xl border border-black/5 dark:border-white/5 group-hover:bg-black/10 dark:group-hover:bg-white/10 group-hover:border-blue-500/30 transition-all cursor-pointer flex flex-col sm:flex-row justify-between sm:items-center gap-2 sm:gap-4 shadow-sm">
-                  <h4 className="text-armoyu-text text-sm font-bold group-hover:text-blue-500 transition-colors line-clamp-2 md:line-clamp-1 flex-1">{post.title}</h4>
-                  <span className="text-xs text-blue-600 dark:text-blue-400 font-extrabold whitespace-nowrap sm:bg-blue-500/10 sm:px-2.5 sm:py-1 rounded-md">{post.date}</span>
-                </div>
-              </a>
-            ))}
-          </div>
-        </div>
-
-      </div>
-
-      {/* Alt Karartma (Copyright) */}
-      <div className="max-w-7xl mx-auto mt-12 pt-8 border-t border-armoyu-card-border flex flex-col md:flex-row items-center justify-between gap-6 text-xs font-bold text-armoyu-text-muted">
-        <p>© 2026 Aramızdaki Oyuncu. Tüm hakları saklıdır.</p>
-        <div className="flex flex-wrap justify-center gap-4 md:gap-6">
-          <a href="#" className="hover:text-armoyu-text transition-colors">Gizlilik Politikası</a>
-          <a href="#" className="hover:text-armoyu-text transition-colors">Hizmet Şartları</a>
-          <a href="#" className="hover:text-armoyu-text transition-colors">Kurallar</a>
-        </div>
-      </div>
-    </footer>
-  );
-}