Hugging Face's logo

Spaces:
hikmet044
/
exportai
Running

App Files Community
hikmet044 commited on
Commit
6dff608
·
verified ·
1 Parent(s): d1d2be6

undefined - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +524 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Exportai
3
- emoji: 👁
4
- colorFrom: red
5
- colorTo: purple
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: exportai
3
+ emoji: 🐳
4
+ colorFrom: gray
5
+ colorTo: yellow
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,524 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="tr">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>ExportAI - Türkiye'nin İhracat Penceresi</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ .gradient-bg {
11
+ background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
12
+ }
13
+ .feature-card:hover {
14
+ transform: translateY(-5px);
15
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
16
+ }
17
+ .analysis-loader {
18
+ border: 3px solid #f3f3f3;
19
+ border-top: 3px solid #3b82f6;
20
+ border-radius: 50%;
21
+ width: 30px;
22
+ height: 30px;
23
+ animation: spin 1s linear infinite;
24
+ }
25
+ @keyframes spin {
26
+ 0% { transform: rotate(0deg); }
27
+ 100% { transform: rotate(360deg); }
28
+ }
29
+ .nav-link {
30
+ position: relative;
31
+ }
32
+ .nav-link::after {
33
+ content: '';
34
+ position: absolute;
35
+ width: 0;
36
+ height: 2px;
37
+ bottom: 0;
38
+ left: 0;
39
+ background-color: #3b82f6;
40
+ transition: width 0.3s ease;
41
+ }
42
+ .nav-link:hover::after {
43
+ width: 100%;
44
+ }
45
+ </style>
46
+ </head>
47
+ <body class="font-sans bg-gray-50">
48
+ <!-- Navigation -->
49
+ <nav class="bg-white shadow-md sticky top-0 z-50">
50
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
51
+ <div class="flex justify-between h-16">
52
+ <div class="flex items-center">
53
+ <div class="flex-shrink-0 flex items-center">
54
+ <i class="fas fa-globe-europe text-blue-600 text-2xl mr-2"></i>
55
+ <span class="text-xl font-bold text-gray-900">ExportAI</span>
56
+ </div>
57
+ </div>
58
+ <div class="hidden md:flex items-center space-x-8">
59
+ <a href="#features" class="nav-link text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium">Özellikler</a>
60
+ <a href="#about" class="nav-link text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium">Hakkımızda</a>
61
+ <a href="#demo" class="nav-link text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium">Demo</a>
62
+ <a href="#contact" class="nav-link text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium">İletişim</a>
63
+ </div>
64
+ <div class="flex items-center md:hidden">
65
+ <button id="mobile-menu-button" class="text-gray-500 hover:text-gray-900 focus:outline-none">
66
+ <i class="fas fa-bars text-xl"></i>
67
+ </button>
68
+ </div>
69
+ </div>
70
+ </div>
71
+ <!-- Mobile menu -->
72
+ <div id="mobile-menu" class="hidden md:hidden bg-white border-t border-gray-200">
73
+ <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3">
74
+ <a href="#features" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-blue-600 hover:bg-gray-50">Özellikler</a>
75
+ <a href="#about" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-blue-600 hover:bg-gray-50">Hakkımızda</a>
76
+ <a href="#demo" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-blue-600 hover:bg-gray-50">Demo</a>
77
+ <a href="#contact" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-blue-600 hover:bg-gray-50">İletişim</a>
78
+ </div>
79
+ </div>
80
+ </nav>
81
+
82
+ <!-- Hero Section -->
83
+ <div class="gradient-bg text-white">
84
+ <div class="max-w-7xl mx-auto py-16 px-4 sm:py-24 sm:px-6 lg:px-8">
85
+ <div class="text-center">
86
+ <h1 class="text-4xl font-extrabold tracking-tight sm:text-5xl lg:text-6xl">
87
+ İhracatçılar için Akıllı Pazar Bulucu
88
+ </h1>
89
+ <p class="mt-6 max-w-2xl mx-auto text-xl">
90
+ ExportAI, tüm sektörlerdeki ihracatçılar için geliştirilmiş yapay zeka destekli bir pazar analiz platformudur.
91
+ </p>
92
+ <div class="mt-10">
93
+ <a href="#demo" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-blue-600 bg-white hover:bg-gray-100 transition duration-300">
94
+ Ücretsiz Deneyin <i class="fas fa-arrow-right ml-2"></i>
95
+ </a>
96
+ </div>
97
+ </div>
98
+ </div>
99
+ </div>
100
+
101
+ <!-- Analysis Section -->
102
+ <div class="max-w-4xl mx-auto py-12 px-4 sm:px-6 lg:px-8 bg-white rounded-lg shadow-md -mt-10 relative z-10">
103
+ <div class="text-center mb-8">
104
+ <h2 class="text-2xl font-bold text-gray-900">Ürün Analizi Yapın</h2>
105
+ <p class="mt-2 text-gray-600">Ürününüz için en uygun pazarları keşfedin</p>
106
+ </div>
107
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
108
+ <div>
109
+ <label for="main-category" class="block text-sm font-medium text-gray-700 mb-1">Ana GTIP Kategorisi</label>
110
+ <select id="main-category" class="mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm rounded-md border">
111
+ <option>Seçiniz</option>
112
+ <option>Tekstil</option>
113
+ <option>Makine</option>
114
+ <option>Gıda</option>
115
+ <option>Kimya</option>
116
+ <option>Elektronik</option>
117
+ </select>
118
+ </div>
119
+ <div>
120
+ <label for="sub-category" class="block text-sm font-medium text-gray-700 mb-1">Alt Kategori</label>
121
+ <select id="sub-category" class="mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm rounded-md border">
122
+ <option>Seçiniz</option>
123
+ </select>
124
+ </div>
125
+ <div>
126
+ <label for="detail" class="block text-sm font-medium text-gray-700 mb-1">Detaylı Kırılım</label>
127
+ <select id="detail" class="mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm rounded-md border">
128
+ <option>Seçiniz</option>
129
+ </select>
130
+ </div>
131
+ </div>
132
+ <div class="mt-8 text-center">
133
+ <button id="analyze-btn" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition duration-300">
134
+ Analiz Yap <i class="fas fa-chart-line ml-2"></i>
135
+ </button>
136
+ </div>
137
+ <div id="analysis-result" class="mt-8 hidden">
138
+ <div class="bg-blue-50 border-l-4 border-blue-400 p-4">
139
+ <div class="flex">
140
+ <div class="flex-shrink-0">
141
+ <i class="fas fa-check-circle text-blue-400 text-xl"></i>
142
+ </div>
143
+ <div class="ml-3">
144
+ <p class="text-sm text-blue-700">
145
+ Analiz başarıyla tamamlandı! <a href="#" class="font-medium text-blue-700 underline hover:text-blue-600">Sonuçları görüntüleyin</a>
146
+ </p>
147
+ </div>
148
+ </div>
149
+ </div>
150
+ </div>
151
+ <div id="analysis-loading" class="mt-8 text-center hidden">
152
+ <div class="analysis-loader mx-auto"></div>
153
+ <p class="mt-2 text-gray-600">Analiz yapılıyor...</p>
154
+ </div>
155
+ <div id="analysis-error" class="mt-8 hidden">
156
+ <div class="bg-red-50 border-l-4 border-red-400 p-4">
157
+ <div class="flex">
158
+ <div class="flex-shrink-0">
159
+ <i class="fas fa-exclamation-circle text-red-400 text-xl"></i>
160
+ </div>
161
+ <div class="ml-3">
162
+ <p class="text-sm text-red-700">
163
+ Bir hata oluştu. Lütfen tekrar deneyin.
164
+ </p>
165
+ </div>
166
+ </div>
167
+ </div>
168
+ </div>
169
+ </div>
170
+
171
+ <!-- Features Section -->
172
+ <div id="features" class="max-w-7xl mx-auto py-16 px-4 sm:py-24 sm:px-6 lg:px-8">
173
+ <div class="text-center mb-16">
174
+ <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl">
175
+ ExportAI ile İhracatınızı Büyütün
176
+ </h2>
177
+ <p class="mt-4 max-w-2xl mx-auto text-xl text-gray-500">
178
+ Yapay zeka destekli çözümlerimizle ihracat potansiyelinizi keşfedin
179
+ </p>
180
+ </div>
181
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
182
+ <!-- Feature 1 -->
183
+ <div class="feature-card bg-white p-8 rounded-lg shadow-md transition duration-300">
184
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-100 text-blue-600 mb-4">
185
+ <i class="fas fa-chess-queen text-xl"></i>
186
+ </div>
187
+ <h3 class="text-lg font-medium text-gray-900 mb-2">Akıllı Pazar Eşleştirme</h3>
188
+ <p class="mt-1 text-gray-500">
189
+ Ürünlerinizin özelliklerine göre en uygun pazarları otomatik olarak belirleriz. Yapay zeka algoritmalarımız, ürünleriniz için en yüksek potansiyele sahip ülkeleri tespit eder.
190
+ </p>
191
+ </div>
192
+ <!-- Feature 2 -->
193
+ <div class="feature-card bg-white p-8 rounded-lg shadow-md transition duration-300">
194
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-green-100 text-green-600 mb-4">
195
+ <i class="fas fa-tags text-xl"></i>
196
+ </div>
197
+ <h3 class="text-lg font-medium text-gray-900 mb-2">Fiyat Analizi</h3>
198
+ <p class="mt-1 text-gray-500">
199
+ Hedef pazarlarda ürünleriniz için optimum fiyat aralığını belirleyin. Rekabetçi fiyatlandırma stratejinizi oluşturmak için pazar bazında detaylı fiyat analizleri sunuyoruz.
200
+ </p>
201
+ </div>
202
+ <!-- Feature 3 -->
203
+ <div class="feature-card bg-white p-8 rounded-lg shadow-md transition duration-300">
204
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-purple-100 text-purple-600 mb-4">
205
+ <i class="fas fa-users text-xl"></i>
206
+ </div>
207
+ <h3 class="text-lg font-medium text-gray-900 mb-2">Potansiyel Alıcı Listesi</h3>
208
+ <p class="mt-1 text-gray-500">
209
+ Her sektör ve her pazar için potansiyel alıcıların iletişim bilgilerini ve ithalat hacimlerini içeren detaylı listeler sunuyoruz. İthalatçılar, toptancılar ve distribütörlerle doğrudan bağlantı kurun.
210
+ </p>
211
+ </div>
212
+ <!-- Feature 4 -->
213
+ <div class="feature-card bg-white p-8 rounded-lg shadow-md transition duration-300">
214
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-yellow-100 text-yellow-600 mb-4">
215
+ <i class="fas fa-book text-xl"></i>
216
+ </div>
217
+ <h3 class="text-lg font-medium text-gray-900 mb-2">İhracat Rehberi</h3>
218
+ <p class="mt-1 text-gray-500">
219
+ Her ülke için ürünlerinize özel gümrük vergileri, gerekli sertifikalar, ithalat prosedürleri ve pazar trendlerini içeren kapsamlı ihracat rehberleri sunuyoruz.
220
+ </p>
221
+ </div>
222
+ <!-- Feature 5 -->
223
+ <div class="feature-card bg-white p-8 rounded-lg shadow-md transition duration-300">
224
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-red-100 text-red-600 mb-4">
225
+ <i class="fas fa-chart-bar text-xl"></i>
226
+ </div>
227
+ <h3 class="text-lg font-medium text-gray-900 mb-2">Pazar Raporları</h3>
228
+ <p class="mt-1 text-gray-500">
229
+ Seçtiğiniz pazarlarda ürün kategoriniz için detaylı raporlar oluşturuyoruz. Mevsimsel talepler, trendler, rekabet analizi, tüketici davranışları ve dağıtım kanalları hakkında bilgi edinin.
230
+ </p>
231
+ </div>
232
+ <!-- Feature 6 -->
233
+ <div class="feature-card bg-white p-8 rounded-lg shadow-md transition duration-300">
234
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-100 text-indigo-600 mb-4">
235
+ <i class="fas fa-robot text-xl"></i>
236
+ </div>
237
+ <h3 class="text-lg font-medium text-gray-900 mb-2">AI Chatbot Asistanı</h3>
238
+ <p class="mt-1 text-gray-500">
239
+ İhracat süreçlerinizle ilgili sorularınızı cevaplayacak akıllı chatbot asistanımız 7/24 hizmetinizde. Ürün seçiminden pazar araştırmasına kadar tüm süreçlerde destek alın.
240
+ </p>
241
+ </div>
242
+ </div>
243
+ </div>
244
+
245
+ <!-- CTA Section -->
246
+ <div class="bg-gray-900 text-white">
247
+ <div class="max-w-7xl mx-auto py-16 px-4 sm:py-24 sm:px-6 lg:px-8">
248
+ <div class="text-center">
249
+ <h2 class="text-3xl font-extrabold sm:text-4xl">
250
+ İhracatınızı Artırmaya Hazır mısınız?
251
+ </h2>
252
+ <p class="mt-6 max-w-2xl mx-auto text-xl">
253
+ ExportAI ile ihracat potansiyelinizi maksimize edin. Hemen ücretsiz deneme hesabı oluşturun.
254
+ </p>
255
+ <div class="mt-10">
256
+ <a href="#demo" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-gray-900 bg-white hover:bg-gray-100 transition duration-300">
257
+ Ücretsiz Deneyin <i class="fas fa-rocket ml-2"></i>
258
+ </a>
259
+ </div>
260
+ </div>
261
+ </div>
262
+ </div>
263
+
264
+ <!-- About Section -->
265
+ <div id="about" class="max-w-7xl mx-auto py-16 px-4 sm:py-24 sm:px-6 lg:px-8">
266
+ <div class="lg:grid lg:grid-cols-2 lg:gap-8">
267
+ <div class="mb-12 lg:mb-0">
268
+ <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl">
269
+ Hakkımızda
270
+ </h2>
271
+ <p class="mt-3 text-lg text-gray-500">
272
+ ExportAI, Türkiye'nin ihracatçıları için geliştirilmiş, yapay zeka destekli bir pazar analiz platformudur. Misyonumuz, ihracatçılarımızın yeni pazarlara açılmasını kolaylaştırmak ve ihracat potansiyellerini en üst düzeye çıkarmaktır.
273
+ </p>
274
+ <p class="mt-3 text-lg text-gray-500">
275
+ Platformumuz, BM Comtrade, TradeMap ve diğer güvenilir veri kaynaklarından elde ettiğimiz küresel ticaret verilerini, yapay zeka algoritmalarımızla analiz ederek, ihracatçılarımıza en uygun pazarları bulmalarında yardımcı olur.
276
+ </p>
277
+ <div class="mt-8">
278
+ <div class="flex items-center">
279
+ <div class="flex-shrink-0 bg-blue-500 rounded-md p-2">
280
+ <i class="fas fa-users text-white text-xl"></i>
281
+ </div>
282
+ <div class="ml-4">
283
+ <h3 class="text-lg font-medium text-gray-900">Uzman Ekip</h3>
284
+ <p class="mt-1 text-gray-500">
285
+ Çeşitli sektörlerde uzmanlaşmış veri bilimcileri, yazılım geliştiricileri ve dış ticaret uzmanlarından oluşmaktadır.
286
+ </p>
287
+ </div>
288
+ </div>
289
+ <div class="mt-6 flex items-center">
290
+ <div class="flex-shrink-0 bg-blue-500 rounded-md p-2">
291
+ <i class="fas fa-handshake text-white text-xl"></i>
292
+ </div>
293
+ <div class="ml-4">
294
+ <h3 class="text-lg font-medium text-gray-900">İşbirlikleri</h3>
295
+ <p class="mt-1 text-gray-500">
296
+ Türkiye İhracatçılar Meclisi (TİM) ve sektörel ihracatçı birlikleri ile işbirliği içinde çalışıyoruz.
297
+ </p>
298
+ </div>
299
+ </div>
300
+ </div>
301
+ </div>
302
+ <div class="lg:mt-0">
303
+ <img class="rounded-lg shadow-xl" src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-1.2.1&auto=format&fit=crop&w=1000&q=80" alt="ExportAI Team">
304
+ </div>
305
+ </div>
306
+ </div>
307
+
308
+ <!-- Demo Section -->
309
+ <div id="demo" class="bg-gray-50">
310
+ <div class="max-w-7xl mx-auto py-16 px-4 sm:py-24 sm:px-6 lg:px-8">
311
+ <div class="lg:grid lg:grid-cols-2 lg:gap-8">
312
+ <div class="lg:mt-0 mb-12 lg:mb-0">
313
+ <img class="rounded-lg shadow-xl" src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-1.2.1&auto=format&fit=crop&w=1000&q=80" alt="ExportAI Demo">
314
+ </div>
315
+ <div>
316
+ <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl">
317
+ Ücretsiz Demo Başvurusu
318
+ </h2>
319
+ <p class="mt-3 text-lg text-gray-500">
320
+ ExportAI'yi 30 gün boyunca ücretsiz denemek için aşağıdaki formu doldurun veya demo erişimi için giriş yapın.
321
+ </p>
322
+ <div class="mt-8 bg-white p-6 rounded-lg shadow-md">
323
+ <form>
324
+ <div class="grid grid-cols-1 gap-6">
325
+ <div>
326
+ <label for="name" class="block text-sm font-medium text-gray-700">Ad Soyad</label>
327
+ <input type="text" id="name" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-blue-500 focus:border-blue-500">
328
+ </div>
329
+ <div>
330
+ <label for="company" class="block text-sm font-medium text-gray-700">Şirket Adı</label>
331
+ <input type="text" id="company" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-blue-500 focus:border-blue-500">
332
+ </div>
333
+ <div>
334
+ <label for="email" class="block text-sm font-medium text-gray-700">E-posta</label>
335
+ <input type="email" id="email" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-blue-500 focus:border-blue-500">
336
+ </div>
337
+ <div>
338
+ <label for="phone" class="block text-sm font-medium text-gray-700">Telefon</label>
339
+ <input type="tel" id="phone" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-blue-500 focus:border-blue-500">
340
+ </div>
341
+ <div>
342
+ <label for="sector" class="block text-sm font-medium text-gray-700">Sektör</label>
343
+ <select id="sector" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-blue-500 focus:border-blue-500">
344
+ <option>Seçiniz</option>
345
+ <option>Tekstil</option>
346
+ <option>Makine</option>
347
+ <option>Gıda</option>
348
+ <option>Kimya</option>
349
+ <option>Elektronik</option>
350
+ </select>
351
+ </div>
352
+ <div>
353
+ <button type="submit" class="w-full flex justify-center py-3 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition duration-300">
354
+ Demo Erişimi İsteyin <i class="fas fa-paper-plane ml-2"></i>
355
+ </button>
356
+ </div>
357
+ </div>
358
+ </form>
359
+ <div class="mt-6 bg-blue-50 border-l-4 border-blue-400 p-4">
360
+ <div class="flex">
361
+ <div class="flex-shrink-0">
362
+ <i class="fas fa-info-circle text-blue-400 text-xl"></i>
363
+ </div>
364
+ <div class="ml-3">
365
+ <p class="text-sm text-blue-700">
366
+ <span class="font-bold">Hızlı Demo Erişimi:</span> Kullanıcı adı: <code>admin</code>, Şifre: <code>exportai2025</code> bilgilerini kullanarak demo sistemine doğrudan erişebilirsiniz.
367
+ </p>
368
+ </div>
369
+ </div>
370
+ </div>
371
+ </div>
372
+ </div>
373
+ </div>
374
+ </div>
375
+ </div>
376
+
377
+ <!-- Footer -->
378
+ <footer id="contact" class="bg-gray-800 text-white">
379
+ <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
380
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
381
+ <div>
382
+ <h3 class="text-lg font-medium mb-4">ExportAI</h3>
383
+ <p class="text-gray-400">
384
+ Türkiye'nin ihracatçıları için yapay zeka destekli pazar analiz platformu.
385
+ </p>
386
+ <div class="mt-4 flex space-x-6">
387
+ <a href="#" class="text-gray-400 hover:text-white">
388
+ <i class="fab fa-twitter text-xl"></i>
389
+ </a>
390
+ <a href="#" class="text-gray-400 hover:text-white">
391
+ <i class="fab fa-linkedin text-xl"></i>
392
+ </a>
393
+ <a href="#" class="text-gray-400 hover:text-white">
394
+ <i class="fab fa-instagram text-xl"></i>
395
+ </a>
396
+ </div>
397
+ </div>
398
+ <div>
399
+ <h3 class="text-lg font-medium mb-4">İletişim</h3>
400
+ <ul class="space-y-2">
401
+ <li class="flex items-center">
402
+ <i class="fas fa-map-marker-alt text-gray-400 mr-2"></i>
403
+ <span class="text-gray-400">İstanbul, Türkiye</span>
404
+ </li>
405
+ <li class="flex items-center">
406
+ <i class="fas fa-phone text-gray-400 mr-2"></i>
407
+ <span class="text-gray-400">+90 212 123 45 67</span>
408
+ </li>
409
+ <li class="flex items-center">
410
+ <i class="fas fa-envelope text-gray-400 mr-2"></i>
411
+ <span class="text-gray-400">info@exportai.com</span>
412
+ </li>
413
+ </ul>
414
+ </div>
415
+ <div>
416
+ <h3 class="text-lg font-medium mb-4">Bülten</h3>
417
+ <p class="text-gray-400 mb-4">
418
+ İhracat trendleri ve yeniliklerimizden haberdar olmak için e-posta listemize kaydolun.
419
+ </p>
420
+ <form class="flex">
421
+ <input type="email" placeholder="E-posta adresiniz" class="px-4 py-2 rounded-l-md focus:outline-none text-gray-900 w-full">
422
+ <button type="submit" class="bg-blue-600 hover:bg-blue-700 px-4 py-2 rounded-r-md transition duration-300">
423
+ <i class="fas fa-paper-plane"></i>
424
+ </button>
425
+ </form>
426
+ </div>
427
+ </div>
428
+ <div class="mt-12 pt-8 border-t border-gray-700">
429
+ <p class="text-gray-400 text-center">
430
+ &copy; 2023 ExportAI. Tüm hakları saklıdır.
431
+ </p>
432
+ </div>
433
+ </div>
434
+ </footer>
435
+
436
+ <script>
437
+ // Mobile menu toggle
438
+ document.getElementById('mobile-menu-button').addEventListener('click', function() {
439
+ const menu = document.getElementById('mobile-menu');
440
+ menu.classList.toggle('hidden');
441
+ });
442
+
443
+ // Analysis button functionality
444
+ document.getElementById('analyze-btn').addEventListener('click', function() {
445
+ const loading = document.getElementById('analysis-loading');
446
+ const result = document.getElementById('analysis-result');
447
+ const error = document.getElementById('analysis-error');
448
+
449
+ // Show loading
450
+ loading.classList.remove('hidden');
451
+ result.classList.add('hidden');
452
+ error.classList.add('hidden');
453
+
454
+ // Simulate analysis after 3 seconds
455
+ setTimeout(function() {
456
+ loading.classList.add('hidden');
457
+
458
+ // Randomly show success or error for demo purposes
459
+ if(Math.random() > 0.3) {
460
+ result.classList.remove('hidden');
461
+ } else {
462
+ error.classList.remove('hidden');
463
+ }
464
+ }, 3000);
465
+ });
466
+
467
+ // Subcategory and detail population (simplified for demo)
468
+ document.getElementById('main-category').addEventListener('change', function() {
469
+ const subCategory = document.getElementById('sub-category');
470
+ subCategory.innerHTML = '<option>Seçiniz</option>';
471
+
472
+ if(this.value !== 'Seçiniz') {
473
+ // Add some demo options
474
+ const options = ['Hazır Giyim', 'Ev Tekstili', 'Dokuma', 'Örme'];
475
+ options.forEach(option => {
476
+ const el = document.createElement('option');
477
+ el.textContent = option;
478
+ el.value = option;
479
+ subCategory.appendChild(el);
480
+ });
481
+ }
482
+ });
483
+
484
+ document.getElementById('sub-category').addEventListener('change', function() {
485
+ const detail = document.getElementById('detail');
486
+ detail.innerHTML = '<option>Seçiniz</option>';
487
+
488
+ if(this.value !== 'Seçiniz') {
489
+ // Add some demo options
490
+ const options = ['GTIP 6109', 'GTIP 6110', 'GTIP 6205', 'GTIP 6211'];
491
+ options.forEach(option => {
492
+ const el = document.createElement('option');
493
+ el.textContent = option;
494
+ el.value = option;
495
+ detail.appendChild(el);
496
+ });
497
+ }
498
+ });
499
+
500
+ // Smooth scrolling for anchor links
501
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
502
+ anchor.addEventListener('click', function (e) {
503
+ e.preventDefault();
504
+
505
+ const targetId = this.getAttribute('href');
506
+ if(targetId === '#') return;
507
+
508
+ const targetElement = document.querySelector(targetId);
509
+ if(targetElement) {
510
+ targetElement.scrollIntoView({
511
+ behavior: 'smooth'
512
+ });
513
+
514
+ // Close mobile menu if open
515
+ const mobileMenu = document.getElementById('mobile-menu');
516
+ if(!mobileMenu.classList.contains('hidden')) {
517
+ mobileMenu.classList.add('hidden');
518
+ }
519
+ }
520
+ });
521
+ });
522
+ </script>
523
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=hikmet044/exportai" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
524
+ </html>