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/
files >> /var/www/mochiwale/views/design.php
 <?php require 'views/layout/header.php'; ?>
<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="https://images.unsplash.com/photo-1519671482749-fd09be7ccebf?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="Wedding Decoration">
                </div>
            </div>
            <!-- Slide 2 -->
            <div class="carousel-item">
                <div class="hero-image-container">
                    <img src="https://images.unsplash.com/photo-1523438885200-e635ba2c371e?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="Bride and Groom">
                </div>
            </div>
            <!-- Slide 3 -->
            <div class="carousel-item">
                <div class="hero-image-container">
                    <img src="https://images.unsplash.com/photo-1519225421980-715cb0215aed?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="Wedding Venue">
                </div>
            </div>
        </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">
            <!-- Invitation Design 1 -->
            <div class="design-item" data-category="invitations" data-aos="fade-up" data-aos-delay="200">
                <div class="design-card">
                    <img src="https://images.unsplash.com/photo-1589998059171-988d887df646?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80" alt="Luxury Wedding Invitation">
                    <div class="design-overlay">
                        <div class="overlay-content">
                            <h3>Luxury Foil-Pressed Invitation</h3>
                            <p>Gold foil detailing on premium cotton paper</p>
                            <a href="#" class="view-btn">View Details</a>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Stationery Design 1 -->
            <div class="design-item" data-category="stationery" data-aos="fade-up" data-aos-delay="250">
                <div class="design-card">
                    <img src="https://images.unsplash.com/photo-1530103862676-de8c9debad1d?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80" alt="Wedding Menu">
                    <div class="design-overlay">
                        <div class="overlay-content">
                            <h3>Custom Menu Design</h3>
                            <p>Hand-calligraphed dinner menus</p>
                            <a href="#" class="view-btn">View Details</a>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Decor Design 1 -->
            <div class="design-item" data-category="decor" data-aos="fade-up" data-aos-delay="300">
                <div class="design-card">
                    <img src="https://images.unsplash.com/photo-1519225421980-715cb0215aed?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80" alt="Table Setting">
                    <div class="design-overlay">
                        <div class="overlay-content">
                            <h3>Elegant Table Setting</h3>
                            <p>Custom designed table numbers and place cards</p>
                            <a href="#" class="view-btn">View Details</a>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Branding Design 1 -->
            <div class="design-item" data-category="branding" data-aos="fade-up" data-aos-delay="350">
                <div class="design-card">
                    <img src="https://images.unsplash.com/photo-1589998059171-988d887df646?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80" alt="Wedding Logo">
                    <div class="design-overlay">
                        <div class="overlay-content">
                            <h3>Custom Monogram</h3>
                            <p>Personalized wedding logo design</p>
                            <a href="#" class="view-btn">View Details</a>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Invitation Design 2 -->
            <div class="design-item" data-category="invitations" data-aos="fade-up" data-aos-delay="400">
                <div class="design-card">
                    <img src="https://images.unsplash.com/photo-1530103862676-de8c9debad1d?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80" alt="Minimalist Invitation">
                    <div class="design-overlay">
                        <div class="overlay-content">
                            <h3>Minimalist Invitation Suite</h3>
                            <p>Clean design with subtle texture</p>
                            <a href="#" class="view-btn">View Details</a>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Stationery Design 2 -->
            <div class="design-item" data-category="stationery" data-aos="fade-up" data-aos-delay="450">
                <div class="design-card">
                    <img src="https://images.unsplash.com/photo-1519225421980-715cb0215aed?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80" alt="Thank You Cards">
                    <div class="design-overlay">
                        <div class="overlay-content">
                            <h3>Thank You Cards</h3>
                            <p>Matching post-wedding stationery</p>
                            <a href="#" class="view-btn">View Details</a>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Decor Design 2 -->
            <div class="design-item" data-category="decor" data-aos="fade-up" data-aos-delay="500">
                <div class="design-card">
                    <img src="https://images.unsplash.com/photo-1589998059171-988d887df646?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80" alt="Welcome Sign">
                    <div class="design-overlay">
                        <div class="overlay-content">
                            <h3>Acrylic Welcome Sign</h3>
                            <p>Laser-cut acrylic with gold lettering</p>
                            <a href="#" class="view-btn">View Details</a>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Branding Design 2 -->
            <div class="design-item" data-category="branding" data-aos="fade-up" data-aos-delay="550">
                <div class="design-card">
                    <img src="https://images.unsplash.com/photo-1530103862676-de8c9debad1d?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80" alt="Wedding Website">
                    <div class="design-overlay">
                        <div class="overlay-content">
                            <h3>Digital Branding</h3>
                            <p>Custom wedding website design</p>
                            <a href="#" class="view-btn">View Details</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- CTA Section -->
    </div>
</section>
<?php require 'views/layout/enquiry.php'; ?>

</main>

<?php require 'views/layout/footer.php'; ?>