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/shrikrishna/views/
files >> /var/www/shrikrishna/views/ads-demo.php
 <?php require_once 'config/config.php'; ?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Shri Krishna Packers - Secure Storage Solutions</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"/>


  <style>
    :root {
      --primary-color: #f59e0b; /* Warm orange */
      --secondary-color: #0d6efd; /* Bootstrap blue */
    }

    body {
      background-color: #f9f9f9;
    }

    header {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .call-btn {
      font-size: 16px;
      padding: 10px 20px;
    }

    .logo {
      max-height: 130px;
    }

    .hero-section {
      background: white;
      border-radius: 20px;
      padding: 40px;
      margin-top: 30px;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    }

    .hero-title {
      color: var(--primary-color);
      font-weight: bold;
    }

    .download-btn {
      background-color: var(--secondary-color);
      color: white;
      font-weight: 500;
    }

    .form-section {
      background-color: #f1f5f9;
      padding: 30px;
      border-radius: 15px;
    }

    .form-section h3 {
      color: var(--primary-color);
    }

    .form-control:focus {
      border-color: var(--primary-color);
      box-shadow: 0 0 0 0.2rem rgba(245, 158, 11, 0.25);
    }



    /* Services */

    .card-title {
  color: var(--primary-color);
  font-weight: 600;
}
.card-text {
  font-size: 14px;
}
.btn-danger {
  background-color: var(--secondary-color);
  border: none;
}
.btn-danger:hover {
  background-color: #0056b3;
}

.border-hover {
    transition: all 0.3s ease;
    cursor: pointer;
  }


  /*  City */

 .city-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: transform 0.5s ease;
  }
  
  .city-overlay {
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(2px);
    transition: all 0.3s ease;
  }
  
  .city-card:hover .city-bg {
    transform: scale(1.05);
  }
  
  .city-card:hover .city-overlay {
    background: rgba(0, 0, 0, 0.7);
  }
  
  .badge {
    font-weight: 500;
    letter-spacing: 0.5px;
    font-size: 0.7rem;
    padding: 4px 10px;
  }

 
  </style>
</head>
<body>
  <div class="container py-4">
    <!-- Header -->
    <header>
      <img src="<?= BASE_URL ?>/public/assets/img/logo_1.png" alt="Shri Krishna Packers" class="logo" />
      <a href="tel:+919876543210" class="btn btn-primary call-btn">
        📞 +91 98765 43210
      </a>
    </header>

    <!-- Hero Section -->
    <section class="hero-section row align-items-center">
      <!-- Left Column -->
      <div class="col-lg-6 mb-4 mb-lg-0">
        <h1 class="hero-title">Secure & Flexible Storage Solutions</h1>
        <img src="<?= BASE_URL ?>/public/assets/img/landing/hero.png" alt="Storage Solutions" class="img-fluid my-3" />
        <p>
          At Shri Krishna Packers, we understand that finding safe and reliable storage space is often as important as moving itself. That’s why we offer secure, clean, and flexible storage solutions designed to meet both short-term and long-term needs for individuals and businesses.
        </p>
        <a href="#" class="btn download-btn mt-3">📥 Download Brochure</a>
      </div>

      <!-- Right Column -->
      <div class="col-lg-6">
        <div class="form-section">
          <h3>Request a Call Back</h3>
          <form action="#" method="post">
            <div class="mb-3">
              <label for="name" class="form-label">Full Name</label>
              <input type="text" class="form-control" id="name" name="name" required />
            </div>
            <div class="mb-3">
              <label for="phone" class="form-label">Phone Number</label>
              <input type="tel" class="form-control" id="phone" name="phone" required />
            </div>
            <div class="mb-3">
              <label for="message" class="form-label">Your Message</label>
              <textarea class="form-control" id="message" name="message" rows="3" required></textarea>
            </div>
            <button type="submit" class="btn btn-warning w-100">Submit</button>
          </form>
        </div>
      </div>
    </section>

