BLACKSITE


	: 216.73.216.62
	: 147.93.18.13 / vinyasaweddings.com
	: Linux srv667811 6.8.0-134-generic #134-Ubuntu SMP PREEMPT_DYNAMIC Fri Jun 26 18:43:11 UTC 2026 x86_64
: /var/www/mochiwale/views/layout/
files >> /var/www/mochiwale/views/layout/hero.php
 <?php require_once 'config/config.php'; ?>

<?php
require_once __DIR__ . '/../../db.php';

$stmt = $db->query("SELECT * FROM banners WHERE status = 'active' ORDER BY id DESC");
$banners = $stmt->fetchAll(PDO::FETCH_ASSOC);
?>

<div class="hero-section">
    <!-- Hero Slider -->
    <div class="hero-slider">
        <?php foreach ($banners as $index => $banner): ?>
            <?php
                $isActive = $index === 0 ? 'active' : '';
                $fileExtension = pathinfo($banner['image'], PATHINFO_EXTENSION);
                $isVideo = in_array(strtolower($fileExtension), ['mp4', 'webm']);
            ?>
            
            <?php if ($isVideo): ?>
                <div class="hero-slide video-slide <?= $isActive ?>">
                    <video autoplay muted loop playsinline>
                        <source src="<?= BASE_URL ?>/uploads/banners/<?= htmlspecialchars($banner['image']) ?>" type="video/<?= $fileExtension ?>">
                    </video>
                    <div class="overlay"></div>
                </div>
            <?php else: ?>
                <div class="hero-slide <?= $isActive ?>" style="background-image: url('<?= BASE_URL ?>/uploads/banners/<?= htmlspecialchars($banner['image']) ?>');">
                    <div class="overlay"></div>
                </div>
            <?php endif; ?>
        <?php endforeach; ?>
    </div>

    <!-- Hero Content -->
    <div class="hero-content container">
        <h1>Premium Shoe & Leather Care</h1>
        <p class="lead">Restore, protect and maintain your luxury items with our expert care services</p>

        <div class="hero-buttons">
            <a href="/services" class="btn btn-primary btn-lg">
                <i class="fas fa-broom me-2"></i> Explore Services
            </a>
            <a href="/schedule-pickup" class="btn btn-outline-light btn-lg">
                <i class="fas fa-calendar-alt me-2"></i> Schedule Pickup
            </a>
        </div>
    </div>


    
    <!-- Slider Controls -->
    <div class="slider-controls">
        <button class="slider-prev"><i class="fas fa-chevron-left"></i></button>
        <div class="slider-dots"></div>
        <button class="slider-next"><i class="fas fa-chevron-right"></i></button>
    </div>
</div>