35289-vm/public_html/index.php

<?php require_once __DIR__ . '/../app/Views/public/header.php'; ?>

    <!-- Header Carousel -->
    <header id="heroCarousel" class="carousel slide" data-bs-ride="carousel">
        <div class="carousel-indicators">
            <button type="button" data-bs-target="#heroCarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
            <button type="button" data-bs-target="#heroCarousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
            <button type="button" data-bs-target="#heroCarousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
        </div>
        <div class="carousel-inner">
            <div class="carousel-item active" style="background-image: url('https://picsum.photos/1920/1080?random=1&blur=1')">
                <div class="carousel-caption d-none d-md-block">
                    <h5>Presentes que Criam Memórias</h5>
                    <p>As mais belas cestas para surpreender em qualquer ocasião.</p>
                </div>
            </div>
            <div class="carousel-item" style="background-image: url('https://picsum.photos/1920/1080?random=2&blur=1')">
                <div class="carousel-caption d-none d-md-block">
                    <h5>Café da Manhã Especiais</h5>
                    <p>Comece o dia de quem você ama com um sorriso.</p>
                </div>
            </div>
            <div class="carousel-item" style="background-image: url('https://picsum.photos/1920/1080?random=3&blur=1')">
                <div class="carousel-caption d-none d-md-block">
                    <h5>Boxes e Kits Personalizados</h5>
                    <p>Monte um presente único e com a sua cara.</p>
                </div>
            </div>
        </div>
        <button class="carousel-control-prev" type="button" data-bs-target="#heroCarousel" data-bs-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Previous</span>
        </button>
        <button class="carousel-control-next" type="button" data-bs-target="#heroCarousel" data-bs-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Next</span>
        </button>
    </header>

    <!-- Header Carousel -->
    <header id="heroCarousel" class="carousel slide" data-bs-ride="carousel">
        <div class="carousel-indicators">
            <button type="button" data-bs-target="#heroCarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
            <button type="button" data-bs-target="#heroCarousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
            <button type="button" data-bs-target="#heroCarousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
        </div>
        <div class="carousel-inner">
            <div class="carousel-item active" style="background-image: url('https://picsum.photos/1920/1080?random=1&blur=1')">
                <div class="carousel-caption d-none d-md-block">
                    <h5>Presentes que Criam Memórias</h5>
                    <p>As mais belas cestas para surpreender em qualquer ocasião.</p>
                </div>
            </div>
            <div class="carousel-item" style="background-image: url('https://picsum.photos/1920/1080?random=2&blur=1')">
                <div class="carousel-caption d-none d-md-block">
                    <h5>Café da Manhã Especiais</h5>
                    <p>Comece o dia de quem você ama com um sorriso.</p>
                </div>
            </div>
            <div class="carousel-item" style="background-image: url('https://picsum.photos/1920/1080?random=3&blur=1')">
                <div class="carousel-caption d-none d-md-block">
                    <h5>Boxes e Kits Personalizados</h5>
                    <p>Monte um presente único e com a sua cara.</p>
                </div>
            </div>
        </div>
        <button class="carousel-control-prev" type="button" data-bs-target="#heroCarousel" data-bs-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Previous</span>
        </button>
        <button class="carousel-control-next" type="button" data-bs-target="#heroCarousel" data-bs-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Next</span>
        </button>
    </header>

    <!-- Main Content -->
    <main class="container my-5">
        <section class="text-center mb-5">
            <h2 class="display-5">Nossos Produtos</h2>
            <p class="lead text-muted">Feitos com carinho para momentos especiais</p>
        </section>

        <!-- Products Grid -->
        <section class="row">
            <?php
            if (!isset($productController)) {
                require_once __DIR__ . '/../app/Controllers/ProductController.php';
                $productController = new ProductController();
            }
            $products = $productController->index();

            if (!empty($products)):
                foreach ($products as $product):
                    $image_path = !empty($product['image']) ? 'uploads/products/' . htmlspecialchars($product['image']) : 'https://picsum.photos/600/400?random=' . $product['id'];
            ?>
            <div class="col-lg-4 col-md-6 mb-4">
                <div class="product-card">
                    <img src="<?= $image_path ?>" class="card-img-top" alt="<?= htmlspecialchars($product['name']) ?>">
                    <div class="card-body p-4">
                        <h5 class="card-title"><?= htmlspecialchars($product['name']) ?></h5>
                        <p class="card-price mb-3">R$ <?= number_format($product['price'], 2, ',', '.') ?></p>
                        <a href="product.php?slug=<?= htmlspecialchars($product['slug']) ?>" class="btn btn-primary">Ver Detalhes</a>
                    </div>
                </div>
            </div>
            <?php
                endforeach;
            else:
            ?>
                <div class="col-12">
                    <p class="text-center text-muted">Nenhum produto encontrado no momento.</p>
                </div>
            <?php
            endif;
            ?>
        </section>
    </main>

    <?php require_once __DIR__ . '/../app/Views/public/footer.php'; ?>