FileMgr

✏️ /home/mien4214/public_html/web-test/app/Views/home.php

✕ Tutup

<?= $this->extend('layout/template'); ?>

<?= $this->section('content'); ?>
<?php
$firstName = !empty($products) ? $products[0]['name'] : 'MIE NYINYIR';
$firstSubtitle = !empty($products) ? $products[0]['subtitle'] : 'Pedasnya Bikin Nagih';
$firstDesc = !empty($products) ? $products[0]['description'] : 'Deskripsi belum tersedia.';
$firstIng = !empty($products) ? $products[0]['ingredients'] : 'Ingredients belum tersedia.';
$firstRasa = !empty($products) ? ($products[0]['kategori_rasa'] ?? 'Pedas, Gurih') : 'Pedas, Gurih';
?>
<section id="hero-section" class="relative h-screen w-full overflow-hidden bg-[#fcfbf9]">

<h1
                class="font-bebas text-[6rem] md:text-[9rem] lg:text-[12rem] leading-none text-brand-dark tracking-wide drop-shadow-sm">
                MIE NYINYIR
            </h1>
            <p class="font-bold tracking-[0.2em] text-xs md:text-sm text-brand-dark mt-2 uppercase">
                Best flavour of your freshness
            </p>
        </div>
    </div>

</section>
<section class="w-full relative bg-[#faebe6] overflow-hidden font-poppins">

<div class="h-10 md:h-12 w-full z-20 relative"
        style="background-image: url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'40\' height=\'40\'><rect width=\'40\' height=\'40\' fill=\'%23f4eee0\'/><rect width=\'20\' height=\'20\' fill=\'%23670303\'/><rect x=\'20\' y=\'20\' width=\'20\' height=\'20\' fill=\'%23670303\'/></svg>'); background-repeat: repeat;">
    </div>

<div class="relative z-10 max-w-lg">
                <h1 class="font-black text-4xl lg:text-5xl text-[#144a2a] mb-2 uppercase tracking-wide">
                    MIE NYINYIR
                </h1>

<h2 class="font-extrabold text-[2rem] lg:text-[2.5rem] text-[#8b1c1c] mb-6 leading-[1.15]">
                    <?= $settings['about_title'] ?? 'Sensasi Pedasnya<br>Bikin Nagih Terus!' ?>
                </h2>

<a href="<?= base_url('menu'); ?>"
                    class="inline-block px-10 py-3 rounded-[50px] border-2 border-[#144a2a] text-[#144a2a] font-bold uppercase tracking-widest text-sm hover:bg-[#144a2a] hover:text-[#faebe6] transition-all duration-300 w-max">
                    PESAN SEKARANG
                </a>
            </div>

</div>

<div id="image-carousel"
                class="flex w-full h-full transition-transform duration-500 ease-in-out absolute inset-0">
                <?php if (!empty($sliders)): ?>
                    <?php foreach ($sliders as $slider): ?>
                        <img src="<?= base_url($slider['image']) ?>" class="min-w-full h-full object-cover flex-shrink-0"
                            alt="Gambar Menu">
                    <?php endforeach; ?>
                <?php else: ?>
                    <div class="min-w-full h-full bg-gray-200 flex items-center justify-center text-gray-500 font-medium">
                        Belum ada gambar
                    </div>
                <?php endif; ?>
            </div>

</div>

</div>
</section>

<h2 class="text-3xl md:text-4xl font-bold text-white mb-3 font-poppins tracking-wide">Our Menu</h2>
        <p class="text-sm text-brand-yellow mb-14 font-medium tracking-wider">Pilihan mie terbaik yang siap memanjakan
            lidah Anda</p>

<?php if (!empty($products)): ?>
                <?php foreach ($products as $prod): ?>
                    <div
                        class="bg-brand-yellow p-4 rounded-[2rem] shadow-xl transform hover:-translate-y-2 transition duration-300 shrink-0 snap-center w-[80%] sm:w-[45%] md:w-[30%] lg:w-[240px]">
                        <div class="w-full aspect-square rounded-2xl overflow-hidden mb-4 bg-white/30">
                            <img src="<?= base_url($prod['image']) ?>" class="w-full h-full object-cover"
                                alt="<?= esc($prod['name']) ?>">
                        </div>
                        <div class="flex justify-between items-center px-1 text-[#083d22]">
                            <span
                                class="font-black text-xl font-poppins tracking-tight uppercase"><?= esc($prod['name']) ?></span>
                        </div>
                    </div>
                <?php endforeach; ?>
            <?php else: ?>
                <p class="text-white w-full text-center">Belum ada highlight menu yang ditambahkan.</p>
            <?php endif; ?>

