<!DOCTYPE html>
<html lang="zxx">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Welcome To || Shyam Baloon Decoration</title>
  <link rel="icon" href="assets/img/favicon.png">
  <!-- CSS only -->
   <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
   <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
   <link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
   <!-- fancybox -->
   <link rel="stylesheet" href="assets/css/jquery.fancybox.min.css">
   <!-- Font Awesome 6 -->
   <link rel="stylesheet" href="assets/css/fontawesome.min.css">
   <!-- style -->
   <link rel="stylesheet" href="assets/css/style.css">
   <!-- responsive -->
   <link rel="stylesheet" href="assets/css/responsive.css">
   <!-- color -->
   <link rel="stylesheet" href="assets/css/color.css">
    <link href='https://fonts.googleapis.com' rel='stylesheet'>
 </head>
<body>
  <?php include "header.php" ?>
<section class="slider-home-1 owl-carousel owl-theme">
  <div class="hero-section item" style="background-image: url(assets/img/featured-area-1.jpg);">
    <div class="container">
      <div class="row">
        <div class="col-lg-6">
          <div class="featured-area"  style="background-color: #1e293b;">
            <span>Welcome to </span>
            <h3 style="font-size: 47px;line-height: 52px;">Shyam Baloon Decoration</h3>
            <h5>We Create Beautiful Memories</h5>
            <p>From Haldi to Anniversary, Baby Shower to Birthday – We design every celebration with love, creativity, and perfection.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="hero-section item" style="background-image: url(assets/img/featured-area-2.jpg);">
    <div class="container">
      <div class="row">
        <div class="col-lg-6">
          <div class="featured-area">
            <span></span>
            <h3 style="font-size: 47px;line-height: 52px;">Shyam Baloon Decoration</h3>
            <h5>Elegant Haldi & Mehndi Decorations</h5>
            <p>Traditional themes, floral backdrops, vibrant colors, and customized stage setups to make your wedding functions unforgettable.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<style type="text/css">
.read-more-btn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 220px;
    height: 55px;
    text-decoration: none;
    font-weight: 600;
    font-family: Arial, sans-serif;
    letter-spacing: 1px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    background: linear-gradient(90deg, #ff4d4d, #ffa500);
    padding: 3px; /* border thickness */
    transition: 0.4s ease;
}

/* Inner white area */
.read-more-btn .text {
    background: #fff;
    color: #ff6a00;
    flex: 1;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s ease;
}

