KurdKod/Self_learningKurdishAI
0
1<!DOCTYPE html>2<html lang="ku" dir="rtl">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>K-KOD | AI Financial Control Center</title>7 <script src="https://unpkg.com/react@18/umd/react.production.min.js"></script>8 <script src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>9 <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>10 <script src="https://cdn.tailwindcss.com"></script>11 <style>12 @import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;700;900&display=swap');13 body { font-family: 'Vazirmatn', sans-serif; background: #030303; color: #fff; margin: 0; }14 .glass { background: rgba(255, 255, 255, 0.02); backdrop-filter: blur(15px); border: 1px solid rgba(212, 175, 55, 0.1); }15 .gold-btn { background: linear-gradient(135deg, #d4af37, #b8860b); color: #000; font-weight: 900; border: none; cursor: pointer; transition: 0.3s; }16 .gold-btn:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3); }17 .invoice-box { background: white; color: black; padding: 20px; border-radius: 10px; font-size: 12px; line-height: 1.6; }18 .code-area { background: #000; color: #0f0; padding: 15px; border-radius: 10px; font-family: monospace; font-size: 10px; border: 1px solid #333; }19 </style>20</head>21<body>22 <div id="root"></div>23 24 <script type="text/babel">25 const { useState } = React;26 27 function App() {28 const [tab, setTab] = useState("factory");29 const [messages, setMessages] = useState([{text: "سڵاو، من K-KOD AI ئەدمینم. ئامادەم بۆ ڕێکخستنی فرۆشتن و ڕاپۆرتی بانک.", role: "ai"}]);30 const [isUnlocked, setIsUnlocked] = useState(false);31 const [isLoggedIn, setIsLoggedIn] = useState(false);32 const [pass, setPass] = useState("");33 34 // ڕێکاری پارەدان و دروستکردنی وەسڵ35 const handlePurchase = (pName, price) => {36 const msg = `37 --- ڕێکاری فەرمی پارەدان ---38 بۆ کڕینی: ${pName}39 بڕی پارە: ${price} IQD40 ژمارەی IBAN: IQ77 FIB1 0000 0000 0000 041 -------------------------42 تکایە دوای ناردنی پارە، وێنەی وەسڵەکە لای خۆت بپارێزە و بۆ بانک پێشکەشی بکە وەک 'کڕینی خزمەتگوزاری دیجیتاڵی'.43 `;44 setMessages([...messages, {text: msg, role: "ai"}]);45 setIsUnlocked(true); // لێرەدا وا دەکەین وەک تاقیکاری کۆدەکە بکاتەوە46 };47 48 // دروستکردنی ڕاپۆرتی فەرمی بۆ بانک49 const downloadBankReport = () => {50 const report = `51 K-KOD DIGITAL SERVICES - BANK REPORT52 ------------------------------------53 ڕاپۆرتی فەرمی سەرچاوەی داهات54 بەروار: ${new Date().toLocaleDateString()}55 سەرچاوەی داهات: فرۆشتنی مۆڵەتی سۆفتوێر (Software Licensing)56 دۆخی وردبینی: AI_VERIFIED (SECURE)57 ------------------------------------58 کۆتایی ڕاپۆرت.59 `;60 const element = document.createElement("a");61 const file = new Blob([report], {type: 'text/plain'});62 element.href = URL.createObjectURL(file);63 element.download = "K-KOD_Bank_Report.txt";64 document.body.appendChild(element);65 element.click();66 };67 68 return (69 <div className="min-h-screen p-4 max-w-5xl mx-auto">70 {/* Header */}71 <nav className="flex justify-between items-center glass p-6 rounded-[30px] mb-8 border-b-2 border-[#d4af37]/20">72 <div className="flex items-center gap-3">73 <div className="w-10 h-10 border-2 border-[#d4af37] rotate-45 flex items-center justify-center font-bold text-[#d4af37]">K</div>74 <h1 className="font-black tracking-widest text-lg">K-KOD <span className="text-[10px] opacity-40 block leading-none">AI FINANCIAL ADMIN</span></h1>75 </div>76 <div className="flex gap-4 text-[10px] font-bold">77 <button onClick={() => setTab("factory")} className={tab === 'factory' ? 'text-[#d4af37]' : ''}>FACTORY</button>78 <button onClick={() => setTab("admin")} className={tab === 'admin' ? 'text-[#d4af37]' : ''}>BANK ADMIN</button>79 </div>80 </nav>81 82 {tab === "factory" ? (83 <div className="grid md:grid-cols-2 gap-8">84 <div className="space-y-6">85 <div className="glass p-8 rounded-[40px]">86 <h2 className="text-[#d4af37] font-bold mb-4">دیجیتاڵ ستۆر</h2>87 <div className="bg-white/5 p-4 rounded-2xl flex justify-between items-center border border-white/5">88 <span className="text-sm font-bold">K-Core Software</span>89 <button onClick={() => handlePurchase("K-Core Software", "500,000")} className="gold-btn px-4 py-2 rounded-xl text-[10px]">کڕین</button>90 </div>91 </div>92 <div className="glass p-6 rounded-[30px] h-64 overflow-y-auto text-[11px] space-y-3">93 {messages.map((m, i) => (94 <div key={i} className={m.role === 'ai' ? 'text-[#d4af37]' : 'text-white/50'}>95 <strong>{m.role.toUpperCase()}:</strong> {m.text}96 </div>97 ))}98 </div>99 </div>100 101 <div className="space-y-6">102 <h3 className="text-[10px] font-bold opacity-30 tracking-[5px]">SOURCE CODE OUTPUT</h3>103 {isUnlocked ? (104 <div className="code-area animate-pulse">105 // UNLOCKED BY K-KOD AI<br/>106 const system = "SECURE_NODE";<br/>107 function start() { console.log("System Active"); }<br/>108 // LICENSE_KEY: KK-7788-BANK-SECURE109 </div>110 ) : (111 <div className="h-40 glass rounded-3xl flex items-center justify-center text-[10px] opacity-20 italic">112 چاوەڕێی پارەدان...113 </div>114 )}115 </div>116 </div>117 ) : (118 /* Admin Section for Bank Reports */119 <div className="max-w-md mx-auto py-10">120 {!isLoggedIn ? (121 <div className="glass p-10 rounded-[40px] text-center">122 <h2 className="text-[#d4af37] font-bold mb-6">پاسۆردی بانک</h2>123 <input type="password" value={pass} onChange={(e) => setPass(e.target.value)} className="w-full bg-black border border-white/10 p-4 rounded-2xl mb-4 text-center" />124 <button onClick={() => pass === "12Ku34rD" ? setIsLoggedIn(true) : alert("هەڵەیە")} className="w-full p-4 gold-btn rounded-2xl">چوونەژوورەوە</button>125 </div>126 ) : (127 <div className="glass p-10 rounded-[40px] space-y-6">128 <h2 className="text-[#d4af37] font-bold">بەشی کۆنترۆڵی دارایی</h2>129 <p className="text-xs text-gray-500">لێرەدا دەتوانیت ڕاپۆرتی فەرمی بۆ بانکی FIB یان هەر بانکێکی تر دروست بکەیت.</p>130 <button onClick={downloadBankReport} className="w-full p-5 bg-white/5 border border-[#d4af37] text-[#d4af37] rounded-2xl text-[10px] font-bold">داگرتنی ڕاپۆرتی بانک (PDF_TEXT)</button>131 <button onClick={() => setIsLoggedIn(false)} className="w-full text-[10px] opacity-30">دەرچوون</button>132 </div>133 )}134 </div>135 )}136 </div>137 );138 }139 140 const root = ReactDOM.createRoot(document.getElementById('root'));141 root.render(<App />);142 </script>143</body>144</html>