Magang-2025/Undangan
11
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

direct wa LP

Browse Source
This commit is contained in:
Farhaan4 2025-09-18 10:56:11 +07:00
parent 5371975804
commit e322f2fa37
1 changed files with 39 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
proyek-frontend/app/components/landing-page/hero.vue
View File

@ -17,20 +17,41 @@
</h1>
<p class="mt-4 mb-8 text-lg text-gray-600 pl-15">
Coba undangan digital PRAKTIS untuk berbagai acara. Pilih template praktis atau premium sesuai kebutuhanmu. Praktis, cepat, dan bisa langsung digunakan.
Coba undangan digital PRAKTIS untuk berbagai acara. Pilih template praktis atau premium sesuai kebutuhanmu.
Praktis, cepat, dan bisa langsung digunakan.
</p>
<div class="flex flex-col justify-center gap-4 sm:flex-row pl-15">
<a href="#" class="inline-flex items-center justify-center rounded-lg border-2 border-green-500 bg-white px-8 py-3 font-bold text-gray-800 shadow-sm transition-transform duration-300 hover:-translate-y-1 hover:shadow-md">
<svg class="mr-2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.2239 4.7761C17.1659 2.7181 14.6599 1.5 11.9999 1.5...Z" fill="#25D366"/>
<path d="M16.7441 14.968C16.5331 15.538...Z" fill="white"/>
<a :href="waUrl" target="_blank"
class="inline-flex items-center justify-center rounded-lg border-2 border-green-500 bg-white px-8 py-3 font-bold text-gray-800 shadow-md transition-all duration-300 transform hover:-translate-y-1 hover:shadow-lg hover:bg-green-500 hover:text-white">
<!-- Ikon WhatsApp -->
<svg class="mr-2 w-6 h-6 transition-colors duration-300" viewBox="0 0 32 32"
xmlns="http://www.w3.org/2000/svg">
<path class="transition-colors duration-300" fill="#25D366"
d="M16 .4a15.6 15.6 0 0 0-13.6 23.8L.4 31.6l7.6-2a15.7 15.7 0 0 0 8 2.2c8.8 0 15.6-7.2 15.6-15.6S24.8.4 16 .4z" />
<path class="transition-colors duration-300" fill="#FFF"
d="M25.2 22.4c-.4 1-2.2 1.8-3 1.8-.8.2-1.8.4-6.2-1.4-5.2-2.2-8.6-7.4-8.8-7.6-.2-.2-2-2.6-2-5s1.2-3.6 1.6-4c.4-.4.8-.6 1.2-.6h.8c.2 0 .6 0 .8.6.4 1 .8 2 .8 2.2.2.4 0 .8-.2 1.2-.2.2-.4.6-.6.8-.2.2-.4.4-.2.8.4.8 1.6 2.6 3.4 4 .2.2 3.6 3 7 .4.4-.2.8-.2 1.2 0 .4.2 2.6 1.2 3 1.4.4.2.6.2.8.4.2.2.2 1 0 2z" />
</svg>
<span>Hubungi Kami</span>
</a>
<a href="/template" class="inline-flex items-center justify-center rounded-lg bg-blue-600 px-8 py-3 font-bold text-white shadow-sm transition-transform duration-300 hover:-translate-y-1 hover:shadow-md hover:bg-blue-700">
<a href="/template" class="inline-flex justify-center items-center
rounded-xl
bg-gradient-to-r from-blue-600 to-blue-700
px-10 py-3
font-bold text-white
shadow-lg shadow-blue-500/30
transition-all duration-300
hover:scale-110 hover:shadow-2xl hover:shadow-blue-600/50 hover:from-blue-700 hover:to-blue-800">
Lihat Templat
</a>
</div>
</div>
@ -64,6 +85,12 @@ onMounted(() => {
onUnmounted(() => {
clearInterval(intervalId);
});
const adminNumber = "62895602603247";
const defaultMessage = "Halo Admin, saya mau tanya tentang undangan digital 🙏";
const waUrl = `https://wa.me/${adminNumber}?text=${encodeURIComponent(defaultMessage)}`;
</script>
<style scoped>