	<?php include 'header.php' ?>

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


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


			<div class="row align-items-center">
				<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">
		<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 -->



	<!-- How It Works Section Start -->
	<div class="how-it-works stage-bg">
		<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">

				<div class="col-md-6 col-lg-3">
					<div class="service-card">
						<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>

				<div class="col-md-6 col-lg-3">
					<div class="service-card">
						<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>

				<div class="col-md-6 col-lg-3">
					<div class="service-card">
						<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>

				<div class="col-md-6 col-lg-3">
					<div class="service-card">
						<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 -->

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


			<div class="row ">
				<div class="col-lg-6 col-12">
					<div class="row">
						<div class="col-md-12">
							<!-- Section Title Start -->
							<div class="section-title ">
								<h2 class="text-anime">Testimonials</h2>
							</div>
							<!-- Section Title End -->
							<p class="wow fadeInUp" data-wow-delay="0.2s">
								Professional, punctual, and incredibly creative — our product launch was a huge success
								thanks to the Sukirana team. Truly impressive!
							</p>
							<p class="wow fadeInUp" data-wow-delay="0.4s">
								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>
							<p class="wow fadeInUp" data-wow-delay="0.6s">
								I wanted something unique for my daughter’s 18th birthday, and Sukirana delivered beyond
								expectations. Stylish, smooth, and so much fun!
							</p>
							<p class="wow fadeInUp" data-wow-delay="0.8s">
								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>
							<p class="wow fadeInUp" data-wow-delay="1s">
								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>
							<p class="wow fadeInUp" data-wow-delay="1.2s">
								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>

				</div>

				<div class="col-lg-6 col-12 pt-5 pt-md-0">
					<div class="row justify-content-center">
						<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 class="col-md-6">
							<!-- How It Work Item Start -->
							<div class="how-it-works-item ad-cards wow fadeInUp" data-wow-delay="0.75s">
								<div class="icon-box">
									<img src="images/icon-1.png" alt="">
								</div>

								<h3>Friendly Team</h3>
								<p>
									We Indulge In You</p>
							</div>
							<!-- How It Work Item End -->
						</div>
						<div class="col-md-6">
							<!-- How It Work Item Start -->
							<div class="how-it-works-item ad-cards wow fadeInUp" data-wow-delay="0.75s">
								<div class="icon-box">
									<img src="images/icon-2.png" alt="">
								</div>

								<h3>Committed</h3>
								<p>
									We deliver on time</p>
							</div>
							<!-- How It Work Item End -->
						</div>
						<div class="col-md-6">
							<!-- How It Work Item Start -->
							<div class="how-it-works-item ad-cards ad-cards wow fadeInUp" data-wow-delay="0.75s">
								<div class="icon-box">
									<img src="images/icon-3.png" alt="">
								</div>

								<h3>Perfect Venues</h3>
								<p>
									Curated for every event.</p>
							</div>
							<!-- How It Work Item End -->
						</div>
						<div class="col-md-6">
							<!-- How It Work Item Start -->
							<div class="how-it-works-item ad-cards ad-cards wow fadeInUp" data-wow-delay="0.75s">
								<div class="icon-box">
									<img src="images/icon-4.png" alt="">
								</div>

								<h3> 24/7 Hours Support</h3>
								<p>

									Anytime anywhere
								</p>
							</div>
							<!-- How It Work Item End -->
						</div>
						<div class="col-md-6">
							<!-- How It Work Item Start -->
							<div class="how-it-works-item ad-cards ad-cards wow fadeInUp" data-wow-delay="0.75s">
								<div class="icon-box">
									<img src="images/icon-5.png" alt="">
								</div>

								<h3>Unforgettable Times</h3>
								<p>
									We create memories</p>
							</div>
							<!-- How It Work Item End -->
						</div>

						<div class="col-md-6">
							<!-- How It Work Item Start -->
							<div class="how-it-works-item ad-cards ad-cards wow fadeInUp" data-wow-delay="0.75s">
								<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>
							<!-- How It Work Item End -->
						</div>

						<div class="col-md-6">
							<!-- How It Work Item Start -->
							<div class="how-it-works-item ad-cards ad-cards wow fadeInUp" data-wow-delay="0.75s">
								<div class="icon-box">
									<img src="images/icon-7.png" alt="">
								</div>

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

						<div class="col-md-6">
							<!-- How It Work Item Start -->
							<div class="how-it-works-item ad-cards ad-cards wow fadeInUp" data-wow-delay="0.75s">
								<div class="icon-box">
									<img src="images/icon-8.png" alt="">
								</div>

								<h3>Best Management</h3>
								<p>
									Professionals</p>
							</div>
							<!-- How It Work Item End -->
						</div>
					</div>

				</div>


			</div>
		</div>
	</div>
	<!-- About us Section End -->

	<!-- Why Choose us Section Start -->
	<div class="why-choose-us">
		<div class="container">
			<div class="col-md-12">
				<!-- Section Title Start -->
				<div class="section-title  ">
					<h2 class="text-anime ">Clientele </h2>
				</div>
				<!-- Section Title End -->
			</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 -->

	<?php include 'footer.php' ?>