@armoyu/ui 1.0.1 → 1.0.3

package/src/components/modules/community/SurveyCard.tsx

@@ -1,149 +0,0 @@
-'use client';
-
-import React, { useState } from 'react';
-import { Survey, SurveyAnswer } from '@armoyu/core';
-import { CheckCircle2, Users, Calendar, BarChart3 } from 'lucide-react';
-
-interface SurveyCardProps {
-  survey: Survey;
-}
-
-export function SurveyCard({ survey }: SurveyCardProps) {
-  const [hasVoted, setHasVoted] = useState(survey.hasVoted);
-  const [myVoteId, setMyVoteId] = useState(survey.myVoteId);
-  const [options, setOptions] = useState<SurveyAnswer[]>(survey.options);
-  const [totalVotes, setTotalVotes] = useState(survey.totalVotes);
-
-  const handleVote = (optionId: string) => {
-    if (hasVoted) return;
-
-    // Optimistic Update
-    setHasVoted(true);
-    setMyVoteId(optionId);
-    setTotalVotes(prev => prev + 1);
-    setOptions(prev => prev.map(opt => {
-      if (opt.id === optionId) {
-        return new SurveyAnswer({ ...opt, votes: opt.votes + 1 });
-      }
-      return opt;
-    }));
-  };
-
-  const getPercentage = (votes: number) => {
-    if (totalVotes === 0) return 0;
-    return Math.round((votes / totalVotes) * 100);
-  };
-
-  return (
-    <div className="glass-panel p-6 md:p-8 rounded-[40px] border border-armoyu-card-border bg-armoyu-card-bg shadow-xl hover:shadow-2xl transition-all duration-500 overflow-hidden relative group">
-      {/* Decorative Gradient Line */}
-      <div className="absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-blue-500 via-indigo-500 to-purple-500 opacity-70"></div>
-      
-      <div className="flex flex-col md:flex-row md:items-start justify-between gap-6 mb-8">
-        <div className="flex-1">
-          <div className="flex items-center gap-3 mb-4">
-             <div className="w-10 h-10 rounded-2xl bg-blue-500/10 flex items-center justify-center text-blue-500">
-                <BarChart3 size={20} />
-             </div>
-             <div>
-                <p className="text-[10px] font-black text-armoyu-text-muted uppercase tracking-widest leading-none mb-1">Topluluk Anketi</p>
-                <div className="flex items-center gap-2">
-                   <img src={survey.author?.avatar} className="w-4 h-4 rounded-full" alt="" />
-                   <p className="text-[10px] font-bold text-armoyu-text/60 uppercase">{survey.author?.displayName} tarafından</p>
-                </div>
-             </div>
-          </div>
-          
-          <h3 className="text-xl md:text-2xl font-black text-armoyu-text uppercase tracking-tight italic leading-tight mb-3">
-            {survey.question}
-          </h3>
-          {survey.description && (
-            <p className="text-xs font-medium text-armoyu-text-muted leading-relaxed max-w-2xl">
-              {survey.description}
-            </p>
-          )}
-        </div>
-
-        <div className="flex flex-col md:items-end gap-2 shrink-0">
-           <div className="flex items-center gap-2 px-3 py-1.5 bg-black/5 dark:bg-white/5 rounded-xl border border-black/5 dark:border-white/5">
-              <Users size={14} className="text-blue-500" />
-              <span className="text-[10px] font-black text-armoyu-text uppercase tracking-widest">{totalVotes} Toplam Oy</span>
-           </div>
-           {survey.expiresAt && (
-              <div className="flex items-center gap-2 px-3 py-1.5 bg-black/5 dark:bg-white/5 rounded-xl border border-black/5 dark:border-white/5">
-                <Calendar size={14} className="text-orange-500" />
-                <span className="text-[10px] font-black text-armoyu-text uppercase tracking-widest">Bitiş: {survey.expiresAt}</span>
-              </div>
-           )}
-        </div>
-      </div>
-
-      <div className="space-y-4">
-        {options.map((opt) => {
-          const percentage = getPercentage(opt.votes);
-          const isSelected = myVoteId === opt.id;
-          
-          return (
-            <div 
-              key={opt.id} 
-              className="relative group/opt"
-              onClick={() => handleVote(opt.id)}
-            >
-              <div 
-                className={`flex items-center justify-between p-4 md:p-5 rounded-2xl border transition-all cursor-pointer relative z-10 
-                  ${isSelected ? 'bg-blue-500/10 border-blue-500/50' : 'bg-black/5 dark:bg-white/5 border-transparent hover:border-blue-500/20'}`}
-              >
-                <div className="flex items-center gap-4 flex-1">
-                   <div className={`w-6 h-6 rounded-lg border-2 flex items-center justify-center transition-all 
-                     ${isSelected ? 'bg-blue-500 border-blue-500 text-white' : 'border-armoyu-card-border group-hover/opt:border-blue-500/50'}`}>
-                      {isSelected && <CheckCircle2 size={14} />}
-                   </div>
-                   <span className={`text-sm md:text-base font-black uppercase tracking-tight ${isSelected ? 'text-blue-500' : 'text-armoyu-text'}`}>
-                     {opt.text}
-                   </span>
-                </div>
-                
-                {hasVoted && (
-                  <div className="flex items-center gap-3">
-                    <span className="text-xs font-black text-armoyu-text/40">{opt.votes} OY</span>
-                    <span className="text-lg font-black text-armoyu-text italic">%{percentage}</span>
-                  </div>
-                )}
-              </div>
-
-              {/* Progress Bar Background */}
-              {hasVoted && (
-                <div className="absolute inset-0 z-0 p-1">
-                  <div className="h-full bg-blue-500/10 rounded-xl transition-all duration-1000 ease-out" style={{ width: `${percentage}%` }}></div>
-                </div>
-              )}
-            </div>
-          );
-        })}
-      </div>
-
-      {!hasVoted && (
-        <div className="mt-8 pt-6 border-t border-armoyu-card-border flex items-center justify-center">
-          <p className="text-[10px] font-black text-armoyu-text-muted uppercase tracking-[0.2em] animate-pulse">
-            Seçiminizi yapmak için bir seçeneğe tıklayın
-          </p>
-        </div>
-      )}
-      
-      {hasVoted && (
-        <div className="mt-8 pt-6 border-t border-armoyu-card-border flex items-center justify-between">
-           <p className="text-[10px] font-black text-emerald-500 uppercase tracking-widest flex items-center gap-2">
-             <CheckCircle2 size={12} /> Katılımınız için teşekkürler
-           </p>
-           <button 
-             className="text-[9px] font-black text-armoyu-text-muted hover:text-blue-500 uppercase tracking-widest transition-colors"
-             onClick={() => window.location.reload()} // Mock reset
-           >
-             ANKETİ SIFIRLA (TEST)
-           </button>
-        </div>
-      )}
-    </div>
-  );
-}
-

