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

add feedback gift

Browse Source
This commit is contained in:
Norbert Maciaszek
2025-12-27 00:36:27 +01:00
parent f1cc929f18
commit 7b95faef4a
2 changed files with 48 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
gift.html
View File

@@ -63,7 +63,7 @@
<div class="relative z-10">
<div class="flex items-center gap-2 mb-4">
<span class="bg-indigo-500 text-[10px] font-black px-3 py-1 rounded-full uppercase tracking-widest">Planowanie Prezentu #1024</span>
<span class="bg-green-500 text-white text-[10px] font-black px-3 py-1 rounded-full uppercase tracking-widest">Kupiony</span>
<span class="bg-purple-500 text-white text-[10px] font-black px-3 py-1 rounded-full uppercase tracking-widest">Wręczony</span>
</div>
<h2 class="text-3xl font-black mb-6">Sage Barista Express dla: Mama</h2>
@@ -119,6 +119,48 @@
</div>
</section>
<!-- Feedback Loop (New Functionality) -->
<section class="bg-gradient-to-br from-purple-50 to-white rounded-[2.5rem] p-8 shadow-sm border border-purple-100">
<div class="flex items-center justify-between mb-6">
<h3 class="text-xl font-black text-gray-900 flex items-center gap-2">
<i data-lucide="message-square-heart" class="text-purple-600"></i> Feedback i Efekt Prezentu
</h3>
<span class="bg-purple-100 text-purple-700 text-[10px] font-black px-2 py-1 rounded-lg uppercase">Po wręczeniu</span>
</div>
<div class="space-y-6">
<div>
<label class="block text-[10px] font-black text-gray-400 uppercase tracking-widest mb-3 ml-1">Jak bardzo się podobało?</label>
<div class="flex gap-2">
<button class="w-12 h-12 rounded-2xl bg-white border-2 border-purple-200 flex items-center justify-center text-purple-600 hover:bg-purple-600 hover:text-white transition-all shadow-sm">
<i data-lucide="star" class="w-6 h-6"></i>
</button>
<button class="w-12 h-12 rounded-2xl bg-white border-2 border-purple-200 flex items-center justify-center text-purple-600 hover:bg-purple-600 hover:text-white transition-all shadow-sm">
<i data-lucide="star" class="w-6 h-6"></i>
</button>
<button class="w-12 h-12 rounded-2xl bg-white border-2 border-purple-200 flex items-center justify-center text-purple-600 hover:bg-purple-600 hover:text-white transition-all shadow-sm">
<i data-lucide="star" class="w-6 h-6"></i>
</button>
<button class="w-12 h-12 rounded-2xl bg-purple-600 border-2 border-purple-600 flex items-center justify-center text-white shadow-lg shadow-purple-100">
<i data-lucide="star" class="w-6 h-6 fill-current"></i>
</button>
<button class="w-12 h-12 rounded-2xl bg-white border-2 border-purple-200 flex items-center justify-center text-purple-200">
<i data-lucide="star" class="w-6 h-6"></i>
</button>
</div>
</div>
<div>
<label class="block text-[10px] font-black text-gray-400 uppercase tracking-widest mb-2 ml-1">Notatka zwrotna (dla AI i przyszłych planów)</label>
<textarea placeholder="Np. 'Ekspres super, ale kolor mógłby być ciemniejszy' lub 'Najlepszy prezent w tym roku!'" class="w-full px-5 py-4 bg-white border border-purple-100 rounded-3xl focus:ring-2 focus:ring-purple-500 outline-none transition-all text-sm font-medium text-gray-700 min-h-[100px] shadow-inner"></textarea>
</div>
<button class="w-full bg-purple-600 text-white py-4 rounded-2xl font-black shadow-xl shadow-purple-200 hover:bg-purple-700 transition-all flex items-center justify-center gap-2">
<i data-lucide="save"></i> Zapisz feedback
</button>
</div>
</section>
<!-- Price Info (Linked to Master) -->
<section class="bg-white rounded-[2.5rem] p-8 shadow-sm border border-gray-100">
<div class="flex items-center justify-between mb-8">