diff --git a/ui/src/views/Dashboard.tsx b/ui/src/views/Dashboard.tsx
index 3e14eb8a..95a0d659 100644
--- a/ui/src/views/Dashboard.tsx
+++ b/ui/src/views/Dashboard.tsx
@@ -1,64 +1,9 @@
 import { useLocalization } from '@/utils/hooks/useLocalization'
 import { Helmet } from 'react-helmet'
-import { useState } from 'react'
-import IntranetSidebar from './intranet/Sidebar'
-import LeaveManagement from './intranet/HR/LeaveManagement'
-import OvertimeManagement from './intranet/HR/OvertimeManagement'
-import ExpenseManagement from './intranet/HR/ExpenseManagement'
-import EventsModule from './intranet/Event'
-import DocumentsModule from './intranet/Document'
-import TasksModule from './intranet/Task'
-import SocialWall from './intranet/SocialWall'
-import BirthdaysModule from './intranet/Birthday'
-import TrainingModule from './intranet/Training'
-import ReservationsModule from './intranet/Reservation'
-import CafeteriaModule from './intranet/Cafeteria'
-import SurveysModule from './intranet/Survey'
-import VisitorsModule from './intranet/Visitor'
-import AnnouncementsModule from './intranet/Announcement'
 import IntranetDashboard from './intranet/Dashboard'
 
 const Dashboard = () => {
   const { translate } = useLocalization()
-  const [currentPath, setCurrentPath] = useState('/intranet/dashboard')
-
-  const renderContent = () => {
-    switch (currentPath) {
-      case '/intranet/dashboard':
-        return <IntranetDashboard />
-      case '/intranet/social':
-        return <SocialWall />
-      case '/intranet/hr/leave':
-        return <LeaveManagement />
-      case '/intranet/hr/overtime':
-        return <OvertimeManagement />
-      case '/intranet/hr/expense':
-        return <ExpenseManagement />
-      case '/intranet/announcements':
-        return <AnnouncementsModule />
-      case '/intranet/events':
-        return <EventsModule />
-      case '/intranet/documents':
-        return <DocumentsModule />
-      case '/intranet/tasks':
-        return <TasksModule />
-      case '/intranet/birthdays':
-        return <BirthdaysModule />
-      case '/intranet/training':
-        return <TrainingModule />
-      case '/intranet/reservations':
-        return <ReservationsModule />
-      case '/intranet/cafeteria/menu':
-      case '/intranet/cafeteria/shuttle':
-        return <CafeteriaModule />
-      case '/intranet/surveys':
-        return <SurveysModule />
-      case '/intranet/visitors':
-        return <VisitorsModule />
-      default:
-        return <IntranetDashboard />
-    }
-  }
 
   return (
     <>
@@ -68,9 +13,8 @@ const Dashboard = () => {
         defaultTitle="Sözsoft Kurs Platform"
       />
       <div className="flex min-h-screen bg-gray-50 dark:bg-gray-900">
-        <IntranetSidebar activePath={currentPath} onNavigate={setCurrentPath} />
         <div className="flex-1 overflow-y-auto">
-          {renderContent()}
+          <IntranetDashboard />
         </div>
       </div>
     </>
diff --git a/ui/src/views/intranet/Dashboard.tsx b/ui/src/views/intranet/Dashboard.tsx
index 548460b6..26e03864 100644
--- a/ui/src/views/intranet/Dashboard.tsx
+++ b/ui/src/views/intranet/Dashboard.tsx
@@ -7,13 +7,18 @@ import {
   HiChartBar as ChartBarIcon,
   HiUserGroup as UserGroupIcon,
   HiClock as ClockIcon,
-  HiSparkles as SparklesIcon,
-  HiArrowTrendingUp as ArrowTrendingUpIcon,
-  HiArrowTrendingDown as ArrowTrendingDownIcon,
   HiXMark,
   HiEye,
   HiPaperClip,
+  HiTruck as TruckIcon,
+  HiAcademicCap as AcademicCapIcon,
+  HiKey as KeyIcon,
+  HiClipboardDocumentCheck as ClipboardIcon,
+  HiPlus,
+  HiCurrencyDollar,
+  HiArrowDownTray,
 } from 'react-icons/hi2'
+import { IoRestaurant as RestaurantIcon } from 'react-icons/io5'
 import dayjs from 'dayjs'
 import 'dayjs/locale/tr'
 import relativeTime from 'dayjs/plugin/relativeTime'
@@ -23,19 +28,34 @@ import {
   mockEvents,
   mockBirthdays,
   mockAnniversaries,
-  mockQuickLinks,
   mockTasks,
   mockDocuments,
+  mockMealMenus,
+  mockShuttleRoutes,
+  mockTrainings,
+  mockReservations,
+  mockSurveys,
+  mockLeaveRequests,
+  mockOvertimeRequests,
+  mockExpenseRequests,
   Announcement,
+  Survey,
 } from '../../mocks/mockIntranetData'
+import { LeaveStatusEnum, LeaveTypeEnum } from '../../types/hr'
+import SocialWall from './SocialWall'
 
 dayjs.locale('tr')
 dayjs.extend(relativeTime)
 dayjs.extend(isBetween)
 
 const IntranetDashboard: React.FC = () => {
-  const [selectedDate] = useState(new Date())
   const [selectedAnnouncement, setSelectedAnnouncement] = useState<Announcement | null>(null)
+  const [showSurveyModal, setShowSurveyModal] = useState(false)
+  const [selectedSurvey, setSelectedSurvey] = useState<Survey | null>(null)
+  const [showLeaveModal, setShowLeaveModal] = useState(false)
+  const [showOvertimeModal, setShowOvertimeModal] = useState(false)
+  const [showExpenseModal, setShowExpenseModal] = useState(false)
+  const [showReservationModal, setShowReservationModal] = useState(false)
 
   // Bugünün etkinlikleri
   const todayEvents = mockEvents.filter(
@@ -82,6 +102,36 @@ const IntranetDashboard: React.FC = () => {
   // Sabitlenmiş duyurular
   const pinnedAnnouncements = mockAnnouncements.filter((a) => a.isPinned).slice(0, 3)
 
+  // Handler fonksiyonları
+  const handleTakeSurvey = (survey: Survey) => {
+    setSelectedSurvey(survey)
+    setShowSurveyModal(true)
+  }
+
+  const handleSubmitSurvey = () => {
+    setShowSurveyModal(false)
+    setSelectedSurvey(null)
+    // TODO: Başarı bildirimi göster
+  }
+
+  // Bu haftanın menüleri
+  const weekMenus = mockMealMenus.filter((menu) => {
+    const menuDate = dayjs(menu.date)
+    const today = dayjs()
+    const weekStart = today.startOf('week')
+    const weekEnd = today.endOf('week')
+    return menuDate.isBetween(weekStart, weekEnd, null, '[]')
+  })
+
+  // Bugünün menüsü
+  const todayMenu = mockMealMenus.find((menu) => dayjs(menu.date).isSame(dayjs(), 'day'))
+
+  // Sabah servisleri
+  const morningShuttles = mockShuttleRoutes.filter((s) => s.type === 'morning')
+
+  // Akşam servisleri
+  const eveningShuttles = mockShuttleRoutes.filter((s) => s.type === 'evening')
+
   const getCategoryColor = (category: string) => {
     const colors: Record<string, string> = {
       general: 'bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300',
@@ -104,164 +154,21 @@ const IntranetDashboard: React.FC = () => {
   }
 
   return (
-    <div className="min-h-screen bg-gray-50 dark:bg-gray-900 p-6">
-      <div className="mx-auto space-y-6">
+    <div className="min-h-screen bg-gray-50 dark:bg-gray-900 p-4">
+      <div className="mx-auto space-y-4">
         {/* Header */}
-        <div className="flex items-center justify-between">
+        <div className="flex items-center justify-end">
           <div>
             <p className="text-gray-600 dark:text-gray-400 mt-1">
-              Hoş geldiniz, {dayjs().format('DD MMMM YYYY dddd')}
+              <span className="font-medium">Hoş geldiniz,</span> {dayjs().format('DD MMMM YYYY dddd')}
             </p>
           </div>
-          <div className="flex items-center gap-3">
-            <button className="p-2 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-lg relative">
-              <BellIcon className="w-6 h-6 text-gray-600 dark:text-gray-400" />
-              <span className="absolute top-1 right-1 w-2 h-2 bg-red-500 rounded-full"></span>
-            </button>
-          </div>
         </div>
 
-        {/* Main Grid */}
-        <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
-          {/* Sol Kolon - Duyurular */}
+        {/* Main Grid - 3 Kolon: Sol (2/6), Orta (5/6), Sağ (3/6) */}
+        <div className="grid grid-cols-1 lg:grid-cols-10 gap-4">
+          {/* Sol Kolon (1/6) */}
           <div className="lg:col-span-2 space-y-6">
-            {/* Duyurular */}
-            <div className="bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700">
-              <div className="p-6 border-b border-gray-200 dark:border-gray-700">
-                <div className="flex items-center justify-between">
-                  <h2 className="text-lg font-semibold text-gray-900 dark:text-white flex items-center gap-2">
-                    <BellIcon className="w-5 h-5" />
-                    Önemli Duyurular
-                  </h2>
-                  <button className="text-sm text-blue-600 hover:text-blue-700 dark:text-blue-400">
-                    Tümünü Gör
-                  </button>
-                </div>
-              </div>
-              <div className="divide-y divide-gray-200 dark:divide-gray-700">
-                {pinnedAnnouncements.map((announcement) => (
-                  <div
-                    key={announcement.id}
-                    onClick={() => setSelectedAnnouncement(announcement)}
-                    className="p-6 hover:bg-gray-50 dark:hover:bg-gray-700/50 cursor-pointer transition-colors"
-                  >
-                    <div className="flex items-start gap-4">
-                      <img
-                        src={announcement.author.avatar}
-                        alt={announcement.author.fullName}
-                        className="w-10 h-10 rounded-full"
-                      />
-                      <div className="flex-1 min-w-0">
-                        <div className="flex items-center gap-2 mb-2">
-                          <h3 className="text-base font-semibold text-gray-900 dark:text-white">
-                            {announcement.title}
-                          </h3>
-                          <span
-                            className={`px-2 py-1 text-xs rounded-full ${getCategoryColor(announcement.category)}`}
-                          >
-                            {announcement.category === 'general' && 'Genel'}
-                            {announcement.category === 'hr' && 'İK'}
-                            {announcement.category === 'it' && 'IT'}
-                            {announcement.category === 'event' && 'Etkinlik'}
-                            {announcement.category === 'urgent' && 'Acil'}
-                          </span>
-                        </div>
-                        <p className="text-sm text-gray-600 dark:text-gray-400 line-clamp-2">
-                          {announcement.excerpt}
-                        </p>
-                        <div className="flex items-center gap-4 mt-3 text-xs text-gray-500 dark:text-gray-400">
-                          <span>{announcement.author.fullName}</span>
-                          <span>•</span>
-                          <span>{dayjs(announcement.publishDate).fromNow()}</span>
-                          <span>•</span>
-                          <span>{announcement.viewCount} görüntülenme</span>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                ))}
-              </div>
-            </div>
-
-            {/* Hızlı Erişim */}
-            <div className="bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 p-6">
-              <h2 className="text-lg font-semibold text-gray-900 dark:text-white flex items-center gap-2 mb-4">
-                <SparklesIcon className="w-5 h-5" />
-                Hızlı Erişim
-              </h2>
-              <div className="grid grid-cols-2 md:grid-cols-3 gap-4">
-                {mockQuickLinks.map((link) => (
-                  <motion.a
-                    key={link.id}
-                    href={link.url}
-                    whileHover={{ scale: 1.05 }}
-                    whileTap={{ scale: 0.95 }}
-                    className="flex flex-col items-center gap-2 p-4 rounded-lg border-2 border-gray-200 dark:border-gray-700 hover:border-blue-500 dark:hover:border-blue-500 transition-colors"
-                    style={{ borderColor: link.color + '40' }}
-                  >
-                    <span className="text-3xl">{link.icon}</span>
-                    <span className="text-sm font-medium text-gray-900 dark:text-white text-center">
-                      {link.name}
-                    </span>
-                  </motion.a>
-                ))}
-              </div>
-            </div>
-
-            {/* Öncelikli Görevler */}
-            <div className="bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700">
-              <div className="p-6 border-b border-gray-200 dark:border-gray-700">
-                <h2 className="text-lg font-semibold text-gray-900 dark:text-white flex items-center gap-2">
-                  <ChartBarIcon className="w-5 h-5" />
-                  Öncelikli Görevler
-                </h2>
-              </div>
-              <div className="divide-y divide-gray-200 dark:divide-gray-700">
-                {priorityTasks.map((task) => (
-                  <div key={task.id} className="p-4 hover:bg-gray-50 dark:hover:bg-gray-700/50">
-                    <div className="flex items-start gap-3">
-                      <input
-                        type="checkbox"
-                        className="mt-1 rounded border-gray-300 dark:border-gray-600"
-                        checked={task.status === 'done'}
-                      />
-                      <div className="flex-1 min-w-0">
-                        <div className="flex items-center gap-2 mb-1">
-                          <h3 className="text-sm font-medium text-gray-900 dark:text-white">
-                            {task.title}
-                          </h3>
-                          <span
-                            className={`px-2 py-0.5 text-xs rounded ${getPriorityColor(task.priority)}`}
-                          >
-                            {task.priority === 'urgent' && '🔥 Acil'}
-                            {task.priority === 'high' && 'Yüksek'}
-                            {task.priority === 'medium' && 'Orta'}
-                            {task.priority === 'low' && 'Düşük'}
-                          </span>
-                        </div>
-                        <p className="text-xs text-gray-600 dark:text-gray-400 mb-2">
-                          {task.description}
-                        </p>
-                        <div className="flex items-center gap-3 text-xs text-gray-500">
-                          <span className="flex items-center gap-1">
-                            <ClockIcon className="w-3 h-3" />
-                            {dayjs(task.dueDate).format('DD MMM')}
-                          </span>
-                          <span className="flex items-center gap-1">
-                            <UserGroupIcon className="w-3 h-3" />
-                            {task.assignedTo.length} kişi
-                          </span>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                ))}
-              </div>
-            </div>
-          </div>
-
-          {/* Sağ Kolon - Etkinlikler & Kutlamalar */}
-          <div className="space-y-6">
             {/* Bugünün Etkinlikleri */}
             <div className="bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700">
               <div className="p-6 border-b border-gray-200 dark:border-gray-700">
@@ -367,7 +274,7 @@ const IntranetDashboard: React.FC = () => {
               </div>
             </div>
 
-            {/* Dokümanlar */}
+            {/* Son Dokümanlar */}
             <div className="bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700">
               <div className="p-6 border-b border-gray-200 dark:border-gray-700">
                 <div className="flex items-center justify-between">
@@ -375,20 +282,17 @@ const IntranetDashboard: React.FC = () => {
                     <DocumentTextIcon className="w-5 h-5" />
                     Son Dokümanlar
                   </h2>
-                  <button className="text-sm text-blue-600 hover:text-blue-700 dark:text-blue-400">
-                    Tümü
-                  </button>
                 </div>
               </div>
               <div className="divide-y divide-gray-200 dark:divide-gray-700">
-                {mockDocuments.slice(0, 5).map((doc) => (
+                {mockDocuments.slice(0, 3).map((doc) => (
                   <div
                     key={doc.id}
-                    className="p-4 hover:bg-gray-50 dark:hover:bg-gray-700/50 transition-colors cursor-pointer"
+                    className="p-4 hover:bg-gray-50 dark:hover:bg-gray-700/50 transition-colors"
                   >
                     <div className="flex items-start gap-3">
                       <div className="p-2 bg-blue-100 dark:bg-blue-900/30 rounded-lg">
-                        <DocumentTextIcon className="w-5 h-5 text-blue-600 dark:text-blue-400" />
+                        <DocumentTextIcon className="w-4 h-4 text-blue-600 dark:text-blue-400" />
                       </div>
                       <div className="flex-1 min-w-0">
                         <h4 className="text-sm font-medium text-gray-900 dark:text-white truncate">
@@ -398,23 +302,36 @@ const IntranetDashboard: React.FC = () => {
                           {doc.category === 'policy' && '📋 Politika'}
                           {doc.category === 'procedure' && '📝 Prosedür'}
                           {doc.category === 'form' && '📄 Form'}
-                          {doc.category === 'template' && '� Şablon'}
+                          {doc.category === 'template' && '📋 Şablon'}
                           {doc.category === 'report' && '📊 Rapor'}
                           {doc.category === 'other' && '📄 Diğer'}
+                          <span className="mx-1">•</span>
+                          {doc.size}
                         </p>
-                        <div className="flex items-center gap-2 mt-2 text-xs text-gray-500 dark:text-gray-400">
+                        <div className="text-xs text-gray-500 dark:text-gray-400 mt-1 flex items-center gap-2">
                           <span>{dayjs(doc.uploadDate).fromNow()}</span>
                           <span>•</span>
-                          <span>{doc.size}</span>
+                          <span>{doc.downloadCount} indirme</span>
                         </div>
                       </div>
+                      <button
+                        onClick={(e) => {
+                          e.stopPropagation()
+                          // Dosya indirme işlemi
+                          window.open(doc.url, '_blank')
+                        }}
+                        className="p-2 hover:bg-blue-100 dark:hover:bg-blue-900/30 rounded-lg transition-colors group"
+                        title="İndir"
+                      >
+                        <HiArrowDownTray className="w-5 h-5 text-gray-600 dark:text-gray-400 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors" />
+                      </button>
                     </div>
                   </div>
                 ))}
               </div>
             </div>
 
-            {/* Doğum Günleri */}
+            {/* Bu Hafta Doğanlar */}
             {weekBirthdays.length > 0 && (
               <div className="bg-gradient-to-br from-purple-50 to-pink-50 dark:from-purple-900/20 dark:to-pink-900/20 rounded-lg shadow-sm border border-purple-200 dark:border-purple-800">
                 <div className="p-6 border-b border-purple-200 dark:border-purple-700">
@@ -423,7 +340,7 @@ const IntranetDashboard: React.FC = () => {
                   </h2>
                 </div>
                 <div className="p-4 space-y-3">
-                  {weekBirthdays.map((birthday, index) => (
+                  {weekBirthdays.slice(0, 3).map((birthday, index) => (
                     <div key={index} className="flex items-center gap-3">
                       <img
                         src={birthday.employee.avatar}
@@ -435,7 +352,7 @@ const IntranetDashboard: React.FC = () => {
                           {birthday.employee.fullName}
                         </p>
                         <p className="text-xs text-gray-600 dark:text-gray-400">
-                          {dayjs(birthday.date).format('DD MMMM')} • {birthday.age} yaşında
+                          {dayjs(birthday.date).format('DD MMM')}
                         </p>
                       </div>
                     </div>
@@ -453,7 +370,7 @@ const IntranetDashboard: React.FC = () => {
                   </h2>
                 </div>
                 <div className="p-4 space-y-3">
-                  {monthAnniversaries.map((anniversary, index) => (
+                  {monthAnniversaries.slice(0, 3).map((anniversary, index) => (
                     <div key={index} className="flex items-center gap-3">
                       <img
                         src={anniversary.employee.avatar}
@@ -465,7 +382,7 @@ const IntranetDashboard: React.FC = () => {
                           {anniversary.employee.fullName}
                         </p>
                         <p className="text-xs text-gray-600 dark:text-gray-400">
-                          {anniversary.years} yıldır bizimle! 🎊
+                          {anniversary.years} yıl 🎊
                         </p>
                       </div>
                     </div>
@@ -473,10 +390,1224 @@ const IntranetDashboard: React.FC = () => {
                 </div>
               </div>
             )}
+
+            {/* Yaklaşan Eğitimler */}
+            <div className="bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700">
+              <div className="p-6 border-b border-gray-200 dark:border-gray-700">
+                <h2 className="text-lg font-semibold text-gray-900 dark:text-white flex items-center gap-2">
+                  <AcademicCapIcon className="w-5 h-5" />
+                  Yaklaşan Eğitimler
+                </h2>
+              </div>
+              <div className="p-4 space-y-3">
+                {mockTrainings
+                  .filter((t) => t.status === 'upcoming')
+                  .slice(0, 3)
+                  .map((training) => (
+                    <div
+                      key={training.id}
+                      className="p-3 rounded-lg bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800"
+                    >
+                      <h4 className="text-sm font-medium text-gray-900 dark:text-white mb-1">
+                        {training.title}
+                      </h4>
+                      <p className="text-xs text-gray-600 dark:text-gray-400 mb-2">
+                        {training.instructor} • {training.duration}
+                      </p>
+                      <div className="flex items-center justify-between text-xs">
+                        <span className="text-gray-500 dark:text-gray-400">
+                          {dayjs(training.startDate).format('DD MMM')} - {dayjs(training.endDate).format('DD MMM')}
+                        </span>
+                        <span className="text-blue-600 dark:text-blue-400 font-medium">
+                          {training.enrolled}/{training.maxParticipants}
+                        </span>
+                      </div>
+                    </div>
+                  ))}
+                {mockTrainings.filter((t) => t.status === 'upcoming').length === 0 && (
+                  <p className="text-sm text-gray-500 dark:text-gray-400 text-center py-4">
+                    Yaklaşan eğitim yok
+                  </p>
+                )}
+              </div>
+            </div>
+
+            {/* Aktif Rezervasyonlar */}
+            <div className="bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700">
+              <div className="p-6 border-b border-gray-200 dark:border-gray-700">
+                <h2 className="text-lg font-semibold text-gray-900 dark:text-white flex items-center gap-2">
+                  <KeyIcon className="w-5 h-5" />
+                  Aktif Rezervasyonlar
+                </h2>
+              </div>
+              <div className="p-4 space-y-3">
+                {mockReservations
+                  .filter((r) => r.status === 'approved')
+                  .slice(0, 3)
+                  .map((reservation) => (
+                    <div
+                      key={reservation.id}
+                      className="p-3 rounded-lg bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800"
+                    >
+                      <div className="flex items-start justify-between mb-1">
+                        <h4 className="text-sm font-medium text-gray-900 dark:text-white">
+                          {reservation.resourceName}
+                        </h4>
+                        <span className="text-xs px-2 py-1 bg-green-100 dark:bg-green-900/50 text-green-700 dark:text-green-300 rounded-full">
+                          {reservation.type === 'room' ? '🏢' : reservation.type === 'vehicle' ? '🚗' : '⚙️'}
+                        </span>
+                      </div>
+                      <p className="text-xs text-gray-600 dark:text-gray-400">
+                        {dayjs(reservation.startDate).format('DD MMM HH:mm')} - {dayjs(reservation.endDate).format('HH:mm')}
+                      </p>
+                    </div>
+                  ))}
+                {mockReservations.filter((r) => r.status === 'approved').length === 0 && (
+                  <p className="text-sm text-gray-500 dark:text-gray-400 text-center py-4">
+                    Aktif rezervasyon yok
+                  </p>
+                )}
+
+                <button
+                  onClick={() => setShowReservationModal(true)}
+                  className="w-full mt-3 px-4 py-2 bg-green-600 hover:bg-green-700 text-white text-sm rounded-lg transition-colors flex items-center justify-center gap-2"
+                >
+                  <HiPlus className="w-4 h-4" />
+                  Yeni Rezervasyon
+                </button>
+              </div>
+            </div>
+
+            {/* Aktif Anketler */}
+            <div className="bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700">
+              <div className="p-6 border-b border-gray-200 dark:border-gray-700">
+                <h2 className="text-lg font-semibold text-gray-900 dark:text-white flex items-center gap-2">
+                  <ClipboardIcon className="w-5 h-5" />
+                  Aktif Anketler
+                </h2>
+              </div>
+              <div className="p-4 space-y-3">
+                {mockSurveys
+                  .filter((s) => s.status === 'active')
+                  .slice(0, 3)
+                  .map((survey) => (
+                    <div
+                      key={survey.id}
+                      onClick={() => handleTakeSurvey(survey)}
+                      className="p-3 rounded-lg bg-purple-50 dark:bg-purple-900/20 border border-purple-200 dark:border-purple-800 hover:bg-purple-100 dark:hover:bg-purple-900/30 cursor-pointer transition-colors"
+                    >
+                      <h4 className="text-sm font-medium text-gray-900 dark:text-white mb-1">
+                        {survey.title}
+                      </h4>
+                      <div className="flex items-center justify-between text-xs">
+                        <span className="text-gray-600 dark:text-gray-400">
+                          {survey.totalQuestions} soru
+                        </span>
+                        <span className="text-purple-600 dark:text-purple-400 font-medium">
+                          {survey.responses} yanıt
+                        </span>
+                      </div>
+                      <p className="text-xs text-gray-500 dark:text-gray-400 mt-1">
+                        Son tarih: {dayjs(survey.deadline).format('DD MMM')}
+                      </p>
+                      <button className="mt-2 w-full px-3 py-1.5 bg-purple-600 hover:bg-purple-700 text-white text-xs rounded-md transition-colors">
+                        Anketi Doldur
+                      </button>
+                    </div>
+                  ))}
+                {mockSurveys.filter((s) => s.status === 'active').length === 0 && (
+                  <p className="text-sm text-gray-500 dark:text-gray-400 text-center py-4">
+                    Aktif anket yok
+                  </p>
+                )}
+              </div>
+            </div>
+          </div>
+
+          {/* Orta Kolon (4/6) - Sadece Sosyal Duvar */}
+          <div className="lg:col-span-5 space-y-6">
+            {/* Sosyal Duvar */}
+            <SocialWall />
+          </div>
+
+          {/* Sağ Kolon (1/6) */}
+          <div className="lg:col-span-3 space-y-6">
+            {/* Önemli Duyurular */}
+            <div className="bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700">
+              <div className="p-6 border-b border-gray-200 dark:border-gray-700">
+                <div className="flex items-center justify-between">
+                  <h2 className="text-lg font-semibold text-gray-900 dark:text-white flex items-center gap-2">
+                    <BellIcon className="w-5 h-5" />
+                    Önemli Duyurular
+                  </h2>
+                </div>
+              </div>
+              <div className="divide-y divide-gray-200 dark:divide-gray-700">
+                {pinnedAnnouncements.map((announcement) => (
+                      <div
+                        key={announcement.id}
+                        onClick={() => setSelectedAnnouncement(announcement)}
+                        className="p-6 hover:bg-gray-50 dark:hover:bg-gray-700/50 cursor-pointer transition-colors"
+                      >
+                        <div className="flex items-start gap-4">
+                          <img
+                            src={announcement.author.avatar}
+                            alt={announcement.author.fullName}
+                            className="w-10 h-10 rounded-full"
+                          />
+                          <div className="flex-1 min-w-0">
+                            <div className="flex items-center gap-2 mb-2">
+                              <h3 className="text-base font-semibold text-gray-900 dark:text-white">
+                                {announcement.title}
+                              </h3>
+                              <span
+                                className={`px-2 py-1 text-xs rounded-full ${getCategoryColor(announcement.category)}`}
+                              >
+                                {announcement.category === 'general' && 'Genel'}
+                                {announcement.category === 'hr' && 'İK'}
+                                {announcement.category === 'it' && 'IT'}
+                                {announcement.category === 'event' && 'Etkinlik'}
+                                {announcement.category === 'urgent' && 'Acil'}
+                              </span>
+                            </div>
+                            <p className="text-sm text-gray-600 dark:text-gray-400 line-clamp-2">
+                              {announcement.excerpt}
+                            </p>
+                            <div className="flex items-center gap-4 mt-3 text-xs text-gray-500 dark:text-gray-400">
+                              <span>{announcement.author.fullName}</span>
+                              <span>•</span>
+                              <span>{dayjs(announcement.publishDate).fromNow()}</span>
+                              <span>•</span>
+                              <span>{announcement.viewCount} görüntülenme</span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    ))}
+              </div>
+            </div>
+            {/* Öncelikli Görevler */}
+            <div className="bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700">
+              <div className="p-6 border-b border-gray-200 dark:border-gray-700">
+                <h2 className="text-lg font-semibold text-gray-900 dark:text-white flex items-center gap-2">
+                  <ChartBarIcon className="w-5 h-5" />
+                  Öncelikli Görevler
+                </h2>
+              </div>
+              <div className="divide-y divide-gray-200 dark:divide-gray-700">
+                {priorityTasks.map((task) => (
+                  <div key={task.id} className="p-4 hover:bg-gray-50 dark:hover:bg-gray-700/50">
+                    <div className="flex items-start gap-3">
+                      <input
+                        type="checkbox"
+                        className="mt-1 rounded border-gray-300 dark:border-gray-600"
+                        checked={task.status === 'done'}
+                      />
+                      <div className="flex-1 min-w-0">
+                        <div className="flex items-center gap-2 mb-1">
+                          <h3 className="text-sm font-medium text-gray-900 dark:text-white">
+                            {task.title}
+                          </h3>
+                          <span
+                            className={`px-2 py-0.5 text-xs rounded ${getPriorityColor(task.priority)}`}
+                          >
+                            {task.priority === 'urgent' && '🔥 Acil'}
+                            {task.priority === 'high' && 'Yüksek'}
+                            {task.priority === 'medium' && 'Orta'}
+                            {task.priority === 'low' && 'Düşük'}
+                          </span>
+                        </div>
+                        <p className="text-xs text-gray-600 dark:text-gray-400 mb-2">
+                          {task.description}
+                        </p>
+                        <div className="flex items-center gap-3 text-xs text-gray-500">
+                          <span className="flex items-center gap-1">
+                            <ClockIcon className="w-3 h-3" />
+                            {dayjs(task.dueDate).format('DD MMM')}
+                          </span>
+                          <span className="flex items-center gap-1">
+                            <UserGroupIcon className="w-3 h-3" />
+                            {task.assignedTo.length} kişi
+                          </span>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                ))}
+              </div>
+            </div>
+
+            {/* Haftalık Menü */}
+            <div className="bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700">
+              <div className="p-6 border-b border-gray-200 dark:border-gray-700">
+                <div className="flex items-center justify-between">
+                  <h2 className="text-lg font-semibold text-gray-900 dark:text-white flex items-center gap-2">
+                    <RestaurantIcon className="w-5 h-5" />
+                    Haftalık Menü
+                  </h2>
+                  <button className="text-sm text-blue-600 hover:text-blue-700 dark:text-blue-400">
+                    Detay
+                  </button>
+                </div>
+              </div>
+              <div className="divide-y divide-gray-200 dark:divide-gray-700">
+                {weekMenus.map((menu) => {
+                  const isToday = dayjs(menu.date).isSame(dayjs(), 'day')
+                  return (
+                    <div
+                      key={menu.id}
+                      className={`p-4 hover:bg-gray-50 dark:hover:bg-gray-700/50 transition-colors ${
+                        isToday ? 'bg-orange-50 dark:bg-orange-900/20' : ''
+                      }`}
+                    >
+                      <div className="flex items-start justify-between mb-2">
+                        <div>
+                          <h3 className="text-sm font-semibold text-gray-900 dark:text-white flex items-center gap-2">
+                            {menu.dayOfWeek}
+                            {isToday && (
+                              <span className="text-xs bg-orange-500 text-white px-2 py-0.5 rounded-full">
+                                Bugün
+                              </span>
+                            )}
+                          </h3>
+                          <p className="text-xs text-gray-500 dark:text-gray-400">
+                            {dayjs(menu.date).format('DD MMMM')}
+                          </p>
+                        </div>
+                      </div>
+                      <div className="space-y-1">
+                        {menu.meals[0]?.items.slice(0, 3).map((item, idx) => (
+                          <p key={idx} className="text-xs text-gray-600 dark:text-gray-400">
+                            • {item}
+                          </p>
+                        ))}
+                        {menu.meals[0]?.items.length > 3 && (
+                          <p className="text-xs text-gray-500 dark:text-gray-500">
+                            +{menu.meals[0].items.length - 3} daha...
+                          </p>
+                        )}
+                      </div>
+                    </div>
+                  )
+                })}
+              </div>
+            </div>
+
+            {/* Servis Saatleri */}
+            <div className="bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700">
+              <div className="p-6 border-b border-gray-200 dark:border-gray-700">
+                <h2 className="text-lg font-semibold text-gray-900 dark:text-white flex items-center gap-2">
+                  <TruckIcon className="w-5 h-5" />
+                  Servis Saatleri
+                </h2>
+              </div>
+              <div className="p-4 space-y-4">
+                {/* Sabah Servisleri */}
+                <div>
+                  <h3 className="text-sm font-semibold text-gray-900 dark:text-white mb-3 flex items-center gap-2">
+                    🌅 Sabah Servisleri
+                  </h3>
+                  <div className="space-y-2">
+                    {morningShuttles.slice(0, 2).map((shuttle) => (
+                      <div
+                        key={shuttle.id}
+                        className="p-3 bg-blue-50 dark:bg-blue-900/20 rounded-lg border border-blue-200 dark:border-blue-800"
+                      >
+                        <div className="flex items-start justify-between mb-2">
+                          <div className="flex-1">
+                            <h4 className="text-sm font-medium text-gray-900 dark:text-white">
+                              {shuttle.name}
+                            </h4>
+                            <p className="text-xs text-gray-600 dark:text-gray-400 mt-1">
+                              {shuttle.route[0]} → {shuttle.route[shuttle.route.length - 1]}
+                            </p>
+                          </div>
+                          <div className="text-right">
+                            <p className="text-sm font-semibold text-blue-600 dark:text-blue-400">
+                              {shuttle.departureTime}
+                            </p>
+                          </div>
+                        </div>
+                        <div className="flex items-center justify-between text-xs">
+                          <span className="text-gray-600 dark:text-gray-400">
+                            {shuttle.arrivalTime}
+                          </span>
+                          <span
+                            className={`px-2 py-1 rounded-full ${
+                              shuttle.available > 5
+                                ? 'bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-300'
+                                : shuttle.available > 0
+                                  ? 'bg-orange-100 dark:bg-orange-900/30 text-orange-700 dark:text-orange-300'
+                                  : 'bg-red-100 dark:bg-red-900/30 text-red-700 dark:text-red-300'
+                            }`}
+                          >
+                            {shuttle.available} yer
+                          </span>
+                        </div>
+                      </div>
+                    ))}
+                  </div>
+                </div>
+
+                {/* Akşam Servisleri */}
+                <div>
+                  <h3 className="text-sm font-semibold text-gray-900 dark:text-white mb-3 flex items-center gap-2">
+                    🌆 Akşam Servisleri
+                  </h3>
+                  <div className="space-y-2">
+                    {eveningShuttles.slice(0, 2).map((shuttle) => (
+                      <div
+                        key={shuttle.id}
+                        className="p-3 bg-purple-50 dark:bg-purple-900/20 rounded-lg border border-purple-200 dark:border-purple-800"
+                      >
+                        <div className="flex items-start justify-between mb-2">
+                          <div className="flex-1">
+                            <h4 className="text-sm font-medium text-gray-900 dark:text-white">
+                              {shuttle.name}
+                            </h4>
+                            <p className="text-xs text-gray-600 dark:text-gray-400 mt-1">
+                              {shuttle.route[0]} → {shuttle.route[shuttle.route.length - 1]}
+                            </p>
+                          </div>
+                          <div className="text-right">
+                            <p className="text-sm font-semibold text-purple-600 dark:text-purple-400">
+                              {shuttle.departureTime}
+                            </p>
+                          </div>
+                        </div>
+                        <div className="flex items-center justify-between text-xs">
+                          <span className="text-gray-600 dark:text-gray-400">
+                            {shuttle.arrivalTime}
+                          </span>
+                          <span
+                            className={`px-2 py-1 rounded-full ${
+                              shuttle.available > 5
+                                ? 'bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-300'
+                                : shuttle.available > 0
+                                  ? 'bg-orange-100 dark:bg-orange-900/30 text-orange-700 dark:text-orange-300'
+                                  : 'bg-red-100 dark:bg-red-900/30 text-red-700 dark:text-red-300'
+                            }`}
+                          >
+                            {shuttle.available} yer
+                          </span>
+                        </div>
+                      </div>
+                    ))}
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            {/* İzin Yönetimi */}
+            <div className="bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700">
+              <div className="p-6 border-b border-gray-200 dark:border-gray-700">
+                <h2 className="text-lg font-semibold text-gray-900 dark:text-white flex items-center gap-2">
+                  <CalendarIcon className="w-5 h-5" />
+                  İzin Yönetimi
+                </h2>
+              </div>
+              <div className="p-4 space-y-3">
+                {/* İzin bakiye özeti */}
+                <div className="grid grid-cols-2 gap-2 mb-4">
+                  <div className="p-3 bg-blue-50 dark:bg-blue-900/20 rounded-lg border border-blue-200 dark:border-blue-800">
+                    <p className="text-xs text-gray-600 dark:text-gray-400">Yıllık İzin</p>
+                    <p className="text-lg font-bold text-blue-600 dark:text-blue-400">12 gün</p>
+                  </div>
+                  <div className="p-3 bg-green-50 dark:bg-green-900/20 rounded-lg border border-green-200 dark:border-green-800">
+                    <p className="text-xs text-gray-600 dark:text-gray-400">Hastalık İzni</p>
+                    <p className="text-lg font-bold text-green-600 dark:text-green-400">8 gün</p>
+                  </div>
+                </div>
+
+                {/* Son izin talepleri */}
+                <div className="space-y-2">
+                  {mockLeaveRequests.slice(0, 3).map((leave) => (
+                    <div
+                      key={leave.id}
+                      className="p-3 rounded-lg bg-gray-50 dark:bg-gray-900/20 border border-gray-200 dark:border-gray-700"
+                    >
+                      <div className="flex items-start justify-between mb-1">
+                        <h4 className="text-sm font-medium text-gray-900 dark:text-white">
+                          {leave.leaveType === LeaveTypeEnum.Annual ? '🏖️ Yıllık' : 
+                           leave.leaveType === LeaveTypeEnum.Sick ? '🏥 Hastalık' : 
+                           leave.leaveType === LeaveTypeEnum.Unpaid ? '💼 Ücretsiz' : '📋 Diğer'} İzin
+                        </h4>
+                        <span
+                          className={`text-xs px-2 py-1 rounded-full ${
+                            leave.status === LeaveStatusEnum.Approved
+                              ? 'bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-300'
+                              : leave.status === LeaveStatusEnum.Pending
+                                ? 'bg-yellow-100 dark:bg-yellow-900/30 text-yellow-700 dark:text-yellow-300'
+                                : 'bg-red-100 dark:bg-red-900/30 text-red-700 dark:text-red-300'
+                          }`}
+                        >
+                          {leave.status === LeaveStatusEnum.Approved ? 'Onaylandı' : 
+                           leave.status === LeaveStatusEnum.Pending ? 'Bekliyor' : 'Reddedildi'}
+                        </span>
+                      </div>
+                      <p className="text-xs text-gray-600 dark:text-gray-400">
+                        {dayjs(leave.startDate).format('DD MMM')} - {dayjs(leave.endDate).format('DD MMM')} ({leave.totalDays} gün)
+                      </p>
+                    </div>
+                  ))}
+                </div>
+
+                <button
+                  onClick={() => setShowLeaveModal(true)}
+                  className="w-full mt-3 px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white text-sm rounded-lg transition-colors flex items-center justify-center gap-2"
+                >
+                  <HiPlus className="w-4 h-4" />
+                  Yeni İzin Talebi
+                </button>
+              </div>
+            </div>
+
+            {/* Mesai Yönetimi */}
+            <div className="bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700">
+              <div className="p-6 border-b border-gray-200 dark:border-gray-700">
+                <h2 className="text-lg font-semibold text-gray-900 dark:text-white flex items-center gap-2">
+                  <ClockIcon className="w-5 h-5" />
+                  Mesai Yönetimi
+                </h2>
+              </div>
+              <div className="p-4 space-y-3">
+                {/* Mesai özeti */}
+                <div className="p-3 bg-orange-50 dark:bg-orange-900/20 rounded-lg border border-orange-200 dark:border-orange-800 mb-4">
+                  <p className="text-xs text-gray-600 dark:text-gray-400">Bu Ay Toplam</p>
+                  <p className="text-2xl font-bold text-orange-600 dark:text-orange-400">24 saat</p>
+                  <p className="text-xs text-gray-500 dark:text-gray-400 mt-1">20 onaylandı, 4 bekliyor</p>
+                </div>
+
+                {/* Son mesai talepleri */}
+                <div className="space-y-2">
+                  {mockOvertimeRequests.slice(0, 3).map((overtime) => (
+                    <div
+                      key={overtime.id}
+                      className="p-3 rounded-lg bg-gray-50 dark:bg-gray-900/20 border border-gray-200 dark:border-gray-700"
+                    >
+                      <div className="flex items-start justify-between mb-1">
+                        <h4 className="text-sm font-medium text-gray-900 dark:text-white">
+                          ⏰ {overtime.totalHours} saat
+                        </h4>
+                        <span
+                          className={`text-xs px-2 py-1 rounded-full ${
+                            overtime.status === LeaveStatusEnum.Approved
+                              ? 'bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-300'
+                              : overtime.status === LeaveStatusEnum.Pending
+                                ? 'bg-yellow-100 dark:bg-yellow-900/30 text-yellow-700 dark:text-yellow-300'
+                                : 'bg-red-100 dark:bg-red-900/30 text-red-700 dark:text-red-300'
+                          }`}
+                        >
+                          {overtime.status === LeaveStatusEnum.Approved ? 'Onaylandı' : 
+                           overtime.status === LeaveStatusEnum.Pending ? 'Bekliyor' : 'Reddedildi'}
+                        </span>
+                      </div>
+                      <p className="text-xs text-gray-600 dark:text-gray-400">
+                        {dayjs(overtime.date).format('DD MMM YYYY')}
+                      </p>
+                    </div>
+                  ))}
+                </div>
+
+                <button
+                  onClick={() => setShowOvertimeModal(true)}
+                  className="w-full mt-3 px-4 py-2 bg-orange-600 hover:bg-orange-700 text-white text-sm rounded-lg transition-colors flex items-center justify-center gap-2"
+                >
+                  <HiPlus className="w-4 h-4" />
+                  Yeni Mesai Talebi
+                </button>
+              </div>
+            </div>
+
+            {/* Harcama Yönetimi */}
+            <div className="bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700">
+              <div className="p-6 border-b border-gray-200 dark:border-gray-700">
+                <h2 className="text-lg font-semibold text-gray-900 dark:text-white flex items-center gap-2">
+                  <HiCurrencyDollar className="w-5 h-5" />
+                  Harcama Yönetimi
+                </h2>
+              </div>
+              <div className="p-4 space-y-3">
+                {/* Harcama özeti */}
+                <div className="p-3 bg-emerald-50 dark:bg-emerald-900/20 rounded-lg border border-emerald-200 dark:border-emerald-800 mb-4">
+                  <p className="text-xs text-gray-600 dark:text-gray-400">Bu Ay Toplam</p>
+                  <p className="text-2xl font-bold text-emerald-600 dark:text-emerald-400">₺2,370</p>
+                  <p className="text-xs text-gray-500 dark:text-gray-400 mt-1">₺2,050 onaylandı</p>
+                </div>
+
+                {/* Son harcama talepleri */}
+                <div className="space-y-2">
+                  {mockExpenseRequests.slice(0, 3).map((expense) => (
+                    <div
+                      key={expense.id}
+                      className="p-3 rounded-lg bg-gray-50 dark:bg-gray-900/20 border border-gray-200 dark:border-gray-700"
+                    >
+                      <div className="flex items-start justify-between mb-1">
+                        <div className="flex-1">
+                          <h4 className="text-sm font-medium text-gray-900 dark:text-white">
+                            {expense.category === 'travel' ? '✈️' : 
+                             expense.category === 'meal' ? '🍽️' : 
+                             expense.category === 'accommodation' ? '🏨' : 
+                             expense.category === 'transport' ? '🚗' : '📋'} {expense.description}
+                          </h4>
+                          <p className="text-xs font-semibold text-emerald-600 dark:text-emerald-400 mt-1">
+                            ₺{expense.amount.toLocaleString('tr-TR')}
+                          </p>
+                        </div>
+                        <span
+                          className={`text-xs px-2 py-1 rounded-full ${
+                            expense.status === 'approved'
+                              ? 'bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-300'
+                              : expense.status === 'pending'
+                                ? 'bg-yellow-100 dark:bg-yellow-900/30 text-yellow-700 dark:text-yellow-300'
+                                : 'bg-red-100 dark:bg-red-900/30 text-red-700 dark:text-red-300'
+                          }`}
+                        >
+                          {expense.status === 'approved' ? 'Onaylandı' : 
+                           expense.status === 'pending' ? 'Bekliyor' : 'Reddedildi'}
+                        </span>
+                      </div>
+                    </div>
+                  ))}
+                </div>
+
+                <button
+                  onClick={() => setShowExpenseModal(true)}
+                  className="w-full mt-3 px-4 py-2 bg-emerald-600 hover:bg-emerald-700 text-white text-sm rounded-lg transition-colors flex items-center justify-center gap-2"
+                >
+                  <HiPlus className="w-4 h-4" />
+                  Yeni Harcama Talebi
+                </button>
+              </div>
+            </div>
           </div>
         </div>
       </div>
 
+      {/* Survey Modal */}
+      <AnimatePresence>
+        {showSurveyModal && selectedSurvey && (
+          <>
+            <motion.div
+              initial={{ opacity: 0 }}
+              animate={{ opacity: 1 }}
+              exit={{ opacity: 0 }}
+              className="fixed inset-0 bg-black/50 z-40"
+              onClick={() => setShowSurveyModal(false)}
+            />
+            <div className="fixed inset-0 z-50 flex items-center justify-center p-4">
+              <motion.div
+                initial={{ opacity: 0, scale: 0.95, y: 20 }}
+                animate={{ opacity: 1, scale: 1, y: 0 }}
+                exit={{ opacity: 0, scale: 0.95, y: 20 }}
+                className="bg-white dark:bg-gray-800 rounded-lg shadow-xl max-w-2xl w-full max-h-[90vh] overflow-y-auto"
+                onClick={(e) => e.stopPropagation()}
+              >
+                <div className="p-6 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between sticky top-0 bg-white dark:bg-gray-800 z-10">
+                  <div>
+                    <h2 className="text-xl font-semibold text-gray-900 dark:text-white">
+                      {selectedSurvey.title}
+                    </h2>
+                    <p className="text-sm text-gray-600 dark:text-gray-400 mt-1">
+                      {selectedSurvey.description}
+                    </p>
+                  </div>
+                  <button
+                    onClick={() => setShowSurveyModal(false)}
+                    className="p-2 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg transition-colors"
+                  >
+                    <HiXMark className="w-5 h-5 text-gray-500" />
+                  </button>
+                </div>
+
+                <form
+                  onSubmit={(e) => {
+                    e.preventDefault()
+                    handleSubmitSurvey()
+                  }}
+                  className="p-6 space-y-6"
+                >
+                  {/* Örnek Anket Soruları */}
+                  <div className="space-y-4">
+                    <div>
+                      <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                        1. Genel memnuniyet düzeyiniz nedir? *
+                      </label>
+                      <div className="flex gap-2">
+                        {[1, 2, 3, 4, 5].map((rating) => (
+                          <label
+                            key={rating}
+                            className="flex items-center gap-2 px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-700"
+                          >
+                            <input type="radio" name="rating" value={rating} required />
+                            <span className="text-sm text-gray-900 dark:text-white">{rating}</span>
+                          </label>
+                        ))}
+                      </div>
+                    </div>
+
+                    <div>
+                      <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                        2. Hangi departmanda çalışıyorsunuz? *
+                      </label>
+                      <select
+                        required
+                        className="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-blue-500"
+                      >
+                        <option value="">Seçiniz</option>
+                        <option value="it">Bilgi Teknolojileri</option>
+                        <option value="hr">İnsan Kaynakları</option>
+                        <option value="finance">Finans</option>
+                        <option value="sales">Satış</option>
+                        <option value="marketing">Pazarlama</option>
+                      </select>
+                    </div>
+
+                    <div>
+                      <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                        3. Görüş ve önerileriniz
+                      </label>
+                      <textarea
+                        rows={4}
+                        placeholder="Yorumlarınızı buraya yazabilirsiniz..."
+                        className="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-blue-500"
+                      />
+                    </div>
+
+                    {!selectedSurvey.isAnonymous && (
+                      <div className="bg-blue-50 dark:bg-blue-900/20 rounded-lg p-3">
+                        <p className="text-sm text-blue-700 dark:text-blue-300">
+                          ℹ️ Bu anket isim belirtilerek doldurulmaktadır. Yanıtlarınız
+                          kaydedilecektir.
+                        </p>
+                      </div>
+                    )}
+
+                    {selectedSurvey.isAnonymous && (
+                      <div className="bg-green-50 dark:bg-green-900/20 rounded-lg p-3">
+                        <p className="text-sm text-green-700 dark:text-green-300">
+                          ✅ Bu anket anonimdir. Kimlik bilgileriniz kaydedilmeyecektir.
+                        </p>
+                      </div>
+                    )}
+                  </div>
+
+                  <div className="flex gap-3 pt-4 border-t border-gray-200 dark:border-gray-700">
+                    <button
+                      type="button"
+                      onClick={() => setShowSurveyModal(false)}
+                      className="flex-1 px-4 py-2 border border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-300 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors"
+                    >
+                      İptal
+                    </button>
+                    <button
+                      type="submit"
+                      className="flex-1 px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-lg transition-colors"
+                    >
+                      Anketi Gönder
+                    </button>
+                  </div>
+                </form>
+              </motion.div>
+            </div>
+          </>
+        )}
+      </AnimatePresence>
+
+      {/* Leave Request Modal */}
+      <AnimatePresence>
+        {showLeaveModal && (
+          <>
+            <motion.div
+              initial={{ opacity: 0 }}
+              animate={{ opacity: 1 }}
+              exit={{ opacity: 0 }}
+              className="fixed inset-0 bg-black/50 z-40"
+              onClick={() => setShowLeaveModal(false)}
+            />
+            <div className="fixed inset-0 z-50 flex items-center justify-center p-4">
+              <motion.div
+                initial={{ opacity: 0, scale: 0.95, y: 20 }}
+                animate={{ opacity: 1, scale: 1, y: 0 }}
+                exit={{ opacity: 0, scale: 0.95, y: 20 }}
+                className="bg-white dark:bg-gray-800 rounded-lg shadow-xl max-w-lg w-full max-h-[90vh] overflow-y-auto"
+                onClick={(e) => e.stopPropagation()}
+              >
+                <div className="p-6 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between sticky top-0 bg-white dark:bg-gray-800 z-10">
+                  <h2 className="text-xl font-semibold text-gray-900 dark:text-white">
+                    Yeni İzin Talebi
+                  </h2>
+                  <button
+                    onClick={() => setShowLeaveModal(false)}
+                    className="p-2 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg transition-colors"
+                  >
+                    <HiXMark className="w-5 h-5 text-gray-500" />
+                  </button>
+                </div>
+
+                <form
+                  onSubmit={(e) => {
+                    e.preventDefault()
+                    setShowLeaveModal(false)
+                  }}
+                  className="p-6 space-y-4"
+                >
+                  <div>
+                    <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                      İzin Türü *
+                    </label>
+                    <select
+                      required
+                      className="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-blue-500"
+                    >
+                      <option value="">Seçiniz</option>
+                      <option value="annual">🏖️ Yıllık İzin</option>
+                      <option value="sick">🏥 Hastalık İzni</option>
+                      <option value="unpaid">💼 Ücretsiz İzin</option>
+                      <option value="other">📋 Diğer</option>
+                    </select>
+                  </div>
+
+                  <div className="grid grid-cols-2 gap-4">
+                    <div>
+                      <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                        Başlangıç Tarihi *
+                      </label>
+                      <input
+                        type="date"
+                        required
+                        className="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-blue-500"
+                      />
+                    </div>
+                    <div>
+                      <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                        Bitiş Tarihi *
+                      </label>
+                      <input
+                        type="date"
+                        required
+                        className="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-blue-500"
+                      />
+                    </div>
+                  </div>
+
+                  <div>
+                    <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                      Açıklama *
+                    </label>
+                    <textarea
+                      required
+                      rows={3}
+                      placeholder="İzin sebebinizi yazınız..."
+                      className="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-blue-500"
+                    />
+                  </div>
+
+                  <div className="flex gap-3 pt-4">
+                    <button
+                      type="button"
+                      onClick={() => setShowLeaveModal(false)}
+                      className="flex-1 px-4 py-2 border border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-300 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors"
+                    >
+                      İptal
+                    </button>
+                    <button
+                      type="submit"
+                      className="flex-1 px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-lg transition-colors"
+                    >
+                      Gönder
+                    </button>
+                  </div>
+                </form>
+              </motion.div>
+            </div>
+          </>
+        )}
+      </AnimatePresence>
+
+      {/* Overtime Request Modal */}
+      <AnimatePresence>
+        {showOvertimeModal && (
+          <>
+            <motion.div
+              initial={{ opacity: 0 }}
+              animate={{ opacity: 1 }}
+              exit={{ opacity: 0 }}
+              className="fixed inset-0 bg-black/50 z-40"
+              onClick={() => setShowOvertimeModal(false)}
+            />
+            <div className="fixed inset-0 z-50 flex items-center justify-center p-4">
+              <motion.div
+                initial={{ opacity: 0, scale: 0.95, y: 20 }}
+                animate={{ opacity: 1, scale: 1, y: 0 }}
+                exit={{ opacity: 0, scale: 0.95, y: 20 }}
+                className="bg-white dark:bg-gray-800 rounded-lg shadow-xl max-w-lg w-full max-h-[90vh] overflow-y-auto"
+                onClick={(e) => e.stopPropagation()}
+              >
+                <div className="p-6 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between sticky top-0 bg-white dark:bg-gray-800 z-10">
+                  <h2 className="text-xl font-semibold text-gray-900 dark:text-white">
+                    Yeni Mesai Talebi
+                  </h2>
+                  <button
+                    onClick={() => setShowOvertimeModal(false)}
+                    className="p-2 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg transition-colors"
+                  >
+                    <HiXMark className="w-5 h-5 text-gray-500" />
+                  </button>
+                </div>
+
+                <form
+                  onSubmit={(e) => {
+                    e.preventDefault()
+                    setShowOvertimeModal(false)
+                  }}
+                  className="p-6 space-y-4"
+                >
+                  <div>
+                    <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                      Mesai Tarihi *
+                    </label>
+                    <input
+                      type="date"
+                      required
+                      className="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-blue-500"
+                    />
+                  </div>
+
+                  <div className="grid grid-cols-2 gap-4">
+                    <div>
+                      <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                        Başlangıç Saati *
+                      </label>
+                      <input
+                        type="time"
+                        required
+                        className="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-blue-500"
+                      />
+                    </div>
+                    <div>
+                      <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                        Bitiş Saati *
+                      </label>
+                      <input
+                        type="time"
+                        required
+                        className="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-blue-500"
+                      />
+                    </div>
+                  </div>
+
+                  <div>
+                    <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                      Açıklama *
+                    </label>
+                    <textarea
+                      required
+                      rows={3}
+                      placeholder="Mesai sebebinizi yazınız..."
+                      className="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-blue-500"
+                    />
+                  </div>
+
+                  <div className="flex gap-3 pt-4">
+                    <button
+                      type="button"
+                      onClick={() => setShowOvertimeModal(false)}
+                      className="flex-1 px-4 py-2 border border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-300 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors"
+                    >
+                      İptal
+                    </button>
+                    <button
+                      type="submit"
+                      className="flex-1 px-4 py-2 bg-orange-600 hover:bg-orange-700 text-white rounded-lg transition-colors"
+                    >
+                      Gönder
+                    </button>
+                  </div>
+                </form>
+              </motion.div>
+            </div>
+          </>
+        )}
+      </AnimatePresence>
+
+      {/* Expense Request Modal */}
+      <AnimatePresence>
+        {showExpenseModal && (
+          <>
+            <motion.div
+              initial={{ opacity: 0 }}
+              animate={{ opacity: 1 }}
+              exit={{ opacity: 0 }}
+              className="fixed inset-0 bg-black/50 z-40"
+              onClick={() => setShowExpenseModal(false)}
+            />
+            <div className="fixed inset-0 z-50 flex items-center justify-center p-4">
+              <motion.div
+                initial={{ opacity: 0, scale: 0.95, y: 20 }}
+                animate={{ opacity: 1, scale: 1, y: 0 }}
+                exit={{ opacity: 0, scale: 0.95, y: 20 }}
+                className="bg-white dark:bg-gray-800 rounded-lg shadow-xl max-w-lg w-full max-h-[90vh] overflow-y-auto"
+                onClick={(e) => e.stopPropagation()}
+              >
+                <div className="p-6 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between sticky top-0 bg-white dark:bg-gray-800 z-10">
+                  <h2 className="text-xl font-semibold text-gray-900 dark:text-white">
+                    Yeni Harcama Talebi
+                  </h2>
+                  <button
+                    onClick={() => setShowExpenseModal(false)}
+                    className="p-2 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg transition-colors"
+                  >
+                    <HiXMark className="w-5 h-5 text-gray-500" />
+                  </button>
+                </div>
+
+                <form
+                  onSubmit={(e) => {
+                    e.preventDefault()
+                    setShowExpenseModal(false)
+                  }}
+                  className="p-6 space-y-4"
+                >
+                  <div>
+                    <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                      Harcama Kategorisi *
+                    </label>
+                    <select
+                      required
+                      className="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-blue-500"
+                    >
+                      <option value="">Seçiniz</option>
+                      <option value="travel">✈️ Seyahat</option>
+                      <option value="meal">🍽️ Yemek</option>
+                      <option value="accommodation">🏨 Konaklama</option>
+                      <option value="transport">🚗 Ulaşım</option>
+                      <option value="other">📋 Diğer</option>
+                    </select>
+                  </div>
+
+                  <div>
+                    <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                      Açıklama *
+                    </label>
+                    <input
+                      type="text"
+                      required
+                      placeholder="Harcama açıklaması..."
+                      className="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-blue-500"
+                    />
+                  </div>
+
+                  <div className="grid grid-cols-2 gap-4">
+                    <div>
+                      <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                        Tutar (₺) *
+                      </label>
+                      <input
+                        type="number"
+                        required
+                        min="0"
+                        step="0.01"
+                        placeholder="0.00"
+                        className="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-blue-500"
+                      />
+                    </div>
+                    <div>
+                      <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                        Tarih *
+                      </label>
+                      <input
+                        type="date"
+                        required
+                        className="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-blue-500"
+                      />
+                    </div>
+                  </div>
+
+                  <div>
+                    <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                      Not
+                    </label>
+                    <textarea
+                      rows={3}
+                      placeholder="Ek bilgi (opsiyonel)..."
+                      className="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-blue-500"
+                    />
+                  </div>
+
+                  <div className="flex gap-3 pt-4">
+                    <button
+                      type="button"
+                      onClick={() => setShowExpenseModal(false)}
+                      className="flex-1 px-4 py-2 border border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-300 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors"
+                    >
+                      İptal
+                    </button>
+                    <button
+                      type="submit"
+                      className="flex-1 px-4 py-2 bg-emerald-600 hover:bg-emerald-700 text-white rounded-lg transition-colors"
+                    >
+                      Gönder
+                    </button>
+                  </div>
+                </form>
+              </motion.div>
+            </div>
+          </>
+        )}
+      </AnimatePresence>
+
+      {/* Reservation Request Modal */}
+      <AnimatePresence>
+        {showReservationModal && (
+          <>
+            <motion.div
+              initial={{ opacity: 0 }}
+              animate={{ opacity: 1 }}
+              exit={{ opacity: 0 }}
+              className="fixed inset-0 bg-black/50 z-40"
+              onClick={() => setShowReservationModal(false)}
+            />
+            <div className="fixed inset-0 z-50 flex items-center justify-center p-4">
+              <motion.div
+                initial={{ opacity: 0, scale: 0.95, y: 20 }}
+                animate={{ opacity: 1, scale: 1, y: 0 }}
+                exit={{ opacity: 0, scale: 0.95, y: 20 }}
+                className="bg-white dark:bg-gray-800 rounded-lg shadow-xl max-w-lg w-full max-h-[90vh] overflow-y-auto"
+                onClick={(e) => e.stopPropagation()}
+              >
+                <div className="p-6 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between sticky top-0 bg-white dark:bg-gray-800 z-10">
+                  <h2 className="text-xl font-semibold text-gray-900 dark:text-white">
+                    Yeni Rezervasyon Talebi
+                  </h2>
+                  <button
+                    onClick={() => setShowReservationModal(false)}
+                    className="p-2 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg transition-colors"
+                  >
+                    <HiXMark className="w-5 h-5 text-gray-500" />
+                  </button>
+                </div>
+
+                <form
+                  onSubmit={(e) => {
+                    e.preventDefault()
+                    setShowReservationModal(false)
+                  }}
+                  className="p-6 space-y-4"
+                >
+                  <div>
+                    <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                      Rezervasyon Türü *
+                    </label>
+                    <select
+                      required
+                      className="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-blue-500"
+                    >
+                      <option value="">Seçiniz</option>
+                      <option value="room">🏢 Toplantı Odası</option>
+                      <option value="vehicle">🚗 Şirket Aracı</option>
+                      <option value="equipment">⚙️ Ekipman</option>
+                    </select>
+                  </div>
+
+                  <div>
+                    <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                      Kaynak Adı *
+                    </label>
+                    <input
+                      type="text"
+                      required
+                      placeholder="Örn: Toplantı Salonu A, Şirket Aracı - Plaka, Kamera Seti..."
+                      className="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-blue-500"
+                    />
+                  </div>
+
+                  <div className="grid grid-cols-2 gap-4">
+                    <div>
+                      <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                        Başlangıç Tarihi *
+                      </label>
+                      <input
+                        type="datetime-local"
+                        required
+                        className="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-blue-500"
+                      />
+                    </div>
+                    <div>
+                      <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                        Bitiş Tarihi *
+                      </label>
+                      <input
+                        type="datetime-local"
+                        required
+                        className="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-blue-500"
+                      />
+                    </div>
+                  </div>
+
+                  <div>
+                    <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                      Amaç *
+                    </label>
+                    <input
+                      type="text"
+                      required
+                      placeholder="Rezervasyon amacını belirtiniz..."
+                      className="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-blue-500"
+                    />
+                  </div>
+
+                  <div>
+                    <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                      Katılımcı Sayısı
+                    </label>
+                    <input
+                      type="number"
+                      min="1"
+                      placeholder="Toplantı odası için katılımcı sayısı (opsiyonel)"
+                      className="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-blue-500"
+                    />
+                  </div>
+
+                  <div>
+                    <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                      Notlar
+                    </label>
+                    <textarea
+                      rows={3}
+                      placeholder="Ek bilgi veya özel istekler (opsiyonel)..."
+                      className="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-blue-500"
+                    />
+                  </div>
+
+                  <div className="bg-blue-50 dark:bg-blue-900/20 rounded-lg p-3">
+                    <p className="text-sm text-blue-700 dark:text-blue-300">
+                      ℹ️ Rezervasyon talebiniz yönetici onayına sunulacaktır.
+                    </p>
+                  </div>
+
+                  <div className="flex gap-3 pt-4">
+                    <button
+                      type="button"
+                      onClick={() => setShowReservationModal(false)}
+                      className="flex-1 px-4 py-2 border border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-300 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors"
+                    >
+                      İptal
+                    </button>
+                    <button
+                      type="submit"
+                      className="flex-1 px-4 py-2 bg-green-600 hover:bg-green-700 text-white rounded-lg transition-colors"
+                    >
+                      Gönder
+                    </button>
+                  </div>
+                </form>
+              </motion.div>
+            </div>
+          </>
+        )}
+      </AnimatePresence>
+
       {/* Announcement Detail Modal */}
       <AnimatePresence>
         {selectedAnnouncement && (
diff --git a/ui/src/views/intranet/SocialWall/index.tsx b/ui/src/views/intranet/SocialWall/index.tsx
index 8aa82bd3..a27999c7 100644
--- a/ui/src/views/intranet/SocialWall/index.tsx
+++ b/ui/src/views/intranet/SocialWall/index.tsx
@@ -170,17 +170,7 @@ const SocialWall: React.FC = () => {
   const filteredPosts = filter === 'mine' ? posts.filter((post) => post.isOwnPost) : posts
 
   return (
-    <div className="max-w-2xl mx-auto py-6 px-4">
-      {/* Header */}
-      <div className="mb-6">
-        <h1 className="text-3xl font-bold text-gray-900 dark:text-gray-100 mb-2">
-          Sosyal Duvar
-        </h1>
-        <p className="text-gray-600 dark:text-gray-400">
-          Ekip arkadaşlarınızla düşüncelerinizi paylaşın
-        </p>
-      </div>
-
+    <div className="mx-auto px-4">
       {/* Filter Tabs */}
       <div className="flex gap-4 mb-6 border-b border-gray-200 dark:border-gray-700">
         <button