package/src/components/modules/forum/ForumBoard.tsx

@@ -1,78 +0,0 @@
-'use client';
-
-import React from 'react';
-import Link from 'next/link';
-
-export interface ForumBoardProps {
-  id: string;
-  name: string;
-  desc: string;
-  topicCount: number;
-  postCount: number;
-  lastPost?: {
-    topicTitle: string;
-    author: string;
-    avatar: string;
-    time: string;
-  };
-  icon?: React.ReactNode;
-}
-
-export function ForumBoard({ id, name, desc, topicCount, postCount, lastPost, icon }: ForumBoardProps) {
-  return (
-    <Link href={`/forum/${id}`} className="block">
-      <div className="group flex flex-col md:flex-row items-center gap-6 p-6 md:p-8 glass-panel bg-armoyu-card-bg border border-armoyu-card-border hover:shadow-2xl transition-all duration-300 hover:border-blue-500/30">
-        
-        {/* Icon */}
-        <div className="w-16 h-16 rounded-[22px] bg-blue-500/10 dark:bg-white/5 flex items-center justify-center text-blue-500 group-hover:bg-blue-600 group-hover:text-white transition-all shrink-0">
-           {icon || <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5"><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>}
-        </div>
-
-        {/* Info */}
-        <div className="flex-1 min-w-0 text-center md:text-left">
-           <h3 className="text-xl font-black text-armoyu-text mb-1 uppercase tracking-tight group-hover:text-blue-500 transition-colors">
-              {name}
-           </h3>
-           <p className="text-sm text-armoyu-text-muted font-medium line-clamp-2 leading-relaxed opacity-80">
-              {desc}
-           </p>
-        </div>
-
-        {/* Stats */}
-        <div className="hidden lg:flex items-center gap-10 px-8 border-x border-armoyu-card-border/50">
-           <div className="text-center">
-              <span className="block text-xl font-black text-armoyu-text">{topicCount}</span>
-              <span className="text-[10px] font-bold text-armoyu-text-muted uppercase tracking-widest">KONU</span>
-           </div>
-           <div className="text-center">
-              <span className="block text-xl font-black text-armoyu-text">{postCount}</span>
-              <span className="text-[10px] font-bold text-armoyu-text-muted uppercase tracking-widest">MESAJ</span>
-           </div>
-        </div>
-
-        {/* Last Post */}
-        <div className="hidden xl:flex items-center gap-4 w-64 shrink-0">
-            {lastPost ? (
-              <>
-                 <img src={lastPost.avatar} alt={lastPost.author} className="w-10 h-10 rounded-full border border-blue-500/20" />
-                 <div className="min-w-0">
-                    <p className="text-xs font-bold text-armoyu-text truncate hover:text-blue-500 cursor-pointer">{lastPost.topicTitle}</p>
-                    <p className="text-[10px] font-medium text-armoyu-text-muted mt-0.5 uppercase tracking-tighter">
-                       <span className="text-blue-500 font-bold">{lastPost.author}</span> • {lastPost.time}
-                    </p>
-                 </div>
-              </>
-            ) : (
-              <span className="text-xs font-bold text-armoyu-text-muted italic opacity-50 uppercase tracking-widest">HENÜZ KONU YOK</span>
-            )}
-        </div>
-
-        {/* Hover Arrow */}
-        <div className="md:hidden lg:flex shrink-0 w-10 h-10 rounded-full bg-black/5 dark:bg-white/5 items-center justify-center opacity-0 group-hover:opacity-100 group-hover:translate-x-1 transition-all">
-           <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" 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>
-    </Link>
-  );
-}

package/src/components/modules/forum/ForumPost.tsx

@@ -1,71 +0,0 @@
-'use client';
-
-import React from 'react';
-
-export interface ForumPostProps {
-  id: string;
-  author: string;
-  authorAvatar: string;
-  authorRank: string;
-  authorRankColor: string;
-  authorJoined: string;
-  authorPosts: number;
-  content: string;
-  time: string;
-  isMainPost?: boolean;
-}
-
-export function ForumPost({ author, authorAvatar, authorRank, authorRankColor, authorJoined, authorPosts, content, time, isMainPost }: ForumPostProps) {
-  return (
-    <div className={`flex flex-col lg:flex-row gap-0 glass-panel bg-armoyu-card-bg border border-armoyu-card-border rounded-[40px] overflow-hidden ${isMainPost ? 'border-blue-500/30' : ''}`}>
-      
-      {/* User Sidebar */}
-      <div className="w-full lg:w-48 xl:w-64 bg-black/5 dark:bg-white/5 p-8 flex flex-col items-center border-b lg:border-r border-armoyu-card-border shrink-0">
-         <img src={authorAvatar} alt={author} className="w-20 h-20 rounded-full border-4 border-armoyu-bg mb-4 shadow-xl" />
-         <h3 className="text-sm font-black text-armoyu-text mb-2 uppercase tracking-tight text-center">{author}</h3>
-         <span className={`px-4 py-1.5 rounded-full text-[8px] font-black uppercase tracking-widest text-white mb-6 shadow-lg shadow-${authorRankColor}-500/20 bg-${authorRankColor}-500`}>
-            {authorRank}
-         </span>
-         
-         <div className="space-y-4 w-full">
-            <div className="flex flex-col items-center">
-               <span className="text-[10px] font-black text-armoyu-text">Üyelik</span>
-               <span className="text-[8px] font-bold text-armoyu-text-muted uppercase tracking-widest">{authorJoined}</span>
-            </div>
-            <div className="flex flex-col items-center">
-               <span className="text-[10px] font-black text-armoyu-text">Toplam Mesaj</span>
-               <span className="text-[8px] font-bold text-armoyu-text-muted uppercase tracking-widest font-black text-blue-500">{authorPosts}</span>
-            </div>
-         </div>
-      </div>
-
-      {/* Content Area */}
-      <div className="flex-1 p-8 md:p-12 relative flex flex-col">
-         <div className="pb-6 mb-8 border-b border-armoyu-card-border flex justify-between items-center opacity-40">
-            <p className="text-[8px] font-black uppercase tracking-widest">{time}</p>
-            <div className="flex gap-4">
-               <button className="text-[8px] font-black uppercase tracking-widest hover:text-blue-500 transition-colors">#1</button>
-               <button className="text-[8px] font-black uppercase tracking-widest hover:text-blue-500 transition-colors">ŞİKAYET ET</button>
-            </div>
-         </div>
-
-         <div className="prose prose-sm dark:prose-invert max-w-none flex-1 text-armoyu-text text-md font-medium leading-[1.8] opacity-90 whitespace-pre-wrap">
-            {content}
-         </div>
-
-         {/* Actions */}
-         <div className="mt-12 pt-8 border-t border-armoyu-card-border flex flex-wrap gap-4">
-            <button className="flex items-center gap-2 px-6 py-3 bg-blue-600 hover:bg-blue-500 text-white font-black text-[10px] uppercase tracking-widest rounded-2xl transition-all shadow-xl shadow-blue-500/20 active:scale-95">
-               <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3"><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>
-               ALINTILA
-            </button>
-            <button className="flex items-center gap-2 px-6 py-3 bg-black/5 dark:bg-white/5 border border-armoyu-card-border hover:bg-black/10 text-armoyu-text font-black text-[10px] uppercase tracking-widest rounded-2xl transition-all active:scale-95">
-               <svg width="12" height="12" viewBox="0 0 24 24" fill="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
-            </button>
-         </div>
-      </div>
-
-    </div>
-  );
-}

package/src/components/modules/forum/NewTopicModal.tsx

@@ -1,112 +0,0 @@
-'use client';
-
-import React, { useEffect } from 'react';
-
-interface NewTopicModalProps {
-  isOpen: boolean;
-  onClose: () => void;
-  defaultBoard?: string;
-}
-
-const BOARDS = [
-  "Duyurular & Haberler",
-  "Kurallar & Rehberler",
-  "Minecraft",
-  "Counter-Strike",
-  "Assetto Corsa",
-  "Web Geliştirme",
-  "Python & AI",
-  "Genel Sohbet"
-];
-
-export function NewTopicModal({ isOpen, onClose, defaultBoard }: NewTopicModalProps) {
-  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">
-      <div 
-        className="absolute inset-0 bg-black/80 backdrop-blur-sm animate-in fade-in duration-300"
-        onClick={onClose}
-      />
-      
-      <div className="relative w-full max-w-2xl bg-white dark:bg-[#12121a] border border-gray-200 dark:border-white/10 rounded-[40px] shadow-2xl overflow-hidden animate-in zoom-in-95 fade-in duration-300">
-        
-        <div className="p-8 border-b border-gray-100 dark:border-white/5 flex items-center justify-between">
-           <div>
-              <h2 className="text-2xl font-black text-gray-900 dark:text-white uppercase tracking-tighter italic">YENİ KONU OLUŞTUR</h2>
-              <p className="text-[10px] font-bold text-blue-500 uppercase tracking-widest mt-1">
-                 TOPLULUKLA PAYLAŞIMA BAŞLA
-              </p>
-           </div>
-           <button onClick={onClose} className="w-10 h-10 rounded-full bg-gray-100 dark:bg-white/5 flex items-center justify-center hover:bg-gray-200 dark:hover:bg-white/10 transition-colors">
-              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3" className="text-gray-900 dark:text-white"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
-           </button>
-        </div>
-
-        <form className="p-8 space-y-6" onSubmit={(e) => { e.preventDefault(); alert('Konunuz başarıyla oluşturuldu!'); onClose(); }}>
-           <div className="space-y-4">
-              
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-                 <div className="space-y-2">
-                    <label className="text-[10px] font-black uppercase tracking-widest text-gray-500 dark:text-gray-400 ml-1">KATEGORİ SEÇİN</label>
-                    <div className="relative">
-                       <select 
-                          defaultValue={defaultBoard || "Genel Sohbet"}
-                          className="w-full bg-gray-50 dark:bg-white/5 border border-gray-200 dark:border-white/10 rounded-2xl px-5 py-4 text-gray-900 dark:text-white focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all font-bold text-sm appearance-none cursor-pointer"
-                       >
-                          {BOARDS.map(board => (
-                             <option key={board} value={board} className="bg-white dark:bg-[#12121a]">{board}</option>
-                          ))}
-                       </select>
-                       <div className="absolute right-5 top-1/2 -translate-y-1/2 pointer-events-none text-gray-400">
-                          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3"><polyline points="6 9 12 15 18 9"></polyline></svg>
-                       </div>
-                    </div>
-                 </div>
-                 <div className="space-y-2">
-                    <label className="text-[10px] font-black uppercase tracking-widest text-gray-500 dark:text-gray-400 ml-1">ETİKETLER (OPSİYONEL)</label>
-                    <input type="text" className="w-full bg-gray-50 dark:bg-white/5 border border-gray-200 dark:border-white/10 rounded-2xl px-5 py-4 text-gray-900 dark:text-white placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all font-bold text-sm" placeholder="soru, minecraft, hata..." />
-                 </div>
-              </div>
-
-              <div className="space-y-2">
-                 <label className="text-[10px] font-black uppercase tracking-widest text-gray-500 dark:text-gray-400 ml-1">KONU BAŞLIĞI</label>
-                 <input required type="text" className="w-full bg-gray-50 dark:bg-white/5 border border-gray-200 dark:border-white/10 rounded-2xl px-5 py-4 text-gray-900 dark:text-white placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all font-bold text-sm" placeholder="Konunuzu özetleyen kısa bir başlık..." />
-              </div>
-
-              <div className="space-y-2">
-                 <label className="text-[10px] font-black uppercase tracking-widest text-gray-500 dark:text-gray-400 ml-1">KONU İÇERİĞİ</label>
-                 <div className="relative group">
-                    <textarea required rows={8} className="w-full bg-gray-50 dark:bg-white/5 border border-gray-200 dark:border-white/10 rounded-3xl px-6 py-5 text-gray-900 dark:text-white placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all font-bold text-sm no-scrollbar leading-relaxed" placeholder="Konu detaylarını buraya yazın..." />
-                    <div className="absolute bottom-4 right-6 flex items-center gap-2 opacity-50 text-[10px] font-bold uppercase tracking-widest pointer-events-none">
-                       <span>Markdown Desteklenir</span>
-                    </div>
-                 </div>
-              </div>
-           </div>
-
-           <div className="flex flex-col sm:flex-row gap-4 pt-4">
-              <button 
-                type="button"
-                onClick={onClose}
-                className="flex-1 py-5 bg-gray-100 dark:bg-white/5 hover:bg-gray-200 dark:hover:bg-white/10 text-gray-900 dark:text-white font-black text-xs uppercase tracking-widest rounded-2xl transition-all"
-              >
-                 İPTAL ET
-              </button>
-              <button className="flex-[2] py-5 bg-blue-600 hover:bg-blue-500 text-white font-black text-xs uppercase tracking-widest rounded-2xl shadow-xl shadow-blue-500/30 transition-all active:scale-95">
-                 KONUYU YAYINLA
-              </button>
-           </div>
-        </form>
-      </div>
-    </div>
-  );
-}

