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/wedmoment/
files >> /var/www/wedmoment/index.html
 <!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="WedMoment offers premium wedding photography and cinematic videography services across India. Capture your special day with stunning visuals and timeless memories.">

<!-- title -->
<title>WedMoment | Wedding Photography & Cinematic Videography</title>
<meta name="keywords" content="wedding photography, pre-wedding shoot, cinematic videography, wedding videography, candid wedding photography, destination wedding photographer, bridal photoshoot, wedding photographer India, WedMoment, engagement photography, couple photoshoot, professional wedding photographers">

	<!-- favicon -->
	<link rel="shortcut icon" type="image/png" href="assets/img/favicon.png">
	<!-- google font -->
	<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css?family=Poppins:400,700&display=swap" rel="stylesheet">
	<!-- fontawesome -->
	<link rel="stylesheet" href="assets/css/all.min.css">
	<!-- bootstrap -->
	<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
	<!-- owl carousel -->
	<link rel="stylesheet" href="assets/css/owl.carousel.css">
	<!-- magnific popup -->
	<link rel="stylesheet" href="assets/css/magnific-popup.css">
	<!-- animate css -->
	<link rel="stylesheet" href="assets/css/animate.css">
	<!-- mean menu css -->
	<link rel="stylesheet" href="assets/css/meanmenu.min.css">
	<!-- main style -->
	<link rel="stylesheet" href="assets/css/main.css">
	<!-- responsive -->
	<link rel="stylesheet" href="assets/css/responsive.css">


	<style>
		.grid-container {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 20px;
			padding: 20px;
			max-width: 1200px;
			margin: 0 auto;
		}

		.grid-item {
			position: relative;
			overflow: hidden;
			border-radius: 10px;
			box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
			transition: transform 0.3s ease;
		}

		.grid-item img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			transition: transform 0.3s ease;
		}

		.grid-item:hover {
			transform: translateY(-10px);
		}

		.grid-item:hover img {
			transform: scale(1.1);
		}

		.grid-item .overlay {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-color: rgba(0, 0, 0, 0.4);
			opacity: 0;
			transition: opacity 0.3s ease;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #fff;
			font-size: 18px;
			font-weight: bold;
		}

		.grid-item:hover .overlay {
			opacity: 1;
		}

		/* Responsive Design */
		@media (max-width: 768px) {
			.grid-container {
				grid-template-columns: repeat(2, 1fr);
			}
		}

		@media (max-width: 480px) {
			.grid-container {
				grid-template-columns: repeat(1, 1fr);
			}
		}

		/* Special Design for First Two Rows */
		.grid-item.random {
			grid-column: span 2;
			height: 300px;
		}

		.grid-item.random img {
			height: 100%;
		}
	</style>

</head>