<section class="py-5 bg-light">
  <div class="container">
   

    <div class="owl-carousel brand-carousel owl-theme">
      <div class="item text-center">
        <img src="https://dummyimage.com/150x80/cccccc/000000&text=Brand+1" class="img-fluid grayscale" alt="Brand 1">
      </div>
      <div class="item text-center">
        <img src="https://dummyimage.com/150x80/cccccc/000000&text=Brand+2" class="img-fluid grayscale" alt="Brand 2">
      </div>
      <div class="item text-center">
        <img src="https://dummyimage.com/150x80/cccccc/000000&text=Brand+3" class="img-fluid grayscale" alt="Brand 3">
      </div>
      <div class="item text-center">
        <img src="https://dummyimage.com/150x80/cccccc/000000&text=Brand+4" class="img-fluid grayscale" alt="Brand 4">
      </div>
      <div class="item text-center">
        <img src="https://dummyimage.com/150x80/cccccc/000000&text=Brand+5" class="img-fluid grayscale" alt="Brand 5">
      </div>
    </div>
  </div>
</section>



    <!-- Services Section -->
<section class="container my-5">
  <h2 class="text-center mb-4 fw-bold text-primary">Our Services</h2>
  <div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 g-4">
    
    <!-- Service Card 1 -->
    <div class="col">
      <div class="card h-100 shadow-sm">
        <img src="<?= BASE_URL ?>/public/assets/img/landing/packing-service.png" class="card-img-top" alt="Packing Service">
        <div class="card-body text-center">
          <h5 class="card-title">Packing Service</h5>
          <p class="card-text">Safe and secure packing by trained professionals using high-quality materials.</p>
          <a href="#" class="btn btn-danger">Get Details</a>
        </div>
      </div>
    </div>

    <!-- Service Card 2 -->
    <div class="col">
      <div class="card h-100 shadow-sm">
        <img src="<?= BASE_URL ?>/public/assets/img/landing/loading-unloading.png" class="card-img-top" alt="Loading and Unloading">
        <div class="card-body text-center">
          <h5 class="card-title">Loading & Unloading</h5>
          <p class="card-text">Handled with care to prevent damage to your valuable belongings.</p>
          <a href="#" class="btn btn-danger">Get Details</a>
        </div>
      </div>
    </div>

    <!-- Service Card 3 -->
    <div class="col">
      <div class="card h-100 shadow-sm">
        <img src="<?= BASE_URL ?>/public/assets/img/landing/house-shifting.png" class="card-img-top" alt="House Shifting">
        <div class="card-body text-center">
          <h5 class="card-title">House Shifting</h5>
          <p class="card-text">Fast, reliable, and hassle-free relocation of your home items.</p>
          <a href="#" class="btn btn-danger">Get Details</a>
        </div>
      </div>
    </div>

    <!-- Service Card 4 -->
    <div class="col">
      <div class="card h-100 shadow-sm">
        <img src="<?= BASE_URL ?>/public/assets/img/landing/warehouse-storage.png" class="card-img-top" alt="Storage & Warehousing">
        <div class="card-body text-center">
          <h5 class="card-title">Storage & Warehousing</h5>
          <p class="card-text">Secure short-term and long-term storage options with flexible plans.</p>
          <a href="#" class="btn btn-danger">Get Details</a>
        </div>
      </div>
    </div>

  </div>
</section>


<!-- Why Choose Us Section -->
<section class="py-5 bg-light">
  <div class="container">
    <h2 class="text-center text-primary fw-bold mb-4">Why Choose Shri Krishna Packers?</h2>
    <div class="row g-4 text-center">
      <div class="col-md-3">
        <img src="<?= BASE_URL ?>/public/assets/icons/safe-storage.png" alt="Safe Storage" width="60" class="mb-3">
        <h5>Safe & Secure Storage</h5>
        <p>24/7 CCTV, climate control & pest-free facilities for peace of mind.</p>
      </div>
      <div class="col-md-3">
        <img src="<?= BASE_URL ?>/public/assets/icons/doorstep.png" alt="Doorstep Delivery" width="60" class="mb-3">
        <h5>End-to-End Solutions</h5>
        <p>From packing to pickup, storage, and delivery – we handle it all.</p>
      </div>
      <div class="col-md-3">
        <img src="<?= BASE_URL ?>/public/assets/icons/flexible-plans.png" alt="Flexible Plans" width="60" class="mb-3">
        <h5>Flexible Plans</h5>
        <p>Short or long-term storage options tailored to your exact needs.</p>
      </div>
      <div class="col-md-3">
        <img src="<?= BASE_URL ?>/public/assets/icons/support.png" alt="Support" width="60" class="mb-3">
        <h5>Dedicated Support</h5>
        <p>Expert team available anytime to guide and assist you.</p>
      </div>
    </div>
  </div>
