<section class="hero-section" id="section_1">
    <div class="container d-flex justify-content-center align-items-center">
      <div class="row">
        <div class="col-xl-12 col-lg-12 col-md-12" id="main-data">
          <h1 class="text-white mb-3">Better Digital Experience with</h1>

          <div class="tech-box">12D Technology</div>
          <p>Building the future, one app at a time.</p>
          <a class="btn btn-get-started smoothscroll" href="#section_2"
            >Get Started</a
          >
        </div>
      </div>
    </div>

    <div class="video-wrap">
      <video autoplay="" loop="" muted="" class="custom-video" poster="">
        <source src="<?php echo e(asset('assets/video/12DTechnologywebsite.mp4')); ?>" type="video/mp4" />
        Your browser does not support the video tag.
      </video>
    </div>
  </section>

    <!-- Image Section Background and About Us Content -->
    <section class="image-section">
        <img src="<?php echo e(asset('assets/images/BG.png')); ?>" alt="bg-img" class="img-fluid background-image" />
      </section><?php /**PATH C:\xampp\htdocs\12dtechnologies\resources\views/layout/hero.blade.php ENDPATH**/ ?>