<body>

	<!--PreLoader-->
	<div class="loader">
		<div class="loader-inner">
			<div class="circle"></div>
		</div>
	</div>
	<!--PreLoader Ends-->

	<!-- header -->
	<div class="top-header-area" id="sticker">
		<div class="container">
			<div class="row">
				<div class="col-lg-12 col-sm-12 text-center">
					<div class="main-menu-wrap">
						<!-- logo -->
						<div class="site-logo">
							<a href="/">
								<img src="assets/images/logo5.png" alt="">
							</a>
						</div>
						<!-- logo -->

						<!-- menu start -->
						<nav class="main-menu">
							<ul>
								<li class="current-list-item"><a href="/">Home</a>

								</li>
								<li><a href="/about">About</a></li>
								<li><a href="#">Our Work</a>
									<ul class="sub-menu">
										<li><a href="/wedding">Wedding</a></li>
										<li><a href="/prewedding">Pre Wedding</a></li>
										<li><a href="/award">Award</a></li>

									</ul>
								</li>
								<!-- <li><a href="news.html">News</a> -->
								<!-- <ul class="sub-menu">
										<li><a href="news.html">News</a></li>
										<li><a href="single-news.html">Single News</a></li>
									</ul> -->
								</li>
								<li><a href="/contact">Contact</a></li>
								<!-- <li><a href="shop.html">Shop</a>
									<ul class="sub-menu">
										<li><a href="shop.html">Shop</a></li>
										<li><a href="checkout.html">Check Out</a></li>
										<li><a href="single-product.html">Single Product</a></li>
										<li><a href="cart.html">Cart</a></li>
									</ul>
								</li> -->
								<li>
									<div class="header-icons">
										<a class="social-icon" href="https://www.facebook.com" target="_blank">
											<i class="fab fa-facebook-f"></i>
										</a>
										<a class="social-icon" href="https://www.instagram.com" target="_blank">
											<i class="fab fa-instagram"></i>
										</a>
										<a class="social-icon" href="https://www.youtube.com" target="_blank">
											<i class="fab fa-youtube"></i>
										</a>
										<a class="social-icon" href="https://www.linkedin.com" target="_blank">
											<i class="fab fa-linkedin-in"></i>
										</a>

									</div>

								</li>
							</ul>
						</nav>
						<a class="mobile-show search-bar-icon" href="#"><i class="fas fa-search"></i></a>
						<div class="mobile-menu"></div>
						<!-- menu end -->
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- end header -->

	<!-- search area -->
	<!-- <div class="search-area">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<span class="close-btn"><i class="fas fa-window-close"></i></span>
					<div class="search-bar">
						<div class="search-bar-tablecell">
							<h3>Search For:</h3>
							<input type="text" placeholder="Keywords">
							<button type="submit">Search <i class="fas fa-search"></i></button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div> -->
	<!-- end search area -->

	<!-- hero area -->
	<div class="hero-area hero-bg">
		<video autoplay muted loop playsinline class="hero-video">
			<source src="./assets/video/home.mp4" type="video/mp4">
			Your browser does not support the video tag.
		</video>
		<div class="video-overlay"></div>
		<div class="container">
			<div class="row">
				<div class="col-lg-9 offset-lg-2 text-center">
					<div class="hero-text">
						<div class="hero-text-tablecell">
							<p class="subtitle">Capture Every Moment</p>
							<h1>Beautiful Memories, Timeless Stories</h1>
							<div class="hero-btns">
								<a href="/prewedding" class="boxed-btn">Our Portfolio</a>
								<a href="/contact" class="bordered-btn">Book a Session</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>


	<!-- end hero area -->

	<!-- features list section -->
	<div class="list-section pt-80 pb-80">
		<div class="container">
			<div class="row">
				<div class="col-lg-4 col-md-6 mb-4 mb-lg-0">
					<div class="list-box d-flex align-items-center">
						<div class="list-icon">
							<i class="fas fa-camera-retro"></i>
						</div>
						<div class="content">
							<h3>Professional Photography</h3>
							<p>High-quality shoots for every event.</p>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-6 mb-4 mb-lg-0">
					<div class="list-box d-flex align-items-center">
						<div class="list-icon">
							<i class="fas fa-clock"></i>
						</div>
						<div class="content">
							<h3>Timely Delivery</h3>
							<p>Receive your memories on time.</p>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-6">
					<div class="list-box d-flex justify-content-start align-items-center">
						<div class="list-icon">
							<i class="fas fa-heart"></i>
						</div>
						<div class="content">
							<h3>Customized Packages</h3>
							<p>Tailored for weddings, pre-weddings, and more.</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- end features list section -->

	<!-- product section -->
	<div class="photography-gallery-section mt-150 mb-150">
		<div class="container">
			<div class="row">
				<div class="col-lg-8 offset-lg-2 text-center">
					<div class="section-title">
						<h3><span class="highlight-text">Our</span> Photography Collections</h3>
						<p>Capture your precious moments with our stunning photography. Explore weddings, pre-wedding
							shoots, and party memories.</p>
					</div>
				</div>
			</div>

			<div id="cinematography-grid" class="grid-container"></div>
		</div>
	</div>



	<div class="videography-section mt-150 mb-150">
		<div class="container">
			<div class="row">
				<div class="col-lg-8 offset-lg-2 text-center">
					<div class="section-title">
						<h3><span class="highlight-text">Our</span> Videography Collections</h3>
						<p>Experience the magic of motion. Watch highlights of our creative videography from weddings to
							events.</p>
					</div>
				</div>
			</div>

			<div class="row gallery" id="video-grid">

  <!-- Reel 1 -->
  <div class="col-md-4 mb-4">
    <blockquote class="instagram-media" 
      data-instgrm-permalink="https://www.instagram.com/reel/DMVHCvVNoLz/?utm_source=ig_embed" 
      data-instgrm-version="14"
      style="background:#FFF; border:0; margin:0 auto; max-width:100%;">
    </blockquote>
    <!-- <p class="insta-caption text-center mt-2">✨ Magical Pre-Wedding Moments – Shot by Wed Moment</p> -->
  </div>

  <!-- Reel 2 -->
  <div class="col-md-4 mb-4">
    <blockquote class="instagram-media"
      data-instgrm-permalink="https://www.instagram.com/reel/DMQYKXIJ08N/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA=="
      data-instgrm-version="14"
      style="background:#FFF; border:0; margin:0 auto; max-width:100%;">
    </blockquote>
    <!-- <p class="insta-caption text-center mt-2">📸 A Beautiful Outdoor Shoot in Delhi</p> -->
  </div>

  <!-- Add more reels the same way -->