.read-more-btn .arrow {
    background: linear-gradient(90deg, #ff4d4d, #ffa500);
    color: #fff;
    width: 55px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    transition: 0.4s ease;
}

/* Hover Effect */
.read-more-btn:hover .text {
    background: transparent;
    color: #fff;
}

.read-more-btn:hover .arrow {
    transform: translateX(5px);
}

/* Smooth shadow on hover */
.read-more-btn:hover {
    box-shadow: 0 8px 20px rgba(255, 106, 0, 0.4);
}
</style>
<section style="padding-top: 43px;padding-bottom: 43px;">
  <div class="container">
      <div class="row">
        <div class="col-xl-6">
          <div class="party-balloons">
            <p style="margin-bottom: -16px;">About Us</p>
            <h2>Shyam Baloon Decoration</h2>
            <p style="text-align: justify;">Shyam Baloon Decoration is a professional event decoration company dedicated to making your special moments beautiful and unforgettable. We specialize in creative and customized decorations for all types of celebrations including Haldi, Mehndi, Birthday Parties, Welcome Baby, Baby Shower, First Night, and Anniversary events.</p>
            <ul>
              <li><img alt="chak" src="assets/img/chak.png"><strong>Our Mission</strong></li>
              <p>To create joyful memories through beautiful decorations <br>and exceptional service.</p>
              <li><img alt="chak" src="assets/img/chak.png"><strong>Our Vision</strong></li>
              <p>To become a trusted name in event decoration by delivering creativity, quality, and customer satisfaction.</p>
            </ul>
            <!----
            <a href="about-us.php" class="read-more-btn"><span class="text">READ MORE</span><span class="arrow">➜</span></a>--->
            <a href="about-us.php" class="btn"><span>READ MORE</span></a>
          </div>
        </div>
        <div class="col-xl-6">
          <div class="party-balloon-img">
            <img alt="party-balloon" class="p-balloon" src="assets/img/party-balloon-1.jpg">
            <img alt="party-balloon" src="assets/img/party-balloon-2.jpg">
            <div class="b-shap"></div>
          </div>
        </div>
      </div>
  </div>
</section>


<section class="services-wrapper">

  <div class="section-title">
    <h2>Our Decoration Services</h2>
    <p>We create beautiful and memorable decorations for your special occasions</p>
  </div>

  <div class="services-section">
    <div class="card">
    <div class="card-img">
      <img src="assets/img/1.jpg" alt="">
    </div>
    <h3>Haldi Decoration</h3>
    <p>We create vibrant and traditional Haldi setups with yellow themes, marigold flowers, floral backdrops, decorative seating, and customized stage arrangements to make your ceremony joyful and picture-perfect.</p>
    <a href="https://wa.me/+919393231888?text=Hello%2020Shyam%20Event,%20I%20want%20to%20book%20decoration%20service" target="blank" class="btn"><span>Book Now</span></a>
  </div>

  <div class="card">
    <div class="card-img">
      <img src="assets/img/2.jpg" alt="">
    </div>
    <h3>Mehndi Decoration</h3>
    <p>Stylish and colorful Mehndi decorations with floral décor, boho themes, traditional props, and elegant seating arrangements that enhance the beauty of your special day.</p>
    <a href="https://wa.me/+919393231888?text=Hello%2020Shyam%20Event,%20I%20want%20to%20book%20decoration%20service" target="blank" class="btn"><span>Book Now</span></a>
  </div>

  <div class="card">
    <div class="card-img">
      <img src="assets/img/3.jpg" alt="">
    </div>
    <h3>Birthday Decoration</h3>
    <p>From kids' theme parties to elegant adult birthday celebrations, we provide balloon arches, LED numbers, customized name boards, backdrop setups, and creative theme-based decorations.</p>
    <a href="https://wa.me/+919393231888?text=Hello%2020Shyam%20Event,%20I%20want%20to%20book%20decoration%20service" target="blank" class="btn"><span>Book Now</span></a>
  </div>

  <div class="card">
    <div class="card-img">
      <img src="assets/img/4.jpg" alt="">
    </div>
    <h3>Welcome Baby Decoration</h3>
    <p>Celebrate the arrival of your little one with cute and heartwarming baby-themed decorations, pastel balloon designs, name boards, and cozy home décor arrangements.</p>
    <a href="https://wa.me/+919393231888?text=Hello%2020Shyam%20Event,%20I%20want%20to%20book%20decoration%20service" target="blank" class="btn"><span>Book Now</span></a>
  </div>

  <div class="card">
    <div class="card-img">
      <img src="assets/img/5.jpg" alt="">
    </div>
    <h3>Baby Shower Decoration</h3>
    <p>Make your baby shower special with charming themes, floral decorations, balloon arches, stage backdrops, and customized decorative elements.</p>
    <a href="https://wa.me/+919393231888?text=Hello%2020Shyam%20Event,%20I%20want%20to%20book%20decoration%20service" target="blank" class="btn"><span>Book Now</span></a>
  </div>

  <div class="card">
    <div class="card-img">
      <img src="assets/img/6.jpg" alt="">
    </div>
    <h3>First Night Decoration</h3>
    <p>Romantic room decoration with roses, candles, heart designs, fairy lights, and beautiful bed décor to create a magical and memorable first night experience.</p>
    <a href="https://wa.me/+919393231888?text=Hello%2020Shyam%20Event,%20I%20want%20to%20book%20decoration%20service" target="blank" class="btn"><span>Book Now</span></a>
  </div>

  <div class="card">
    <div class="card-img">
      <img src="assets/img/7.jpg" alt="">
    </div>
    <h3>Anniversary Decoration</h3>
    <p>Celebrate your love story with elegant anniversary decorations including romantic candlelight setups, floral arrangements, surprise room décor, and customized themes.</p>
    <a href="https://wa.me/+919393231888?text=Hello%2020Shyam%20Event,%20I%20want%20to%20book%20decoration%20service" target="blank" class="btn"><span>Book Now</span></a>
  </div>

  <div class="card">
    <div class="card-img">
      <img src="assets/img/8.jpg" alt="">
    </div>
    <h3>Custom Theme Decoration</h3>
    <p>We also provide fully customized decoration services based on your ideas, color preferences, and event requirements.</p>
    <a href="https://wa.me/+919393231888?text=Hello%2020Shyam%20Event,%20I%20want%20to%20book%20decoration%20service" target="blank" class="btn"><span>Book Now</span></a>
  </div>
  </div>

</section>

<style type="text/css">
  .services-wrapper {
  padding: 70px 20px;
  background: #f5f5f5;
}

.section-title {
  text-align: center;
  margin-bottom: 50px;
}

.section-title h2 {
  font-size: 36px;
  font-weight: 700;
  color: #222;
  position: relative;
  display: inline-block;
}

.section-title h2::after {
  content: "";
  width: 70px;
  height: 4px;
  background: #f8a90a;
  display: block;
  margin: 12px auto 0;
  border-radius: 2px;
}

.section-title p {
  margin-top: 15px;
  color: #777;
  font-size: 16px;
}

.services-section {
  display: flex;
  justify-content: center;
  gap: 30px;
  padding: 0px 20px;
  background: #f5f5f5;
  flex-wrap: wrap;
}

.card {
  width: 403px;
  background: #fff;
  border-radius: 15px;
  padding: 20px;
  text-align: center;
  box-shadow: 0 8px 25px rgba(0,0,0,0.08);
  transition: 0.4s ease;
  overflow: hidden;
}

.card:hover {
  transform: translateY(-12px);
  box-shadow: 0 15px 40px rgba(0,0,0,0.15);
}

.card-img {
  overflow: hidden;
  border-radius: 12px;
}

.card-img img {
  width: 100%;
  display: block;
  transition: 0.5s ease;
}

.card:hover img {
  transform: scale(1.1);
}

.card h3 {
  margin: 20px 0 10px;
  font-size: 22px;
}

.card p {
  font-size: 14px;
  color: #777;
  margin-bottom: 20px;
  text-align: justify;
}

/* Button Style */
.btn {
  width: 160px;  
  align-self: center;
  display: inline-block;
  padding: 12px 28px;
  border-radius: 30px;
  border: 2px solid #1e293b;
  color: #1e293b;
  text-decoration: none;
  font-weight: 600;
  transition: 0.4s ease;
}

.btn:hover {
  background: #ff8800;
  color: #fff;
  box-shadow: 0 8px 20px rgba(255,136,0,0.3);
}

.btn.active {
  background: #ff8800;
  color: #fff;
}
</style>


<section class="gap" style="background-image: url(assets/img/recent-products.jpg)">
  <div class="container">
    <div class="heading">


  <div class="section-title">
    <h2>Birthday Decorations</h2>
    <p></p>
  </div>
    </div>
    <div class="product-slider owl-carousel owl-theme">
      <div class="item">
        <div class="product-style">
          <img alt="img" src="assets/img/9.png">
          <a href="#">
            <h5>Birthday Decorations</h5>
          </a><br>
           <a href="https://wa.me/+919393231888?text=Hello%2020Shyam%20Event" target="blank" class="btn"><span>book Now</span></a>
        </div>
      </div>
      <div class="item">
        <div class="product-style">
          <img alt="img" src="assets/img/10.png">
          <a href="#">
            <h5>Birthday Decorations</h5>
          </a><br>
           <a href="https://wa.me/+919393231888?text=Hello%2020Shyam%20Event" target="blank" class="btn"><span>book Now</span></a>
        </div>
      </div>
      <div class="item">
        <div class="product-style">
          <img alt="img" src="assets/img/11.png">
          <a href="#">
            <h5>Birthday Decorations</h5>
          </a><br>
           <a href="https://wa.me/+919393231888?text=Hello%2020Shyam%20Event" target="blank" class="btn"><span>book Now</span></a>
        </div>
      </div>
      <div class="item">
        <div class="product-style">
          <img alt="img" src="assets/img/12.png">
          <a href="#">
            <h5>Birthday Decorations</h5>
          </a><br>
           <a href="https://wa.me/+919393231888?text=Hello%2020Shyam%20Event" target="blank" class="btn"><span>book Now</span></a>
        </div>
      </div>
      <div class="item">
        <div class="product-style">
          <img alt="img" src="assets/img/13.png">
          <a href="#">
            <h5>Birthday Decorations</h5>
          </a><br>
           <a href="https://wa.me/+919393231888?text=Hello%2020Shyam%20Event" target="blank" class="btn"><span>book Now</span></a>
        </div>
      </div>
      <div class="item">
        <div class="product-style">
          <img alt="img" src="assets/img/14.png">
          <a href="#">
            <h5>Birthday Decorations</h5>
          </a><br>
           <a href="https://wa.me/+919393231888?text=Hello%2020Shyam%20Event" target="blank" class="btn"><span>book Now</span></a>
        </div>
      </div>
    </div>
  </div>
</section>



<section class="gap" style="background-image: url(assets/img/recent-products.jpg)">
  <div class="container">
    <div class="heading">


  <div class="section-title">
    <h2>Anniversary Decorations</h2>
    <p></p>
  </div>
    </div>
    <div class="product-slider owl-carousel owl-theme">
      <div class="item">
        <div class="product-style">
          <img alt="img" src="assets/img/15.png">
          <a href="#">
            <h5>Anniversary Decorations</h5>
          </a><br>
           <a href="https://wa.me/+919393231888?text=Hello%2020Shyam%20Event" target="blank" class="btn"><span>book Now</span></a>
        </div>
      </div>
      <div class="item">
        <div class="product-style">
          <img alt="img" src="assets/img/16.png">
          <a href="#">
            <h5>Anniversary Decorations</h5>
          </a><br>
           <a href="https://wa.me/+919393231888?text=Hello%2020Shyam%20Event" target="blank" class="btn"><span>book Now</span></a>
        </div>
      </div>
      <div class="item">
        <div class="product-style">
          <img alt="img" src="assets/img/17.png">
          <a href="#">
            <h5>Anniversary Decorations</h5>
          </a><br>
           <a href="https://wa.me/+919393231888?text=Hello%2020Shyam%20Event" target="blank" class="btn"><span>book Now</span></a>
        </div>
      </div>
      <div class="item">
        <div class="product-style">
          <img alt="img" src="assets/img/18.png">
          <a href="#">
            <h5>Anniversary Decorations</h5>
          </a><br>
           <a href="https://wa.me/+919393231888?text=Hello%2020Shyam%20Event" target="blank" class="btn"><span>book Now</span></a>
        </div>
      </div>
      <div class="item">
        <div class="product-style">
          <img alt="img" src="assets/img/19.png">
          <a href="#">
            <h5>Anniversary Decorations</h5>
          </a><br>
           <a href="https://wa.me/+919393231888?text=Hello%2020Shyam%20Event" target="blank" class="btn"><span>book Now</span></a>
        </div>
      </div>
      <div class="item">
        <div class="product-style">
          <img alt="img" src="assets/img/20.png">
          <a href="#">
            <h5>Anniversary Decorations</h5>
          </a><br>
           <a href="https://wa.me/+919393231888?text=Hello%2020Shyam%20Event" target="blank" class="btn"><span>book Now</span></a>
        </div>
      </div>
    </div>
  </div>
</section>


<section class="gap" style="background-image: url(assets/img/recent-products.jpg)">
  <div class="container">
    <div class="heading">


  <div class="section-title">
    <h2>Baby Shower Decorations</h2>
    <p></p>
  </div>
    </div>
    <div class="product-slider owl-carousel owl-theme">
      <div class="item">
        <div class="product-style">
          <img alt="img" src="assets/img/21.png">
          <a href="#">
            <h5>Baby Shower Decorations</h5>
          </a><br>
           <a href="https://wa.me/+919393231888?text=Hello%2020Shyam%20Event" target="blank" class="btn"><span>book Now</span></a>
        </div>
      </div>
      <div class="item">
        <div class="product-style">
          <img alt="img" src="assets/img/22.png">
          <a href="#">
            <h5>Baby Shower Decorations</h5>
          </a><br>
           <a href="https://wa.me/+919393231888?text=Hello%2020Shyam%20Event" target="blank" class="btn"><span>book Now</span></a>
        </div>
      </div>
      <div class="item">
        <div class="product-style">
          <img alt="img" src="assets/img/23.png">
          <a href="#">
            <h5>Baby Shower Decorations</h5>
          </a><br>
           <a href="https://wa.me/+919393231888?text=Hello%2020Shyam%20Event" target="blank" class="btn"><span>book Now</span></a>
        </div>
      </div>
      <div class="item">
        <div class="product-style">
          <img alt="img" src="assets/img/24.png">
          <a href="#">
            <h5>Baby Shower Decorations</h5>
          </a><br>
           <a href="https://wa.me/+919393231888?text=Hello%2020Shyam%20Event" target="blank" class="btn"><span>book Now</span></a>
        </div>
      </div>
      <div class="item">
        <div class="product-style">
          <img alt="img" src="assets/img/25.png">
          <a href="#">
            <h5>Baby Shower Decorations</h5>
          </a><br>
           <a href="https://wa.me/+919393231888?text=Hello%2020Shyam%20Event" target="blank" class="btn"><span>book Now</span></a>
        </div>
      </div>
      <div class="item">
        <div class="product-style">
          <img alt="img" src="assets/img/26.png">
          <a href="#">
            <h5>Baby Shower Decorations</h5>
          </a><br>
           <a href="https://wa.me/+919393231888?text=Hello%2020Shyam%20Event" target="blank" class="btn"><span>book Now</span></a>
        </div>
      </div>
    </div>
  </div>
</section>

<section style="padding-top: 43px;padding-bottom: 43px;">
  <div class="container">
    <div class="heading">
      
  <div class="section-title" style="margin-bottom:1px;">
    <h2>Our Clients Say</h2>
    <p></p>
  </div>
    </div>
    <div class="row feedback-slider owl-carousel owl-theme">
      <div class="col-lg-12 item">
        <div class="customer-feedback">
          <i><img class="quote" alt="quote" src="assets/img/quote.png"></i>
          <p>Shyaam Events exceeded my expectations with their exceptional decorations and flawless execution for my daughter's birthday party.</p>
          <h4>Ravi Garg</h4>
          <span>Gurgaon</span>
          <div class="star">
            <i class="fa-solid fa-star"></i>
            <i class="fa-solid fa-star"></i>
            <i class="fa-solid fa-star"></i>
            <i class="fa-solid fa-star"></i>
            <i class="fa-solid fa-star"></i>
          </div>
        </div>
      </div>
      <div class="col-lg-12 item">
        <div class="customer-feedback">
          <i><img class="quote" alt="quote" src="assets/img/quote.png"></i>
          <p>I highly recommend Shyaam Events! They created a magical ambiance for my anniversary celebration, making it a truly memorable experience.</p>
          <h4>Sunil Kaur</h4>
          <span>Gurgaon</span>
          <div class="star">
            <i class="fa-solid fa-star"></i>
            <i class="fa-solid fa-star"></i>
            <i class="fa-solid fa-star"></i>
            <i class="fa-solid fa-star"></i>
            <i class="fa-solid fa-star"></i>
          </div>
        </div>
      </div>
      <div class="col-lg-12 item">
        <div class="customer-feedback">
          <i><img class="quote" alt="quote" src="assets/img/quote.png"></i>
          <p>Shyaam Events did an outstanding job with the decorations for my sister's baby shower. It was a delightfully beautiful event.</p>
          <h4>Ajay Gupta</h4>
          <span>Gurgaon</span>
          <div class="star">
            <i class="fa-solid fa-star"></i>
            <i class="fa-solid fa-star"></i>
            <i class="fa-solid fa-star"></i>
            <i class="fa-solid fa-star"></i>
            <i class="fa-solid fa-star"></i>
          </div>
        </div>
      </div>
      <div class="col-lg-12 item">
        <div class="customer-feedback">
          <i><img class="quote" alt="quote" src="assets/img/quote.png"></i>
          <p>I was blown away by the creativity and attention to detail displayed by Shyaam Events at my cousin's wedding. They made it a fairy tale affair.</p>
          <h4>Tanvi Arora</h4>
          <span>Gurgaon</span>
          <div class="star">
            <i class="fa-solid fa-star"></i>
            <i class="fa-solid fa-star"></i>
            <i class="fa-solid fa-star"></i>
            <i class="fa-solid fa-star"></i>
            <i class="fa-solid fa-star"></i>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>


  <?php include "footer.php" ?>
<!-- jQuery -->
<script src="assets/js/jquery-3.6.0.min.js"></script>
<!-- Bootstrap Js -->
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<!-- fancybox -->
<script src="assets/js/jquery.fancybox.min.js"></script>
<script src="assets/js/custom.js"></script>
</body>