</section>


<!-- Available in Your City Section -->
<section class="py-5 bg-light">
  <div class="container">
    <h2 class="text-center text-primary fw-bold mb-3">Available in Your City</h2>
    <p class="text-center text-muted mb-5">Premium storage solutions across India's metropolitan hubs</p>

    <div class="row g-4 justify-content-center">
      <!-- City Card 1 -->
      <div class="col-6 col-md-4 col-lg-3">
        <div class="city-card position-relative rounded-3 overflow-hidden" style="height: 150px;">
          <div class="city-bg" style="background-image: url('https://images.unsplash.com/photo-1587474260584-136574528ed5?ixlib=rb-1.2.1&auto=format&fit=crop&w=600&q=80');"></div>
          <div class="city-overlay position-absolute w-100 h-100 d-flex flex-column justify-content-center align-items-center text-white p-3">
            <h5 class="mb-1 fw-bold">Delhi NCR</h5>
            <!-- <small class="opacity-75">5+ Secure Facilities</small>
            <div class="mt-2 badge bg-primary opacity-90">Available Now</div> -->
          </div>
        </div>
      </div>

      <!-- City Card 2 -->
      <div class="col-6 col-md-4 col-lg-3">
        <div class="city-card position-relative rounded-3 overflow-hidden" style="height: 150px;">
          <div class="city-bg" style="background-image: url('https://images.unsplash.com/photo-1529253355930-ddbe423a2ac7?ixlib=rb-1.2.1&auto=format&fit=crop&w=600&q=80');"></div>
          <div class="city-overlay position-absolute w-100 h-100 d-flex flex-column justify-content-center align-items-center text-white p-3">
            <h5 class="mb-1 fw-bold">Mumbai</h5>
            <!-- <small class="opacity-75">8+ Climate-Controlled</small>
            <div class="mt-2 badge bg-primary opacity-90">Available Now</div> -->
          </div>
        </div>
      </div>

      <!-- City Card 3 -->
      <div class="col-6 col-md-4 col-lg-3">
        <div class="city-card position-relative rounded-3 overflow-hidden" style="height: 150px;">
          <div class="city-bg" style="background-image: url('https://images.unsplash.com/photo-1526498460520-4c246339dccb?ixlib=rb-1.2.1&auto=format&fit=crop&w=600&q=80');"></div>
          <div class="city-overlay position-absolute w-100 h-100 d-flex flex-column justify-content-center align-items-center text-white p-3">
            <h5 class="mb-1 fw-bold">Bangalore</h5>
            <!-- <small class="opacity-75">6+ Business Hubs</small>
            <div class="mt-2 badge bg-primary opacity-90">Available Now</div> -->
          </div>
        </div>
      </div>

      <!-- City Card 4 -->
      <div class="col-6 col-md-4 col-lg-3">
        <div class="city-card position-relative rounded-3 overflow-hidden" style="height: 150px;">
          <div class="city-bg" style="background-image: url('https://images.unsplash.com/photo-1581852017103-68e8115e1e47?ixlib=rb-1.2.1&auto=format&fit=crop&w=600&q=80');"></div>
          <div class="city-overlay position-absolute w-100 h-100 d-flex flex-column justify-content-center align-items-center text-white p-3">
            <h5 class="mb-1 fw-bold">Hyderabad</h5>
            <!-- <small class="opacity-75">4+ Tech Park Locations</small>
            <div class="mt-2 badge bg-primary opacity-90">Available Now</div> -->
          </div>
        </div>
      </div>

      <!-- City Card 5 -->
      <div class="col-6 col-md-4 col-lg-3">
        <div class="city-card position-relative rounded-3 overflow-hidden" style="height: 150px;">
          <div class="city-bg" style="background-image: url('https://images.unsplash.com/photo-1592903297149-37fb25202dfa?ixlib=rb-1.2.1&auto=format&fit=crop&w=600&q=80');"></div>
          <div class="city-overlay position-absolute w-100 h-100 d-flex flex-column justify-content-center align-items-center text-white p-3">
            <h5 class="mb-1 fw-bold">Chennai</h5>
            <!-- <small class="opacity-75">5+ Industrial Zones</small>
            <div class="mt-2 badge bg-primary opacity-90">Available Now</div> -->
          </div>
        </div>
      </div>

      <!-- City Card 6 -->
      <div class="col-6 col-md-4 col-lg-3">
        <div class="city-card position-relative rounded-3 overflow-hidden" style="height: 150px;">
          <div class="city-bg" style="background-image: url('https://images.unsplash.com/photo-1588943211346-0908a1fb0b01?ixlib=rb-1.2.1&auto=format&fit=crop&w=600&q=80');"></div>
          <div class="city-overlay position-absolute w-100 h-100 d-flex flex-column justify-content-center align-items-center text-white p-3">
            <h5 class="mb-1 fw-bold">Pune</h5>
            <!-- <small class="opacity-75">4+ Educational Hubs</small>
            <div class="mt-2 badge bg-primary opacity-90">Available Now</div> -->
          </div>
        </div>
      </div>

      <!-- City Card 7 -->
      <div class="col-6 col-md-4 col-lg-3">
        <div class="city-card position-relative rounded-3 overflow-hidden" style="height: 150px;">
          <div class="city-bg" style="background-image: url('https://images.unsplash.com/photo-1596386461350-326ccb383e9f?ixlib=rb-1.2.1&auto=format&fit=crop&w=600&q=80');"></div>
          <div class="city-overlay position-absolute w-100 h-100 d-flex flex-column justify-content-center align-items-center text-white p-3">
            <h5 class="mb-1 fw-bold">Jaipur</h5>
            <!-- <small class="opacity-75">3+ Heritage Locations</small>
            <div class="mt-2 badge bg-primary opacity-90">Available Now</div> -->
          </div>
        </div>
      </div>

      <!-- City Card 8 -->
      <div class="col-6 col-md-4 col-lg-3">
        <div class="city-card position-relative rounded-3 overflow-hidden" style="height: 150px;">
          <div class="city-bg" style="background-image: url('https://images.unsplash.com/photo-1564501049412-61c2a3083791?ixlib=rb-1.2.1&auto=format&fit=crop&w=600&q=80');"></div>
          <div class="city-overlay position-absolute w-100 h-100 d-flex flex-column justify-content-center align-items-center text-white p-3">
            <h5 class="mb-1 fw-bold">Ahmedabad</h5>
            <!-- <small class="opacity-75">3+ Business Centers</small>
            <div class="mt-2 badge bg-primary opacity-90">Available Now</div> -->
          </div>
        </div>
      </div>
    </div>

    <!-- <div class="text-center mt-5">
      <button class="btn btn-outline-primary px-4 py-2 rounded-pill border-2 fw-bold">
        <i class="fas fa-map-marker-alt me-2"></i> Check Availability in Your Area
      </button>
    </div> -->
  </div>