</div>
        
        <div class="mt-8 flex flex-col items-center justify-center">
            <a href="<?= base_url('menu'); ?>"
                class="text-brand-yellow font-semibold tracking-widest text-sm mb-2 hover:text-white transition">Show Me
                More</a>
            <svg class="w-16 h-3 text-brand-yellow" viewBox="0 0 100 20" stroke="currentColor" fill="none"
                stroke-width="4" stroke-linecap="round">
                <path d="M0 10 Q 12.5 0 25 10 T 50 10 T 75 10 T 100 10" />
            </svg>
        </div>
    </div>
</section>

<div
                class="w-full lg:w-1/4 order-2 lg:order-1 flex flex-col items-center lg:items-start text-center lg:text-left">
                <h3 class="font-bebas text-3xl mb-4 text-[#a11c12] tracking-wide font-bold">INGREDIENTS</h3>

<div id="product-tags-container"
                    class="flex flex-row flex-wrap gap-3 w-full justify-center lg:justify-start items-center mt-2">
                    <?php
                    $rasaArray = array_map('trim', explode(',', $firstRasa));
                    foreach ($rasaArray as $rasa):
                        if (empty($rasa))
                            continue;

// Menentukan emoji berdasarkan kata kunci menggunakan PHP
                        $rasaLower = strtolower($rasa);
                        $emoji = '✨'; // Emoji default
                    
                        if (strpos($rasaLower, 'pedas') !== false) {
                            $emoji = '🌶️';
                        } elseif (strpos($rasaLower, 'gurih') !== false) {
                            $emoji = '🧄';
                        } elseif (strpos($rasaLower, 'manis') !== false) {
                            $emoji = '🍯';
                        } elseif (strpos($rasaLower, 'asin') !== false) {
                            $emoji = '🧂';
                        } elseif (strpos($rasaLower, 'asam') !== false) {
                            $emoji = '🍋';
                        } elseif (strpos($rasaLower, 'keju') !== false) {
                            $emoji = '🧀';
                        }
                        ?>
                        <div
                            class="flex flex-row items-center gap-2 bg-[#ffedec] px-4 py-2 rounded-full shadow-sm border border-red-100 transition-transform hover:-translate-y-1">
                            <span class="text-base leading-none"><?= $emoji ?></span>
                            <span class="text-[11px] font-bold text-[#a11c12] uppercase tracking-wider mt-[2px]">
                                <?= esc($rasa) ?>
                            </span>
                        </div>
                    <?php endforeach; ?>
                </div>

</div>

<?php if (!empty($products)): ?>
                        <?php foreach ($products as $index => $prod): ?>
                            <div class="product-slide absolute w-full h-full transition-all duration-500 <?= $index == 0 ? 'opacity-100 scale-100 z-10' : 'opacity-0 scale-95 z-0' ?> flex items-center justify-center"
                                data-name="<?= esc($prod['name']) ?>" data-subtitle="<?= esc($prod['subtitle']) ?>"
                                data-desc="<?= esc($prod['description']) ?>" data-ingredients="<?= esc($prod['ingredients']) ?>"
                                data-rasa="<?= esc($prod['kategori_rasa'] ?? '') ?>">

<img src="<?= base_url($prod['image']) ?>"
                                    class="w-full h-full object-cover rounded-2xl shadow-xl border-4 border-white"
                                    alt="<?= esc($prod['name']) ?>">

</div>
                        <?php endforeach; ?>
                    <?php endif; ?>

</div>

</div>
    </div>
</section>
<section class="py-16 md:py-24 relative overflow-hidden bg-[#9b2423]">
    <div class="absolute inset-0 w-full h-full bg-cover bg-center bg-no-repeat opacity-60 mix-blend-multiply"
        style="background-image: url('/assets/img/gb_others/mie2.jpg');"></div>

<div class="w-full md:w-7/12 text-center md:text-left">
                <h2
                    class="text-[#fbbd42] font-black text-4xl md:text-5xl lg:text-6xl mb-3 tracking-tight drop-shadow-md">
                    Lapar?
                </h2>
                <p class="text-white font-semibold text-2xl md:text-3xl lg:text-4xl leading-snug mb-8 drop-shadow">
                    Tenang, kami bisa antar ke<br class="hidden md:block">rumah kamu!
                </p>

<a href="https://mienyinyir.com/eorder/" target="_blank"
                    class="inline-block bg-[#fbbd42] text-[#9b2423] font-black px-10 py-4 rounded-full hover:bg-white hover:text-[#9b2423] transition-all duration-300 shadow-xl hover:shadow-2xl hover:-translate-y-1 text-lg mb-10 tracking-widest uppercase">
                    PESAN SEKARANG!
                </a>