</div>

			<!-- <div class="grid-container" id="videoGallery"></div> -->
		</div>
	</div>




	<!-- end product section -->

	<!-- cart banner section -->
	<section class="cart-banner pt-100 pb-100">
		<div class="container">
			<div class="row clearfix">
				<!--Image Column-->
				<div class="image-column col-lg-6">
					<div class="image">
					
						<img src="assets/img/home/6.jpeg" alt="Wedding Moments">
					</div>
				</div>
				<!--Content Column-->
				<div class="content-column col-lg-6">
					<h3><span class="orange-text">Capture</span> Your Memories</h3>
					<h4>Wedding Moments Photography</h4>
					<div class="text">   Your wedding day is a story — let us tell it beautifully.<br>
        From emotional candid shots to elegant portraits, we freeze every heartfelt moment in time.<br>
        Our expert photographers use the latest equipment to deliver stunning high-resolution imagery.<br>
        Relive every smile, tear, and laugh with our cinematic video highlights.<br>
        We specialize in pre-wedding, wedding day, and reception coverage.<br>
        Creative storytelling, seamless editing, and timeless frames — all in one package.<br>
        Whether it’s a grand celebration or an intimate ceremony, we blend into your moments.<br>
        Let your love story be told with authenticity and artistic flair.<br>
        Book us today and make your memories unforgettable.</div>
					<!--Countdown Timer-->

					<a href="/contact" class="cart-btn mt-3"><i class="fas fa-envelope"></i> Contact Now</a>
				</div>
			</div>
		</div>
	</section>


	<!-- Call to Action Section -->
<!-- Enhanced Call to Action Section -->
<section class="cta-section py-5" style="
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.85) 0%, rgba(50, 40, 30, 0.8) 100%), 
                url('https://images.unsplash.com/photo-1523438885200-e635ba2c371e?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    color: white;
    position: relative;
    overflow: hidden;
">
    <!-- Optional: Gold decorative elements -->
    <div style="
        position: absolute;
        top: 0;
        right: 0;
        width: 200px;
        height: 200px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(209, 172, 114, 0.15) 0%, rgba(209, 172, 114, 0) 70%);
        transform: translate(50%, -50%);
    "></div>
    <div style="
        position: absolute;
        bottom: 0;
        left: 0;
        width: 300px;
        height: 300px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(209, 172, 114, 0.1) 0%, rgba(209, 172, 114, 0) 70%);
        transform: translate(-50%, 50%);
    "></div>

    <div class="container position-relative" style="z-index: 2;">
        <div class="row align-items-center">
            <div class="col-lg-8 mb-4 mb-lg-0">
                <h2 class="mb-3" style="
                    font-weight: 700;
                    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
                    position: relative;
                    display: inline-block;
					color: #fff;
                ">
                    <span style="
                        content: '';
                        position: absolute;
                        left: 0;
                        bottom: -5px;
                        width: 60px;
                        height: 3px;
                        background: #d1ac72;
                    "></span>
                    Capture Your Special Moments With Perfection
                </h2>
                <p class="lead mb-0" style="
                    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
                    max-width: 600px;
					color: #d1ac72;
                ">
                    Whether it's your wedding, pre-wedding, or a special award show, our expert photography and videography team will preserve your memories beautifully.
                </p>
            </div>
            <div class="col-lg-4 text-lg-right">
                <a href="#contact" class="btn btn-lg px-4 py-3" style="
                    background-color: #d1ac72;
                    color: #000;
                    font-weight: 600;
                    border-radius: 30px;
                    border: none;
                    transition: all 0.3s ease;
                    box-shadow: 0 4px 15px rgba(209, 172, 114, 0.4);
                    position: relative;
                    overflow: hidden;
                ">
                    <span style="position: relative; z-index: 2; color: #fff;">Book Your Session Now</span>
                    <span style="
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        background: linear-gradient(to right, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.3) 100%);
                        z-index: 1;
                    "></span>
                </a>
                <p class="small mt-2" style="
                    opacity: 0.8;
                    font-style: italic;
					color: #fff;
                ">
                    <i class="fas fa-calendar-alt mr-1"></i> Limited slots available
                </p>
            </div>
        </div>
    </div>
</section>

	<!-- end cart banner section -->



	<!-- Faq Section -->

	<!-- FAQ Accordion Section -->
