diff --git a/proyek-frontend/app/components/templates/KhitanBasic/ThankYou.vue b/proyek-frontend/app/components/templates/KhitanBasic/ThankYou.vue index fa468c1..ae2531a 100644 --- a/proyek-frontend/app/components/templates/KhitanBasic/ThankYou.vue +++ b/proyek-frontend/app/components/templates/KhitanBasic/ThankYou.vue @@ -24,11 +24,24 @@
-
+
+ + + Dekorasi Kiri
-

+

Terima Kasih 💖

@@ -53,7 +66,9 @@
-
+
@@ -102,6 +117,19 @@ onMounted(() => generateStars()) animation: twinkle 3.5s ease-in-out infinite; } +/* 🌙 Gambar mengambang lembut */ +@keyframes float-slow { + 0%, 100% { + transform: translateY(0); + } + 50% { + transform: translateY(-10px); + } +} +.animate-float-slow { + animation: float-slow 6s ease-in-out infinite; +} + /* ✨ Fade-in lembut */ @keyframes fade-in { from { @@ -134,6 +162,13 @@ onMounted(() => generateStars()) /* 📱 Responsif */ @media (max-width: 640px) { + img[alt="Dekorasi Kiri"] { + bottom: -40px; + left: -60px; + width: 400px; + opacity: 0.8; + } + h2 { font-size: 2rem; } diff --git a/proyek-frontend/public/baru.png b/proyek-frontend/public/baru.png new file mode 100644 index 0000000..6a7c00a Binary files /dev/null and b/proyek-frontend/public/baru.png differ diff --git a/proyek-frontend/public/kiri.png b/proyek-frontend/public/kiri.png new file mode 100644 index 0000000..ddd08ec Binary files /dev/null and b/proyek-frontend/public/kiri.png differ