<div class="w-full">
                    <p
                        class="text-white/90 text-sm md:text-base font-semibold mb-4 tracking-wide uppercase text-center md:text-left">
                        Tersedia juga di aplikasi kesayanganmu:
                    </p>

<a href="#" target="_blank"
                            class="bg-white/95 px-4 sm:px-6 py-2.5 rounded-full shadow-lg hover:-translate-y-1 hover:shadow-xl hover:bg-white transition-all flex items-center justify-center gap-2 group">
                            <img src="/assets/img/gb_others/logo-gofood.png" alt="GoFood Logo"
                                class="h-5 sm:h-6 object-contain group-hover:scale-110 transition-transform">
                            <span class="font-bold text-gray-800 text-sm sm:text-base">GoFood</span>
                        </a>

<a href="#" target="_blank"
                            class="bg-white/95 px-4 sm:px-6 py-2.5 rounded-full shadow-lg hover:-translate-y-1 hover:shadow-xl hover:bg-white transition-all flex items-center justify-center gap-2 group">
                            <img src="/assets/img/gb_others/logo-grabfood.png" alt="GrabFood Logo"
                                class="h-5 sm:h-6 object-contain group-hover:scale-110 transition-transform">
                            <span class="font-bold text-gray-800 text-sm sm:text-base">GrabFood</span>
                        </a>

<a href="#" target="_blank"
                            class="bg-white/95 px-4 sm:px-6 py-2.5 rounded-full shadow-lg hover:-translate-y-1 hover:shadow-xl hover:bg-white transition-all flex items-center justify-center gap-2 group">
                            <img src="/assets/img/gb_others/logo-shopeefood.png" alt="ShopeeFood Logo"
                                class="h-5 sm:h-6 object-contain group-hover:scale-110 transition-transform">
                            <span class="font-bold text-gray-800 text-sm sm:text-base">ShopeeFood</span>
                        </a>

</div>
                </div>
            </div>
        </div>
    </div>
</section>

<?php
// Logika Filter Data: Max 2 Pengumuman & Max 2 Berita
$today = date('Y-m-d');
$boardItems = [];

// 1. Ambil 2 Pengumuman
$pengumumanRaw = isset($settings['pengumuman_list']) ? json_decode($settings['pengumuman_list'], true) : [];
$countP = 0;
if(is_array($pengumumanRaw)) {
    foreach($pengumumanRaw as $p) {
        $isActive = isset($p['status']) ? $p['status'] : '1';
        $isExpired = (!empty($p['end_date']) && $p['end_date'] < $today);
        if($isActive == '1' && !$isExpired) {
            $p['type'] = 'Pengumuman'; // Set tipe manual
            $p['badge_color'] = 'bg-yellow-400 text-yellow-900';
            $boardItems[] = $p;
            $countP++;
            if($countP >= 2) break; // Berhenti jika sudah 2
        }
    }
}

// 2. Ambil 2 Berita
$beritaRaw = isset($settings['berita_list']) ? json_decode($settings['berita_list'], true) : [];
$countB = 0;
if(is_array($beritaRaw)) {
    foreach($beritaRaw as $b) {
        $isActive = isset($b['status']) ? $b['status'] : '1';
        $isExpired = (!empty($b['end_date']) && $b['end_date'] < $today);
        if($isActive == '1' && !$isExpired) {
            $b['type'] = 'Berita';
            $b['label'] = 'Info Terbaru'; // Samakan key label untuk view
            $b['badge_color'] = 'bg-red-600 text-white';
            $boardItems[] = $b;
            $countB++;
            if($countB >= 2) break; // Berhenti jika sudah 2
        }
    }
}

// Rotasi acak untuk efek kertas ditempel miring
$rotations = ['-rotate-2', 'rotate-2', '-rotate-3', 'rotate-1'];
?>

<section class="pb-32 bg-[#fcfbf9] relative pt-20">
    <div class="container mx-auto px-6">
        
        <div class="max-w-6xl mx-auto shadow-[0_20px_50px_rgba(0,0,0,0.5)] p-10 md:p-14 relative bg-[#2a5941] overflow-hidden border-[16px] border-[#6b4423] rounded-xl"
            style="background-image: radial-gradient(circle at center, #35684e 0%, #1b3a29 100%);">
            
            <div class="text-center mb-16 relative z-30 flex justify-center">
                <div class="relative inline-block bg-[#fdfbf7] text-[#3e2723] px-10 py-3 shadow-lg font-bebas text-4xl -rotate-1 border border-gray-200">
                    <div class="absolute -top-3 left-1/2 transform -translate-x-1/2 w-24 h-6 bg-white/40 backdrop-blur-md rotate-2 shadow-sm border border-white/20"></div>
                    PAPAN PENGUMUMAN
                </div>
            </div>