<section class="faq-section py-5" style="background-color: #f9f7f4;">
    <div class="container">
        <div class="text-center mb-5">
            <h2 class="display-4 mb-3" style="color: #333; font-weight: 700; position: relative;">
                <span style="
                    content: '';
                    position: absolute;
                    left: 50%;
                    bottom: -10px;
                    width: 80px;
                    height: 3px;
                    background: #d1ac72;
                    transform: translateX(-50%);
                "></span>
                Frequently Asked Questions
            </h2>
            <p class="lead" style="color: #666; max-width: 700px; margin: 0 auto;">
                Find answers to common questions about our photography and videography services
            </p>
        </div>

        <div class="row justify-content-center">
            <div class="col-lg-9">
                <div id="wedmomentAccordion">
                    <!-- FAQ Item 1 -->
                    <div class="card mb-3 border-0 shadow-sm" style="border-radius: 8px; overflow: hidden;">
                        <div class="card-header p-0" id="headingOne" style="background-color: transparent;">
                            <h5 class="mb-0">
                                <button class="btn btn-link w-100 text-left py-3 px-4 d-flex justify-content-between align-items-center" 
                                        style="color: #333; text-decoration: none; font-weight: 600;"
                                        data-toggle="collapse" 
                                        data-target="#collapseOne" 
                                        aria-expanded="true" 
                                        aria-controls="collapseOne">
                                    How far in advance should we book your services?
                                    <i class="fas fa-chevron-down" style="color: #d1ac72; transition: all 0.3s ease;"></i>
                                </button>
                            </h5>
                        </div>

                        <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#wedmomentAccordion">
                            <div class="card-body px-4 pb-4 pt-2" style="color: #555;">
                                We recommend booking at least 6-12 months in advance for weddings, especially for peak seasons. For other events like pre-weddings or award shows, 3-6 months is usually sufficient. Early booking ensures availability and gives us time to plan your perfect shoot.
                            </div>
                        </div>
                    </div>

                    <!-- FAQ Item 2 -->
                    <div class="card mb-3 border-0 shadow-sm" style="border-radius: 8px; overflow: hidden;">
                        <div class="card-header p-0" id="headingTwo">
                            <h5 class="mb-0">
                                <button class="btn btn-link w-100 text-left py-3 px-4 d-flex justify-content-between align-items-center collapsed" 
                                        style="color: #333; text-decoration: none; font-weight: 600;"
                                        data-toggle="collapse" 
                                        data-target="#collapseTwo" 
                                        aria-expanded="false" 
                                        aria-controls="collapseTwo">
                                    What packages do you offer for weddings?
                                    <i class="fas fa-chevron-down" style="color: #d1ac72; transition: all 0.3s ease;"></i>
                                </button>
                            </h5>
                        </div>
                        <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#wedmomentAccordion">
                            <div class="card-body px-4 pb-4 pt-2" style="color: #555;">
                                We offer three main packages: <br><br>
                                <strong>1. Essential</strong> - 8 hours coverage, 500+ edited photos, 3-5 minute highlight video<br>
                                <strong>2. Premium</strong> - 12 hours coverage, 800+ edited photos, 8-10 minute cinematic film, pre-wedding shoot<br>
                                <strong>3. Luxury</strong> - Full day coverage, 1200+ edited photos, 15-20 minute feature film, drone footage, album included<br><br>
                                All packages can be customized to your specific needs.
                            </div>
                        </div>
                    </div>

                    <!-- FAQ Item 3 -->
                    <div class="card mb-3 border-0 shadow-sm" style="border-radius: 8px; overflow: hidden;">
                        <div class="card-header p-0" id="headingThree">
                            <h5 class="mb-0">
                                <button class="btn btn-link w-100 text-left py-3 px-4 d-flex justify-content-between align-items-center collapsed" 
                                        style="color: #333; text-decoration: none; font-weight: 600;"
                                        data-toggle="collapse" 
                                        data-target="#collapseThree" 
                                        aria-expanded="false" 
                                        aria-controls="collapseThree">
                                    How long does it take to receive our photos/videos?
                                    <i class="fas fa-chevron-down" style="color: #d1ac72; transition: all 0.3s ease;"></i>
                                </button>
                            </h5>
                        </div>
                        <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#wedmomentAccordion">
                            <div class="card-body px-4 pb-4 pt-2" style="color: #555;">
                                For weddings, you'll receive a sneak peek of 20-30 photos within 48 hours. The full gallery is typically delivered in 4-6 weeks. Videos take 6-8 weeks for completion. For other events like pre-weddings or award shows, turnaround is usually 2-3 weeks for photos and 4 weeks for videos. We never compromise on quality for speed.
                            </div>
                        </div>
                    </div>

                    <!-- FAQ Item 4 -->
                    <div class="card mb-3 border-0 shadow-sm" style="border-radius: 8px; overflow: hidden;">
                        <div class="card-header p-0" id="headingFour">
                            <h5 class="mb-0">
                                <button class="btn btn-link w-100 text-left py-3 px-4 d-flex justify-content-between align-items-center collapsed" 
                                        style="color: #333; text-decoration: none; font-weight: 600;"
                                        data-toggle="collapse" 
                                        data-target="#collapseFour" 
                                        aria-expanded="false" 
                                        aria-controls="collapseFour">
                                    Do you travel for destination weddings/events?
                                    <i class="fas fa-chevron-down" style="color: #d1ac72; transition: all 0.3s ease;"></i>
                                </button>
                            </h5>
                        </div>
                        <div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#wedmomentAccordion">
                            <div class="card-body px-4 pb-4 pt-2" style="color: #555;">
                                Absolutely! We love destination assignments. We've covered weddings and events across the country and internationally. Travel expenses are calculated separately based on location. For international destinations, we typically require at least 3 days on location to account for travel and acclimatization. Contact us for a customized travel quote.
                            </div>
                        </div>
                    </div>

                    <!-- FAQ Item 5 -->
                    <div class="card mb-3 border-0 shadow-sm" style="border-radius: 8px; overflow: hidden;">
                        <div class="card-header p-0" id="headingFive">
                            <h5 class="mb-0">
                                <button class="btn btn-link w-100 text-left py-3 px-4 d-flex justify-content-between align-items-center collapsed" 
                                        style="color: #333; text-decoration: none; font-weight: 600;"
                                        data-toggle="collapse" 
                                        data-target="#collapseFive" 
                                        aria-expanded="false" 
                                        aria-controls="collapseFive">
                                    What makes Wedmoment different from other photography services?
                                    <i class="fas fa-chevron-down" style="color: #d1ac72; transition: all 0.3s ease;"></i>
                                </button>
                            </h5>
                        </div>
                        <div id="collapseFive" class="collapse" aria-labelledby="headingFive" data-parent="#wedmomentAccordion">
                            <div class="card-body px-4 pb-4 pt-2" style="color: #555;">
                                Three things set us apart:<br><br>
                                1. <strong>Storytelling Approach</strong> - We don't just take photos, we capture the narrative of your special day<br>
                                2. <strong>Dual Expertise</strong> - Our teams specialize in both photography AND videography for seamless coordination<br>
                                3. <strong>Personalized Service</strong> - From initial consultation to final delivery, you'll work directly with your photographer<br><br>
                                Plus, we include a complimentary anniversary shoot with all wedding packages!
                            </div>
                        </div>
                    </div>
                </div>

                <div class="text-center mt-5">
                    <p style="color: #666; font-style: italic;">
                        Didn't find your question here?
                    </p>
                    <a href="#contact" class="btn px-4 py-2" style="
                        background-color: #d1ac72;
                        color: #000;
                        font-weight: 600;
                        border-radius: 30px;
                        border: none;
                        transition: all 0.3s ease;
                    ">
                        Contact Us Directly
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>



