Spaces:

Yilmaz1905
/

appwizard-pro-max

Configuration error

App Files Files Community

Yilmaz1905 commited on Oct 3, 2025

Commit

34f8671

verified ·

1 Parent(s): bb6438b

KOD İÇİNDE api gireceğim bir alan ver ve admob içinde, birde sayfalar yarat uyguluma hakkında, bildirimleri otomatik kaydet, uygulamayı değerlendir, uygulamayı paylaş, destek, gizlilik politikası, tüm verileri sil, kaydedilen başlıklar gibi

Browse files

Files changed (4) hide show

README.md +7 -4
about.html +133 -0
index.html +203 -18
notifications.html +186 -0

README.md CHANGED Viewed

@@ -1,10 +1,13 @@
 ---
-title: Appwizard Pro Max
-emoji: 🌖
-colorFrom: gray
 colorTo: blue
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: AppWizard Pro Max+ 🧙‍♂️
+colorFrom: yellow
 colorTo: blue
+emoji: 🐳
 sdk: static
 pinned: false
+tags:
+  - deepsite-v3
 ---
+# Welcome to your new DeepSite project!
+This project was created with [DeepSite](https://deepsite.hf.co).

about.html ADDED Viewed

	@@ -0,0 +1,133 @@

+<!DOCTYPE html>
+<html lang="tr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Uygulama Hakkında - AppWizard Pro Max+</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 src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
+    <style>
+        .feature-card:hover .feature-icon {
+            transform: rotate(10deg) scale(1.1);
+        }
+        .feature-icon {
+            transition: all 0.3s ease;
+        }
+    </style>
+</head>
+<body class="bg-gray-100 dark:bg-gray-900 text-gray-800 dark:text-gray-200">
+    <div class="container mx-auto px-4 py-8 max-w-4xl">
+        <!-- Header -->
+        <header class="mb-12">
+            <div class="flex items-center justify-between">
+                <a href="index.html" class="flex items-center">
+                    <i data-feather="arrow-left" class="mr-2"></i>
+                    <span class="font-medium">Geri</span>
+                </a>
+                <h1 class="text-3xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-purple-600 to-blue-500">Uygulama Hakkında</h1>
+            </div>
+        </header>
+        <!-- About Content -->
+        <div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg p-8 mb-8">
+            <div class="flex flex-col md:flex-row items-center mb-8">
+                <div class="md:w-1/3 mb-6 md:mb-0">
+                    <img src="http://static.photos/technology/640x360/42" alt="App Icon" class="rounded-lg shadow-md w-full">
+                </div>
+                <div class="md:w-2/3 md:pl-8">
+                    <h2 class="text-2xl font-bold mb-4 text-gray-800 dark:text-white">AppWizard Pro Max+</h2>
+                    <p class="text-gray-600 dark:text-gray-300 mb-4">
+                        AppWizard Pro Max+, geliştiriciler ve kullanıcılar için tasarlanmış güçlü bir uygulama yönetim aracıdır. API entegrasyonları, bildirim yönetimi ve kişiselleştirilebilir özellikleriyle kullanıcı deneyiminizi en üst seviyeye çıkarır.
+                    </p>
+                    <div class="flex items-center">
+                        <div class="flex items-center mr-4">
+                            <i data-feather="download" class="text-purple-600 mr-2"></i>
+                            <span class="text-gray-700 dark:text-gray-300">10.000+ indirme</span>
+                        </div>
+                        <div class="flex items-center">
+                            <i data-feather="star" class="text-yellow-500 mr-2"></i>
+                            <span class="text-gray-700 dark:text-gray-300">4.8/5 (1.200 oy)</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="border-t border-gray-200 dark:border-gray-700 pt-8">
+                <h3 class="text-xl font-semibold mb-6 text-gray-800 dark:text-white">Öne Çıkan Özellikler</h3>
+                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+                    <div class="feature-card p-6 bg-gray-50 dark:bg-gray-700 rounded-lg">
+                        <div class="feature-icon bg-purple-100 dark:bg-purple-900 w-12 h-12 rounded-full flex items-center justify-center mb-4">
+                            <i data-feather="zap" class="text-purple-600 dark:text-purple-300"></i>
+                        </div>
+                        <h4 class="font-bold text-lg mb-2 text-gray-800 dark:text-white">Hızlı API Entegrasyonu</h4>
+                        <p class="text-gray-600 dark:text-gray-400">Kolayca API endpoint'lerinizi ekleyin ve verilerinizi yönetin.</p>
+                    </div>
+                    <div class="feature-card p-6 bg-gray-50 dark:bg-gray-700 rounded-lg">
+                        <div class="feature-icon bg-blue-100 dark:bg-blue-900 w-12 h-12 rounded-full flex items-center justify-center mb-4">
+                            <i data-feather="bell" class="text-blue-600 dark:text-blue-300"></i>
+                        </div>
+                        <h4 class="font-bold text-lg mb-2 text-gray-800 dark:text-white">Akıllı Bildirimler</h4>
+                        <p class="text-gray-600 dark:text-gray-400">Bildirimlerinizi otomatik kaydedin ve kolayca yönetin.</p>
+                    </div>
+                    <div class="feature-card p-6 bg-gray-50 dark:bg-gray-700 rounded-lg">
+                        <div class="feature-icon bg-green-100 dark:bg-green-900 w-12 h-12 rounded-full flex items-center justify-center mb-4">
+                            <i data-feather="shield" class="text-green-600 dark:text-green-300"></i>
+                        </div>
+                        <h4 class="font-bold text-lg mb-2 text-gray-800 dark:text-white">Güvenlik</h4>
+                        <p class="text-gray-600 dark:text-gray-400">Verileriniz güvende - şifreleme ve gizlilik ön planda.</p>
+                    </div>
+                    <div class="feature-card p-6 bg-gray-50 dark:bg-gray-700 rounded-lg">
+                        <div class="feature-icon bg-yellow-100 dark:bg-yellow-900 w-12 h-12 rounded-full flex items-center justify-center mb-4">
+                            <i data-feather="layers" class="text-yellow-600 dark:text-yellow-300"></i>
+                        </div>
+                        <h4 class="font-bold text-lg mb-2 text-gray-800 dark:text-white">Çoklu Platform</h4>
+                        <p class="text-gray-600 dark:text-gray-400">Tüm cihazlarınızda sorunsuz çalışır.</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Version History -->
+        <div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg p-8">
+            <h3 class="text-xl font-semibold mb-6 text-gray-800 dark:text-white">Sürüm Geçmişi</h3>
+            <div class="space-y-6">
+                <div class="border-l-4 border-purple-500 pl-6 py-1">
+                    <div class="flex justify-between items-start">
+                        <h4 class="font-bold text-lg text-gray-800 dark:text-white">v2.1.0</h4>
+                        <span class="text-sm bg-purple-100 dark:bg-purple-900 text-purple-800 dark:text-purple-200 px-2 py-1 rounded-full">Yeni</span>
+                    </div>
+                    <p class="text-gray-500 dark:text-gray-400 text-sm mb-1">15 Haziran 2023</p>
+                    <ul class="list-disc pl-5 text-gray-600 dark:text-gray-300 space-y-1">
+                        <li>Yeni arayüz tasarımı</li>
+                        <li>Karanlık mod desteği</li>
+                        <li>API yönetiminde iyileştirmeler</li>
+                    </ul>
+                </div>
+                <div class="border-l-4 border-gray-300 dark:border-gray-600 pl-6 py-1">
+                    <h4 class="font-bold text-lg text-gray-800 dark:text-white">v2.0.0</h4>
+                    <p class="text-gray-500 dark:text-gray-400 text-sm mb-1">1 Mayıs 2023</p>
+                    <ul class="list-disc pl-5 text-gray-600 dark:text-gray-300 space-y-1">
+                        <li>Büyük güncelleme: Yeni özellikler eklendi</li>
+                        <li>Performans iyileştirmeleri</li>
+                        <li>Hata düzeltmeleri</li>
+                    </ul>
+                </div>
+                <div class="border-l-4 border-gray-300 dark:border-gray-600 pl-6 py-1">
+                    <h4 class="font-bold text-lg text-gray-800 dark:text-white">v1.5.0</h4>
+                    <p class="text-gray-500 dark:text-gray-400 text-sm mb-1">10 Mart 2023</p>
+                    <ul class="list-disc pl-5 text-gray-600 dark:text-gray-300 space-y-1">
+                        <li>Bildirim yönetimi eklendi</li>
+                        <li>Kullanıcı arayüzü iyileştirmeleri</li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script>
+        feather.replace();
+    </script>
+</body>
+</html>

index.html CHANGED Viewed

@@ -1,19 +1,204 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
 </html>

+<!DOCTYPE html>
+<html lang="tr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>AppWizard Pro Max+</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 src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
+    <style>
+        #vanta-bg {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            z-index: -1;
+        }
+        .card-hover:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+        }
+        .floating-btn {
+            animation: float 3s ease-in-out infinite;
+        }
+        @keyframes float {
+            0%, 100% { transform: translateY(0); }
+            50% { transform: translateY(-10px); }
+        }
+    </style>
+</head>
+<body class="bg-gray-100 text-gray-800">
+    <div id="vanta-bg"></div>
+    <div class="container mx-auto px-4 py-8">
+        <!-- Header -->
+        <header class="flex justify-between items-center mb-12">
+            <div class="flex items-center">
+                <i data-feather="zap" class="text-purple-600 mr-3" width="32" height="32"></i>
+                <h1 class="text-3xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-purple-600 to-blue-500">AppWizard Pro Max+</h1>
+            </div>
+            <button id="theme-toggle" class="p-2 rounded-full bg-gray-200 dark:bg-gray-700">
+                <i data-feather="moon" class="text-gray-700 dark:text-yellow-300"></i>
+            </button>
+        </header>
+        <!-- API Input Section -->
+        <section class="mb-12 bg-white dark:bg-gray-800 rounded-xl shadow-lg p-6">
+            <h2 class="text-2xl font-semibold mb-4 text-gray-800 dark:text-white">API Entegrasyon Alanı</h2>
+            <div class="flex flex-col md:flex-row gap-4">
+                <input type="text" placeholder="API Endpoint girin"
+                    class="flex-grow p-4 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent dark:bg-gray-700 dark:text-white">
+                <button class="bg-purple-600 hover:bg-purple-700 text-white font-bold py-4 px-6 rounded-lg transition duration-200 flex items-center justify-center">
+                    <i data-feather="send" class="mr-2"></i> Bağlan
+                </button>
+            </div>
+            <div class="mt-6">
+                <h3 class="text-lg font-medium mb-2 text-gray-700 dark:text-gray-300">AdMob Bilgileri</h3>
+                <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                    <input type="text" placeholder="AdMob App ID"
+                        class="p-3 border border-gray-300 dark:border-gray-600 rounded-lg dark:bg-gray-700 dark:text-white">
+                    <input type="text" placeholder="AdMob Banner ID"
+                        class="p-3 border border-gray-300 dark:border-gray-600 rounded-lg dark:bg-gray-700 dark:text-white">
+                </div>
+            </div>
+        </section>
+        <!-- Features Grid -->
+        <section class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-12">
+            <a href="about.html" class="card-hover bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 transition duration-300 hover:shadow-xl">
+                <div class="flex items-center mb-4">
+                    <div class="p-3 bg-blue-100 dark:bg-blue-900 rounded-full">
+                        <i data-feather="info" class="text-blue-600 dark:text-blue-300"></i>
+                    </div>
+                    <h3 class="ml-3 text-xl font-semibold text-gray-800 dark:text-white">Uygulama Hakkında</h3>
+                </div>
+                <p class="text-gray-600 dark:text-gray-400">Uygulamanın özellikleri ve kullanımı hakkında detaylı bilgi edinin.</p>
+            </a>
+            <a href="notifications.html" class="card-hover bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 transition duration-300 hover:shadow-xl">
+                <div class="flex items-center mb-4">
+                    <div class="p-3 bg-green-100 dark:bg-green-900 rounded-full">
+                        <i data-feather="bell" class="text-green-600 dark:text-green-300"></i>
+                    </div>
+                    <h3 class="ml-3 text-xl font-semibold text-gray-800 dark:text-white">Bildirimleri Kaydet</h3>
+                </div>
+                <p class="text-gray-600 dark:text-gray-400">Bildirimlerinizi otomatik olarak kaydedin ve yönetin.</p>
+            </a>
+            <a href="rate.html" class="card-hover bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 transition duration-300 hover:shadow-xl">
+                <div class="flex items-center mb-4">
+                    <div class="p-3 bg-yellow-100 dark:bg-yellow-900 rounded-full">
+                        <i data-feather="star" class="text-yellow-600 dark:text-yellow-300"></i>
+                    </div>
+                    <h3 class="ml-3 text-xl font-semibold text-gray-800 dark:text-white">Uygulamayı Değerlendir</h3>
+                </div>
+                <p class="text-gray-600 dark:text-gray-400">Deneyiminizi paylaşın ve uygulamayı değerlendirin.</p>
+            </a>
+            <a href="share.html" class="card-hover bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 transition duration-300 hover:shadow-xl">
+                <div class="flex items-center mb-4">
+                    <div class="p-3 bg-purple-100 dark:bg-purple-900 rounded-full">
+                        <i data-feather="share-2" class="text-purple-600 dark:text-purple-300"></i>
+                    </div>
+                    <h3 class="ml-3 text-xl font-semibold text-gray-800 dark:text-white">Uygulamayı Paylaş</h3>
+                </div>
+                <p class="text-gray-600 dark:text-gray-400">Arkadaşlarınızla uygulamayı paylaşın.</p>
+            </a>
+            <a href="support.html" class="card-hover bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 transition duration-300 hover:shadow-xl">
+                <div class="flex items-center mb-4">
+                    <div class="p-3 bg-red-100 dark:bg-red-900 rounded-full">
+                        <i data-feather="help-circle" class="text-red-600 dark:text-red-300"></i>
+                    </div>
+                    <h3 class="ml-3 text-xl font-semibold text-gray-800 dark:text-white">Destek</h3>
+                </div>
+                <p class="text-gray-600 dark:text-gray-400">Sorularınız için destek ekibimizle iletişime geçin.</p>
+            </a>
+            <a href="privacy.html" class="card-hover bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 transition duration-300 hover:shadow-xl">
+                <div class="flex items-center mb-4">
+                    <div class="p-3 bg-indigo-100 dark:bg-indigo-900 rounded-full">
+                        <i data-feather="lock" class="text-indigo-600 dark:text-indigo-300"></i>
+                    </div>
+                    <h3 class="ml-3 text-xl font-semibold text-gray-800 dark:text-white">Gizlilik Politikası</h3>
+                </div>
+                <p class="text-gray-600 dark:text-gray-400">Gizlilik politikamızı inceleyin.</p>
+            </a>
+            <a href="delete.html" class="card-hover bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 transition duration-300 hover:shadow-xl">
+                <div class="flex items-center mb-4">
+                    <div class="p-3 bg-gray-100 dark:bg-gray-700 rounded-full">
+                        <i data-feather="trash-2" class="text-gray-600 dark:text-gray-300"></i>
+                    </div>
+                    <h3 class="ml-3 text-xl font-semibold text-gray-800 dark:text-white">Tüm Verileri Sil</h3>
+                </div>
+                <p class="text-gray-600 dark:text-gray-400">Kaydedilen tüm verilerinizi kalıcı olarak silin.</p>
+            </a>
+            <a href="saved.html" class="card-hover bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 transition duration-300 hover:shadow-xl">
+                <div class="flex items-center mb-4">
+                    <div class="p-3 bg-pink-100 dark:bg-pink-900 rounded-full">
+                        <i data-feather="bookmark" class="text-pink-600 dark:text-pink-300"></i>
+                    </div>
+                    <h3 class="ml-3 text-xl font-semibold text-gray-800 dark:text-white">Kaydedilen Başlıklar</h3>
+                </div>
+                <p class="text-gray-600 dark:text-gray-400">Daha sonra okumak için kaydettiğiniz içerikler.</p>
+            </a>
+        </section>
+    </div>
+    <!-- Floating Action Button -->
+    <div class="fixed bottom-8 right-8">
+        <button class="floating-btn bg-purple-600 text-white p-5 rounded-full shadow-lg hover:bg-purple-700 transition duration-200">
+            <i data-feather="plus"></i>
+        </button>
+    </div>
+    <script>
+        // Vanta.js background
+        VANTA.GLOBE({
+            el: "#vanta-bg",
+            mouseControls: true,
+            touchControls: true,
+            gyroControls: false,
+            minHeight: 200.00,
+            minWidth: 200.00,
+            scale: 1.00,
+            scaleMobile: 1.00,
+            color: 0x5e35b1,
+            backgroundColor: 0xf5f5f7,
+            size: 0.7
+        });
+        // Theme toggle
+        const themeToggle = document.getElementById('theme-toggle');
+        themeToggle.addEventListener('click', () => {
+            document.documentElement.classList.toggle('dark');
+            const icon = themeToggle.querySelector('i');
+            if (document.documentElement.classList.contains('dark')) {
+                icon.setAttribute('data-feather', 'sun');
+                VANTA.GLOBE({
+                    el: "#vanta-bg",
+                    color: 0x9c27b0,
+                    backgroundColor: 0x121212
+                });
+            } else {
+                icon.setAttribute('data-feather', 'moon');
+                VANTA.GLOBE({
+                    el: "#vanta-bg",
+                    color: 0x5e35b1,
+                    backgroundColor: 0xf5f5f7
+                });
+            }
+            feather.replace();
+        });
+        // Initialize feather icons
+        feather.replace();
+    </script>
+</body>
 </html>

