<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">
    <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">12.00 Tengahari - 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 ">
    @if ($host == 'aliffayuna.com')
    <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">12.00 Tengahari :</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 Petang :</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>
    @else
        <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">12.00 Tengahari :</p>
            <p class="font-medium text-sm text-gray-500 pb-4">Ketibaan Tetamu</p>
            <p class="font-medium text-sm text-gray-600">12.15 Petang :</p>
            <p class="font-medium text-sm text-gray-500 pb-4">Ketibaan Tetamu kehormat</p>
            <p class="font-medium text-sm text-gray-600">12.30 Petang :</p>
            <p class="font-medium text-sm text-gray-500">Keberangkatan tiba</p>
            <p class="font-medium text-sm text-gray-500">Kebawah Duli Paduka Baginda Sultan Pahang</p>
            <p class="font-medium text-sm text-gray-500">bersama</p>
            <p class="font-medium text-sm text-gray-500 pb-4">Kebawah Duli Paduka Baginda Tengku Ampuan Pahang</p>
        </div>
    @endif
    <div class="text-center fade-element">
        <p class="font-medium text-gray-600 pb-2">Kod Pemakaian</p>
        @if ($host == 'aliffayuna.com')
            <p class="font-medium text-sm text-gray-500">Berpakaian sopan</p>
        @else
            <p class="font-medium text-sm text-gray-500">Lelaki : Baju Melayu/Baju Batik</p>
            <p class="font-medium text-sm text-gray-500">Perempuan : Baju Kurung</p>
        @endif
    </div>
</div>