</section>



<!-- Testimonials Section -->
<section class="py-5">
  <div class="container">
    <h2 class="text-center text-primary fw-bold mb-5">What Our Customers Say</h2>
    
    <div class="owl-carousel testimonial-carousel owl-theme">

      <!-- Testimonial 1 -->
      <div class="testimonial-item  text-center p-4">
        <img src="https://i.pravatar.cc/80?img=1" alt="Rajeev Sharma" class="rounded-circle mx-auto mb-3 border border-3 border-primary" style="width: 80px; height: 80px; object-fit: cover;">
        <h6 class="fw-bold mb-3">Rajeev Sharma</h6>
        <p class="fst-italic text-muted mx-auto" style="width: 50%;">
          "I stored my household items with Shri Krishna Packers for over six months while renovating my home. The facility was exceptionally clean and secure. The team was always available and responsive whenever I had queries. I got everything back in perfect condition. Highly professional service!"
        </p>
      </div>

      <!-- Testimonial 2 -->
      <div class="testimonial-item  text-center p-4 ">
        <img src="https://i.pravatar.cc/80?img=1" alt="Anjali Verma" class="rounded-circle mx-auto mb-3 border border-3 border-primary" style="width: 80px; height: 80px; object-fit: cover;">
        <h6 class="fw-bold mb-3">Anjali Verma</h6>
        <p class="fst-italic text-muted mx-auto" style="width: 50%;">
          "From packing to pickup and storage, everything was handled with great care. I didn’t have to lift a finger! Their staff is courteous and punctual. The storage was climate-controlled and pest-free, which was a big relief. Truly made my relocation hassle-free!"
        </p>
      </div>

      <!-- Testimonial 3 -->
      <div class="testimonial-item  text-center p-4 ">
        <img src="https://i.pravatar.cc/80?img=1" alt="Mohit Kapoor" class="rounded-circle mx-auto mb-3 border border-3 border-primary" style="width: 80px; height: 80px; object-fit: cover;">
        <h6 class="fw-bold mb-3">Mohit Kapoor</h6>
        <p class="fst-italic text-muted mx-auto" style="width: 50%;">
          "We used their storage services for our office inventory during a renovation. Everything was organized and easy to track. The pickup and return were handled very efficiently. I was really impressed by their commitment to safety and transparency. Highly recommend them for business needs!"
        </p>
      </div>

    </div>
  </div>