<!-- Enquiry Form Section -->
<section class="enquiry-section py-5" style="background-color: #fff;">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-12">
                <div class="card border-0 shadow-lg" style="border-radius: 12px; overflow: hidden;">
                    <div class="row no-gutters">
                        <!-- Form Image Column -->
                        <div class="col-md-5 d-none d-md-block" style="
                            background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), 
                                        url('/assets/img/home/15.jpeg');
                            background-size: cover;
                            background-position: center;
                        ">
                            <div class="h-100 d-flex flex-column justify-content-center p-4 text-white">
                                <h3 style="font-weight: 700; margin-bottom: 1.5rem; color: #fff;">Let's Create Beautiful Memories</h3>
                                <p style="opacity: 0.9; color: #d1ac72;">
                                    Tell us about your special event and we'll get back to you within 24 hours to discuss how we can make it unforgettable.
                                </p>
                                <div class="mt-4" style="border-top: 1px solid rgba(255,255,255,0.2); padding-top: 1.5rem; color: #fff;">
                                    <p class="mb-1" style="color: #fff;"><i class="fas fa-phone-alt mr-2"></i> +1 (555) 123-4567</p>
                                    <p class="mb-1" style="color: #fff;"><i class="fas fa-envelope mr-2"></i> hello@wedmoment.com</p>
                                    <p class="mb-0" style="color: #fff;"><i class="fas fa-map-marker-alt mr-2"></i> 123 Photography St, Creative City</p>
                                </div>
                            </div>
                        </div>
                        
                        <!-- Form Column -->
                        <div class="col-md-7">
                            <div class="p-4 p-lg-5">
                                <h2 class="text-center mb-4" style="color: #333; font-weight: 700; position: relative;">
                                    <span style="
                                        content: '';
                                        position: absolute;
                                        left: 50%;
                                        bottom: -8px;
                                        width: 60px;
                                        height: 3px;
                                        background: #d1ac72;
                                        transform: translateX(-50%);
                                    "></span>
                                    Enquire Now
                                </h2>
                                
                                <form id="wedmomentEnquiryForm">
                                    <div class="form-group">
                                        <label for="name" style="color: #555; font-weight: 500;">Full Name</label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" style="background-color: #f8f9fa; border-right: 0;">
                                                    <i class="far fa-user" style="color: #d1ac72;"></i>
                                                </span>
                                            </div>
                                            <input type="text" class="form-control" id="name" placeholder="Your name" required 
                                                   style="border-left: 0; padding-left: 0; height: 45px;
                                                          border-color: #ddd; border-radius: 0 4px 4px 0;">
                                        </div>
                                    </div>
                                    
                                    <div class="form-group">
                                        <label for="email" style="color: #555; font-weight: 500;">Email Address</label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" style="background-color: #f8f9fa; border-right: 0;">
                                                    <i class="far fa-envelope" style="color: #d1ac72;"></i>
                                                </span>
                                            </div>
                                            <input type="email" class="form-control" id="email" placeholder="Your email" required 
                                                   style="border-left: 0; padding-left: 0; height: 45px;
                                                          border-color: #ddd; border-radius: 0 4px 4px 0;">
                                        </div>
                                    </div>
                                    
                                    <div class="form-group">
                                        <label for="phone" style="color: #555; font-weight: 500;">Phone Number</label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" style="background-color: #f8f9fa; border-right: 0;">
                                                    <i class="fas fa-mobile-alt" style="color: #d1ac72;"></i>
                                                </span>
                                            </div>
                                            <input type="tel" class="form-control" id="phone" placeholder="Your phone number" 
                                                   style="border-left: 0; padding-left: 0; height: 45px;
                                                          border-color: #ddd; border-radius: 0 4px 4px 0;">
                                        </div>
                                    </div>
                                    
                                    <div class="form-group">
                                        <label for="message" style="color: #555; font-weight: 500;">Your Message</label>
                                        <textarea class="form-control" id="message" rows="4" placeholder="Tell us about your event (date, location, type of photography needed etc.)" 
                                                  style="border-color: #ddd; padding-top: 10px;"></textarea>
                                    </div>
                                    
                                    <!-- <div class="form-group form-check mb-4">
                                        <input type="checkbox" class="form-check-input" id="consent" required
                                               style="border-color: #ddd;">
                                        <label class="form-check-label" for="consent" style="color: #666; font-size: 0.9rem;">
                                            I consent to Wedmoment contacting me about my enquiry
                                        </label>
                                    </div> -->
                                    
                                    <button type="submit" class="btn btn-block py-3" style="
                                        background-color: #d1ac72;
                                        color: #000;
                                        font-weight: 600;
                                        border: none;
                                        border-radius: 30px;
                                        transition: all 0.3s ease;
                                        height: 50px;
                                    ">
                                        Send Enquiry
                                        <i class="fas fa-paper-plane ml-2"></i>
                                    </button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>



	
	<style>
		


	</style>
	<!-- logo carousel -->
	<!-- <div class="logo-carousel-section">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<div class="logo-carousel-inner">
						<div class="single-logo-item">
							<img src="assets/img/weeding/6.jpg" alt="">
						</div>
						<div class="single-logo-item">
							<img src="assets/img/weeding/9.jpg" alt="">
						</div>
						<div class="single-logo-item">
							<img src="assets/img/weeding/3.jpg" alt="">
						</div>
						<div class="single-logo-item">
							<img src="assets/img/preweeding/1.jpg" alt="">
						</div>
						<div class="single-logo-item">
							<img src="assets/img/preweeding/5.jpg" alt="">
						</div>
					</div>
				</div>
			</div>
		</div>
	</div> -->
	<!-- end logo carousel -->

	<!-- footer -->
	<div class="footer-area">
		<div class="container">
			<div class="row">
				<div class="col-lg-3 col-md-6">
					<div class="footer-box about-widget">
						<h2 class="widget-title">About us</h2>
						<p>At Wed Moment, we believe every wedding tells a unique story. We have been dedicated to
							turning dreams into unforgettable celebrations. Our experienced team specializes in crafting
							stunning decor, seamless event planning, and capturing timeless moments</p>
					</div>
				</div>
				<div class="col-lg-3 col-md-6">
					<div class="footer-box get-in-touch">
						<h2 class="widget-title">Get in Touch</h2>
						<!-- <ul>
							<li>34/8, East Hukupara, Gifirtok, Sadan.</li>
							<li>support@fruitkha.com</li>
							<li>+00 111 222 3333</li>
						</ul> -->
					</div>
				</div>
				<div class="col-lg-3 col-md-6">
					<div class="footer-box pages">
						<h2 class="widget-title">Pages</h2>
						<ul>
							<li><a href="index.html">Home</a></li>
							<li><a href="about.html">About</a></li>
							<li><a href="services.html">Our Work</a></li>
							<!-- <li><a href="news.html">News</a></li> -->
							<li><a href="contact.html">Contact</a></li>
						</ul>
					</div>
				</div>
				<div class="col-lg-3 col-md-6">
					<div class="footer-box subscribe">
						<h2 class="widget-title">Subscribe</h2>
						<p>Subscribe to our mailing list to get the latest updates.</p>
						<form action="index.html">
							<input type="email" placeholder="Email">
							<button type="submit"><i class="fas fa-paper-plane"></i></button>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- end footer -->

	<!-- copyright -->
	<div class="copyright">
		<div class="container">
			<div class="row">
				<div class="col-lg-6 col-md-12">
					<p>Copyrights &copy; 2024 - <a href="https://webythink.com/">WebyThink</a>, All Rights Reserved.</p>
				</div>
				<div class="col-lg-6 text-right col-md-12">
					<div class="social-icons">
						<ul>
							<li><a href="#" target="_blank"><i class="fab fa-facebook-f"></i></a></li>

							<li><a href="#" target="_blank"><i class="fab fa-instagram"></i></a></li>

							<li><a href="#" target="_blank"><i class="fab fa-youtube"></i></a></li>

							<li><a href="#" target="_blank"><i class="fab fa-linkedin"></i></a></li>

						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- end copyright -->

	<!-- jquery -->
	<script src="assets/js/jquery-1.11.3.min.js"></script>
	<!-- bootstrap -->
	<script src="assets/bootstrap/js/bootstrap.min.js"></script>
	<!-- count down -->
	<script src="assets/js/jquery.countdown.js"></script>
	<!-- isotope -->
	<script src="assets/js/jquery.isotope-3.0.6.min.js"></script>
	<!-- waypoints -->
	<script src="assets/js/waypoints.js"></script>
	<!-- owl carousel -->
	<script src="assets/js/owl.carousel.min.js"></script>
	<!-- magnific popup -->
	<script src="assets/js/jquery.magnific-popup.min.js"></script>
	<!-- mean menu -->
	<script src="assets/js/jquery.meanmenu.min.js"></script>
	<!-- sticker js -->
	<script src="assets/js/sticker.js"></script>
	<!-- main js -->
	<script src="assets/js/main.js"></script>



	<script>


		const cinematographyImages = [
	{ path: 'assets/img/home/1.jpg', name: 'image1' },
	{ path: 'assets/img/home/2.jpg', name: 'image2' },
	{ path: 'assets/img/home/3.jpg', name: 'image3' },
	{ path: 'assets/img/home/4.jpg', name: 'image4' },
	{ path: 'assets/img/home/5.jpg', name: 'image5' },
	{ path: 'assets/img/home/6.jpeg', name: 'image6' },
	{ path: 'assets/img/home/7.jpg', name: 'image7' },
	{ path: 'assets/img/home/8.jpg', name: 'image8' },
	{ path: 'assets/img/home/9.jpeg', name: 'image9' },
	{ path: 'assets/img/home/10.jpg', name: 'image10' },
	{ path: 'assets/img/home/11.jpg', name: 'image11' },
	{ path: 'assets/img/home/12.jpeg', name: 'image12' },
	{ path: 'assets/img/home/13.jpeg', name: 'image13' },
	{ path: 'assets/img/home/14.jpeg', name: 'image14' },
	{ path: 'assets/img/home/15.jpeg', name: 'image15' },
	// { path: 'assets/img/home/16.jpeg', name: 'image16' },
	// { path: 'assets/img/home/17.jpg', name: 'image17' },
	// { path: 'assets/img/home/18.jpg', name: 'image18' },
	// { path: 'assets/img/home/19.jpg', name: 'image19' },
	// { path: 'assets/img/home/20.jpg', name: 'image20' },
	// { path: 'assets/img/home/21.jpg', name: 'image21' },
	// { path: 'assets/img/home/22.jpg', name: 'image22' },
	// { path: 'assets/img/home/23.jpg', name: 'image23' },
	// { path: 'assets/img/home/24.jpg', name: 'image24' },
	// { path: 'assets/img/home/25.jpg', name: 'image25' },
	// { path: 'assets/img/home/26.jpg', name: 'image26' },
	// { path: 'assets/img/home/27.jpg', name: 'image27' },
	// { path: 'assets/img/home/28.jpg', name: 'image28' },
	// { path: 'assets/img/home/29.jpg', name: 'image29' },
	// { path: 'assets/img/home/30.jpg', name: 'image30' },
];

		const videoImages = [
			{ path: 'assets/img/preweeding/1.jpg', name: 'image1' },
			{ path: 'assets/img/award/5.png', name: 'image2' },
			{ path: 'assets/img/preweeding/3.jpg', name: 'image3' },
			{ path: 'assets/img/preweeding/13.jpg', name: 'image13' },
			// { path: 'assets/img/preweeding/4.jpg', name: 'image4' },
			// { path: 'assets/img/preweeding/5.jpg', name: 'image5' },
			// { path: 'assets/img/preweeding/6.jpg', name: 'image6' },
			// { path: 'assets/img/preweeding/7.jpg', name: 'image7' },
			// { path: 'assets/img/cinematography/13.jpg', name: 'image13' },
			// { path: 'assets/img/preweeding/8.jpg', name: 'image8' },
			// { path: 'assets/img/cinematography/9.jpg', name: 'image9' },
			// { path: 'assets/img/cinematography/10.jpg', name: 'image10' },
			// { path: 'assets/img/cinematography/11.jpg', name: 'image11' },
			// { path: 'assets/img/cinematography/12.jpg', name: 'image12' },
			// { path: 'assets/img/cinematography/13.jpg', name: 'image13' },
			// { path: 'assets/img/cinematography/14.jpg', name: 'image14' },
			// { path: 'assets/img/cinematography/15.jpg', name: 'image15' },
			// { path: 'assets/img/cinematography/16.jpg', name: 'image16' },
			// { path: 'assets/img/cinematography/17.jpg', name: 'image17' },
			// { path: 'assets/img/cinematography/13.jpg', name: 'image13' },
			// { path: 'assets/img/cinematography/18.jpg', name: 'image18' },
			// { path: 'assets/img/cinematography/19.jpg', name: 'image19' },
			// { path: 'assets/img/cinematography/20.jpg', name: 'image20' },
			// { path: 'assets/img/cinematography/21.jpg', name: 'image21' },
			// { path: 'assets/img/cinematography/22.jpg', name: 'image22' },
			// { path: '../assets/img/cinematography/23.jpg', name: 'image23' },
		];



		const videos = [
			{ path: 'assets/img/preweeding/1.jpg', link: 'https://www.youtube.com/watch?v=DBLlFWYcIGQ', title: 'Video 1' },
			{ path: 'assets/img/award/5.png', link: 'https://www.youtube.com/watch?v=dQw4w9WgXcQ', title: 'Video 2' },
			{ path: 'assets/img/preweeding/3.jpg', link: 'https://www.youtube.com/watch?v=3JZ_D3ELwOQ', title: 'Video 3' },
			{ path: 'assets/img/preweeding/4.jpg', link: 'https://www.youtube.com/watch?v=oHg5SJYRHA0', title: 'Video 4' },
			{ path: 'assets/img/preweeding/5.jpg', link: 'https://www.youtube.com/watch?v=oHg5SJYRHA0', title: 'Video 5' },
			{ path: 'assets/img/preweeding/6.jpg', link: 'https://www.youtube.com/watch?v=oHg5SJYRHA0', title: 'Video 6' },
			{ path: 'assets/img/award/4.png', link: 'https://www.youtube.com/watch?v=oHg5SJYRHA0', title: 'Video 6' },
			{ path: 'assets/img/preweeding/8.jpg', link: 'https://www.youtube.com/watch?v=oHg5SJYRHA0', title: 'Video 6' },
			{ path: 'assets/img/preweeding/9.jpg', link: 'https://www.youtube.com/watch?v=oHg5SJYRHA0', title: 'Video 6' },
			{ path: 'assets/img/preweeding/10.jpg', link: 'https://www.youtube.com/watch?v=oHg5SJYRHA0', title: 'Video 6' },
		];

		const gridContainer = document.getElementById('cinematography-grid');

		cinematographyImages.forEach((image, index) => {
			const gridItem = document.createElement('div');
			gridItem.classList.add('grid-item');

			// Add random design for the first two rows
			// if (index < 6 && Math.random() > 0.5) {
			// 	gridItem.classList.add('random');
			// }

			const img = document.createElement('img');
			img.src = image.path;
			img.alt = image.name;

			const overlay = document.createElement('div');
			overlay.classList.add('overlay');
			

			gridItem.appendChild(img);
			gridItem.appendChild(overlay);
			gridContainer.appendChild(gridItem);
		});


		



		// const galleryContainer = document.getElementById('videoGallery');
		// videos.forEach(video => {
		// 	const videoItem = document.createElement('div');
		// 	videoItem.className = 'grid-item';
		// 	videoItem.innerHTML = `
			
      
		// 		<a href="${video.link}" class="video-play-btn popup-youtube" target="_blank">
        //           <i class="fas fa-play"></i>
        //          </a>
		// 			<img src="${video.path}" alt="${video.title}">

				

		// 	`;
		// 	galleryContainer.appendChild(videoItem);
		// });
	</script>
<script async src="//www.instagram.com/embed.js"></script>
</body>

</html>