notifications.html ADDED Viewed

	@@ -0,0 +1,186 @@

+<!DOCTYPE html>
+<html lang="tr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Bildirimler - AppWizard Pro Max+</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 src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
+    <style>
+        .notification-item:hover {
+            transform: translateX(5px);
+            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+        }
+        .notification-item {
+            transition: all 0.2s ease;
+        }
+        .unread {
+            border-left: 4px solid #8b5cf6;
+        }
+    </style>
+</head>
+<body class="bg-gray-100 dark:bg-gray-900 text-gray-800 dark:text-gray-200">
+    <div class="container mx-auto px-4 py-8 max-w-3xl">
+        <!-- Header -->
+        <header class="mb-8">
+            <div class="flex items-center justify-between">
+                <a href="index.html" class="flex items-center text-purple-600 dark:text-purple-400">
+                    <i data-feather="arrow-left" class="mr-2"></i>
+                    <span class="font-medium">Geri</span>
+                </a>
+                <h1 class="text-2xl font-bold">Bildirimler</h1>
+                <button class="text-purple-600 dark:text-purple-400 font-medium">Tümünü Okundu İşaretle</button>
+            </div>
+        </header>
+        <!-- Notifications -->
+        <div class="space-y-4 mb-8">
+            <div class="notification-item unread bg-white dark:bg-gray-800 rounded-lg shadow p-4">
+                <div class="flex items-start">
+                    <div class="p-2 bg-purple-100 dark:bg-purple-900 rounded-full mr-4">
+                        <i data-feather="alert-circle" class="text-purple-600 dark:text-purple-300"></i>
+                    </div>
+                    <div class="flex-1">
+                        <div class="flex justify-between items-start">
+                            <h3 class="font-bold text-lg mb-1 text-gray-800 dark:text-white">Yeni Güncelleme Mevcut</h3>
+                            <span class="text-xs text-gray-500 dark:text-gray-400">2 saat önce</span>
+                        </div>
+                        <p class="text-gray-600 dark:text-gray-300 mb-2">AppWizard Pro Max+ v2.2.0 sürümü yayınlandı. Hemen güncelleyin!</p>
+                        <button class="text-purple-600 dark:text-purple-400 text-sm font-medium">Detaylar</button>
+                    </div>
+                </div>
+            </div>
+            <div class="notification-item unread bg-white dark:bg-gray-800 rounded-lg shadow p-4">
+                <div class="flex items-start">
+                    <div class="p-2 bg-green-100 dark:bg-green-900 rounded-full mr-4">
+                        <i data-feather="check-circle" class="text-green-600 dark:text-green-300"></i>
+                    </div>
+                    <div class="flex-1">
+                        <div class="flex justify-between items-start">
+                            <h3 class="font-bold text-lg mb-1 text-gray-800 dark:text-white">API Bağlantısı Başarılı</h3>
+                            <span class="text-xs text-gray-500 dark:text-gray-400">5 saat önce</span>
+                        </div>
+                        <p class="text-gray-600 dark:text-gray-300 mb-2">WeatherAPI bağlantınız başarıyla kuruldu. Verileriniz hazır.</p>
+                        <button class="text-purple-600 dark:text-purple-400 text-sm font-medium">Verileri Görüntüle</button>
+                    </div>
+                </div>
+            </div>
+            <div class="notification-item bg-white dark:bg-gray-800 rounded-lg shadow p-4 opacity-75">
+                <div class="flex items-start">
+                    <div class="p-2 bg-blue-100 dark:bg-blue-900 rounded-full mr-4">
+                        <i data-feather="info" class="text-blue-600 dark:text-blue-300"></i>
+                    </div>
+                    <div class="flex-1">
+                        <div class="flex justify-between items-start">
+                            <h3 class="font-bold text-lg mb-1 text-gray-800 dark:text-white">Kullanım İpucu</h3>
+                            <span class="text-xs text-gray-500 dark:text-gray-400">Dün</span>
+                        </div>
+                        <p class="text-gray-600 dark:text-gray-300 mb-2">Bildirimlerinizi kaydederek daha sonra kolayca erişebilirsiniz.</p>
+                    </div>
+                </div>
+            </div>
+            <div class="notification-item bg-white dark:bg-gray-800 rounded-lg shadow p-4 opacity-75">
+                <div class="flex items-start">
+                    <div class="p-2 bg-yellow-100 dark:bg-yellow-900 rounded-full mr-4">
+                        <i data-feather="alert-triangle" class="text-yellow-600 dark:text-yellow-300"></i>
+                    </div>
+                    <div class="flex-1">
+                        <div class="flex justify-between items-start">
+                            <h3 class="font-bold text-lg mb-1 text-gray-800 dark:text-white">Depolama Doluyor</h3>
+                            <span class="text-xs text-gray-500 dark:text-gray-400">2 gün önce</span>
+                        </div>
+                        <p class="text-gray-600 dark:text-gray-300 mb-2">Depolama alanınızın %85'i dolu. Alan açmak için bazı verileri silebilirsiniz.</p>
+                        <button class="text-purple-600 dark:text-purple-400 text-sm font-medium">Depolamayı Yönet</button>
+                    </div>
+                </div>
+            </div>
+            <div class="notification-item bg-white dark:bg-gray-800 rounded-lg shadow p-4 opacity-50">
+                <div class="flex items-start">
+                    <div class="p-2 bg-pink-100 dark:bg-pink-900 rounded-full mr-4">
+                        <i data-feather="heart" class="text-pink-600 dark:text-pink-300"></i>
+                    </div>
+                    <div class="flex-1">
+                        <div class="flex justify-between items-start">
+                            <h3 class="font-bold text-lg mb-1 text-gray-800 dark:text-white">Teşekkürler!</h3>
+                            <span class="text-xs text-gray-500 dark:text-gray-400">1 hafta önce</span>
+                        </div>
+                        <p class="text-gray-600 dark:text-gray-300 mb-2">AppWizard Pro Max+'ı kullandığınız için teşekkür ederiz. Geri bildirimleriniz bizim için önemli.</p>
+                        <button class="text-purple-600 dark:text-purple-400 text-sm font-medium">Değerlendir</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Settings -->
+        <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
+            <h2 class="text-xl font-bold mb-4 text-gray-800 dark:text-white">Bildirim Ayarları</h2>
+            <div class="space-y-4">
+                <div class="flex items-center justify-between">
+                    <div>
+                        <h3 class="font-medium text-gray-800 dark:text-white">Bildirimleri Etkinleştir</h3>
+                        <p class="text-sm text-gray-500 dark:text-gray-400">Uygulama bildirimlerini almak için açık konumda tutun</p>
+                    </div>
+                    <label class="relative inline-flex items-center cursor-pointer">
+                        <input type="checkbox" checked class="sr-only peer">
+                        <div class="w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-purple-300 dark:peer-focus:ring-purple-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-purple-600"></div>
+                    </label>
+                </div>
+                <div class="flex items-center justify-between">
+                    <div>
+                        <h3 class="font-medium text-gray-800 dark:text-white">Otomatik Kaydet</h3>
+                        <p class="text-sm text-gray-500 dark:text-gray-400">Gelen bildirimleri otomatik olarak kaydet</p>
+                    </div>
+                    <label class="relative inline-flex items-center cursor-pointer">
+                        <input type="checkbox" checked class="sr-only peer">
+                        <div class="w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-purple-300 dark:peer-focus:ring-purple-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-purple-600"></div>
+                    </label>
+                </div>
+                <div class="flex items-center justify-between">
+                    <div>
+                        <h3 class="font-medium text-gray-800 dark:text-white">Ses Efekti</h3>
+                        <p class="text-sm text-gray-500 dark:text-gray-400">Yeni bildirimler için ses çal</p>
+                    </div>
+                    <label class="relative inline-flex items-center cursor-pointer">
+                        <input type="checkbox" class="sr-only peer">
+                        <div class="w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-purple-300 dark:peer-focus:ring-purple-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-purple-600"></div>
+                    </label>
+                </div>
+                <div class="pt-4 border-t border-gray-200 dark:border-gray-700">
+                    <h3 class="font-medium mb-2 text-gray-800 dark:text-white">Bildirim Türleri</h3>
+                    <div class="space-y-2">
+                        <div class="flex items-center">
+                            <input id="system" type="checkbox" checked class="w-4 h-4 text-purple-600 bg-gray-100 border-gray-300 rounded focus:ring-purple-500 dark:focus:ring-purple-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600">
+                            <label for="system" class="ml-2 text-sm text-gray-700 dark:text-gray-300">Sistem bildirimleri</label>
+                        </div>
+                        <div class="flex items-center">
+                            <input id="api" type="checkbox" checked class="w-4 h-4 text-purple-600 bg-gray-100 border-gray-300 rounded focus:ring-purple-500 dark:focus:ring-purple-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600">
+                            <label for="api" class="ml-2 text-sm text-gray-700 dark:text-gray-300">API bildirimleri</label>
+                        </div>
+                        <div class="flex items-center">
+                            <input id="promo" type="checkbox" class="w-4 h-4 text-purple-600 bg-gray-100 border-gray-300 rounded focus:ring-purple-500 dark:focus:ring-purple-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600">
+                            <label for="promo" class="ml-2 text-sm text-gray-700 dark:text-gray-300">Promosyon bildirimleri</label>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script>
+        feather.replace();
+    </script>
+</body>
+</html>
+[Note: Due to length limitations, I've included the first three pages (index, about, and notifications). Would you like me to continue with the remaining pages (rate.html, share.html, support.html, privacy.html, delete.html, saved.html) in subsequent responses?]