package/src/components/modules/forum/TopicItem.tsx

@@ -1,72 +0,0 @@
-'use client';
-
-import React from 'react';
-import Link from 'next/link';
-
-export interface TopicItemProps {
-  id: string;
-  boardId: string;
-  title: string;
-  author: string;
-  authorAvatar: string;
-  replies: number;
-  views: number;
-  lastActivity: string;
-  lastAuthor: string;
-  isPinned?: boolean;
-  isHot?: boolean;
-  isSolved?: boolean;
-}
-
-export function TopicItem({ id, boardId, title, author, authorAvatar, replies, views, lastActivity, lastAuthor, isPinned, isHot, isSolved }: TopicItemProps) {
-  return (
-    <div className="group flex flex-col md:flex-row items-center gap-6 p-5 md:p-6 glass-panel bg-armoyu-card-bg border border-armoyu-card-border hover:shadow-xl transition-all duration-300 hover:border-blue-500/20">
-      
-      {/* Topic Info */}
-      <div className="flex-1 min-w-0 flex items-center gap-4 w-full">
-         <img src={authorAvatar} alt={author} className="w-10 h-10 rounded-full border border-blue-500/20" />
-         <div className="min-w-0">
-            <div className="flex items-center gap-2 mb-1 flex-wrap">
-               {isPinned && <span className="px-2 py-0.5 bg-red-500 text-white text-[8px] font-black uppercase tracking-widest rounded-md">BAŞA TUTTURULDU</span>}
-               {isHot && <span className="px-2 py-0.5 bg-orange-500 text-white text-[8px] font-black uppercase tracking-widest rounded-md">POPÜLER</span>}
-               {isSolved && <span className="px-2 py-0.5 bg-emerald-500 text-white text-[8px] font-black uppercase tracking-widest rounded-md">ÇÖZÜLDÜ</span>}
-               <Link href={`/forum/${boardId}/${id}`} className="text-sm md:text-base font-black text-armoyu-text hover:text-blue-500 transition-colors truncate block">
-                  {title}
-               </Link>
-            </div>
-            <p className="text-[10px] font-bold text-armoyu-text-muted uppercase tracking-widest">
-               <span className="text-blue-500">{author}</span> tarafından başlatıldı
-            </p>
-         </div>
-      </div>
-
-      {/* Stats */}
-      <div className="hidden lg:flex items-center gap-10 px-8 border-x border-armoyu-card-border/50 shrink-0">
-         <div className="text-center">
-            <span className="block text-sm font-black text-armoyu-text">{replies}</span>
-            <span className="text-[8px] font-bold text-armoyu-text-muted uppercase tracking-widest">YANIT</span>
-         </div>
-         <div className="text-center">
-            <span className="block text-sm font-black text-armoyu-text">{views}</span>
-            <span className="text-[8px] font-bold text-armoyu-text-muted uppercase tracking-widest">İZLENME</span>
-         </div>
-      </div>
-
-      {/* Last Post Activity */}
-      <div className="hidden md:flex flex-col text-right w-40 shrink-0">
-         <span className="text-xs font-black text-armoyu-text mb-0.5 truncate">{lastAuthor}</span>
-         <span className="text-[9px] font-bold text-armoyu-text-muted uppercase tracking-tighter">{lastActivity}</span>
-      </div>
-
-      {/* Mobile Stats Summary */}
-      <div className="md:hidden flex items-center justify-between w-full pt-4 border-t border-armoyu-card-border mt-2">
-         <div className="flex gap-4">
-            <span className="text-[10px] font-bold text-armoyu-text-muted uppercase tracking-widest">{replies} Yanıt</span>
-            <span className="text-[10px] font-bold text-armoyu-text-muted uppercase tracking-widest">{views} İzlenme</span>
-         </div>
-         <span className="text-[10px] font-bold text-blue-500 uppercase tracking-widest">{lastActivity}</span>
-      </div>
-
-    </div>
-  );
-}

