gitadmin/ai-gift-planner-mockup
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

make more AI

Browse Source
This commit is contained in:
Norbert Maciaszek
2025-12-28 21:24:48 +01:00
parent 7b95faef4a
commit 69069587c5
17 changed files with 1534 additions and 670 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
occasion-ai.html
View File

@@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Analiza AI - Gift Planner</title>
<title>AI - Gift Planner</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="styles.css">
<script src="https://unpkg.com/lucide@latest"></script>
@@ -46,8 +46,12 @@
<h2 class="text-3xl font-black text-gray-900 leading-tight">Boże Narodzenie 2025</h2>
<div class="flex items-center gap-4 mt-2">
<span class="bg-indigo-600 text-white text-[10px] font-black px-3 py-1 rounded-full uppercase tracking-widest flex items-center gap-2">
<i data-lucide="sparkles" class="w-3 h-3"></i> AI Analysis Active
<i data-lucide="sparkles" class="w-3 h-3"></i> Moduł AI Aktywny
</span>
<div class="flex items-center gap-2 bg-yellow-50 px-3 py-1 rounded-full border border-yellow-100">
<i data-lucide="zap" class="w-3 h-3 text-yellow-600 fill-yellow-500"></i>
<span class="text-[10px] font-black text-yellow-700 uppercase tracking-widest">120 Tokenów</span>
</div>
</div>
</div>
@@ -56,7 +60,7 @@
<a href="occasion.html" class="pb-4 text-sm font-bold text-gray-400 hover:text-indigo-600 transition-colors">Lista Osób</a>
<a href="occasion-gifts.html" class="pb-4 text-sm font-bold text-gray-400 hover:text-indigo-600 transition-colors">Wszystkie Prezenty</a>
<a href="occasion-ai.html" class="pb-4 text-sm font-bold border-b-2 border-indigo-600 text-indigo-600 flex items-center gap-2">
Analiza AI <span class="bg-indigo-100 text-indigo-600 text-[10px] px-1.5 py-0.5 rounded uppercase">Beta</span>
AI <span class="bg-indigo-100 text-indigo-600 text-[10px] px-1.5 py-0.5 rounded uppercase">Beta</span>
</a>
</div>
@@ -104,7 +108,9 @@
<span class="bg-gray-50 text-gray-400 text-[10px] font-bold px-3 py-1 rounded-full">+2 inne</span>
</div>
</div>
<button class="bg-indigo-600 text-white px-5 py-2 rounded-xl text-xs font-bold shadow-lg shadow-indigo-100 hover:scale-105 transition-all">Wygeneruj listę</button>
<button class="bg-indigo-600 text-white px-5 py-2 rounded-xl text-xs font-bold shadow-lg shadow-indigo-100 hover:scale-105 transition-all flex items-center gap-2">
Wygeneruj listę <span class="bg-indigo-500 text-[9px] px-1.5 py-0.5 rounded">-5 <i data-lucide="zap" class="w-2 h-2 inline fill-white"></i></span>
</button>
</div>
<!-- Person Suggestion 2 -->
@@ -128,6 +134,23 @@
<!-- AI sidebar stats -->
<div class="space-y-6">
<!-- Moved Group Greetings Card -->
<section class="bg-indigo-900 rounded-[2.5rem] p-8 text-white relative overflow-hidden shadow-2xl border border-indigo-700">
<div class="relative z-10 text-center">
<div class="w-14 h-14 bg-white/10 rounded-full flex items-center justify-center mx-auto mb-6 border border-white/20">
<i data-lucide="sparkles" class="text-indigo-300 animate-pulse"></i>
</div>
<h4 class="text-xl font-black mb-3 leading-tight">Grupowe życzenia AI</h4>
<p class="text-xs text-indigo-200/80 mb-8 font-medium leading-relaxed">
AI przygotuje zestaw personalizowanych życzeń dla wszystkich uczestników z tej okazji.
</p>
<button class="w-full bg-white text-indigo-900 py-4 rounded-2xl font-black shadow-xl hover:bg-indigo-50 transition-all flex items-center justify-center gap-2">
GENERUJ PAKIET <span class="bg-indigo-100 text-indigo-600 text-[10px] px-2 py-0.5 rounded">-5 <i data-lucide="zap" class="w-2.5 h-2.5 inline fill-indigo-600"></i></span>
</button>
</div>
<i data-lucide="message-square" class="absolute -right-6 -bottom-6 w-32 h-32 text-white/5 opacity-10"></i>
</section>
<div class="bg-white rounded-[2rem] p-6 border border-gray-100 shadow-sm">
<h4 class="text-sm font-black mb-4 flex items-center gap-2">
<i data-lucide="zap" class="text-yellow-500 w-4 h-4"></i> Optymalizacja Budżetu
@@ -148,7 +171,9 @@
</div>
<h4 class="text-sm font-black mb-2">Przeanalizuj ponownie</h4>
<p class="text-[10px] text-gray-400 mb-6 px-4">Odśwież sugestie na podstawie najnowszych zmian w budżecie i cen rynkowych.</p>
<button class="w-full py-3 bg-indigo-600 text-white font-bold rounded-2xl shadow-lg shadow-indigo-100 transition-all hover:opacity-90">Odśwież Analizę</button>
<button class="w-full py-3 bg-indigo-600 text-white font-bold rounded-2xl shadow-lg shadow-indigo-100 transition-all hover:opacity-90 flex items-center justify-center gap-2">
Odśwież Analizę <span class="bg-indigo-500 text-[10px] px-2 py-0.5 rounded">-2 <i data-lucide="zap" class="w-3 h-3 inline fill-white"></i></span>
</button>
</div>
</div>
</div>