digital-card/resources/views/components/event-info.blade.php

<div class="flex flex-col gap-5 w-4/5 mt-10">
    <div class="flex justify-center fade-element">
        <img src="{{ asset('assets/bismillah.png') }}" alt="Logo">
    </div>
    <div class="text-center fade-element">
        <p class="font-medium text-sm text-gray-500 pb-3">Dengan penuh rasa kesyukuran, kami</p>
        <p class="font-medium text-gray-600">DATO' HAJI AMIRUDDIN BIN MOHD SAID</p>
        <p class="font-medium text-gray-600">&</p>
        <p class="font-medium text-gray-600">DATIN HAJAH NOR ALINA BINTI ALIAS</p>
    </div>
    <div class="text-center fade-element">
        <p class="font-medium text-sm text-gray-500">ingin mempersilakan</p>
        <p class="font-medium text-sm text-gray-500">Tan Sri/Dato' Sri/Datin Sri/Dato'/</p>
        <p class="font-medium text-sm text-gray-500">Datin/Tuan/Puan/Encik/Cik</p>
    </div>
    <div class="text-center fade-element">
        <p class="font-medium text-sm text-gray-500 pb-3">Ke Majlis Resepsi Perkahwinan Putera Kami</p>
        <p class="font-medium text-gray-600">ALIFF BIN DATO' HAJI AMIRUDDIN</p>
        <p class="font-medium text-gray-600">&</p>
        <p class="font-medium text-gray-600">ANIZA AYUNA BINTI CHE JANI</p>
    </div>
    <hr class="border-t-1 border-gray-300 my-5 w-4/5 self-center fade-element">
    <div class="text-center fade-element">
        <p class="font-medium text-gray-600 pb-2">Tarikh</p>
        <p class="font-medium text-sm text-gray-500">Sabtu, 17 Ogos 2024</p>
        <p class="font-medium text-sm text-gray-500">(12 Safar 1446H)</p>
    </div>
    <div class="text-center fade-element">
        <p class="font-medium text-gray-600 pb-2">Masa</p>
        <p class="font-medium text-sm text-gray-500">11.00 Pagi - 4.00 Petang</p>
    </div>
    <div class="text-center fade-element">
        <p class="font-medium text-gray-600 pb-2">Tempat</p>
        <p class="font-medium text-sm text-gray-500">Dewan Jubli Perak</p>
        <p class="font-medium text-sm text-gray-500">Sultan Haji Ahmad Shah,</p>
        <p class="font-medium text-sm text-gray-500">Jalan Teluk Sisek,</p>
        <p class="font-medium text-sm text-gray-500">Kuantan, Pahang.</p>
    </div>
    <hr class="border-t-1 border-gray-300 my-5 w-4/5 self-center fade-element">
    <div class="text-center fade-element">
        <p class="font-medium text-gray-600 pb-2">Aturcara Majlis</p>
        <p class="font-medium text-sm text-gray-600">11.00 Pagi :</p>
        <p class="font-medium text-sm text-gray-500 pb-4">Majlis Bermula</p>
        <p class="font-medium text-sm text-gray-600">12.30 Tengahari :</p>
        <p class="font-medium text-sm text-gray-500 pb-4">Perarakan Masuk Pasangan Mempelai</p>
        <p class="font-medium text-sm text-gray-600">2.15 Petang :</p>
        <p class="font-medium text-sm text-gray-500 pb-4">Mula Sesi Bergambar</p>
        <p class="font-medium text-sm text-gray-600">4.00 Petang :</p>
        <p class="font-medium text-sm text-gray-500 pb-4">Majlis Tamat</p>
    </div>
    {{-- <div class="flex justify-center space-x-4 py-10">
        <a href="https://wa.me/01133133619" target="_blank" class="flex items-center space-x-2 font-medium text-green-600">
            <i class="fa-brands fa-whatsapp"></i>
            <span>Whatsapp</span>
        </a>
        <a href="https://waze.com/ul?ll=3.813773712972233,103.3581291828455&navigate=yes" target="_blank" class="flex items-center space-x-2 font-medium text-blue-600">
            <i class="fa-brands fa-waze"></i>
            <span>Waze</span>
        </a>
    </div> --}}
</div>