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/vinyasawedding/views/
files >> /var/www/vinyasawedding/views/design.php
 <?php require 'views/layout/header.php'; ?>


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

// Fetch active design images
$stmt = $db->prepare("SELECT * FROM design_image WHERE status = 'active' ORDER BY id DESC");
$stmt->execute();
$designImages = $stmt->fetchAll(PDO::FETCH_ASSOC);
?>


<section class="hero-section">
    <!-- Carousel -->
    <div id="weddingCarousel" class="carousel slide" data-bs-ride="carousel">
        <div class="carousel-inner">
            <!-- Slide 1 -->
            <div class="carousel-item active">
                <div class="hero-image-container">
                    <img src="<?= BASE_URL ?>/public/Images/design/1.webp" alt="Wedding Decoration">
                </div>
            </div>
            <!-- Slide 2 -->
            <div class="carousel-item">
                <div class="hero-image-container">
                    <img src="<?= BASE_URL ?>/public/Images/design/2.jpg" alt="Bride and Groom">
                </div>
            </div>
            <div class="carousel-item">
                <div class="hero-image-container">
                    <img src="<?= BASE_URL ?>/public/Images/design/3.jpg" alt="Bride and Groom">
                </div>
            </div>
            <div class="carousel-item">
                <div class="hero-image-container">
                    <img src="<?= BASE_URL ?>/public/Images/design/4.jpg" alt="Bride and Groom">
                </div>
            </div>
            <div class="carousel-item">
                <div class="hero-image-container">
                    <img src="<?= BASE_URL ?>/public/Images/design/5.webp" alt="Bride and Groom">
                </div>
            </div>
            <!-- Slide 3 -->
            
        </div>
    </div>

    <!-- Overlay -->
    <!-- <div class="hero-overlay"></div> -->

    <!-- Hero Content -->
   <!-- <div class="hero-content">
    <div class="hero-text">
        <h1 class="hero-title">Crafting Personalized Wedding Identities</h1>
        <p class="hero-subtitle">From bespoke logos and elegant invites to full wedding branding, Vinyasa Design brings your story to life with timeless visuals.</p>
        <div class="hero-buttons">
            <a href="#services" class="btn btn-primary">Explore Our Creations</a>
            <a href="#portfolio" class="btn btn-outline">View Portfolio</a>
        </div>
    </div>
</div> -->

</section>

<main>

<!-- Vinyasa Design Section -->
<section class="vinyasa-design-section" id="portfolio">
    <div class="container">
        <div class="section-header text-center" data-aos="fade-up">
            <h2 class="section-title">Vinyasa Design Portfolio</h2>
            <p class="section-subtitle">Elegant, thoughtful, and timeless wedding branding by Vinyasa</p>
        </div>

        <!-- Design Categories -->
        <div class="design-categories" data-aos="fade-up" data-aos-delay="100">
            <button class="category-btn active" data-filter="all">All</button>
            <button class="category-btn" data-filter="logo">Logo</button>
            <button class="category-btn" data-filter="countdown">Countdown</button>
            <button class="category-btn" data-filter="invitations">Invitations</button>
            <button class="category-btn" data-filter="stationery">Stationery</button>
        </div>

        <!-- Design Gallery -->
        <div class="design-gallery">
            <?php if ($designImages): ?>
                <?php foreach ($designImages as $index => $image): ?>
                    <?php
                        $category = strtolower(trim($image['title'])); // match with filter
                        $imagePath = BASE_URL . '/uploads/designs/' . htmlspecialchars($image['image']);
                    ?>
                    <div class="design-item" data-category="<?= $category ?>" data-aos="fade-up" data-aos-delay="<?= 200 + ($index * 50) ?>">
                        <div class="design-card">
                            <img src="<?= $imagePath ?>" alt="<?= htmlspecialchars($image['title']) ?>">
                            <!-- No overlay -->
                        </div>
                    </div>
                <?php endforeach; ?>
            <?php else: ?>
                <p class="text-center mt-4">No design images available at the moment.</p>
            <?php endif; ?>
        </div>
    </div>
</section>
<?php require 'views/layout/enquiry.php'; ?>

</main>

<?php
$design = true;
require 'views/layout/footer.php';
?>