	<?php include 'header.php' ?>


	<video class="banner-video" loop autoplay muted>
	    <source src="images/banner.mp4" type="video/mp4" />
	    Your browser does not support the video tag.
	</video>

	<div id="audioToggleIcon">
	    <div id="audioIcon" class="icon-play"></div>
	</div>

	<!-- About us Section Start -->
	<div class="about-us">
	    <div class="container">


	        <div class="row ">
	            <div class="col-lg-5 col-12">
	                <h2 class="about-title">
	                    Welcome to <br> Sukirana Events<br>
	                    <span id="changing-word">Crafting </span> One Celebration at a Time
	                </h2>

	            </div>

	            <div class="col-lg-7 col-12">
	                <!-- About Content Start -->
	                <div class="about-content">
	                    <div class="about-body wow fadeInUp" data-wow-delay="0.25s">
	                        <p>At Sukirana Events, we believe every event tells a story. It could be the nervous excitement
	                            before a bride walks down the aisle, the buzz of a new product unveiling, or the roar of a
	                            concert crowd waiting for the lights to hit the stage. We're not just planners--we're
	                            storytellers, project managers, creators, and dreamers.</p>

	                        <p>With our roots in Bangalore and operations across India, we specialize in Weddings, Social
	                            Events, MICE (Meetings, Incentives, Conferences, Exhibitions), and Special Events like film
	                            promotions, celebrity nights, and live shows. Our team brings a unique blend of creative
	                            flair, cultural depth, and meticulous execution to every event we take on.</p>
	                    </div>



	                    <div class="about-footer wow fadeInUp" data-wow-delay="0.75s">
	                        <a href="#" class="btn-default">Know More</a>
	                    </div>
	                </div>
	                <!-- About Content End -->
	            </div>
	        </div>
	    </div>
	</div>
	<!-- About us Section End -->




	<!-- How It Works Section Start -->
	<div class="how-it-works stage-bg overflow-hidden">
	    <div class="container-fluid">
	        <div class="row">
	            <div class="col-md-12">
	                <!-- Section Title Start -->
	                <div class="section-title">
	                    <h2 class="text-anime">What We Do Best</h2>

	                    <p class=" wow fadeInUp" data-wow-delay="0.3s">
	                        Your one-stop destination for flawlessly managed, meaningful celebrations.
	                    </p>
	                </div>
	                <!-- Section Title End -->
	            </div>
	        </div>

	        <div class="row">
	            <!-- 1st Card - Top-Left Corner Spotlight -->
	            <div class="col-md-6 col-lg-3">
	                <div class="service-card spotlight-left-corner">
	                    <img src="images/decor-dark.png" alt="" class="decor-image dark">
	                    <img src="images/decor-light.png" alt="" class="decor-image light">
	                    <h3>Weddings</h3>
	                    <img src="images/spotlight.png" alt="" class="spotlight">
	                </div>
	            </div>

	            <!-- 2nd Card - Top Center -->
	            <div class="col-md-6 col-lg-3">
	                <div class="service-card spotlight-top">
	                    <img src="images/decor-dark.png" alt="" class="decor-image dark">
	                    <img src="images/decor-light.png" alt="" class="decor-image light">
	                    <h3>Social Events</h3>
	                    <img src="images/spotlight.png" alt="" class="spotlight">
	                </div>
	            </div>

	            <!-- 3rd Card - Bottom Center -->
	            <div class="col-md-6 col-lg-3">
	                <div class="service-card spotlight-bottom">
	                    <img src="images/decor-dark.png" alt="" class="decor-image dark">
	                    <img src="images/decor-light.png" alt="" class="decor-image light">
	                    <h3>MICE (Corporate Events)</h3>
	                    <img src="images/spotlight.png" alt="" class="spotlight">
	                </div>
	            </div>

	            <!-- 4th Card - Top-Right Corner Spotlight -->
	            <div class="col-md-6 col-lg-3">
	                <div class="service-card spotlight-right-corner">
	                    <img src="images/decor-dark.png" alt="" class="decor-image dark">
	                    <img src="images/decor-light.png" alt="" class="decor-image light">
	                    <h3>Special Events</h3>
	                    <img src="images/spotlight.png" alt="" class="spotlight">
	                </div>
	            </div>
	        </div>

	    </div>
	</div>
	<!-- How It Works Section End -->




	<!-- Why Choose us Section Start -->
	<div class="why-choose-us">
	    <div class="container">
	        <div class="row">
	            <div class="col-md-12">
	                <div class="anime-image" id="animeImage">
	                    <img src="images/cwe-1-2048x438.png" alt="" class="scroll-img">
	                </div>

	            </div>
	        </div>
	    </div>
	</div>
	<!-- Why Choose us Section End -->

	<!-- How It Works Section Start -->
	<div class="how-it-works overflow-hidden">
	    <div class="container-fluid">

	        <div class="row">
	            <div class="col-md-6 col-lg-4">
	                <div class="featured-e-card">
	                    <img src="images/inner-banner.jpg" alt="">
	                    <h2>Sukirana Events</h2>
	                    <span class="plus-icon">+</span>
	                </div>
	            </div>

	            <div class="col-md-6 col-lg-4">
	                <div class="featured-e-card">
	                    <img src="images/inner-banner.jpg" alt="">
	                    <h2>Sukirana Events</h2>
	                    <span class="plus-icon">+</span>
	                </div>
	            </div>


	            <div class="col-md-6 col-lg-4">
	                <div class="featured-e-card">
	                    <img src="images/inner-banner.jpg" alt="">
	                    <h2>Sukirana Events</h2>
	                    <span class="plus-icon">+</span>
	                </div>
	            </div>



	        </div>

	    </div>
	</div>
	<!-- How It Works Section End -->



	<!-- Testimonial Section Start -->
	<div class="testimonials">
	    <div class="container-fluid">
	        <div class="row no-gap">
	            <div class="col-md-12">
	                <!-- Section Title Start -->
	                <div class="section-title">
	                    <h2 class="text-anime">Client Testimonials</h2>
	                </div>
	                <!-- Section Title End -->
	            </div>
	        </div>

	        <div class="row no-gap">
	            <div class="col-md-12">
	                <!-- Testimonial Carousel Start -->
	                <div class="testimonial-carousel">
	                    <div class="swiper">
	                        <div class="swiper-wrapper">

	                            <div class="swiper-slide">
	                                <!-- Testimonial Item Start -->
	                                <div class="testimonial-item">
	                                    <div class="testimonial-body">
	                                        <p>
	                                            Professional, punctual, and incredibly creative — our product launch was a
	                                            huge success
	                                            thanks to the Sukirana team. Truly impressive!
	                                        </p>
	                                    </div>
	                                </div>
	                                <!-- Testimonial Item End -->
	                            </div>


	                            <div class="swiper-slide">
	                                <!-- Testimonial Item Start -->
	                                <div class="testimonial-item">
	                                    <div class="testimonial-body">
	                                        <p>
	                                            Sukirana Events turned our wedding into a fairytale! Every detail was so
	                                            beautifully
	                                            thought out — from the décor to the flow of the event. We couldn’t have
	                                            asked for a better
	                                            team!
	                                        </p>
	                                    </div>
	                                </div>
	                                <!-- Testimonial Item End -->
	                            </div>


	                            <div class="swiper-slide">
	                                <!-- Testimonial Item Start -->
	                                <div class="testimonial-item">
	                                    <div class="testimonial-body">
	                                        <p>
	                                            I wanted something unique for my daughter’s 18th birthday, and Sukirana
	                                            delivered beyond
	                                            expectations. Stylish, smooth, and so much fun!
	                                        </p>
	                                    </div>
	                                </div>
	                                <!-- Testimonial Item End -->
	                            </div>


	                            <div class="swiper-slide">
	                                <!-- Testimonial Item Start -->
	                                <div class="testimonial-item">
	                                    <div class="testimonial-body">
	                                        <p>
	                                            Organizing our annual leadership summit with Sukirana Events was the best
	                                            decision.
	                                            Flawless execution, tech-friendly setups, and an atmosphere that truly
	                                            impressed our
	                                            guests.
	                                        </p>
	                                    </div>
	                                </div>
	                                <!-- Testimonial Item End -->
	                            </div>


	                            <div class="swiper-slide">
	                                <!-- Testimonial Item Start -->
	                                <div class="testimonial-item">
	                                    <div class="testimonial-body">
	                                        <p>
	                                            We were amazed by how smoothly everything ran during our offsite retreat.
	                                            Sukirana combined
	                                            professionalism with fun — striking the perfect balance for a corporate
	                                            getaway.
	                                        </p>
	                                    </div>
	                                </div>
	                                <!-- Testimonial Item End -->
	                            </div>


	                            <div class="swiper-slide">
	                                <!-- Testimonial Item Start -->
	                                <div class="testimonial-item">
	                                    <div class="testimonial-body">
	                                        <p>
	                                            From branding elements to audience engagement, Sukirana Events handled our
	                                            product launch
	                                            with exceptional creativity and precision. It truly elevated our brand
	                                            presence
	                                        </p>
	                                    </div>
	                                </div>
	                                <!-- Testimonial Item End -->
	                            </div>




	                        </div>

	                    </div>
	                </div>
	                <!-- Testimonial Carousel End -->
	            </div>
	        </div>
	    </div>
	</div>
	<!-- Testimonial Section End -->

	<!-- Testimonial Section Start -->
	<div class="testimonials">
	    <div class="container-fluid">
	        <div class="row no-gap">
	            <div class="col-md-12">
	                <!-- Section Title Start -->
	                <div class="section-title">
	                    <h2 class="text-anime">Sukirana Advantages</h2>
	                </div>
	                <!-- Section Title End -->
	            </div>
	        </div>

	        <div class="row no-gap">
	            <div class="col-md-12">
	                <!-- Testimonial Carousel Start -->
	                <div class="testimonial-carousel">
	                    <div class="swiper">
	                        <div class="swiper-wrapper">

	                            <div class="swiper-slide">
	                                <!-- Testimonial Item Start -->
	                                <div class="">
	                                    <div class="how-it-works-item ad-cards">
	                                        <div class="icon-box">
	                                            <img src="images/icon-1.png" alt="">
	                                        </div>

	                                        <h3>Friendly Team</h3>
	                                        <p>
	                                            We Indulge In You</p>
	                                    </div>
	                                </div>
	                                <!-- Testimonial Item End -->
	                            </div>

	                            <div class="swiper-slide">
	                                <!-- Testimonial Item Start -->
	                                <div class="">
	                                    <div class="how-it-works-item ad-cards">
	                                        <div class="icon-box">
	                                            <img src="images/icon-2.png" alt="">
	                                        </div>

	                                        <h3>Committed</h3>
	                                        <p>
	                                            We deliver on time
	                                        </p>
	                                    </div>
	                                </div>
	                                <!-- Testimonial Item End -->
	                            </div>

	                            <div class="swiper-slide">
	                                <!-- Testimonial Item Start -->
	                                <div class="">
	                                    <div class="how-it-works-item ad-cards">
	                                        <div class="icon-box">
	                                            <img src="images/icon-3.png" alt="">
	                                        </div>

	                                        <h3>Perfect Venues </h3>
	                                        <p>
	                                            Curated for every event.
	                                        </p>
	                                    </div>
	                                </div>
	                                <!-- Testimonial Item End -->
	                            </div>

	                            <div class="swiper-slide">
	                                <!-- Testimonial Item Start -->
	                                <div class="">
	                                    <div class="how-it-works-item ad-cards">
	                                        <div class="icon-box">
	                                            <img src="images/icon-4.png" alt="">
	                                        </div>

	                                        <h3>24/7 Hours Support </h3>
	                                        <p>
	                                            Anytime anywhere
	                                        </p>
	                                    </div>
	                                </div>
	                                <!-- Testimonial Item End -->
	                            </div>

	                            <div class="swiper-slide">
	                                <!-- Testimonial Item Start -->
	                                <div class="">
	                                    <div class="how-it-works-item ad-cards">
	                                        <div class="icon-box">
	                                            <img src="images/icon-5.png" alt="">
	                                        </div>

	                                        <h3>Unforgettable Times </h3>
	                                        <p>
	                                            We create memories
	                                        </p>
	                                    </div>
	                                </div>
	                                <!-- Testimonial Item End -->
	                            </div>

	                            <div class="swiper-slide">
	                                <!-- Testimonial Item Start -->
	                                <div class="">
	                                    <div class="how-it-works-item ad-cards">
	                                        <div class="icon-box">
	                                            <img src="images/icon-6.png" alt="">
	                                        </div>

	                                        <h3>Brilliant ideas </h3>
	                                        <p>
	                                            We think out of the box
	                                        </p>
	                                    </div>
	                                </div>
	                                <!-- Testimonial Item End -->
	                            </div>


	                            <div class="swiper-slide">
	                                <!-- Testimonial Item Start -->
	                                <div class="">
	                                    <div class="how-it-works-item ad-cards">
	                                        <div class="icon-box">
	                                            <img src="images/icon-7.png" alt="">
	                                        </div>

	                                        <h3>Unique Scenario </h3>
	                                        <p>
	                                            We make candid happy
	                                        </p>
	                                    </div>
	                                </div>
	                                <!-- Testimonial Item End -->
	                            </div>


	                            <div class="swiper-slide">
	                                <!-- Testimonial Item Start -->
	                                <div class="">
	                                    <div class="how-it-works-item ad-cards">
	                                        <div class="icon-box">
	                                            <img src="images/icon-8.png" alt="">
	                                        </div>

	                                        <h3>Best Management </h3>
	                                        <p>
	                                            Professionals
	                                        </p>
	                                    </div>
	                                </div>
	                                <!-- Testimonial Item End -->
	                            </div>

	                        </div>

	                    </div>
	                </div>
	                <!-- Testimonial Carousel End -->
	            </div>
	        </div>
	    </div>
	</div>
	<!-- Testimonial Section End -->



	<!-- Why Choose us Section Start -->
	<!--<div class="why-choose-us">
	    <div class="container">
	        <div class="col-md-12">

	            <div class="section-title  ">
	                <h2 class="text-anime ">Clientele </h2>
	            </div>
	        </div>
	        <div class="row justify-content-center">

	            <div class="border-1px col-10">
	                <div class="row">
	                    <div class="col-1-10  ">
	                        <div class="client-card">
	                            <img src="images/client-1.webp" alt="">
	                        </div>
	                    </div>
	                    <div class="col-1-10  ">
	                        <div class="client-card">
	                            <img src="images/client-2.webp" alt="">
	                        </div>
	                    </div>
	                    <div class="col-1-10  ">
	                        <div class="client-card">
	                            <img src="images/client-3.webp" alt="">
	                        </div>
	                    </div>
	                    <div class="col-1-10  ">
	                        <div class="client-card">
	                            <img src="images/client-4.webp" alt="">
	                        </div>
	                    </div>
	                    <div class="col-1-10  ">
	                        <div class="client-card">
	                            <img src="images/client-5.webp" alt="">
	                        </div>
	                    </div>
	                    <div class="col-1-10  ">
	                        <div class="client-card">
	                            <img src="images/client-1.webp" alt="">
	                        </div>
	                    </div>
	                    <div class="col-1-10  ">
	                        <div class="client-card">
	                            <img src="images/client-2.webp" alt="">
	                        </div>
	                    </div>
	                    <div class="col-1-10  ">
	                        <div class="client-card">
	                            <img src="images/client-3.webp" alt="">
	                        </div>
	                    </div>
	                    <div class="col-1-10  ">
	                        <div class="client-card">
	                            <img src="images/client-4.webp" alt="">
	                        </div>
	                    </div>
	                    <div class="col-1-10  ">
	                        <div class="client-card">
	                            <img src="images/client-5.webp" alt="">
	                        </div>
	                    </div>

	                    <div class="col-1-10  ">
	                        <div class="client-card">
	                            <img src="images/client-1.webp" alt="">
	                        </div>
	                    </div>

	                    <div class="col-1-10  ">
	                        <div class="client-card">
	                            <img src="images/client-2.webp" alt="">
	                        </div>
	                    </div>
	                    <div class="col-1-10  ">
	                        <div class="client-card">
	                            <img src="images/client-3.webp" alt="">
	                        </div>
	                    </div>
	                    <div class="col-1-10  ">
	                        <div class="client-card">
	                            <img src="images/client-4.webp" alt="">
	                        </div>
	                    </div>
	                    <div class="col-1-10  ">
	                        <div class="client-card">
	                            <img src="images/client-5.webp" alt="">
	                        </div>
	                    </div>

	                    <div class="col-1-10  ">
	                        <div class="client-card">
	                            <img src="images/client-1.webp" alt="">
	                        </div>
	                    </div>
	                    <div class="col-1-10  ">
	                        <div class="client-card">
	                            <img src="images/client-2.webp" alt="">
	                        </div>
	                    </div>
	                    <div class="col-1-10  ">
	                        <div class="client-card">
	                            <img src="images/client-3.webp" alt="">
	                        </div>
	                    </div>
	                    <div class="col-1-10  ">
	                        <div class="client-card">
	                            <img src="images/client-4.webp" alt="">
	                        </div>
	                    </div>
	                    <div class="col-1-10  ">
	                        <div class="client-card">
	                            <img src="images/client-5.webp" alt="">
	                        </div>
	                    </div>
	                    <div class="col-1-10  ">
	                        <div class="client-card">
	                            <img src="images/client-2.webp" alt="">
	                        </div>
	                    </div>
	                    <div class="col-1-10  ">
	                        <div class="client-card">
	                            <img src="images/client-3.webp" alt="">
	                        </div>
	                    </div>
	                    <div class="col-1-10  ">
	                        <div class="client-card">
	                            <img src="images/client-4.webp" alt="">
	                        </div>
	                    </div>
	                    <div class="col-1-10  ">
	                        <div class="client-card">
	                            <img src="images/client-5.webp" alt="">
	                        </div>
	                    </div>

	                    <div class="col-1-10  ">
	                        <div class="client-card">
	                            <img src="images/client-1.webp" alt="">
	                        </div>
	                    </div>
	                    <div class="col-1-10  ">
	                        <div class="client-card">
	                            <img src="images/client-2.webp" alt="">
	                        </div>
	                    </div>
	                    <div class="col-1-10  ">
	                        <div class="client-card">
	                            <img src="images/client-3.webp" alt="">
	                        </div>
	                    </div>
	                    <div class="col-1-10  ">
	                        <div class="client-card">
	                            <img src="images/client-4.webp" alt="">
	                        </div>
	                    </div>
	                    <div class="col-1-10  ">
	                        <div class="client-card">
	                            <img src="images/client-5.webp" alt="">
	                        </div>
	                    </div>
	                    <div class="col-1-10  ">
	                        <div class="client-card">
	                            <img src="images/client-1.webp" alt="">
	                        </div>
	                    </div>
	                </div>

	            </div>



	            <img src="images/stage.png" alt="" class="scroll-img">

	        </div>
	    </div>
	</div>-->
	<!-- Why Choose us Section End --> 

	<!-- How It Works Section Start -->
	<div class="how-it-works">
	    <div class="container-fluid">
	        <div class="row">
	            <div class="col-md-12">
	                <!-- Section Title Start -->
	                <div class="section-title">
	                    <h2 class="text-anime">Interesting Facts</h2>
	                    <p class="sub-title wow fadeInUp" data-wow-delay="0.3s">
	                        Numbers Speak Our Past & Future
	                    </p>
	                </div>
	                <!-- Section Title End -->
	            </div>
	        </div>

	        <!-- Number Counter Row -->
	        <div class="row justify-content-center">

	            <div class="col-md-6 col-lg-3">
	                <div class="counter-item">
	                    <div class="counter-number" data-target="10">0</div>
	                    <div class="counter-label">
	                        Years of
	                        experience</div>
	                </div>
	            </div>

	            <div class="col-md-6 col-lg-3">
	                <div class="counter-item">
	                    <div class="counter-number" data-target="5000">0</div>
	                    <div class="counter-label">
	                        Happy
	                        Clients</div>
	                </div>
	            </div>

	            <div class="col-md-6 col-lg-3">
	                <div class="counter-item">
	                    <div class="counter-number" data-target="5300">0</div>
	                    <div class="counter-label">

	                        Projects
	                        completed
	                    </div>
	                </div>
	            </div>
	        </div>
	    </div>
	</div>
	<!-- How It Works Section End -->



	<?php include 'footer.php' ?>