</section>






<!-- FAQ Section -->
<section class="py-5 bg-light">
  <div class="container">
    <h2 class="text-center text-primary fw-bold mb-4">Frequently Asked Questions</h2>
    <div class="row">
      <!-- Column 1 -->
      <div class="col-md-6">
        <div class="accordion" id="faqAccordion1">
          
          <div class="accordion-item mb-3 border rounded-3">
            <h2 class="accordion-header" id="faq1">
              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapse1">
                What items can I store with Shri Krishna Packers?
              </button>
            </h2>
            <div id="faqCollapse1" class="accordion-collapse collapse" data-bs-parent="#faqAccordion1">
              <div class="accordion-body">
                We accept most household goods, furniture, appliances, business inventory, documents, and office equipment. Prohibited items include perishables, hazardous materials, and illegal items.
              </div>
            </div>
          </div>

          <div class="accordion-item mb-3 border rounded-3">
            <h2 class="accordion-header" id="faq2">
              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapse2">
                How secure are your storage facilities?
              </button>
            </h2>
            <div id="faqCollapse2" class="accordion-collapse collapse" data-bs-parent="#faqAccordion1">
              <div class="accordion-body">
                Our facilities feature 24/7 CCTV surveillance, biometric access control, fire protection systems, and regular security patrols. We maintain pest-free, climate-controlled environments for sensitive items.
              </div>
            </div>
          </div>

          <div class="accordion-item mb-3 border rounded-3">
            <h2 class="accordion-header" id="faq3">
              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapse3">
                What are your storage unit sizes and prices?
              </button>
            </h2>
            <div id="faqCollapse3" class="accordion-collapse collapse" data-bs-parent="#faqAccordion1">
              <div class="accordion-body">
                We offer units from 25 sq.ft (₹1,500/month) to 200+ sq.ft (₹8,000/month). Prices vary based on location, duration, and special features like climate control. Download our price list for details.
              </div>
            </div>
          </div>

          <div class="accordion-item mb-3 border rounded-3">
            <h2 class="accordion-header" id="faq4">
              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapse4">
                Do you provide packing and transportation services?
              </button>
            </h2>
            <div id="faqCollapse4" class="accordion-collapse collapse" data-bs-parent="#faqAccordion1">
              <div class="accordion-body">
                Yes! Our end-to-end service includes professional packing using quality materials, secure transportation with GPS-tracked vehicles, loading/unloading, and organized storage placement.
              </div>
            </div>
          </div>

          <div class="accordion-item mb-3 border rounded-3">
            <h2 class="accordion-header" id="faq5">
              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapse5">
                Can I access my stored items anytime?
              </button>
            </h2>
            <div id="faqCollapse5" class="accordion-collapse collapse" data-bs-parent="#faqAccordion1">
              <div class="accordion-body">
                Access is available during business hours (8AM-8PM). For after-hours access, prior arrangement is needed. We also offer item retrieval and delivery services for your convenience.
              </div>
            </div>
          </div>

        </div>
      </div>
      
      <!-- Column 2 -->
      <div class="col-md-6">
        <div class="accordion" id="faqAccordion2">
          
          <div class="accordion-item mb-3 border rounded-3">
            <h2 class="accordion-header" id="faq6">
              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapse6">
                What payment options do you accept?
              </button>
            </h2>
            <div id="faqCollapse6" class="accordion-collapse collapse" data-bs-parent="#faqAccordion2">
              <div class="accordion-body">
                We accept cash, all major credit/debit cards, UPI payments, net banking, and offer 0% EMI options. Corporate billing and auto-pay are available for long-term clients.
              </div>
            </div>
          </div>

          <div class="accordion-item mb-3 border rounded-3">
            <h2 class="accordion-header" id="faq7">
              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapse7">
                How does the insurance coverage work?
              </button>
            </h2>
            <div id="faqCollapse7" class="accordion-collapse collapse" data-bs-parent="#faqAccordion2">
              <div class="accordion-body">
                Our optional insurance covers fire, theft, and accidental damage (terms apply). Coverage starts at 0.5% of item value/month. We help assess value and process claims if needed.
              </div>
            </div>
          </div>

          <div class="accordion-item mb-3 border rounded-3">
            <h2 class="accordion-header" id="faq8">
              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapse8">
                What if I need to change my storage duration?
              </button>
            </h2>
            <div id="faqCollapse8" class="accordion-collapse collapse" data-bs-parent="#faqAccordion2">
              <div class="accordion-body">
                Our plans are flexible - you can extend or reduce storage anytime with 7 days notice. Pro-rated refunds are given for early termination after minimum period.
              </div>
            </div>
          </div>

          <div class="accordion-item mb-3 border rounded-3">
            <h2 class="accordion-header" id="faq9">
              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapse9">
                Do you offer business storage solutions?
              </button>
            </h2>
            <div id="faqCollapse9" class="accordion-collapse collapse" data-bs-parent="#faqAccordion2">
              <div class="accordion-body">
                Absolutely! We provide secure document storage, inventory management, retail stock rotation, and dedicated business units with 24/7 access options at corporate rates.
              </div>
            </div>
          </div>

          <div class="accordion-item mb-3 border rounded-3">
            <h2 class="accordion-header" id="faq10">
              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqCollapse10">
                How do I get started with storage booking?
              </button>
            </h2>
            <div id="faqCollapse10" class="accordion-collapse collapse" data-bs-parent="#faqAccordion2">
              <div class="accordion-body">
                Simply fill our contact form or call us for a free consultation. We'll assess your needs, suggest the right solution, schedule pickup if required, and handle everything seamlessly.
              </div>
            </div>
          </div>

        </div>
      </div>
    </div>
  </div>
</section>





  </div>
<footer class="bg-dark text-center text-light py-3">
  <div class="container">
    <small>&copy; <?= date("Y") ?> Shri Krishna Packers. All rights reserved.</small>
  </div>
</footer>


  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<script>
  $(document).ready(function(){
    $(".testimonial-carousel").owlCarousel({
      items: 1,
      loop: true,
      margin: 20,
      autoplay: true,
      autoplayTimeout: 5000,
      dots: true
    });
  });


   $(document).ready(function(){
    $('.brand-carousel').owlCarousel({
      loop: true,
      margin: 20,
      autoplay: true,
      autoplayTimeout: 2500,
      responsive: {
        0: { items: 2 },
        576: { items: 3 },
        768: { items: 4 },
        992: { items: 5 }
      }
    });
  });
</script>


  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>