1#@!#!123s

22527 1#@!#!123s
: / home / ubuntu / letsfamebackup / lf220525 / letsfame /
Filename : book-my-artist-india.php
back
<!doctype html>
<html lang="en">

<head>
   <!-- Meta Tags -->
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="description" content="">
   <meta name="keywords" content="">
   <meta name="author" content="">
   <meta name="robots" content="noodp" />
   <link rel="shortcut icon" href="assets/img/favicon.ico">
   <title>Book-artist</title>
   <link rel="icon" href="assets/img/bookartistnow/favicon.png" type="image/x-icon"><!-- favicon -->

   <!-- Style CSS Start -->
   <link type="text/css" href="assets/css/bootstrap.min.css" rel="stylesheet"><!-- Bootstrap CSS -->
   <link type="text/css" href="assets/css/style.css" rel="stylesheet"><!-- Style CSS -->
   <link type="text/css" href="assets/css/index-style.css" rel="stylesheet"><!-- Style CSS -->
   <link type="text/css" href="assets/css/mediaquery.css" rel="stylesheet"><!-- Mediaquery CSS -->
   <link type="text/css" href="assets/fonts/font.css" rel="stylesheet"><!-- Fonts CSS -->
   <link type="text/css" href="assets/fonts/bootstrap-icons.css" rel="stylesheet"><!-- Bootstrap Icons CSS -->
   <link type="text/css" href="assets/css/all.min.css" rel="stylesheet"><!-- FontAwesome Icon CSS -->
   <link type="text/css" href="assets/css/aos.css" rel="stylesheet"><!-- Animation CSS -->
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
   <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
   <link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
   <link type="text/css" href="assets/css/nav.css" rel="stylesheet"><!-- Menu CSS -->
   <script src="assets/js/jquery.min.js"></script>
   <script src="assets/js/owl.carousel.js"></script>

   <style>
      body {
         background-color: #000 !important;
      }

      .close-btn {
         padding-top: 16px;
         padding-right: 6px;
      }

      #imageapp {
         width: 100%;
         height: 100%;
         display: block;
         position: absolute;
         top: 0;
         left: 0;
         background-size: 150% auto;
         background-repeat: no-repeat;
         background-position: top center;
         background-image: url('assets/img/home/bigestcut.webp');
      }

      .imagess {
         position: relative;
         height: 1150px;
         text-align: center;
         background: #000000;
         width: 100%;
         overflow: hidden;
      }

      .mbl-d-b {
         display: none;
      }

      .mbl-d-n {
         display: block;
      }

      .new-banner {
         background-image: none;
         height: 100vh;
      }

      .lets-slider {
         border-image: linear-gradient(86deg, #f3c060, transparent) 2;
      }

      .let-slider {
         border: none !important;
      }

      .new-banner .contents {
         position: absolute;
         top: 50%;
         left: 5%;
         margin-right: unset;
         transform: translate(0%, -50%);
         width: 45%;
      }

      .new-banner .contents .lets-main-title-h2,
      .new-banner .contents .lets-sub-title-h2 {
         text-align: left !important;
      }

      .new-banner .signup,
      .lets-slider,
      .let-slider {
         text-align: left !important;
         margin: 0;
      }

      .new-banner .contentw-100-scroll {
         position: absolute;
         bottom: 3%;
         left: 0;
         margin-right: unset;
         width: 100%;
      }

      .new-banner .contents .lets-sub-title-h2 {
         line-height: 26px;
      }

      .h-100vh {
         height: 100vh;
      }

      .iframe-wh {
         width: 100%;
         height: 400px;
      }

      .d-color {
         color: #F3C060 !important;
      }

      @media only screen and (min-width:992px) and (max-width:1920px) {
         .view-desktop {
            display: block;
         }

         .view-mobile {
            display: none !important;
         }
      }

      @media only screen and (min-width:280px) and (max-width:991px) {
         .view-desktop {
            display: none !important;
         }

         .view-mobile {
            display: block;
         }
      }

      @media only screen and (min-width: 1240px) {
         .home-video video {
            width: 100%;
            overflow: hidden;
         }
      }

      @media only screen and (max-width:345px) {
         .mbl-d-b {
            display: block;
         }

         .mbl-d-n {
            display: none;
         }

         .new-banner .contents {
            width: 100%;
         }

         .new-banner .contents .lets-sub-title-h2 {
            line-height: 17px !important;
            font-size: 12px !important;
         }

         .new-banner .contents .lets-main-title-h2 {
            font-size: 21px !important;
         }

         .let-slider {
            height: 135px;
         }

         .lets-slider p {
            font-size: 10px;
         }

         .new-banner .signup {
            font-size: 12px;
         }

         .lets-slider {
            width: 258px !important;
            height: 65px !important;
         }

         .lets-slider h2 {
            font-size: 35px !important;
         }

         .animation-box {
            margin-top: 27px !important;
         }

         .iframe-wh {
            height: 250px;
         }
      }

      @media only screen and (min-width:346px) and (max-width:600px) {
         .mbl-d-b {
            display: block;
         }

         .mbl-d-n {
            display: none;
         }

         .new-banner .contents {
            width: 100%;
         }

         .new-banner .contents .lets-sub-title-h2 {
            line-height: 21px !important;
            font-size: 14px !important;
         }

         .new-banner .contents .lets-main-title-h2 {
            font-size: 25px !important;
         }

         .let-slider {
            height: 160px;
         }

         .lets-slider p {
            font-size: 14px
         }

         .iframe-wh {
            height: 250px;
         }

         .select2-container {
            width: 100% !important;
         }
      }

      @media only screen and (min-width:600px) and (max-width:720px) {
         .let-slider {
            height: 175px;
         }
      }

      @media only screen and (max-width:768px) {
         .artist-booking-bg {
            height: 20vh !important;
         }

         .app-icon {
            left: 38% !important;
         }
      }

      @media only screen and (min-width:768px) and (max-width:1024px) {
         .artist-booking-bg {
            height: 128px !important;
            margin-top: 72px !important;
         }

         .artist-booking label {
            font-size: 13px;
         }
      }

      .select2-container--default .select2-selection--single {
         border: 1px solid #CDCDCD !important;
         height: 42px !important;
      }

      .select2-container--default .select2-selection--single .select2-selection__rendered {
         line-height: 42px !important;
      }

      .select2-container--default .select2-selection--single .select2-selection__arrow {
         height: 42px !important;
      }

      .select2-container {
         width: 100% !important;
      }

      /*ARTIST BOOKING*/
      .artist-booking-bg {
         background: url('../img/book-artist/book-artist-banner.png') no-repeat;
         background-position-x: 0%;
         background-position-y: 0%;
         background-size: auto;
         background-position: top center;
         background-size: cover;
         height: 234px;
         margin-top: 75px;
         position: relative;
      }

      .app-icon {
         position: absolute;
         bottom: 0%;
         left: 50%;
         margin-right: -50%;
         width: 100px;
         height: 100px;
         padding: 0px;
         margin-bottom: -40px;
      }

      .artist-booking {}

      .artist-booking label {
         font-size: 15px;
         font-weight: 600;
         line-height: 1.25;
      }

      .artist-booking .book {
         width: 300px;
         font-size: 16px;
         font-weight: 600;
      }

      .artist-booking .form-control {
         background-color: rgba(255, 255, 255, 0.5) !important;
         box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, rgba(47, 44, 41, 0.16) 0px 0px 0px 1px, rgba(47, 44, 41, 0.08) 0px 2px 5px 0px !important;
         border: 0px !important;
         font-family: 'Montserrat Regular' !important;
      }

      .artist-booking .form-select {
         background-color: rgba(255, 255, 255, 0.5) !important;
         box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, rgba(47, 44, 41, 0.16) 0px 0px 0px 1px, rgba(47, 44, 41, 0.08) 0px 2px 5px 0px;
         border: 0px !important;
         font-family: 'Montserrat Regular' !important;
      }
   </style>

<body>

   <!-- header -->
   <header id="header" class="fixed-top d-flex align-items-center">
      <nav id="lt-navbar" class="navbar navbar-expand-lg fixed-top text-white"
         style="background-color: #000000; color: #ffffff !important; padding: 17px 0px;">
         <div class="container-fluid d-flex align-items-center px-3">
            <div class="logo">
               <a href="book-my-artist-india.php"><img src="assets/img/logo.png" alt="logo" title="logo"
                     class="img-fluid"></a>
            </div>
            <button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse"
               data-bs-target="#collapsibleNavbar">
               <i class="fa-solid fa-bars text-white"></i>
            </button>
            <div class="collapse navbar-collapse justify-content-center" id="collapsibleNavbar">
               <ul class="navbar-nav">
                  <li class="nav-item pt-2">
                     <a href="book-my-artist-india" class="nav-link">Home</a>
                  </li>
                  <li class="nav-item pt-2">
                     <a href="book-your-celebrity" class="nav-link">Contact Us</a>
                  </li>
               </ul>
            </div>
            <div class="ms-auto d-none d-lg-block">
               <a href="bookartist" class="btn btn-warning px-5 py-2 rounded-pill text-dark"
                  style="color: #000 !important;">Book Artist</a>
            </div>
         </div>
      </nav>
   </header>
   <!-- header -->

   <script>
      document.querySelectorAll(".nav-link").forEach((link) => {
         if (link.href === window.location.href) {
            link.classList.add("active");
            link.setAttribute("aria-current", "page");
         } else {
            var homeLink = document.querySelector(".navbar-nav .nav-item .nav-link[href='index']");
            if (homeLink && window.location.pathname.endsWith('/')) {
               homeLink.classList.add("active");
               homeLink.setAttribute("aria-current", "page");
            }
         }
      });
   </script>
   <!--HEADER END---->

   <!-- footer modal -->
   <div class="modal fade" id="signup" tabindex="-1" aria-labelledby="exampleModalLabel" data-bs-backdrop="static"
      data-bs-keyboard="false" aria-hidden="true">
      <div class="modal-dialog modal-lg modal-dialog-centered">
         <div class="modal-content bg-dark">
            <div class="modal-header no-border">
               <div class="close-btn">
                  <img src="assets/img/close-btn.png" alt="Close button LetsFame" title="Close button LetsFame"
                     data-bs-dismiss="modal" class="img-fluid" height="80%" />
               </div>
            </div>
            <div class="modal-body p-0">
               <div class="w-100">
                  <div class="row">
                     <section class="qrcode-container bg-light">
                        <div class="">
                           <div class="row">
                              <div class="col-md-12">
                                 <div class="bg-dark shadow-sm">
                                    <div class="row">
                                       <div class="col-md-4 mob-form-image">
                                          <img src="assets/img/qr-code-image.png" alt="QR-Code LetsFame"
                                             title="QR-Code LetsFame" class="img-fluid bgimg rounded-start">
                                       </div>
                                       <div class="col-md-8">
                                          <div class="qr-code-popup mt-5">
                                             <h3 class="text-white">World’s 1st
                                                professional networking &
                                                talent hiring app for the
                                                Entertainment World</h3>
                                             <div class="my-3 imgwidth pt-5">
                                                <div class="row">
                                                   <div class="col-md-7">
                                                      <h5 class="text-white">Download Our
                                                         Mobile App to Experience the Full Potential
                                                         of the Platform</h5>
                                                      <h6 class="mb-3 text-white">Downloads Available
                                                         on</h6>
                                                      <div class="row">
                                                         <div class="col-md-6">
                                                            <a href="https://apps.apple.com/in/app/letsfame/id6444732920"
                                                               target="_blank" class="me-2"><img
                                                                  src="assets/img/ios.svg" alt="img"
                                                                  class="img-fluid"></a>

                                                         </div>
                                                         <div class="col-md-6">
                                                            <a href="https://play.google.com/store/apps/details?id=com.letsfame.app"
                                                               target="_blank" class=""><img
                                                                  src="assets/img/android.svg" alt="img"
                                                                  class="img-fluid"></a>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="col-md-5 pt-3">
                                                      <img src="assets/img/qr-code.png" alt="QR-Code LetsFame"
                                                         title="QR-Code LetsFame" class="img-fluid qr-code" />
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </section>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
   <!-- footer modal -->


   <!-- -----on loading image functinality -->
   <div class="modal fade" id="Modal" tabindex="-1">
      <div class="modal-dialog modal-dialog-centered modal-xl">
         <div class="modal-content"
            style="background: linear-gradient(to right, rgba(243, 192, 96, 1), rgba(198, 137, 47, 1)); padding: 20px;">
            <div class="modal-header py-4">
               <h4 class="modal-title text-center fw-bold">Enter your Artist Booking Requirements:</h4>
               <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body"
               style="background: linear-gradient(to right, rgba(243, 192, 96, 1), rgba(198, 137, 47, 1)); padding: 20px;">
               <main class="artist-booking mt-04 position-relative">
                  <section class="pb-3 mt-0">
                     <div class="container">
                        <div class="pt-3">
                           <div class="row">
                              <div class="col-lg-12 align-self-center">
                                 <h2 class="text-center pb-2"></h2>
                                 <div class="p-lg-4">
                                    <form class="ads-form" method="POST" action="mail_bookartist.php">
                                       <div class="row">
                                          <div class="col-12 col-md-12 col-xl-4 pb-3">
                                             <label class="form-label">Your Name: <span
                                                   class="text-danger">*</span></label>
                                             <input type="text" name="yourname" required class="form-control"
                                                placeholder="Type Here">
                                          </div>

                                          <div class="col-12 col-md-12 col-xl-4 pb-3">
                                             <label class="form-label">Your Phone Number: <span
                                                   class="text-danger">*</span></label>
                                             <input type="text" name="yourphone" id="phone" required
                                                class="form-control" placeholder="Type Here" maxlength="10"
                                                oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');">
                                          </div>

                                          <div class="col-12 col-md-12 col-xl-4 pb-3">
                                             <label class="form-label">Your Email ID: <span
                                                   class="text-danger">*</span></label>
                                             <input type="email" name="email" required class="form-control"
                                                placeholder="Type Here">
                                          </div>

                                          <div class="col-12 col-md-12 col-xl-6 pb-3">
                                             <label class="form-label">Name of the Celebrity you want to book: <span
                                                   class="text-danger">*</span></label>
                                             <input type="text" name="artname" required class="form-control"
                                                placeholder="Type Here">
                                          </div>
                                          <div class="col-12 col-md-12 col-xl-6 pb-3">
                                             <label class="form-label">What is your Company's Annual Marketing
                                                Budget?</label>
                                             <select class="form-select" name="budget"
                                                aria-label="Default select example">
                                                <option selected>Optional</option>
                                                <option value="₹0-5 Lakh">₹0-5 Lakh</option>
                                                <option value="₹5-10 Lakh">₹5-10 Lakh</option>
                                                <option value="₹10-20 Lakh">₹10-20 Lakh</option>
                                                <option value="₹20-40 Lakh">₹20-40 Lakh</option>
                                                <option value="₹40-50 Lakh">₹40-50 Lakh</option>
                                                <option value="₹50 Lakh +">₹50 Lakh +</option>
                                             </select>
                                          </div>
                                          <div class="col-12 col-md-12 col-xl-6 pb-3">
                                             <label class="form-label">How soon are you looking to start the Endorsement
                                                Campaign?</label>
                                             <input type="text" class="form-control" id="campaign" name="campaign"
                                                placeholder="Optional">
                                          </div>
                                          <div class="col-12 col-md-12 col-xl-6 pb-3">
                                             <label class="form-label">What is your Brand Name / Event Name?</label>
                                             <input type="text" name="event" class="form-control"
                                                placeholder="Optional">
                                          </div>
                                          <div class="col-12 col-md-12 col-xl-6 pb-3">
                                             <label class="form-label">Please describe about your
                                                Brand/Product/Event:</label>
                                             <input type="text" name="prdevent" class="form-control"
                                                placeholder="Optional">
                                          </div>
                                          <div class="col-12 col-md-12 col-xl-6 pb-3">
                                             <label class="form-label">Your City: <span
                                                   class="text-danger">*</span></label>
                                             <input type="text" name="city" required class="form-control"
                                                placeholder="Type Here">
                                          </div>

                                          <div class="col-md-12 col-sm-12 pb-3">
                                             <div class="g-recaptcha mb-3"
                                                data-sitekey="6LfX6GMqAAAAAGYDD2MYa9oHhOZEuVrUxnZSE6I9"></div>
                                             <div>
                                                <button type="submit" name="submit"
                                                   class="text-center btn btn-dark book py-2">Submit</button>
                                             </div>
                                          </div>
                                       </div>
                                    </form>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </section>
               </main>
            </div>
         </div>
      </div>
   </div>
   <!--/// on loading functionality popup -->

   <!-- banner stsrts-->
   <section class="banner-bg">
      <div class="container">
         <div class="row">
            <div class="col-md-12 text-center text-white pt-lg-5">
               <h1>Find & Book Top Movie Industry Professionals <br>
                  Effortlessly</h1>
               <p class="py-4">Connecting filmmakers with artists, workers, and technicians for seamless productions.
               </p>
               <div class="popup-side">
                  <a href="bookartist" class="btn btn-warning  px-5 py-2 rounded-pill" type="submit">Book Artist</a>
               </div>
            </div>
         </div>
      </div>
   </section>
   <!-- //banner ends-->





   <!-- how it works -->
   <section class="how-it-works">
      <div class="container">
         <div class="row text-center text-lg-start">
            <div class="col-md-12">
               <h2 class="text-center text-white py-5">How It Works</h2>
            </div>
            <div class="col-md-3">
               <img src="assets/img/bookartistnow/how-1.png" class="img-fluid" alt="">
            </div>
            <div class="col-md-9 text-justify align-self-center position-relative">
               <h5 class="py-3 text-white">Browse & Select</h5>
               <p class="text-white">Discover a diverse range of artists, from musicians to comedians, and explore their
                  profiles with videos, reviews, and pricing. Easily filter by genre, location, or event type to find
                  the perfect match. Get a glimpse of their past performances and book with confidence.</p>
               <div class="posi-abs-1">
                  <img src="assets/img/bookartistnow/arrow-right.png " class="img-fluid text-end justify-content-end"
                     alt="">
               </div>
            </div>
            <div class="col-md-9 d-lg-block d-none text-justify align-self-center position-relative">
               <h5 class="py-3 text-white">Check Availability</h5>
               <p class="text-white">Select your event date and location to see which artists are available. Our smart
                  booking system ensures real-time availability, so you can plan with confidence. Filter options help
                  you match artists based on your preferred schedule and venue.</p>
               <div class="posi-abs-2">
                  <img src="assets/img/bookartistnow/arrow-left.png" class="img-fluid" alt="">
               </div>
            </div>
            <div class="col-md-3 d-lg-block d-none">
               <img src="assets/img/bookartistnow/how-2.png" class="img-fluid" alt="">
            </div>
            <div class="col-md-3 d-lg-none d-block">
               <img src="assets/img/bookartistnow/how-2.png" class="img-fluid" alt="">
            </div>
            <div class="col-md-9 d-lg-none d-block text-justify align-self-center position-relative">
               <h5 class="py-3 text-white">Check Availability</h5>
               <p class="text-white">Select your event date and location to see which artists are available. Our smart
                  booking system ensures real-time availability, so you can plan with confidence. Filter options help
                  you match artists based on your preferred schedule and venue.</p>
               <div class="posi-abs-2">
                  <img src="assets/img/bookartistnow/arrow-left.png" class="img-fluid" alt="">
               </div>
            </div>
            <div class="col-md-3  d-lg-block d-none">
               <img src="assets/img/bookartistnow/how-3.png" class="img-fluid" alt="">
            </div>
            <div class="col-md-9  d-lg-block d-none text-justify align-self-center position-relative">
               <h5 class="py-3 text-white">Book & Confirm</h5>
               <p class="text-white"> Once you've found the perfect artist, simply select your preferred date and
                  complete the booking in just a few clicks. Our secure payment system ensures a hassle-free transaction
                  with instant confirmation. Get ready to enjoy top-tier entertainment with confidence and ease.</p>
               <div class="posi-abs-3">
                  <img src="assets/img/bookartistnow/arrow-right.png " class="img-fluid text-end justify-content-end"
                     alt="">
               </div>
            </div>
            <div class="col-md-3  d-lg-none d-block ">
               <img src="assets/img/bookartistnow/how-3.png" class="img-fluid" alt="">
            </div>
            <div class="col-md-9  d-lg-none d-block text-justify align-self-center position-relative">
               <h5 class="py-3 text-white">Book & Confirm</h5>
               <p class="text-white"> Once you've found the perfect artist, simply select your preferred date and
                  complete the booking in just a few clicks. Our secure payment system ensures a hassle-free transaction
                  with instant confirmation. Get ready to enjoy top-tier entertainment with confidence and ease.</p>
               <div class="posi-abs-3">
                  <img src="assets/img/bookartistnow/arrow-right.png " class="img-fluid text-end justify-content-end"
                     alt="">
               </div>
            </div>
            <div class="col-md-9 d-none d-lg-block text-justify align-self-center">
               <h5 class="py-3 text-white">Talk to Your Favorites</h5>
               <p class="text-white">Send inquiries, negotiate terms, and finalize arrangements effortlessly. Build a
                  professional relationship
                  and secure the perfect talent for your occasion.</p>
            </div>
            <div class="col-md-3  d-none d-lg-block">
               <img src="assets/img/bookartistnow/how-4.png" class="img-fluid" alt="">
            </div>



            <div class="col-md-3 d-block d-lg-none">
               <img src="assets/img/bookartistnow/how-4.png" class="img-fluid" alt="">
            </div>
            <div class="col-md-9 d-block d-lg-none text-justify align-self-center">
               <h5 class="py-3 text-white">Talk to Your Favorites</h5>
               <p class="text-white">Send inquiries, negotiate terms, and finalize arrangements effortlessly. Build a
                  professional relationship
                  and secure the perfect talent for your occasion.</p>
            </div>




         </div>
   </section>
   <!--/// how it works -->

   <!-- Explore Movie Industry -->
   <section class="booking-success">
      <div class="container">
         <div class="row py-5">
            <div class="col-md-12 mb-5">
               <h2 class="text-center text-white">Explore Movie Industry Professionals by Category</h2>
               <p class="text-white text-center py-3">Find the right talent for your production. Browse through our
                  curated
                  categories of artists,
                  technicians, and crew members to bring your vision to life.</p>
            </div>
            <div class="masonry-grid">
               <div class="masonry-item">
                  <img src="assets/img/bookartistnow/industry-1.png" class="img-fluid" alt="Artist 1">
                  <div class="overlay">
                     <div class="overlay-text">DOP</div>
                  </div>
               </div>
               <div class="masonry-item">
                  <img src="assets/img/bookartistnow/industry-2.png" class="img-fluid" alt="Artist 1">
                  <div class="overlay">
                     <div class="overlay-text">Dancer</div>
                  </div>
               </div>
               <div class="masonry-item">
                  <img src="assets/img/bookartistnow/industry-3.png" class="img-fluid" alt="Artist 1">
                  <div class="overlay">
                     <div class="overlay-text">Director</div>
                  </div>
               </div>
               <div class="masonry-item">
                  <img src="assets/img/bookartistnow/industry-4.png" class="img-fluid" alt="Artist 1">
                  <div class="overlay">
                     <div class="overlay-text">Comedian</div>
                  </div>
               </div>
               <div class="masonry-item">
                  <img src="assets/img/bookartistnow/industry-5.png" class="img-fluid" alt="Artist 1">
                  <div class="overlay">
                     <div class="overlay-text">Lyricist</div>
                  </div>
               </div>
               <div class="masonry-item">
                  <img src="assets/img/bookartistnow/industry-6.png" class="img-fluid" alt="Artist 1">
                  <div class="overlay">
                     <div class="overlay-text">Music Composer</div>
                  </div>
               </div>
               <div class="masonry-item">
                  <img src="assets/img/bookartistnow/industry-7.png" class="img-fluid" alt="Artist 1">
                  <div class="overlay">
                     <div class="overlay-text">Cinematographer</div>
                  </div>
               </div>
               <div class="masonry-item">
                  <img src="assets/img/bookartistnow/industry-8.png" class="img-fluid" alt="Artist 1">
                  <div class="overlay">
                     <div class="overlay-text">Singer</div>
                  </div>
               </div>
               <div class="masonry-item">
                  <img src="assets/img/bookartistnow/industry-9.png" class="img-fluid" alt="Artist 1">
                  <div class="overlay">
                     <div class="overlay-text">Actor</div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      </div>
   </section>
   <!--/// Explore Movie Industry -->


   <!-- Booking Success & Reach -->
   <section class="booking-success">
      <div class="container">
         <div class="row py-5">
            <div class="col-md-12 mb-5">
               <h2 class="text-center text-white">Booking Success & Reach</h2>
               <p class="text-white text-center py-3">Our numbers speak for our expertise and reliability in managing
                  top-tier bookings</p>
            </div>
            <div class="col-md-4 mb-3 mb-md-0">
               <div class="text-center text-white bg-box rounded-3 py-4 mb-4 h-100">
                  <h3>1800+</h3>
                  <h5 class="py-2">Number of Bookings</h5>
                  <small>Over 1,800+ successful bookings</small>
               </div>
            </div>

            <div class="col-md-4 mb-3 mb-md-0">
               <div class="text-center text-white bg-box rounded-3 py-4 mb-4 h-100">
                  <h3>500+</h3>
                  <h5 class="py-2">Show Count</h5>
                  <small>Executed 500+ shows globally</small>
               </div>
            </div>

            <div class="col-md-4 mb-3 mb-md-0">
               <div class="text-center text-white bg-box rounded-3 py-4 mb-4 h-100">
                  <h3>25+</h3>
                  <h5 class="py-2">Artist Roster</h5>
                  <small>Exclusive management for 25+ artists</small>
               </div>
            </div>
         </div>
      </div>
   </section>
   <!-- Booking Success & Reach -->

   <!-- Top-Rated Industry Professionals -->
   <section class="">
      <div class="container">
         <div class="row py-5">
            <div class="col-md-12 mb-1">
               <h2 class="text-center text-white">Meet Our Top-Rated Industry Professionals</h2>
               <p class="text-white text-center py-3">Discover highly skilled and experienced artists, technicians, and
                  crew members trusted by filmmakers. <br>
                  Book the best talent for your next event with confidence.</p>
            </div>
            <!-- <div class="col-md-12 text-end mb-5">
            <div class="row justify-content-end g-2">
               <div class="col-auto"><a href="javascript:void(0)"> <img src="assets/img/bookartistnow/filter.png" alt=""></a></div>
               <div class="col-auto filter-wrapper">
                  <div class="input-group">
                     <span class="input-group-append">
                        <button class="btn btn-outline-secondary bg-white border-start-0 border-bottom-0 ms-n5"
                           type="button">
                           <i class="fa fa-search text-white border-none"></i>
                        </button>
                     </span>
                     <input class="form-control border-0" type="search" value="search" id="example-search-input">
                  </div>
               </div>
            </div>
         </div> -->
            <div class="col-md-12 mb-0">
               <section id="demos">
                  <div class="row">
                     <div class="large-12 columns">
                        <div class="owl-carousel owl-theme">
                           <div class="item green-bg">
                              <img src="assets/img/bookartistnow/anirudh.png" alt="">
                              <p class="text-white mb-0 mt-2"><b>Anirudh Ravichandar</b></p>
                              <p class="text-white mb-0">Musician</p>
                           </div>
                           <div class="item orange-bg">
                              <img src="assets/img/bookartistnow/Rajpal.png" alt="">
                              <p class="text-white mb-0 mt-2"><b>Rajpal Yadav</b></p>
                              <p class="text-white mb-0">Comedian</p>
                           </div>
                           <div class="item blue-bg">
                              <img src="assets/img/bookartistnow/Mukti.png" alt="">
                              <p class="text-white mb-0 mt-2"><b>Mukti Mohan</b></p>
                              <p class="text-white mb-0">Dancer</p>
                           </div>
                           <div class="item pink-bg">
                              <img src="assets/img/bookartistnow/Murugadoss.png" alt="">
                              <p class="text-white mb-0 mt-2"><b>A.R.Murugadoss</b></p>
                              <p class="text-white mb-0">Director</p>
                           </div>
                           <div class="item dark-blue-bg">
                              <img src="assets/img/bookartistnow/Alia.png" alt="">
                              <p class="text-white mb-0 mt-2"><b>Alia Bhatt</b></p>
                              <p class="text-white mb-0">Actor</p>
                           </div>
                           <div class="item green-bg">
                              <img src="assets/img/bookartistnow/anirudh.png" alt="">
                              <p class="text-white mb-0 mt-2"><b>Anirudh Ravichandar</b></p>
                              <p class="text-white mb-0">Musician</p>
                           </div>
                           <div class="item orange-bg">
                              <img src="assets/img/bookartistnow/Rajpal.png" alt="">
                              <p class="text-white mb-0 mt-2"><b>Rajpal Yadav</b></p>
                              <p class="text-white mb-0">Comedian</p>
                           </div>
                           <div class="item blue-bg">
                              <img src="assets/img/bookartistnow/Mukti.png" alt="">
                              <p class="text-white mb-0 mt-2"><b>Mukti Mohan</b></p>
                              <p class="text-white mb-0">Dancer</p>
                           </div>
                           <div class="item pink-bg">
                              <img src="assets/img/bookartistnow/Murugadoss.png" alt="">
                              <p class="text-white mb-0 mt-2"><b>A.R.Murugadoss</b></p>
                              <p class="text-white mb-0">Director</p>
                           </div>
                           <div class="item dark-blue-bg">
                              <img src="assets/img/bookartistnow/Alia.png" alt="">
                              <p class="text-white mb-0 mt-2"><b>Alia Bhatt</b></p>
                              <p class="text-white mb-0">Actor</p>
                           </div>
                        </div>
                     </div>
                  </div>
               </section>
            </div>
         </div>
      </div>
   </section>
   <!-- Top-Rated Industry Professionals -->

   <!-- Why Choose Us? -->
   <section class="why-choose">
      <div class="container py-5">
         <div class="row">
            <div class="col-md-12">
               <h2 class="text-center text-white">Why Choose Us?</h2>
               <p class="text-white text-center py-3">Find and connect with verified experts effortlessly</p>
            </div>
         </div>
         <div class="row row-col-1 row-cols-md-2 row-cols-xl-4">
            <div class="col-auto">
               <div class="text-start text-white bg-box rounded-3 p-4 mb-4 h-100 hov-card">
                  <img src="assets/img/bookartistnow/whychoose-1.svg" class="img-fluid pb-3 default-img" alt="">
                  <img src="assets/img/bookartistnow/whyhov-1.png" class="img-fluid hover-img pb-3" alt="">
                  <h5 class="py-2">Handled by Experts</h5>
                  <p class="card-p mb-0 text-start">Rest easy knowing you're working with trusted, experienced
                     professionals. All our artists, technicians, and crew members are carefully vetted for quality and
                     reliability.</p>
               </div>
            </div>
            <div class="col-auto">
               <div class="text-start text-white bg-box  rounded-3 p-4 mb-4 h-100 hov-card">
                  <img src="assets/img/bookartistnow/whychoose-2.svg" class="img-fluid default-img pb-3" alt="">
                  <img src="assets/img/bookartistnow/whyhov-2.png" class="img-fluid hover-img pb-3" alt="">
                  <h5 class="py-2">Seamless Booking</h5>
                  <p class="card-p mb-0 text-start">Rest easy knowing you're working with trusted, experienced
                     professionals. All our artists, technicians, and crew members are carefully vetted for quality and
                     reliability.</p>
               </div>
            </div>
            <div class="col-auto">
               <div class="text-start text-white bg-box  rounded-3 p-4 mb-4 h-100 hov-card">
                  <img src="assets/img/bookartistnow/whychoose-4.svg" class="img-fluid default-img  pb-3" alt="">
                  <img src="assets/img/bookartistnow/whyhov-3.png" class="img-fluid hover-img pb-3" alt="">
                  <h5 class="py-2">Secure Payments</h5>
                  <p class="card-p mb-0 text-start">Rest easy knowing you're working with trusted, experienced
                     professionals. All our artists, technicians, and crew members are carefully vetted for quality and
                     reliability.</p>
               </div>
            </div>
            <div class="col-auto">
               <div class="text-start text-white bg-box  rounded-3 p-4 mb-4 h-100 hov-card">
                  <img src="assets/img/bookartistnow/whychoose-3.svg" class="img-fluid default-img pb-3" alt="">
                  <img src="assets/img/bookartistnow/whyhov-4.png" class="img-fluid hover-img pb-3" alt="">
                  <h5 class="py-2 ">Industry-Standard Pricing</h5>
                  <p class="card-p mb-0 text-start">Access competitive pricing in line with industry standards, giving
                     you the best value for top-tier talent and services. giving you the best value for top-tier talent
                     and services.</p>
               </div>
            </div>
         </div>
      </div>
   </section>
   <!-- Why Choose Us? -->

   <!-- trusted clients -->
   <section class="why-choose">
      <div class="container">
         <div class="row pt-5">
            <div class="col-md-12">
               <h2 class="text-center text-white">Trusted by Clients & Artists like</h2>
               <p class="text-white text-center py-3">Endorsed by top artists and brands, with a 90% client satisfaction
                  rate</p>
            </div>
         </div>
      </div>
   </section>
   <section class="testimonial-section">
      <div class="container">
         <div class="row align-items-center">
            <!-- Left Side: Testimonial Card -->
            <div class="col-md-6">
               <div class="row">
                  <div class="col">
                     <div class="testimonial-card">
                        <img id="testimonial-image" src="assets/img/bookartistnow/tamanna-rounded.png" alt="M.S. Dhoni">
                        <h3 id="testimonial-name" class="text-clr pt-3">Tamannaah Bhatia</h3>
                        <p id="testimonial-role" class="text-clr mb-0">Actress</p>
                        <div class="stars py-0">★★★★★</div>
                        <p class="testimonial-text" id="testimonial-text">
                           “I'm extremely thankful to the team for their amazing services., they are India's largest
                           celebrity portal.”
                        </p>
                     </div>
                  </div>
               </div>
               <div class="col">
                  <div class="carousel-btns">
                     <button class="prev" onclick="prevTestimonial()">&#10094;</button>
                     <button class="next" onclick="nextTestimonial()">&#10095;</button>
                  </div>
               </div>
            </div>
            <!-- Right Side: Image Grid -->
            <div class="col-md-6 pt-lg-0 pt-4">
               <div class="row g-2">
                  <div class="col">
                     <img src="assets/img/bookartistnow/client-1.png" alt="Salman Khan"
                        class="img-fluid rounded first-image">
                     <img src="assets/img/bookartistnow/client-2.png" alt="Virat Kohli" style="width: 44%;"
                        class="img-fluid rounded small-image-1">
                     <img src="assets/img/bookartistnow/client-3.png" alt="Deepika Padukone" style="width: 44%;"
                        class="img-fluid rounded small-image-2">
                  </div>
                  <div class="col">
                     <img src="assets/img/bookartistnow/client-4.png" alt="Shahrukh Khan" class="img-fluid rounded ">
                  </div>
                  <div class="col">
                     <img src="assets/img/bookartistnow/client-5.png" alt="Dhoni" class="img-fluid rounded">
                     <img src="assets/img/bookartistnow/client-6.png" alt="Samantha"
                        class="img-fluid rounded last-image">
                  </div>
               </div>
            </div>
         </div>
      </div>
   </section>
   <!--//// trusted clients -->

   <!-- Our Partner Networks -->
   <section class="py-5">
      <div class="container">
         <div class="row py-5 justify-content-center">
            <div class="col-md-12 mb-3">
               <h2 class="text-center text-white">Our Partner Network</h2>
               <p class="text-white text-center py-3">Endorsed by top artists and brands, with a 90% client satisfaction
                  rate</p>
            </div>
            <div class="col-md-4 col-xl-3 col-6">
               <div class="text-center text-white bg-box  rounded-3 p-4 mb-4">
                  <img src="assets/img/bookartistnow/partner-1.png" class="img-fluid" alt="">
               </div>
            </div>
            <div class="col-md-4 col-xl-3 col-6">
               <div class="text-center text-white bg-box  rounded-3 p-3 mb-4">
                  <img src="assets/img/bookartistnow/partner-2.png" class="img-fluid width-img2" alt="">
               </div>
            </div>
            <div class="col-md-4 col-xl-3 col-6">
               <div class="text-center text-white bg-box  rounded-3 p-4 mb-4">
                  <img src="assets/img/bookartistnow/partner-3.png" class="img-fluid" alt="">
               </div>
            </div>
            <div class="col-md-4 col-xl-3 col-6">
               <div class="text-center text-white bg-box  rounded-3 p-4 mb-4">
                  <img src="assets/img/bookartistnow/partner-4.png" class="img-fluid" alt="">
               </div>
            </div>
            <div class="col-md-4 col-xl-3 col-6">
               <div class="text-center text-white bg-box  rounded-3 p-4 mb-4">
                  <img src="assets/img/bookartistnow/partner-5.png" class="img-fluid" alt="">
               </div>
            </div>
            <div class="col-md-4 col-xl-3 col-6">
               <div class="text-center text-white bg-box  rounded-3 p-4 mb-4">
                  <img src="assets/img/bookartistnow/partner-6.png" class="img-fluid" alt="">
               </div>
            </div>
            <div class="col-md-4 col-xl-3 col-6">
               <div class="text-center text-white bg-box  rounded-3 p-4 mb-4">
                  <img src="assets/img/bookartistnow/partner-7.png" class="img-fluid py-2" alt="">
               </div>
            </div>
            <div class="col-md-4 col-xl-3 col-6">
               <div class="text-center text-white bg-box  rounded-3 p-4">
                  <img src="assets/img/bookartistnow/partner-8.png" class="img-fluid mb-3 mb-md-1 width-img8" alt="">
               </div>
            </div>
         </div>
      </div>
   </section>
   <!--/// Our Partner Networks -->


   <!-- Comprehensive Solutions -->
   <section class="comprehensive-solution">
      <div class="container">
         <div class="row py-5 justify-content-center">
            <div class="col-md-12 mb-3">
               <h2 class="text-center text-white">Comprehensive Solutions for the Entertainment Industry</h2>
               <p class="text-white text-center py-3">Delivering top-tier artist management with a decade of experience
                  and a vast industry network</p>
            </div>
            <div class="col-md-6 col-xl-4 mb-4">
               <div class="text-center text-white bg-box rounded-3 p-4 mb-4">
                  <img src="assets/img/bookartistnow/service.svg" class="img-fluid  py-3" alt="">
                  <h6 class="py-2">Service Offerings</h6>
                  <p class="comprehensive-p mb-0 ">Offering full-scale artist management
                     and entertainment solutions</p>
               </div>
            </div>
            <div class="col-md-6 col-xl-4 mb-4">
               <div class="text-center text-white bg-box rounded-3 py-4 px-2 mb-4">
                  <img src="assets/img/bookartistnow/expertise.svg" class="img-fluid py-3" alt="">
                  <h5 class="py-2">Expertise</h5>
                  <p class="comprehensive-p mb-0 ">Expert team with 10+ years of experience
                     in the entertainment industry</p>
               </div>
            </div>
            <div class="col-md-6 col-xl-4">
               <div class="text-center text-white bg-box rounded-3  p-4 mb-4">
                  <img src="assets/img/bookartistnow/network-150.png" class="img-fluid py-3" alt="">
                  <h5 class="py-2">Network Reach</h5>
                  <p class="comprehensive-p mb-0 ">Extensive network of industry professionals, venues, and suppliers
                  </p>
               </div>
            </div>
         </div>
      </div>
   </section>
   <!-- //Comprehensive Solutions -->

   <!-- Testimonials -->
   <section class="testimonial">
      <div class="container-xxl">
         <h2 class="text-white mb-5">What Clients Say About Us</h2>
      </div>
      <div class="container-xxl">
         <div class="row justify-content-center">
            <div class="col-auto display-grid p-1 image-align testimonial-padding-top">
               <img src="assets/img/bookartistnow/testimonials1.png" class="" alt="">
               <img src="assets/img/bookartistnow/testimonials2.png" class="" alt="">

            </div>
            <div class="col-auto display-grid p-1 image-align ">
               <img src="assets/img/bookartistnow/testimonials3.png" class="" alt="">
               <img src="assets/img/bookartistnow/testimonials4.png" class="" alt="">
            </div>
            <div class="col-auto p-1 image-align testimonial-padding-top3">
               <img src="assets/img/bookartistnow/testimonials5.png" class="" alt="">
            </div>
            <div class="col-auto p-1 image-align ">
               <img src="assets/img/bookartistnow/testimonials6.png" class="" alt="">
            </div>
            <div class="col-auto p-1 image-align testimonial-padding-top2">
               <img src="assets/img/bookartistnow/testimonials7.png" class="" alt="">
            </div>
            <div class="col-auto p-1 image-align ">
               <img src="assets/img/bookartistnow/testimonials8.png" class="" alt="">
            </div>
            <div class="col-auto p-1 image-align testimonial-padding-top1">
               <img src="assets/img/bookartistnow/testimonials9.png" class="" alt="">
            </div>
            <div class="col-auto display-grid p-1 image-align">
               <img src="assets/img/bookartistnow/testimonials10.png" class="" alt="">
               <img src="assets/img/bookartistnow/testimonials11.png" class="" alt="">
            </div>
            <div class="col-auto display-grid p-1 image-align testimonial-padding-top">
               <img src="assets/img/bookartistnow/testimonials12.png" class="" alt="">
               <img src="assets/img/bookartistnow/testimonials13.png" class="" alt="">
            </div>
         </div>
         <div class="stars-wrapper text-center ">
            <div class="row justify-content-center">
               <div class="col-md-6 col-xl-9">
                  <div class="col-md-12 ">
                     <img src="assets/img/bookartistnow/stars.png" class="starimage" alt="">
                  </div>
                  <div class="col-md-12 mb-4 position-relative testimonial-relative">
                     <img src="assets/img/bookartistnow/Frame1.png" class="" alt="">
                     <div class="row justify-content-md-center">
                        <div class="content-absolute">
                           <h6 class="text-white mb-1">Amazing experience!</h6>
                           <p class="text-white mb-0 half-white">"Booking an artist was so easy, and the performance was
                              outstanding! Our guests loved the energy and professionalism. Will definitely book again!"
                           </p>
                           <!-- <h6 class="text-white small-font"><b>– Emma R., Event Planner</b></h6> -->
                        </div>
                     </div>
                  </div>
                  <div class="col-md-12  ">
                     <div class="row">
                        <div class="col-md-12 col-xl-6 mb-3 position-relative testimonial-relative">
                           <img src="assets/img/bookartistnow/Frame2.png" class="" alt="">
                           <div class="row justify-content-md-center">
                              <div class="content-absolute content-absolute1">
                                 <h6 class="text-white mb-1">Seamless and stress-free!</h6>
                                 <p class="text-white mb-0 half-white">“The platform made finding and booking a DJ
                                    effortless. Great communication and a smooth process from start to finish!”</p>
                                 <!-- <h6 class="text-white small-font"><b>– Michael T., Wedding Organizer</b></h6> -->
                              </div>
                           </div>
                        </div>
                        <div class="col-md-12 col-xl-6 mb-3 position-relative testimonial-relative">
                           <img src="assets/img/bookartistnow/Frame2.png" class="" alt="">
                           <div class="row justify-content-md-center">
                              <div class="content-absolute content-absolute2">
                                 <h6 class="text-white mb-1">Top-quality performers!</h6>
                                 <p class="text-white mb-0 half-white">"We hired a live band for our corporate event,
                                    and
                                    they exceeded expectations. Fantastic service and highly recommended!”</p>
                                 <!-- <h6 class="text-white small-font"><b>– Sophia L., Corporate Manager</b></h6> -->
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </section>
   <!--/// Testimonials -->

   <!-- ready to book artist -->
   <section class="bookartist-sec">
      <div class="container">
         <div class="row py-5">
            <div class="col-md-12 mt-xl-5">
               <h2 class="text-center text-white mt-xl-5">Ready to Book an Artist?</h2>
               <p class="text-white text-center py-3">Find top-rated artists and bring your event to life with <br>
                  unforgettable entertainment!</p>
               <div class="text-center">
                  <div class="text-center">
                     <a href="bookartist">
                        <button class="btn btn-warning rounded-pill find-artist px-3 py-2 ms-2" type="button">Book Your
                           Celebrity
                        </button>
                     </a>
                     <!-- <div class="d-inline-flex align-items-center border rounded-pill px-3 py-2 bg-white">
                     <input type="text" class="form-control border-0 text-dark text-center"
                        placeholder="Find Your Artist..." aria-label="Search">     
                  </div> -->
                  </div>
               </div>
            </div>
         </div>
      </div>
   </section>
   <!-- ready to book artist -->


   <!-- footer -->
   <section class="footer" style="background-color:#000;">
      <div class="container pt-5 pb-2">
         <div class="row">
            <div class="col-lg-4 col-md-4 mb-3">
               <ul class="footlist text-white">
                  <li><a href=""><img src="assets/img/bookartistnow/lf-logo1.png" class="img-fluid" alt=""></a>
                  </li>
                  <li class="py-4">Connecting You with
                     the Best in the<br>
                     Entertainment Industry
                  </li>
                  <li class="py-2">Powered By
                  </li>
                  <li><a href=""><img src="assets/img/bookartistnow/lf-logo2.png" class="img-fluid" alt=""></a>
                  </li>
            </div>
            <div class="col-lg-4 col-md-4 mb-3">
               <div class="row">
                  <div class="col text-start">
                     <ul class="footlist text-white">
                        <!-- <li><a href="#" data-bs-toggle="modal" data-bs-target="#login">Sign In</a>
                        </li> -->
                        <li><a href="plans">Plans</a>
                        </li>
                        <li><a href="contact-us">Contact Us</a>
                        </li>
                        <li><a href="user-agreement">User Agreement</a>
                        </li>
                        <li><a href="privacy-policy">Privacy Policy</a>
                        </li>
                        <li><a href="refund-policy">Refund Policy</a>
                        </li>
                        <li><a href="cancellation-policy">Cancellation Policy</a>
                        </li>
                        <li><a href="cookie-policy">Cookie Policy</a>
                        </li>
                        <li><a href="ads">Advertise on LetsFAME</a></li>
                        <li><a href="bookyourcelebrity">Book a Artist</a></li>
                     </ul>
                  </div>
               </div>
            </div>
            <div class="col-lg-4 col-md-4 mb-3">
               <div class="connect">
                  <h2><span><img alt="letsfame" class="prempro" src="assets/img/premiumpro.svg"></span>Connecting
                     Creative Minds</h2>
                  <div class="p-0">
                     <a data-bs-toggle="modal" class="desktop-signup" data-bs-target="#signup"><button
                           class="subscribe-btn">GET STARTED NOW </button></a>

                     <a onclick="getMyOS()" class="mobile-signup"><button class="subscribe-btn">GET STARTED NOW
                        </button></a>
                  </div>
                  <p class="pt-2">Available on the App Store and Google Play</p>
               </div>
               <div class="footer-app mt-4">

                  <a target="_blank" href="https://apps.apple.com/in/app/letsfame/id6444732920">
                     <div class="phoneapp"><img src="assets/img/ios.svg" alt="appstore logo" title="appstore logo"
                           class="img-fluid mb-2"></div>
                  </a>
                  <a target="_blank" href="https://play.google.com/store/apps/details?id=com.letsfame.app">
                     <div class="phoneapp"><img src="assets/img/android.svg" alt="playstore logo" title="playstore logo"
                           class="img-fluid mb-2">
                     </div>
                  </a>

               </div>
               <div class="follow pt-3">Follow us on :
                  <span><a target="_blank" href="https://www.facebook.com/letsfameapp"><img class="socico"
                           src="assets/img/fb.svg" alt="facebook logo" title="facebook logo"></a></span>
                  <span><a target="_blank" href="https://www.linkedin.com/company/letsfame/"><img class="socico"
                           src="assets/img/linkedin.png" alt="linkedin logo" title="linkedin logo"></a></span>
                  <span><a target="_blank" href="https://www.instagram.com/letsfameapp/"><img class="socico"
                           src="assets/img/insta.svg" alt="instagram logo" title="instagram logo"></a></span>
                  <span><a target="_blank" href="https://twitter.com/letsfameapp"><img class="" style="width: 25px;"
                           src="assets/img/twitter.svg" alt="twitter logo" title="twitter logo"></a></span>
                  <span><a target="_blank" href="https://www.youtube.com/channel/UCKhIRTOi86I_B9ZSp9evAAg/featured"><img
                           class="" style="width: 25px;" src="assets/img/youtube.svg" alt="youtube logo"
                           title="youtube logo"></a></span>
               </div>
            </div>
         </div>
      </div>
   </section>
   <section class="copysection center">
      <p>Copyright © <span id="year">2025</span> LetsFAME. <span class="rights">All Rights Reserved.</span>
      </p>
   </section>
   <!--// footer -->

   <!-- JS Start -->
   <script src='https://www.google.com/recaptcha/api.js'></script>
   <script src="assets/js/bootstrap.bundle.min.js"></script>
   <script src="assets/js/all.min.js"></script><!-- FontAwesome Icon JS -->
   <script src="assets/js/aos.js"></script><!-- Animation JS -->
   <script src="assets/js/script.js"></script>
   <script src="assets/js/port.js"></script><!-- Portfolio -->
   <!-- JS End -->

   <script>
      window.onload = function () {
         setTimeout(function () {
            $('#Modal').modal('show'); // Show modal after 3 seconds
         }, 1000); // 10000 milliseconds = 10 seconds
      };

      $(document).ready(function () {
         $('.owl-carousel').owlCarousel({
            animateOut: 'slideOutDown',
            animateIn: 'flipInX',
            loop: true,
            margin: 10,
            autoplay: true,
            autoplayTimeout: 2000,
            responsiveClass: true,
            responsive: {
               0: {
                  items: 1,
                  nav: true
               },
               600: {
                  center: true,
                  items: 3,
                  nav: true
               },
               1000: {

                  center: true,
                  items: 5,
                  nav: true,
                  loop: true,
                  margin: 20
               }
            }
         })
      })
   </script>

   <!-- Trusted by Clients & Artists like -->
   <script>
      const testimonials = [
         {
            name: "Tamannaah Bhatia",
            role: "Actress",
            text: "“ I'm extremely thankful to the team for their amazing services., they are India's largest celebrity portal. ”",
            image: "assets/img/bookartistnow/tamanna-rounded.png"
         },
         {
            name: "Sukhwinder Singh",
            role: "Singer",
            text: "“They are doing an incredible job connecting artists with the music industry—I truly appreciate their efforts and wish them great success!”",
            image: "assets/img/bookartistnow/sushvindh-rounded.png"
         },
         {
            name: "Neha Sharma ",
            role: "Actress",
            text: "“Working with this team was a seamless experience. Their professionalism and dedication to excellence truly stand out.”",
            image: "assets/img/bookartistnow/neha-rounded.png"
         },
         {
            name: "Nushrratt Bharucch",
            role: "Actress",
            text: "“They brought my vision to life with outstanding creativity and dedication.”",
            image: "assets/img/bookartistnow/nushratt-rounded.png"
         },
         {
            name: "Nora Fatehi",
            role: "Actress",
            text: "“Working with this team was a seamless experience. Their professionalism and dedication to excellence truly stand out”",
            image: "assets/img/bookartistnow/nora-rounded.png"
         },
         {
            name: "Krushna Abhishek ",
            role: "Actor",
            text: "“Exceptional service with attention to detail and perfection.”",
            image: "assets/img/bookartistnow/Krushna-rounded.png"
         },
         {
            name: "Elli Avram ",
            role: "Actress",
            text: "“They understood my needs and delivered beyond expectations!”",
            image: "assets/img/bookartistnow/elli-rounded.png"
         },
         {
            name: "Rajiv Thakur",
            role: "Actor",
            text: "“Absolutely loved the professionalism and creativity in their work.”",
            image: "assets/img/bookartistnow/rajiv-rounded.png"
         }
      ];


      let currentTestimonial = 0;

      function updateTestimonial(index) {
         document.getElementById("testimonial-name").innerText = testimonials[index].name;
         document.getElementById("testimonial-role").innerText = testimonials[index].role;
         document.getElementById("testimonial-text").innerText = testimonials[index].text;
         document.getElementById("testimonial-image").src = testimonials[index].image;
      }

      function nextTestimonial() {
         currentTestimonial = (currentTestimonial + 1) % testimonials.length;
         updateTestimonial(currentTestimonial);
      }

      function prevTestimonial() {
         currentTestimonial = (currentTestimonial - 1 + testimonials.length) % testimonials.length;
         updateTestimonial(currentTestimonial);
      }
   </script>
   <!--/// Trusted by Clients & Artists like -->
</body>

</html>