package/src/components/modules/galleries/GalleryCard.tsx

@@ -1,66 +0,0 @@
-'use client';
-
-import React from 'react';
-
-export interface GalleryCardProps {
-  title: string;
-  count: number;
-  author: string;
-  date: string;
-  category: string;
-  image: string;
-}
-
-export function GalleryCard({ title, count, author, date, category, image }: GalleryCardProps) {
-  return (
-    <div className="group relative glass-panel rounded-3xl overflow-hidden border border-armoyu-card-border bg-armoyu-card-bg shadow-sm hover:shadow-2xl transition-all duration-500 cursor-pointer">
-      
-      {/* Resim Alanı */}
-      <div className="aspect-[4/3] overflow-hidden relative">
-        <img 
-          src={image} 
-          alt={title} 
-          className="w-full h-full object-cover group-hover:scale-110 transition-transform duration-1000"
-        />
-        <div className="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent opacity-60 group-hover:opacity-80 transition-opacity" />
-        
-        {/* İtem Sayısı Badge */}
-        <div className="absolute top-4 right-4 bg-white/10 backdrop-blur-md border border-white/20 px-3 py-1.5 rounded-2xl text-[10px] font-black text-white 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"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg>
-           {count} Fotoğraf
-        </div>
-      </div>
-
-      {/* İçerik Bilgisi */}
-      <div className="p-5">
-        <div className="flex items-center gap-2 mb-2">
-           <span className="text-[10px] font-black uppercase tracking-widest text-blue-500 bg-blue-500/10 px-2 py-0.5 rounded-md">
-             {category}
-           </span>
-           <span className="text-[10px] font-bold text-armoyu-text-muted opacity-60">
-             {date}
-           </span>
-        </div>
-
-        <h3 className="text-lg font-black text-armoyu-text group-hover:text-blue-500 transition-colors mb-4 line-clamp-1">
-           {title}
-        </h3>
-
-        <div className="flex items-center justify-between pt-4 border-t border-armoyu-card-border">
-           <div className="flex items-center gap-2">
-              <img 
-                src={`https://api.dicebear.com/7.x/avataaars/svg?seed=${author}`} 
-                alt={author} 
-                className="w-6 h-6 rounded-full bg-white/5 border border-black/10"
-              />
-              <span className="text-xs font-bold text-armoyu-text-muted">@{author}</span>
-           </div>
-           <button className="p-2 rounded-xl bg-black/5 dark:bg-white/5 text-armoyu-text-muted hover:text-blue-500 hover:bg-blue-500/10 transition-all">
-              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5"><polyline points="9 18 15 12 9 6"></polyline></svg>
-           </button>
-        </div>
-      </div>
-
-    </div>
-  );
-}

