Spaces:
Running
Running
| <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> |