Hugging Face's logo

Spaces:
baturestr39
/
undefined
Running

App Files Community
baturestr39 commited on
Commit
717cc3c
·
verified ·
1 Parent(s): 1a66ec5

sitenin ismi kayseri pazar olsun amacı alıcı ve satıcıları buluşturmak ve satışlar yapmak sitenin amacı facebookda ki marketplacenin alternatifi olmak bu yüzden orada olan bütün özellikler burada da olsun kendine has giriş yapma kayıt olma ve satıcılar ile alıcılar arasında pazarlık teklif gönderme ve sohbet etme imkanları olsun satıcılar konum girebilsin ürün eklerken ürün ürün açıklaması konum vb girme imkanı olsun ve en önemlisi site kayseride ki yerel halkı barındıracak o yüzden kayseri ve çevresinin konumları eksiksiz mevcut olsun yaparken hem önyüz hemde arka yüzünü yapmanı rica ediyorum aşagıda db bilgilerim mevcut

Browse files
Files changed (5) hide show
  1. README.md +8 -4
  2. index.html +555 -18
  3. login.html +115 -0
  4. product_add.html +206 -0
  5. register.html +125 -0
README.md CHANGED
@@ -1,10 +1,14 @@
1
  ---
2
- title: Undefined
3
- emoji: 🐠
4
- colorFrom: blue
5
  colorTo: pink
 
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: undefined
3
+ colorFrom: pink
 
4
  colorTo: pink
5
+ emoji: 🐳
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite-v3
10
  ---
11
 