package/src/components/modules/giveaways/GiveawayCard.tsx

@@ -1,76 +0,0 @@
-'use client';
-
-import React from 'react';
-
-export interface GiveawayCardProps {
-  title: string;
-  prize: string;
-  status: 'active' | 'ended';
-  participants: number;
-  timeLeft: string;
-  image: string;
-}
-
-export function GiveawayCard({ title, prize, status, participants, timeLeft, image }: GiveawayCardProps) {
-  const isActive = status === 'active';
-
-  return (
-    <div className={`group glass-panel rounded-[40px] overflow-hidden border transition-all duration-700 flex flex-col h-full bg-armoyu-card-bg shadow-sm ${isActive ? 'border-blue-500/20 hover:border-blue-500/50 hover:shadow-2xl hover:shadow-blue-500/20' : 'border-armoyu-card-border opacity-60 grayscale-[0.5]'}`}>
-      
-      {/* Resim & Durum */}
-      <div className="aspect-square p-8 relative flex items-center justify-center">
-          <div className={`absolute inset-0 bg-gradient-to-br transition-opacity duration-500 ${isActive ? 'from-blue-600/10 to-indigo-600/10 opacity-100' : 'from-gray-500/5 to-gray-600/5 opacity-50'}`} />
-          <img 
-            src={image} 
-            alt={prize} 
-            className="w-48 h-48 object-contain group-hover:scale-110 transition-transform duration-700 drop-shadow-2xl relative z-10"
-          />
-          
-          {/* Status Badge */}
-          <div className="absolute top-6 left-6 z-20">
-             <span className={`px-4 py-2 rounded-2xl text-[9px] font-black uppercase tracking-widest flex items-center gap-2 shadow-xl backdrop-blur-md border ${isActive ? 'bg-emerald-500/80 text-white border-emerald-400/30 shadow-emerald-500/20' : 'bg-gray-200 dark:bg-zinc-800/80 text-gray-500 dark:text-zinc-400 border-black/5 dark:border-white/5 shadow-black/5 dark:shadow-black/20'}`}>
-                {isActive && <span className="w-1.5 h-1.5 rounded-full bg-white animate-pulse shadow-[0_0_8px_rgba(255,255,255,0.8)]" />}
-                {isActive ? 'Aktif' : 'Bitti'}
-             </span>
-          </div>
-      </div>
-
-      {/* İçerik */}
-      <div className="px-8 pb-8 flex-1 flex flex-col text-center mt-[-40px]">
-          <div className="relative z-10 p-6 rounded-[32px] bg-white dark:bg-zinc-900 border border-armoyu-card-border shadow-xl shadow-black/[0.03] dark:shadow-2xl backdrop-blur-xl">
-             <h3 className="text-xl font-black text-blue-600 dark:text-white mb-2 line-clamp-1 leading-tight">{prize}</h3>
-             <p className="text-[10px] font-black text-blue-500 uppercase tracking-widest mb-6 block border-b border-black/5 dark:border-white/5 pb-2">
-                {title}
-             </p>
-
-             {/* Bilgi Grid */}
-             <div className="grid grid-cols-2 gap-3 mb-8">
-                <div className="p-3 rounded-2xl bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/5 flex flex-col items-center justify-center">
-                   <span className="block text-[7px] font-black text-armoyu-text-muted uppercase mb-1 tracking-tighter">Kalan Süre</span>
-                   <span className={`block text-xs font-black uppercase ${isActive ? 'text-blue-500' : 'text-zinc-500'}`}>{isActive ? timeLeft : 'Bitti'}</span>
-                </div>
-                <div className="p-3 rounded-2xl bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/5 flex flex-col items-center justify-center">
-                   <span className="block text-[7px] font-black text-armoyu-text-muted uppercase mb-1 tracking-tighter">Katılımcı</span>
-                   <span className="block text-xs font-black text-armoyu-text leading-none">{participants} <span className="text-[8px] opacity-60">Kişi</span></span>
-                </div>
-             </div>
-
-             <button 
-               disabled={!isActive}
-               className={`w-full py-4 rounded-2xl font-black text-[11px] uppercase tracking-widest transition-all shadow-xl relative overflow-hidden group/btn ${isActive ? 'bg-blue-600 hover:bg-blue-500 text-white shadow-blue-500/20 active:scale-95' : 'bg-gray-100 dark:bg-zinc-800 text-gray-400 dark:text-zinc-500 cursor-not-allowed border border-black/5 dark:border-white/5 shadow-none'}`}
-             >
-                <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" />
-                {isActive ? 'Çekilişe Katıl' : 'Sonuçları Gör'}
-             </button>
-          </div>
-         
-         <div className="mt-8 flex justify-center -space-x-3">
-             {[1,2,3,4].map(i => (
-               <img key={i} src={`https://api.dicebear.com/7.x/avataaars/svg?seed=${i+12}`} className="w-8 h-8 rounded-full border-2 border-armoyu-card-bg bg-white/10" alt="part" />
-             ))}
-             <div className="w-8 h-8 rounded-full border-2 border-armoyu-card-bg bg-armoyu-card-border flex items-center justify-center text-[10px] font-black text-armoyu-text">+{participants - 4}</div>
-         </div>
-      </div>
-    </div>
-  );
-}