<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-10 md:gap-8 relative z-30 px-2">
                <?php if(!empty($boardItems)): ?>
                    <?php foreach($boardItems as $index => $item): 
                        // Ambil rotasi berdasarkan index array agar variatif
                        $rotateClass = $rotations[$index % count($rotations)];
                    ?>
                    
                    <a href="<?= base_url('berita') ?>" class="block relative bg-[#fdfbf7] p-4 pb-6 shadow-xl transform <?= $rotateClass ?> hover:rotate-0 hover:z-40 hover:scale-105 transition-all duration-300 w-full border border-gray-200">
                        
                        <div class="absolute -top-4 left-1/2 transform -translate-x-1/2 w-6 h-6 rounded-full bg-red-600 shadow-[0_4px_4px_rgba(0,0,0,0.4)] border border-red-800 z-20 flex items-center justify-center">
                            <div class="w-2 h-2 rounded-full bg-white/40 absolute top-1 left-1"></div>
                        </div>
                        
                        <div class="aspect-[4/3] w-full bg-gray-200 mb-4 overflow-hidden border border-gray-200 relative">
                            <?php if(!empty($item['img'])): ?>
                                <img src="<?= base_url('uploads/berita/' . $item['img']) ?>" class="w-full h-full object-cover filter contrast-[1.05]">
                            <?php else: ?>
                                <div class="w-full h-full bg-gradient-to-br from-gray-200 to-gray-300 flex items-center justify-center">
                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-10 w-10 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10a2 2 0 012 2v1m2 13a2 2 0 01-2-2V7m2 13a2 2 0 002-2V9.5L18.5 7H20" /></svg>
                                </div>
                            <?php endif; ?>
                            
                            <div class="absolute top-3 left-3 <?= $item['badge_color'] ?> text-[10px] font-bold px-2 py-1 rounded shadow-sm uppercase tracking-wider">
                                <?= esc($item['label'] ?? $item['type']) ?>
                            </div>
                        </div>
                        
                        <div class="font-poppins">
                            <div class="flex items-center gap-1.5 text-gray-400 text-[11px] font-medium mb-1.5">
                                <svg xmlns="http://www.w3.org/2000/svg" class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" /></svg>
                                <span><?= esc($item['date']) ?></span>
                            </div>
                            <h4 class="font-bold text-gray-800 text-[15px] leading-snug line-clamp-2">
                                <?= esc($item['title']) ?>
                            </h4>
                        </div>

</a>

<?php endforeach; ?>
                <?php else: ?>
                    <div class="col-span-1 sm:col-span-2 lg:col-span-4 text-center py-10">
                        <p class="text-white/70 italic tracking-wider">Belum ada pengumuman terbaru di papan.</p>
                    </div>
                <?php endif; ?>
            </div>

<div class="mt-16 text-center relative z-30">
                <a href="<?= base_url('berita') ?>" class="inline-block bg-transparent border-2 border-[#fbbd42] text-[#fbbd42] font-bold py-3 px-8 rounded-full hover:bg-[#fbbd42] hover:text-[#1b3a29] transition-all duration-300 uppercase tracking-widest text-sm shadow-lg hover:shadow-xl">
                    Lihat Papan Selengkapnya
                </a>
            </div>

</div>
    </div>
</section>

<?= $this->endSection(); ?>

Batal

⬅ app 10 item

Nama	Tipe	Ukuran	Diubah	Perm	Aksi
📁 admin-web	dir	—	23/04/26 15:31	0755	📂
📁 errors	dir	—	07/04/24 09:46	0755	📂
📁 layout	dir	—	24/03/26 08:25	0755	📂
🐘 about.php	php	16 KB	08/04/26 16:13	0644	✏️ ⬇
🐘 berita.php	php	11.4 KB	23/04/26 15:31	0644	✏️ ⬇
🐘 galery.php	php	11.6 KB	09/04/26 15:46	0644	✏️ ⬇
🐘 home.php	php	27.2 KB	23/04/26 15:31	0644	✏️ ⬇
🐘 karir.php	php	15.1 KB	10/04/26 09:01	0644	✏️ ⬇
🐘 kedai.php	php	8 KB	17/03/26 10:43	0644	✏️ ⬇
🐘 menu.php	php	6.4 KB	08/04/26 15:20	0644	✏️ ⬇

✏️ Rename

🔑 Ubah Permission