Spaces:
Running
Running
File size: 6,957 Bytes
717cc3c ab65381 717cc3c ab65381 717cc3c ab65381 717cc3c ab65381 717cc3c ab65381 717cc3c ab65381 717cc3c ab65381 717cc3c ab65381 717cc3c ab65381 717cc3c ab65381 717cc3c ab65381 717cc3c ab65381 717cc3c ab65381 717cc3c ab65381 717cc3c ab65381 717cc3c ab65381 717cc3c ab65381 717cc3c ab65381 717cc3c ab65381 717cc3c ab65381 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 | <!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>KayseriPazarı - Alıcı ve Satıcı Buluşma Noktası</title>
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://unpkg.com/feather-icons"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
primary: {
DEFAULT: '#FF6B00',
500: '#FF6B00',
600: '#E05D00'
},
secondary: {
DEFAULT: '#333333',
500: '#333333'
}
}
}
}
}
</script>
<style>
.hero-gradient {
background: linear-gradient(135deg, rgba(255,107,0,0.1) 0%, rgba(255,255,255,1) 100%);
}
</style>
</head>
<body class="bg-gray-50">
<!-- Navigation -->
<nav class="bg-white shadow-sm">
<div class="max-w-7xl mx-auto px-4 py-3">
<div class="flex justify-between items-center">
<div class="flex items-center">
<span class="text-primary-500 font-bold text-xl">KayseriPazarı</span>
</div>
<div class="hidden md:flex space-x-8">
<a href="#" class="text-secondary-500 hover:text-primary-500">Ana Sayfa</a>
<a href="#" class="text-secondary-500 hover:text-primary-500">Ürünler</a>
<a href="#" class="text-secondary-500 hover:text-primary-500">Satıcılar</a>
<a href="#" class="text-secondary-500 hover:text-primary-500">Hakkımızda</a>
</div>
<div class="flex items-center space-x-4">
<button class="bg-primary-500 hover:bg-primary-600 text-white px-4 py-2 rounded-md text-sm">Giriş Yap</button>
<button class="bg-white border border-primary-500 text-primary-500 hover:bg-gray-50 px-4 py-2 rounded-md text-sm">Kayıt Ol</button>
</div>
</div>
</div>
</nav>
<!-- Hero Section -->
<div class="hero-gradient">
<div class="max-w-7xl mx-auto px-4 py-16 sm:py-24 lg:py-32">
<div class="text-center">
<h1 class="text-4xl font-extrabold tracking-tight text-secondary-500 sm:text-5xl lg:text-6xl">
Kayseri'nin en güvenilir alışveriş platformu
</h1>
<p class="mt-6 max-w-lg mx-auto text-lg text-gray-600">
Yüzlerce satıcıdan binlerce ürünü kolayca keşfedin ve güvenle alışveriş yapın.
</p>
<div class="mt-10">
<a href="#" class="px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-primary-500 hover:bg-primary-600 md:py-4 md:text-lg md:px-10">
Ürünleri Keşfet
</a>
</div>
</div>
</div>
</div>
<!-- Features Section -->
<div class="max-w-7xl mx-auto px-4 py-16 sm:py-24 lg:py-32">
<div class="text-center">
<h2 class="text-3xl font-extrabold text-secondary-500 sm:text-4xl">
Neden KayseriPazarı?
</h2>
<div class="mt-12 grid grid-cols-1 gap-8 sm:grid-cols-3">
<div class="p-6 bg-white rounded-lg shadow">
<div class="flex justify-center">
<i data-feather="shield" class="h-12 w-12 text-primary-500"></i>
</div>
<h3 class="mt-4 text-xl font-medium text-secondary-500">Güvenli Alışveriş</h3>
<p class="mt-2 text-gray-600">
Satıcılarımız özenle seçilir, alışverişiniz güvence altında.
</p>
</div>
<div class="p-6 bg-white rounded-lg shadow">
<div class="flex justify-center">
<i data-feather="truck" class="h-12 w-12 text-primary-500"></i>
</div>
<h3 class="mt-4 text-xl font-medium text-secondary-500">Hızlı Teslimat</h3>
<p class="mt-2 text-gray-600">
Kayseri içi aynı gün teslimat ile ürünleriniz kapınızda.
</p>
</div>
<div class="p-6 bg-white rounded-lg shadow">
<div class="flex justify-center">
<i data-feather="dollar-sign" class="h-12 w-12 text-primary-500"></i>
</div>
<h3 class="mt-4 text-xl font-medium text-secondary-500">Uygun Fiyat</h3>
<p class="mt-2 text-gray-600">
Yerel üreticilerden doğrudan en uygun fiyatlar.
</p>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="bg-secondary-500 text-white">
<div class="max-w-7xl mx-auto px-4 py-12">
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div>
<h3 class="text-lg font-medium">KayseriPazarı</h3>
<p class="mt-4 text-gray-300">
Kayseri'nin en güvenilir alışveriş platformu
</p>
</div>
<div>
<h3 class="text-lg font-medium">Hızlı Linkler</h3>
<ul class="mt-4 space-y-2">
<li><a href="#" class="text-gray-300 hover:text-white">Ana Sayfa</a></li>
<li><a href="#" class="text-gray-300 hover:text-white">Ürünler</a></li>
<li><a href="#" class="text-gray-300 hover:text-white">Satıcılar</a></li>
<li><a href="#" class="text-gray-300 hover:text-white">Hakkımızda</a></li>
</ul>
</div>
<div>
<h3 class="text-lg font-medium">İletişim</h3>
<ul class="mt-4 space-y-2">
<li class="text-gray-300">info@kayseripazari.com</li>
<li class="text-gray-300">+90 352 123 45 67</li>
<li class="text-gray-300">Kayseri, Türkiye</li>
</ul>
</div>
</div>
<div class="mt-12 border-t border-gray-700 pt-8 text-center text-gray-300">
<p>© 2023 KayseriPazarı. Tüm hakları saklıdır.</p>
</div>
</div>
</footer>
<script>
feather.replace();
</script>
</body>
</html> |