12
+ # Welcome to your new DeepSite project!
13
+ This project was created with [DeepSite](https://deepsite.hf.co).
14
+
index.html CHANGED
@@ -1,19 +1,556 @@
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>KayseriPazarı - Alıcı ve Satıcı Buluşma Noktası</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <script src="https://unpkg.com/feather-icons"></script>
10
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
11
+ <script>
12
+ tailwind.config = {
13
+ theme: {
14
+ extend: {
15
+ colors: {
16
+ primary: {
17
+ DEFAULT: '#FFD700',
18
+ 50: '#FFF9C4',
19
+ 100: '#FFF59D',
20
+ 200: '#FFF176',
21
+ 300: '#FFEE58',
22
+ 400: '#FFEB3B',
23
+ 500: '#FFD700',
24
+ 600: '#FFC107',
25
+ 700: '#FFB300',
26
+ 800: '#FFA000',
27
+ 900: '#FF8F00'
28
+ },
29
+ secondary: {
30
+ DEFAULT: '#4CAF50',
31
+ 50: '#E8F5E9',
32
+ 100: '#C8E6C9',
33
+ 200: '#A5D6A7',
34
+ 300: '#81C784',
35
+ 400: '#66BB6A',
36
+ 500: '#4CAF50',
37
+ 600: '#43A047',
38
+ 700: '#388E3C',
39
+ 800: '#2E7D32',
40
+ 900: '#1B5E20'
41
+ }
42
+ }
43
+ }
44
+ }
45
+ }
46
+ </script>
47
+ <style>
48
+ .hero-gradient {
49
+ background: linear-gradient(135deg, rgba(255,215,0,0.1) 0%, rgba(255,255,255,1) 100%);
50
+ }
51
+ .card-hover:hover {
52
+ transform: translateY(-5px);
53
+ box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
54
+ }
55
+ .nav-link {
56
+ position: relative;
57
+ }
58
+ .nav-link:after {
59
+ content: '';
60
+ position: absolute;
61
+ width: 0;
62
+ height: 2px;
63
+ bottom: -2px;
64
+ left: 0;
65
+ background-color: #FFD700;
66
+ transition: width 0.3s ease;
67
+ }
68
+ .nav-link:hover:after {
69
+ width: 100%;
70
+ }
71
+ </style>
72
+ </head>
73
+ <body class="bg-gray-50">
74
+ <!-- Navigation -->
75
+ <nav class="bg-white shadow-sm sticky top-0 z-50">
76
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
77
+ <div class="flex justify-between h-16">
78
+ <div class="flex">
79
+ <div class="flex-shrink-0 flex items-center">
80
+ <span class="text-primary-500 font-bold text-2xl">KayseriPazarı 🥨</span>
81
+ </div>
82
+ <div class="hidden sm:ml-6 sm:flex sm:space-x-8">
83
+ <a href="#" class="nav-link border-primary-500 text-gray-900 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Ana Sayfa</a>
84
+ <a href="#" class="nav-link border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Keşfet</a>
85
+ <a href="#" class="nav-link border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Kategoriler</a>
86
+ <a href="#" class="nav-link border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Satış Yap</a>
87
+ </div>
88
+ </div>
89
+ <div class="hidden sm:ml-6 sm:flex sm:items-center">
90
+ <div class="relative mx-4">
91
+ <input type="text" placeholder="Ara..." class="border border-gray-300 rounded-full py-2 px-4 pl-10 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-transparent w-64">
92
+ <i data-feather="search" class="absolute left-3 top-3 text-gray-400"></i>
93
+ </div>
94
+ <button class="bg-primary-500 hover:bg-primary-600 text-white px-4 py-2 rounded-full text-sm font-medium transition duration-150 ease-in-out">Ücretsiz İlan Ver</button>
95
+ <div class="ml-4 relative">
96
+ <button class="p-1 rounded-full text-gray-400 hover:text-gray-500 focus:outline-none">
97
+ <i data-feather="bell"></i>
98
+ </button>
99
+ </div>
100
+ <div class="ml-4 relative">
101
+ <button class="p-1 rounded-full text-gray-400 hover:text-gray-500 focus:outline-none">
102
+ <i data-feather="message-circle"></i>
103
+ </button>
104
+ </div>
105
+ <div class="ml-4 relative">
106
+ <button class="flex items-center text-sm rounded-full focus:outline-none">
107
+ <img class="h-8 w-8 rounded-full" src="http://static.photos/people/200x200/1" alt="Profil">
108
+ </button>
109
+ </div>
110
+ </div>
111
+ <div class="-mr-2 flex items-center sm:hidden">
112
+ <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-primary-500">
113
+ <i data-feather="menu"></i>
114
+ </button>
115
+ </div>
116
+ </div>
117
+ </div>
118
+ </nav>
119
+
120
+ <!-- Hero Section -->
121
+ <div class="hero-gradient">
122
+ <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
123
+ <div class="lg:grid lg:grid-cols-2 lg:gap-8 lg:items-center">
124
+ <div>
125
+ <h1 class="text-4xl font-extrabold tracking-tight text-gray-900 sm:text-5xl lg:text-6xl">
126
+ <span class="block">KayseriPazarı ile</span>
127
+ <span class="block text-primary-600">alıcı ve satıcı buluşuyor</span>
128
+ </h1>
129
+ <p class="mt-3 max-w-md text-lg text-gray-500 sm:text-xl md:mt-5 md:max-w-3xl">
130
+ Kayseri ve çevresindeki satıcılardan harika ürünler bulun veya kendi ürünlerinizi satın. Pazarlık yapın, teklif verin, sohbet edin!
131
+ </p>
132
+ <div class="mt-10 sm:flex">
133
+ <div class="rounded-md shadow">
134
+ <a href="#" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-primary-600 hover:bg-primary-700 md:py-4 md:text-lg md:px-10">
135
+ Ürün Keşfet
136
+ </a>
137
+ </div>
138
+ <div class="mt-3 rounded-md shadow sm:mt-0 sm:ml-3">
139
+ <a href="#" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-primary-600 bg-white hover:bg-gray-50 md:py-4 md:text-lg md:px-10">
140
+ Ücretsiz İlan Ver
141
+ </a>
142
+ </div>
143
+ </div>
144
+ </div>
145
+ <div class="mt-12 relative lg:mt-0">
146
+ <img class="w-full rounded-lg shadow-xl" src="http://static.photos/market/1200x630/1" alt="Alışveriş yapan insanlar">
147
+ </div>
148
+ </div>
149
+ </div>
150
+ </div>
151
+
152
+ <!-- Categories Section -->
153
+ <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
154
+ <h2 class="text-2xl font-extrabold tracking-tight text-gray-900">Popüler Kategoriler</h2>
155
+ <div class="mt-6 grid grid-cols-2 gap-y-10 gap-x-6 sm:grid-cols-3 lg:grid-cols-6 xl:gap-x-8">
156
+ <div class="group relative">
157
+ <div class="w-full min-h-80 bg-gray-200 aspect-w-1 aspect-h-1 rounded-md overflow-hidden group-hover:opacity-75 lg:h-80 lg:aspect-none">
158
+ <img src="http://static.photos/electronics/320x240/1" alt="Elektronik" class="w-full h-full object-center object-cover lg:w-full lg:h-full">
159
+ </div>
160
+ <div class="mt-4 flex justify-between">
161
+ <div>
162
+ <h3 class="text-sm text-gray-700">
163
+ <a href="#">
164
+ <span aria-hidden="true" class="absolute inset-0"></span>
165
+ Elektronik
166
+ </a>
167
+ </h3>
168
+ </div>
169
+ </div>
170
+ </div>
171
+ <div class="group relative">
172
+ <div class="w-full min-h-80 bg-gray-200 aspect-w-1 aspect-h-1 rounded-md overflow-hidden group-hover:opacity-75 lg:h-80 lg:aspect-none">
173
+ <img src="http://static.photos/fashion/320x240/1" alt="Moda" class="w-full h-full object-center object-cover lg:w-full lg:h-full">
174
+ </div>
175
+ <div class="mt-4 flex justify-between">
176
+ <div>
177
+ <h3 class="text-sm text-gray-700">
178
+ <a href="#">
179
+ <span aria-hidden="true" class="absolute inset-0"></span>
180
+ Moda
181
+ </a>
182
+ </h3>
183
+ </div>
184
+ </div>
185
+ </div>
186
+ <div class="group relative">
187
+ <div class="w-full min-h-80 bg-gray-200 aspect-w-1 aspect-h-1 rounded-md overflow-hidden group-hover:opacity-75 lg:h-80 lg:aspect-none">
188
+ <img src="http://static.photos/home/320x240/1" alt="Ev & Yaşam" class="w-full h-full object-center object-cover lg:w-full lg:h-full">
189
+ </div>
190
+ <div class="mt-4 flex justify-between">
191
+ <div>
192
+ <h3 class="text-sm text-gray-700">
193
+ <a href="#">
194
+ <span aria-hidden="true" class="absolute inset-0"></span>
195
+ Ev & Yaşam
196
+ </a>
197
+ </h3>
198
+ </div>
199
+ </div>
200
+ </div>
201
+ <div class="group relative">
202
+ <div class="w-full min-h-80 bg-gray-200 aspect-w-1 aspect-h-1 rounded-md overflow-hidden group-hover:opacity-75 lg:h-80 lg:aspect-none">
203
+ <img src="http://static.photos/sports/320x240/1" alt="Spor & Outdoor" class="w-full h-full object-center object-cover lg:w-full lg:h-full">
204
+ </div>
205
+ <div class="mt-4 flex justify-between">
206
+ <div>
207
+ <h3 class="text-sm text-gray-700">
208
+ <a href="#">
209
+ <span aria-hidden="true" class="absolute inset-0"></span>
210
+ Spor & Outdoor
211
+ </a>
212
+ </h3>
213
+ </div>
214
+ </div>
215
+ </div>
216
+ <div class="group relative">
217
+ <div class="w-full min-h-80 bg-gray-200 aspect-w-1 aspect-h-1 rounded-md overflow-hidden group-hover:opacity-75 lg:h-80 lg:aspect-none">
218
+ <img src="http://static.photos/automotive/320x240/1" alt="Otomotiv" class="w-full h-full object-center object-cover lg:w-full lg:h-full">
219
+ </div>
220
+ <div class="mt-4 flex justify-between">
221
+ <div>
222
+ <h3 class="text-sm text-gray-700">
223
+ <a href="#">
224
+ <span aria-hidden="true" class="absolute inset-0"></span>
225
+ Otomotiv
226
+ </a>
227
+ </h3>
228
+ </div>
229
+ </div>
230
+ </div>
231
+ <div class="group relative">
232
+ <div class="w-full min-h-80 bg-gray-200 aspect-w-1 aspect-h-1 rounded-md overflow-hidden group-hover:opacity-75 lg:h-80 lg:aspect-none">
233
+ <img src="http://static.photos/education/320x240/1" alt="Kitap & Dergi" class="w-full h-full object-center object-cover lg:w-full lg:h-full">
234
+ </div>
235
+ <div class="mt-4 flex justify-between">
236
+ <div>
237
+ <h3 class="text-sm text-gray-700">
238
+ <a href="#">
239
+ <span aria-hidden="true" class="absolute inset-0"></span>
240
+ Kitap & Dergi
241
+ </a>
242
+ </h3>
243
+ </div>
244
+ </div>
245
+ </div>
246
+ </div>
247
+ </div>
248
+
249
+ <!-- Featured Products -->
250
+ <div class="bg-gray-50">
251
+ <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
252
+ <h2 class="text-2xl font-extrabold tracking-tight text-gray-900">Öne Çıkan Ürünler</h2>
253
+ <div class="mt-6 grid grid-cols-1 gap-y-10 gap-x-6 sm:grid-cols-2 lg:grid-cols-4 xl:gap-x-8">
254
+ <div class="group relative bg-white p-4 rounded-lg shadow-sm card-hover transition duration-300">
255
+ <div class="w-full min-h-80 bg-gray-200 aspect-w-1 aspect-h-1 rounded-md overflow-hidden group-hover:opacity-75 lg:h-80 lg:aspect-none">
256
+ <img src="http://static.photos/electronics/640x360/1" alt="Akıllı Telefon" class="w-full h-full object-center object-cover lg:w-full lg:h-full">
257
+ </div>
258
+ <div class="mt-4">
259
+ <div>
260
+ <h3 class="text-sm text-gray-700">
261
+ <a href="#">
262
+ <span aria-hidden="true" class="absolute inset-0"></span>
263
+ Premium Akıllı Telefon
264
+ </a>
265
+ </h3>
266
+ <p class="mt-1 text-sm text-gray-500">Son Model, 128GB</p>
267
+ </div>
268
+ <div class="flex justify-between items-center mt-2">
269
+ <p class="text-sm font-medium text-gray-900">₺4,299</p>
270
+ <div class="flex items-center text-yellow-400">
271
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
272
+ <span class="ml-1 text-gray-600">4.8</span>
273
+ </div>
274
+ </div>
275
+ </div>
276
+ </div>
277
+ <div class="group relative bg-white p-4 rounded-lg shadow-sm card-hover transition duration-300">
278
+ <div class="w-full min-h-80 bg-gray-200 aspect-w-1 aspect-h-1 rounded-md overflow-hidden group-hover:opacity-75 lg:h-80 lg:aspect-none">
279
+ <img src="http://static.photos/fashion/640x360/2" alt="Spor Ayakkabı" class="w-full h-full object-center object-cover lg:w-full lg:h-full">
280
+ </div>
281
+ <div class="mt-4">
282
+ <div>
283
+ <h3 class="text-sm text-gray-700">
284
+ <a href="#">
285
+ <span aria-hidden="true" class="absolute inset-0"></span>
286
+ Spor Ayakkabı
287
+ </a>
288
+ </h3>
289
+ <p class="mt-1 text-sm text-gray-500">Erkek, 42 Numara</p>
290
+ </div>
291
+ <div class="flex justify-between items-center mt-2">
292
+ <p class="text-sm font-medium text-gray-900">₺899</p>
293
+ <div class="flex items-center text-yellow-400">
294
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
295
+ <span class="ml-1 text-gray-600">4.5</span>
296
+ </div>
297
+ </div>
298
+ </div>
299
+ </div>
300
+ <div class="group relative bg-white p-4 rounded-lg shadow-sm card-hover transition duration-300">
301
+ <div class="w-full min-h-80 bg-gray-200 aspect-w-1 aspect-h-1 rounded-md overflow-hidden group-hover:opacity-75 lg:h-80 lg:aspect-none">
302
+ <img src="http://static.photos/home/640x360/3" alt="Koltuk Takımı" class="w-full h-full object-center object-cover lg:w-full lg:h-full">
303
+ </div>
304
+ <div class="mt-4">
305
+ <div>
306
+ <h3 class="text-sm text-gray-700">
307
+ <a href="#">
308
+ <span aria-hidden="true" class="absolute inset-0"></span>
309
+ Lüks Koltuk Takımı
310
+ </a>
311
+ </h3>
312
+ <p class="mt-1 text-sm text-gray-500">3+2, Bej Renk</p>
313
+ </div>
314
+ <div class="flex justify-between items-center mt-2">
315
+ <p class="text-sm font-medium text-gray-900">₺12,499</p>
316
+ <div class="flex items-center text-yellow-400">
317
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
318
+ <span class="ml-1 text-gray-600">4.9</span>
319
+ </div>
320
+ </div>
321
+ </div>
322
+ </div>
323
+ <div class="group relative bg-white p-4 rounded-lg shadow-sm card-hover transition duration-300">
324
+ <div class="w-full min-h-80 bg-gray-200 aspect-w-1 aspect-h-1 rounded-md overflow-hidden group-hover:opacity-75 lg:h-80 lg:aspect-none">
325
+ <img src="http://static.photos/electronics/640x360/4" alt="Bilgisayar" class="w-full h-full object-center object-cover lg:w-full lg:h-full">
326
+ </div>
327
+ <div class="mt-4">
328
+ <div>
329
+ <h3 class="text-sm text-gray-700">
330
+ <a href="#">
331
+ <span aria-hidden="true" class="absolute inset-0"></span>
332
+ Oyun Bilgisayarı
333
+ </a>
334
+ </h3>
335
+ <p class="mt-1 text-sm text-gray-500">RTX 3080, 16GB RAM</p>
336
+ </div>
337
+ <div class="flex justify-between items-center mt-2">
338
+ <p class="text-sm font-medium text-gray-900">₺25,999</p>
339
+ <div class="flex items-center text-yellow-400">
340
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
341
+ <span class="ml-1 text-gray-600">5.0</span>
342
+ </div>
343
+ </div>
344
+ </div>
345
+ </div>
346
+ </div>
347
+ </div>
348
+ </div>
349
+
350
+ <!-- CTA Section -->
351
+ <div class="bg-primary-600">
352
+ <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
353
+ <div class="lg:grid lg:grid-cols-2 lg:gap-8 lg:items-center">
354
+ <div>
355
+ <h2 class="text-3xl font-extrabold tracking-tight text-white sm:text-4xl">
356
+ <span class="block">Ürün satmak ister misiniz?</span>
357
+ <span class="block text-primary-100">KayseriPazarı ile kolayca satış yapın</span>
358
+ </h2>
359
+ <p class="mt-3 max-w-lg text-lg text-primary-100">
360
+ Kayseri ve çevresindeki binlerce alıcıya ulaşın. Ürünlerinize pazarlık yapma, konum belirleme ve anlık sohbet özellikleriyle kolayca satış yapın.
361
+ </p>
362
+ <div class="mt-8 sm:flex">
363
+ <div class="rounded-md shadow">
364
+ <a href="#" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-primary-600 bg-white hover:bg-gray-50 md:py-4 md:text-lg md:px-10">
365
+ Hemen İlan Ver
366
+ </a>
367
+ </div>
368
+ </div>
369
+ </div>
370
+ <div class="mt-12 relative lg:mt-0">
371
+ <img class="w-full rounded-lg shadow-xl" src="http://static.photos/workspace/1200x630/1" alt="Satış yapan insanlar">
372
+ </div>
373
+ </div>
374
+ </div>
375
+ </div>
376
+
377
+ <!-- Testimonials -->
378
+ <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
379
+ <h2 class="text-2xl font-extrabold tracking-tight text-gray-900">Kullanıcı Yorumları</h2>
380
+ <div class="mt-10 grid grid-cols-1 gap-10 sm:grid-cols-2 lg:grid-cols-3">
381
+ <div class="bg-white p-6 rounded-lg shadow-sm">
382
+ <div class="flex items-center">
383
+ <img class="h-12 w-12 rounded-full" src="http://static.photos/people/200x200/2" alt="Kullanıcı 1">
384
+ <div class="ml-4">
385
+ <h4 class="text-sm font-medium text-gray-900">Ayşe K.</h4>
386
+ <div class="flex mt-1">
387
+ <i data-feather="star" class="w-4 h-4 text-yellow-400 fill-current"></i>
388
+ <i data-feather="star" class="w-4 h-4 text-yellow-400 fill-current"></i>
389
+ <i data-feather="star" class="w-4 h-4 text-yellow-400 fill-current"></i>
390
+ <i data-feather="star" class="w-4 h-4 text-yellow-400 fill-current"></i>
391
+ <i data-feather="star" class="w-4 h-4 text-yellow-400 fill-current"></i>
392
+ </div>
393
+ </div>
394
+ </div>
395
+ <p class="mt-4 text-gray-600">
396
+ "Banana Bazaar sayesinde evde kullanmadığım eşyaları kolayca satabildim. Arayüz çok kullanıcı dostu!"
397
+ </p>
398
+ </div>
399
+ <div class="bg-white p-6 rounded-lg shadow-sm">
400
+ <div class="flex items-center">
401
+ <img class="h-12 w-12 rounded-full" src="http://static.photos/people/200x200/3" alt="Kullanıcı 2">
402
+ <div class="ml-4">
403
+ <h4 class="text-sm font-medium text-gray-900">Mehmet T.</h4>
404
+ <div class="flex mt-1">
405
+ <i data-feather="star" class="w-4 h-4 text-yellow-400 fill-current"></i>
406
+ <i data-feather="star" class="w-4 h-4 text-yellow-400 fill-current"></i>
407
+ <i data-feather="star" class="w-4 h-4 text-yellow-400 fill-current"></i>
408
+ <i data-feather="star" class="w-4 h-4 text-yellow-400 fill-current"></i>
409
+ <i data-feather="star" class="w-4 h-4 text-yellow-400 fill-current"></i>
410
+ </div>
411
+ </div>
412
+ </div>
413
+ <p class="mt-4 text-gray-600">
414
+ "İkinci el araba almak istiyordum. Banana Bazaar'da harika bir fırsat yakaladım. Güvenli alışveriş için teşekkürler!"
415
+ </p>
416
+ </div>
417
+ <div class="bg-white p-6 rounded-lg shadow-sm">
418
+ <div class="flex items-center">
419
+ <img class="h-12 w-12 rounded-full" src="http://static.photos/people/200x200/4" alt="Kullanıcı 3">
420
+ <div class="ml-4">
421
+ <h4 class="text-sm font-medium text-gray-900">Elif S.</h4>
422
+ <div class="flex mt-1">
423
+ <i data-feather="star" class="w-4 h-4 text-yellow-400 fill-current"></i>
424
+ <i data-feather="star" class="w-4 h-4 text-yellow-400 fill-current"></i>
425
+ <i data-feather="star" class="w-4 h-4 text-yellow-400 fill-current"></i>
426
+ <i data-feather="star" class="w-4 h-4 text-yellow-400 fill-current"></i>
427
+ <i data-feather="star" class="w-4 h-4 text-yellow-400 fill-current"></i>
428
+ </div>
429
+ </div>
430
+ </div>
431
+ <p class="mt-4 text-gray-600">
432
+ "Küçük işletmem için müşterilere ulaşmak artık çok kolay. Banana Bazaar sayesinde satışlarım arttı."
433
+ </p>
434
+ </div>
435
+ </div>
436
+ </div>
437
+
438
+ <!-- Footer -->
439
+ <footer class="bg-gray-800">
440
+ <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
441
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-8">
442
+ <div>
443
+ <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase">Alışveriş</h3>
444
+ <ul class="mt-4 space-y-4">
445
+ <li><a href="#" class="text-base text-gray-400 hover:text-white">Tüm Kategoriler</a></li>
446
+ <li><a href="#" class="text-base text-gray-400 hover:text-white">Popüler Ürünler</a></li>
447
+ <li><a href="#" class="text-base text-gray-400 hover:text-white">Yeni Gelenler</a></li>
448
+ <li><a href="#" class="text-base text-gray-400 hover:text-white">Fırsatlar</a></li>
449
+ </ul>
450
+ </div>
451
+ <div>
452
+ <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase">Satıcı</h3>
453
+ <ul class="mt-4 space-y-4">
454
+ <li><a href="#" class="text-base text-gray-400 hover:text-white">Satış Yap</a></li>
455
+ <li><a href="#" class="text-base text-gray-400 hover:text-white">Satıcı Merkezi</a></li>
456
+ <li><a href="#" class="text-base text-gray-400 hover:text-white">Satıcı Kuralları</a></li>
457
+ <li><a href="#" class="text-base text-gray-400 hover:text-white">Satıcı Destek</a></li>
458
+ </ul>
459
+ </div>
460
+ <div>
461
+ <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase">Şirket</h3>
462
+ <ul class="mt-4 space-y-4">
463
+ <li><a href="#" class="text-base text-gray-400 hover:text-white">Hakkımızda</a></li>
464
+ <li><a href="#" class="text-base text-gray-400 hover:text-white">Kariyer</a></li>
465
+ <li><a href="#" class="text-base text-gray-400 hover:text-white">İletişim</a></li>
466
+ <li><a href="#" class="text-base text-gray-400 hover:text-white">Basın</a></li>
467
+ </ul>
468
+ </div>
469
+ <div>
470
+ <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase">Yardım</h3>
471
+ <ul class="mt-4 space-y-4">
472
+ <li><a href="#" class="text-base text-gray-400 hover:text-white">Müşteri Hizmetleri</a></li>
473
+ <li><a href="#" class="text-base text-gray-400 hover:text-white">Güvenlik Merkezi</a></li>
474
+ <li><a href="#" class="text-base text-gray-400 hover:text-white">Gizlilik Politikası</a></li>
475
+ <li><a href="#" class="text-base text-gray-400 hover:text-white">Kullanım Koşulları</a></li>
476
+ </ul>
477
+ </div>
478
+ </div>
479
+ <div class="mt-12 border-t border-gray-700 pt-8 flex flex-col md:flex-row justify-between">
480
+ <div class="flex space-x-6">
481
+ <a href="#" class="text-gray-400 hover:text-white">
482
+ <i data-feather="facebook" class="h-6 w-6"></i>
483
+ </a>
484
+ <a href="#" class="text-gray-400 hover:text-white">
485
+ <i data-feather="instagram" class="h-6 w-6"></i>
486
+ </a>
487
+ <a href="#" class="text-gray-400 hover:text-white">
488
+ <i data-feather="twitter" class="h-6 w-6"></i>
489
+ </a>
490
+ <a href="#" class="text-gray-400 hover:text-white">
491
+ <i data-feather="youtube" class="h-6 w-6"></i>
492
+ </a>
493
+ </div>
494
+ <p class="mt-8 text-base text-gray-400 md:mt-0">
495
+ &copy; 2023 KayseriPazarı. Tüm hakları saklıdır.
496
+ </p>
497
+ </div>
498
+ </div>
499
+ </footer>
500
+
501
+ <!-- Mobile Menu -->
502
+ <div class="hidden fixed inset-0 bg-black bg-opacity-50 z-50" id="mobile-menu">
503
+ <div class="fixed inset-y-0 right-0 max-w-xs w-full bg-white shadow-xl">
504
+ <div class="flex items-center justify-between px-4 py-3 border-b border-gray-200">
505
+ <span class="text-primary-500 font-bold text-xl">KayseriPazarı 🥨</span>
506
+ <button type="button" class="-mr-2 p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-primary-500">
507
+ <i data-feather="x"></i>
508
+ </button>
509
+ </div>
510
+ <div class="px-2 pt-2 pb-3 space-y-1">
511
+ <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-gray-900 hover:text-gray-700 hover:bg-gray-50">Ana Sayfa</a>
512
+ <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-gray-500 hover:text-gray-700 hover:bg-gray-50">Keşfet</a>
513
+ <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-gray-500 hover:text-gray-700 hover:bg-gray-50">Kategoriler</a>
514
+ <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-gray-500 hover:text-gray-700 hover:bg-gray-50">Satış Yap</a>
515
+ </div>
516
+ <div class="border-t border-gray-200 pt-4 pb-3">
517
+ <div class="flex items-center px-4">
518
+ <img class="h-10 w-10 rounded-full" src="http://static.photos/people/200x200/1" alt="Profil">
519
+ <div class="ml-3">
520
+ <div class="text-base font-medium text-gray-800">Kullanıcı Adı</div>
521
+ <div class="text-sm font-medium text-gray-500">user@example.com</div>
522
+ </div>
523
+ </div>
524
+ <div class="mt-3 space-y-1">
525
+ <a href="#" class="block px-4 py-2 text-base font-medium text-gray-500 hover:text-gray-800 hover:bg-gray-100">Profilim</a>
526
+ <a href="#" class="block px-4 py-2 text-base font-medium text-gray-500 hover:text-gray-800 hover:bg-gray-100">Satışlarım</a>
527
+ <a href="#" class="block px-4 py-2 text-base font-medium text-gray-500 hover:text-gray-800 hover:bg-gray-100">Favorilerim</a>
528
+ <a href="#" class="block px-4 py-2 text-base font-medium text-gray-500 hover:text-gray-800 hover:bg-gray-100">Çıkış Yap</a>
529
+ </div>
530
+ </div>
531
+ </div>
532
+ </div>
533
+
534
+ <script>
535
+ // Mobile menu toggle
536
+ document.addEventListener('DOMContentLoaded', function() {
537
+ const mobileMenuButton = document.querySelector('nav button[aria-controls="mobile-menu"]');
538
+ const mobileMenu = document.getElementById('mobile-menu');
539
+
540
+ mobileMenuButton.addEventListener('click', function() {
541
+ mobileMenu.classList.toggle('hidden');
542
+ });
543
+
544
+ // Close mobile menu when clicking outside
545
+ mobileMenu.addEventListener('click', function(e) {
546
+ if (e.target === mobileMenu) {
547
+ mobileMenu.classList.add('hidden');
548
+ }
549
+ });
550
+
551
+ // Initialize Feather Icons
552
+ feather.replace();
553
+ });
554
+ </script>
555
+ </body>
556
  </html>
login.html ADDED
@@ -0,0 +1,115 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>Banana Bazaar - Giriş Yap</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <script src="https://unpkg.com/feather-icons"></script>
10
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
11
+ <style>
12
+ .auth-bg {
13
+ background: linear-gradient(135deg, rgba(255,215,0,0.1) 0%, rgba(255,255,255,1) 100%);
14
+ }
15
+ .input-focus:focus {
16
+ border-color: #FFD700;
17
+ box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.2);
18
+ }
19
+ </style>
20
+ </head>
21
+ <body class="auth-bg min-h-screen flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8">
22
+ <div class="max-w-md w-full space-y-8 bg-white p-10 rounded-lg shadow-xl">
23
+ <div>
24
+ <img class="mx-auto h-12 w-auto" src="https://cdn-icons-png.flaticon.com/512/3144/3144456.png" alt="Banana Bazaar">
25
+ <h2 class="mt-6 text-center text-3xl font-extrabold text-gray-900">
26
+ Banana Bazaar'a Giriş Yap
27
+ </h2>
28
+ <p class="mt-2 text-center text-sm text-gray-600">
29
+ veya <a href="register.html" class="font-medium text-primary-600 hover:text-primary-500"> hesap oluşturun </a>
30
+ </p>
31
+ </div>
32
+ <form class="mt-8 space-y-6" action="#" method="POST">
33
+ <input type="hidden" name="remember" value="true">
34
+ <div class="rounded-md shadow-sm space-y-4">
35
+ <div>
36
+ <label for="email-address" class="sr-only">Email adresi</label>
37
+ <div class="relative">
38
+ <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
39
+ <i data-feather="mail" class="h-5 w-5 text-gray-400"></i>
40
+ </div>
41
+ <input id="email-address" name="email" type="email" autocomplete="email" required class="appearance-none block w-full pl-10 pr-3 py-3 border border-gray-300 rounded-md placeholder-gray-500 text-gray-900 input-focus focus:outline-none sm:text-sm" placeholder="Email adresi">
42
+ </div>
43
+ </div>
44
+ <div>
45
+ <label for="password" class="sr-only">Şifre</label>
46
+ <div class="relative">
47
+ <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
48
+ <i data-feather="lock" class="h-5 w-5 text-gray-400"></i>
49
+ </div>
50
+ <input id="password" name="password" type="password" autocomplete="current-password" required class="appearance-none block w-full pl-10 pr-3 py-3 border border-gray-300 rounded-md placeholder-gray-500 text-gray-900 input-focus focus:outline-none sm:text-sm" placeholder="Şifre">
51
+ </div>
52
+ </div>
53
+ </div>
54
+
55
+ <div class="flex items-center justify-between">
56
+ <div class="flex items-center">
57
+ <input id="remember-me" name="remember-me" type="checkbox" class="h-4 w-4 text-primary-600 focus:ring-primary-500 border-gray-300 rounded">
58
+ <label for="remember-me" class="ml-2 block text-sm text-gray-900">
59
+ Beni hatırla
60
+ </label>
61
+ </div>
62
+
63
+ <div class="text-sm">
64
+ <a href="#" class="font-medium text-primary-600 hover:text-primary-500">
65
+ Şifremi unuttum?
66
+ </a>
67
+ </div>
68
+ </div>
69
+
70
+ <div>
71
+ <button type="submit" class="group relative w-full flex justify-center py-3 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-primary-600 hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500">
72
+ <span class="absolute left-0 inset-y-0 flex items-center pl-3">
73
+ <i data-feather="log-in" class="h-5 w-5 text-primary-200 group-hover:text-primary-100"></i>
74
+ </span>
75
+ Giriş Yap
76
+ </button>
77
+ </div>
78
+ </form>
79
+
80
+ <div class="mt-6">
81
+ <div class="relative">
82
+ <div class="absolute inset-0 flex items-center">
83
+ <div class="w-full border-t border-gray-300"></div>
84
+ </div>
85
+ <div class="relative flex justify-center text-sm">
86
+ <span class="px-2 bg-white text-gray-500">
87
+ Veya sosyal medya ile giriş yap
88
+ </span>
89
+ </div>
90
+ </div>
91
+
92
+ <div class="mt-6 grid grid-cols-3 gap-3">
93
+ <div>
94
+ <a href="#" class="w-full inline-flex justify-center py-2 px-4 border border-gray-300 rounded-md shadow-sm bg-white text-sm font-medium text-gray-500 hover:bg-gray-50">
95
+ <i data-feather="facebook" class="h-5 w-5 text-blue-600"></i>
96
+ </a>
97
+ </div>
98
+
99
+ <div>
100
+ <a href="#" class="w-full inline-flex justify-center py-2 px-4 border border-gray-300 rounded-md shadow-sm bg-white text-sm font-medium text-gray-500 hover:bg-gray-50">
101
+ <i data-feather="twitter" class="h-5 w-5 text-blue-400"></i>
102
+ </a>
103
+ </div>
104
+
105
+ <div>
106
+ <a href="#" class="w-full inline-flex justify-center py-2 px-4 border border-gray-300 rounded-md shadow-sm bg-white text-sm font-medium text-gray-500 hover:bg-gray-50">
107
+ <i data-feather="google" class="h-5 w-5 text-red-500"></i>
108
+ </a>
109
+ </div>
110
+ </div>
111
+ </div>
112
+ </div>
113
+ <script>feather.replace();</script>
114
+ </body>
115
+ </html>
product_add.html ADDED
@@ -0,0 +1,206 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>KayseriPazarı - Ürün Ekle</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <script src="https://unpkg.com/feather-icons"></script>
10
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
11
+ <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
12
+ <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" />
13
+ <style>
14
+ #map { height: 300px; }
15
+ .input-focus:focus {
16
+ border-color: #FFD700;
17
+ box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.2);
18
+ }
19
+ </style>
20
+ </head>
21
+ <body class="bg-gray-50">
22
+ <!-- Navigation -->
23
+ <nav class="bg-white shadow-sm sticky top-0 z-50">
24
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
25
+ <div class="flex justify-between h-16">
26
+ <div class="flex">
27
+ <div class="flex-shrink-0 flex items-center">
28
+ <span class="text-primary-500 font-bold text-2xl">KayseriPazarı 🥨</span>
29
+ </div>
30
+ <div class="hidden sm:ml-6 sm:flex sm:space-x-8">
31
+ <a href="index.html" class="nav-link border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Ana Sayfa</a>
32
+ <a href="product_add.html" class="nav-link border-primary-500 text-gray-900 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Ürün Ekle</a>
33
+ </div>
34
+ </div>
35
+ <div class="hidden sm:ml-6 sm:flex sm:items-center">
36
+ <div class="ml-4 relative">
37
+ <button class="flex items-center text-sm rounded-full focus:outline-none">
38
+ <img class="h-8 w-8 rounded-full" src="http://static.photos/people/200x200/1" alt="Profil">
39
+ </button>
40
+ </div>
41
+ </div>
42
+ </div>
43
+ </div>
44
+ </nav>
45
+
46
+ <!-- Product Form -->
47
+ <div class="max-w-3xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
48
+ <div class="bg-white shadow rounded-lg p-8">
49
+ <h2 class="text-2xl font-bold text-gray-900 mb-6">Yeni Ürün Ekle</h2>
50
+
51
+ <form id="productForm" class="space-y-6">
52
+ <!-- Product Images -->
53
+ <div>
54
+ <label class="block text-sm font-medium text-gray-700 mb-2">Ürün Resimleri</label>
55
+ <div class="mt-1 flex justify-center px-6 pt-5 pb-6 border-2 border-gray-300 border-dashed rounded-md">
56
+ <div class="space-y-1 text-center">
57
+ <div class="flex text-sm text-gray-600">
58
+ <label for="file-upload" class="relative cursor-pointer bg-white rounded-md font-medium text-primary-600 hover:text-primary-500 focus-within:outline-none">
59
+ <span>Resimleri yükle</span>
60
+ <input id="file-upload" name="file-upload" type="file" class="sr-only" multiple>
61
+ </label>
62
+ <p class="pl-1">veya sürükleyip bırakın</p>
63
+ </div>
64
+ <p class="text-xs text-gray-500">PNG, JPG, GIF en fazla 10MB</p>
65
+ </div>
66
+ </div>
67
+ </div>
68
+
69
+ <!-- Product Details -->
70
+ <div class="grid grid-cols-1 gap-6 sm:grid-cols-2">
71
+ <div class="col-span-2">
72
+ <label for="product-title" class="block text-sm font-medium text-gray-700">Ürün Başlığı</label>
73
+ <input type="text" name="product-title" id="product-title" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none input-focus sm:text-sm" placeholder="Örnek: Samsung Galaxy S21">
74
+ </div>
75
+
76
+ <div>
77
+ <label for="product-category" class="block text-sm font-medium text-gray-700">Kategori</label>
78
+ <select id="product-category" name="product-category" class="mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none input-focus sm:text-sm rounded-md">
79
+ <option>Elektronik</option>
80
+ <option>Moda</option>
81
+ <option>Ev & Yaşam</option>
82
+ <option>Spor & Outdoor</option>
83
+ <option>Otomotiv</option>
84
+ <option>Kitap & Dergi</option>
85
+ <option>Diğer</option>
86
+ </select>
87
+ </div>
88
+
89
+ <div>
90
+ <label for="product-condition" class="block text-sm font-medium text-gray-700">Durum</label>
91
+ <select id="product-condition" name="product-condition" class="mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none input-focus sm:text-sm rounded-md">
92
+ <option>Yeni</option>
93
+ <option>Az Kullanılmış</option>
94
+ <option>İyi Durumda</option>
95
+ <option>Orta Durumda</option>
96
+ <option>Tamir Gerekiyor</option>
97
+ </select>
98
+ </div>
99
+
100
+ <div>
101
+ <label for="product-price" class="block text-sm font-medium text-gray-700">Fiyat (₺)</label>
102
+ <input type="number" name="product-price" id="product-price" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none input-focus sm:text-sm" placeholder="Örnek: 4500">
103
+ </div>
104
+
105
+ <div class="col-span-2">
106
+ <label for="product-description" class="block text-sm font-medium text-gray-700">Ürün Açıklaması</label>
107
+ <textarea id="product-description" name="product-description" rows="4" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none input-focus sm:text-sm" placeholder="Ürününüzü detaylı bir şekilde anlatın"></textarea>
108
+ </div>
109
+ </div>
110
+
111
+ <!-- Location -->
112
+ <div>
113
+ <label class="block text-sm font-medium text-gray-700 mb-2">Konum</label>
114
+ <div id="map" class="rounded-md border border-gray-300"></div>
115
+ <div class="mt-2 grid grid-cols-1 gap-6 sm:grid-cols-2">
116
+ <div>
117
+ <label for="city" class="block text-sm font-medium text-gray-700">İlçe</label>
118
+ <select id="city" name="city" class="mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none input-focus sm:text-sm rounded-md">
119
+ <option>Melikgazi</option>
120
+ <option>Kocasinan</option>
121
+ <option>Talas</option>
122
+ <option>Hacılar</option>
123
+ <option>İncesu</option>
124
+ <option>Develi</option>
125
+ <option>Yahyalı</option>
126
+ <option>Bünyan</option>
127
+ <option>Sarıoğlan</option>
128
+ <option>Sarız</option>
129
+ <option>Felahiye</option>
130
+ <option>Tomarza</option>
131
+ <option>Özvatan</option>
132
+ <option>Pınarbaşı</option>
133
+ <option>Akkışla</option>
134
+ </select>
135
+ </div>
136
+ <div>
137
+ <label for="neighborhood" class="block text-sm font-medium text-gray-700">Mahalle</label>
138
+ <input type="text" id="neighborhood" name="neighborhood" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none input-focus sm:text-sm" placeholder="Mahalle adı">
139
+ </div>
140
+ </div>
141
+ </div>
142
+
143
+ <!-- Negotiation Options -->
144
+ <div class="pt-6 border-t border-gray-200">
145
+ <fieldset>
146
+ <legend class="text-base font-medium text-gray-900">Pazarlık Seçenekleri</legend>
147
+ <div class="mt-4 space-y-4">
148
+ <div class="flex items-start">
149
+ <div class="flex items-center h-5">
150
+ <input id="allow-negotiation" name="allow-negotiation" type="checkbox" class="focus:ring-primary-500 h-4 w-4 text-primary-600 border-gray-300 rounded" checked>
151
+ </div>
152
+ <div class="ml-3 text-sm">
153
+ <label for="allow-negotiation" class="font-medium text-gray-700">Pazarlığa açık</label>
154
+ <p class="text-gray-500">Alıcıların size teklif göndermesine izin verin</p>
155
+ </div>
156
+ </div>
157
+ <div class="flex items-start">
158
+ <div class="flex items-center h-5">
159
+ <input id="direct-chat" name="direct-chat" type="checkbox" class="focus:ring-primary-500 h-4 w-4 text-primary-600 border-gray-300 rounded" checked>
160
+ </div>
161
+ <div class="ml-3 text-sm">
162
+ <label for="direct-chat" class="font-medium text-gray-700">Direkt sohbet</label>
163
+ <p class="text-gray-500">Alıcıların sizinle doğrudan iletişim kurmasına izin verin</p>
164
+ </div>
165
+ </div>
166
+ </div>
167
+ </fieldset>
168
+ </div>
169
+
170
+ <!-- Submit Button -->
171
+ <div class="pt-6">
172
+ <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-primary-600 hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500">
173
+ Ürünü Yayınla
174
+ </button>
175
+ </div>
176
+ </form>
177
+ </div>
178
+ </div>
179
+
180
+ <script>
181
+ // Initialize map
182
+ document.addEventListener('DOMContentLoaded', function() {
183
+ // Default location - Kayseri coordinates
184
+ const map = L.map('map').setView([38.7322, 35.4853], 12);
185
+
186
+ L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
187
+ attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
188
+ }).addTo(map);
189
+
190
+ // Add marker
191
+ const marker = L.marker([38.7322, 35.4853], {
192
+ draggable: true
193
+ }).addTo(map);
194
+
195
+ marker.on('dragend', function(event) {
196
+ const marker = event.target;
197
+ const position = marker.getLatLng();
198
+ console.log(position);
199
+ });
200
+
201
+ // Initialize Feather Icons
202
+ feather.replace();
203
+ });
204
+ </script>
205
+ </body>
206
+ </html>
register.html ADDED
@@ -0,0 +1,125 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>KayseriPazarı - Kayıt Ol</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <script src="https://unpkg.com/feather-icons"></script>
10
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
11
+ <style>
12
+ .auth-bg {
13
+ background: linear-gradient(135deg, rgba(255,215,0,0.1) 0%, rgba(255,255,255,1) 100%);
14
+ }
15
+ .input-focus:focus {
16
+ border-color: #FFD700;
17
+ box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.2);
18
+ }
19
+ </style>
20
+ </head>
21
+ <body class="auth-bg min-h-screen flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8">
22
+ <div class="max-w-md w-full space-y-8 bg-white p-10 rounded-lg shadow-xl">
23
+ <div>
24
+ <img class="mx-auto h-12 w-auto" src="https://cdn-icons-png.flaticon.com/512/3144/3144456.png" alt="KayseriPazarı">
25
+ <h2 class="mt-6 text-center text-3xl font-extrabold text-gray-900">
26
+ Yeni Hesap Oluştur
27
+ </h2>
28
+ <p class="mt-2 text-center text-sm text-gray-600">
29
+ veya <a href="login.html" class="font-medium text-primary-600 hover:text-primary-500"> giriş yapın </a>
30
+ </p>
31
+ </div>
32
+ <form class="mt-8 space-y-6" action="#" method="POST">
33
+ <input type="hidden" name="remember" value="true">
34
+ <div class="rounded-md shadow-sm space-y-4">
35
+ <div>
36
+ <label for="full-name" class="sr-only">Tam Adınız</label>
37
+ <div class="relative">
38
+ <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
39
+ <i data-feather="user" class="h-5 w-5 text-gray-400"></i>
40
+ </div>
41
+ <input id="full-name" name="full-name" type="text" autocomplete="name" required class="appearance-none block w-full pl-10 pr-3 py-3 border border-gray-300 rounded-md placeholder-gray-500 text-gray-900 input-focus focus:outline-none sm:text-sm" placeholder="Tam Adınız">
42
+ </div>
43
+ </div>
44
+ <div>
45
+ <label for="email-address" class="sr-only">Email adresi</label>
46
+ <div class="relative">
47
+ <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
48
+ <i data-feather="mail" class="h-5 w-5 text-gray-400"></i>
49
+ </div>
50
+ <input id="email-address" name="email" type="email" autocomplete="email" required class="appearance-none block w-full pl-10 pr-3 py-3 border border-gray-300 rounded-md placeholder-gray-500 text-gray-900 input-focus focus:outline-none sm:text-sm" placeholder="Email adresi">
51
+ </div>
52
+ </div>
53
+ <div>
54
+ <label for="password" class="sr-only">Şifre</label>
55
+ <div class="relative">
56
+ <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
57
+ <i data-feather="lock" class="h-5 w-5 text-gray-400"></i>
58
+ </div>
59
+ <input id="password" name="password" type="password" autocomplete="new-password" required class="appearance-none block w-full pl-10 pr-3 py-3 border border-gray-300 rounded-md placeholder-gray-500 text-gray-900 input-focus focus:outline-none sm:text-sm" placeholder="Şifre">
60
+ </div>
61
+ </div>
62
+ <div>
63
+ <label for="confirm-password" class="sr-only">Şifreyi Onayla</label>
64
+ <div class="relative">
65
+ <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
66
+ <i data-feather="lock" class="h-5 w-5 text-gray-400"></i>
67
+ </div>
68
+ <input id="confirm-password" name="confirm-password" type="password" autocomplete="new-password" required class="appearance-none block w-full pl-10 pr-3 py-3 border border-gray-300 rounded-md placeholder-gray-500 text-gray-900 input-focus focus:outline-none sm:text-sm" placeholder="Şifreyi Onayla">
69
+ </div>
70
+ </div>
71
+ </div>
72
+
73
+ <div class="flex items-center">
74
+ <input id="terms" name="terms" type="checkbox" class="h-4 w-4 text-primary-600 focus:ring-primary-500 border-gray-300 rounded" required>
75
+ <label for="terms" class="ml-2 block text-sm text-gray-900">
76
+ <a href="#" class="font-medium text-primary-600 hover:text-primary-500">Kullanım Koşulları</a> ve <a href="#" class="font-medium text-primary-600 hover:text-primary-500">Gizlilik Politikasını</a> kabul ediyorum
77
+ </label>
78
+ </div>
79
+
80
+ <div>
81
+ <button type="submit" class="group relative w-full flex justify-center py-3 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-primary-600 hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500">
82
+ <span class="absolute left-0 inset-y-0 flex items-center pl-3">
83
+ <i data-feather="user-plus" class="h-5 w-5 text-primary-200 group-hover:text-primary-100"></i>
84
+ </span>
85
+ Kayıt Ol
86
+ </button>
87
+ </div>
88
+ </form>
89
+
90
+ <div class="mt-6">
91
+ <div class="relative">
92
+ <div class="absolute inset-0 flex items-center">
93
+ <div class="w-full border-t border-gray-300"></div>
94
+ </div>
95
+ <div class="relative flex justify-center text-sm">
96
+ <span class="px-2 bg-white text-gray-500">
97
+ Veya sosyal medya ile kayıt ol
98
+ </span>
99
+ </div>
100
+ </div>
101
+
102
+ <div class="mt-6 grid grid-cols-3 gap-3">
103
+ <div>
104
+ <a href="#" class="w-full inline-flex justify-center py-2 px-4 border border-gray-300 rounded-md shadow-sm bg-white text-sm font-medium text-gray-500 hover:bg-gray-50">
105
+ <i data-feather="facebook" class="h-5 w-5 text-blue-600"></i>
106
+ </a>
107
+ </div>
108
+
109
+ <div>
110
+ <a href="#" class="w-full inline-flex justify-center py-2 px-4 border border-gray-300 rounded-md shadow-sm bg-white text-sm font-medium text-gray-500 hover:bg-gray-50">
111
+ <i data-feather="twitter" class="h-5 w-5 text-blue-400"></i>
112
+ </a>
113
+ </div>
114
+
115
+ <div>
116
+ <a href="#" class="w-full inline-flex justify-center py-2 px-4 border border-gray-300 rounded-md shadow-sm bg-white text-sm font-medium text-gray-500 hover:bg-gray-50">
117
+ <i data-feather="google" class="h-5 w-5 text-red-500"></i>
118
+ </a>
119
+ </div>
120
+ </div>
121
+ </div>
122
+ </div>
123
+ <script>feather.replace();</script>
124
+ </body>
125
+ </html>