feat: İhaleist - Akıllı İhale Takip ve Analiz Platformu (Full PRD + 7 Enterprise Modül)

2026-08-07 16:30:24 +03:00
commit ece74feefe
35 changed files with 7820 additions and 0 deletions
@@ -0,0 +1,78 @@
+import React, { useState } from 'react';
+import { COMPETITOR_DATA } from '../../data/mockTenders';
+import { FileCheck2, Search, Building2, TrendingUp, Award, Shield } from 'lucide-react';
+
+export const ContractSearch = () => {
+  const [searchTerm, setSearchTerm] = useState('');
+
+  const filteredCompetitors = COMPETITOR_DATA.filter(c =>
+    c.name.toLowerCase().includes(searchTerm.toLowerCase())
+  );
+
+  return (
+    <div className="space-y-4 my-4 animate-fade-in">
+      
+      <div className="bg-white rounded-xl border border-slate-200 p-5 shadow-xs flex flex-col md:flex-row items-center justify-between gap-4">
+        <div className="flex items-center gap-3">
+          <div className="w-10 h-10 rounded-xl bg-indigo-600 text-white flex items-center justify-center shadow-md">
+            <FileCheck2 className="w-6 h-6" />
+          </div>
+          <div>
+            <h1 className="text-xl font-black text-slate-900">Sözleşme Bedeli & Rakip Analizi</h1>
+            <p className="text-xs text-slate-500">Rakip firmaların kamu ihalelerinden aldığı toplam iş hacmini ve sözleşme bedellerini sorgulayın.</p>
+          </div>
+        </div>
+
+        <div className="relative w-full md:w-80">
+          <input
+            type="text"
+            value={searchTerm}
+            onChange={(e) => setSearchTerm(e.target.value)}
+            placeholder="Firma adı ile arayın..."
+            className="w-full bg-slate-50 border border-slate-300 rounded-lg pl-9 pr-4 py-2 text-xs font-semibold"
+          />
+          <Search className="w-4 h-4 text-slate-400 absolute left-3 top-1/2 -translate-y-1/2" />
+        </div>
+      </div>
+
+      {/* Competitor Cards */}
+      <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+        {filteredCompetitors.map((comp, idx) => (
+          <div key={idx} className="bg-white rounded-xl border border-slate-200 p-5 shadow-xs hover:shadow-md transition-all space-y-4">
+            <div className="flex items-start justify-between border-b border-slate-100 pb-3">
+              <div>
+                <span className="text-[10px] font-extrabold bg-indigo-100 text-indigo-800 px-2 py-0.5 rounded">
+                  Sektör Sırası #{idx + 1}
+                </span>
+                <h3 className="font-extrabold text-base text-slate-900 mt-1">{comp.name}</h3>
+              </div>
+              <Award className="w-6 h-6 text-indigo-600 shrink-0" />
+            </div>
+
+            <div className="grid grid-cols-2 gap-3 text-xs">
+              <div className="bg-slate-50 p-3 rounded-lg border border-slate-200">
+                <span className="text-slate-400 block font-medium">Toplam İş Hacmi</span>
+                <span className="text-sm font-black text-indigo-900 mt-0.5 block">{comp.totalVolume}</span>
+              </div>
+              <div className="bg-slate-50 p-3 rounded-lg border border-slate-200">
+                <span className="text-slate-400 block font-medium">Kazandığı İhale</span>
+                <span className="text-sm font-black text-emerald-700 mt-0.5 block">{comp.winCount} Adet İhale</span>
+              </div>
+            </div>
+
+            <div>
+              <div className="flex justify-between text-xs font-semibold text-slate-700 mb-1">
+                <span>Tahmini Pazar Payı</span>
+                <span className="font-bold text-indigo-700">%{comp.share}</span>
+              </div>
+              <div className="w-full bg-slate-100 rounded-full h-2 overflow-hidden">
+                <div className="bg-indigo-600 h-2 rounded-full" style={{ width: `${comp.share}%` }}></div>
+              </div>
+            </div>
+          </div>
+        ))}
+      </div>
+
+    </div>
+  );
+};