<!-- Include page layout -->



<!-- Start page content -->
<?php $__env->startSection('content'); ?>

    <!--Navigation section-->
    <div class="container">
        <nav class="biolife-nav">
            <ul>
                <li class="nav-item"><a href="index-2.html" class="permal-link">Home</a></li>
                <li class="nav-item"><span class="current-page">About us</span></li>
            </ul>
        </nav>
    </div>

    <div class="page-contain about-us">

        <!-- Main content -->
        <div id="main-content" class="main-content">

            

            <div style="max-width: 1200px; margin: 0 auto; padding: 60px 20px;">

    <!-- Company Intro -->
    <div style="display: flex; flex-wrap: wrap; gap: 40px; align-items: center;">
      <div style="flex: 1 1 300px;">
        <h2 style="font-size: 32px; font-weight: bold; color: #e11600; margin-bottom: 24px;">
          Redhat Safety Equipment Trading
        </h2>
        <p style="font-size: 18px; color: #c5c4c4; margin-bottom: 20px;">
          A locally owned and operated company, specialized in the distribution and supply
          of quality Personal Protective Equipment (PPE) since 2017.
        </p>
        <p style="font-size: 18px; color: #c5c4c4; margin-bottom: 20px;">
          We carry a large inventory of personal protective equipment and occupational
          health and safety supplies, enabling us to rapidly supply the market when it counts most.
        </p>
      </div>

      <div style="flex: 1 1 300px; height: 300px; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.1);">
        <img src="assets/images/image.png" alt="Safety Equipment Display" style="width: 100%; object-fit: cover;height: 100%;">
      </div>
    </div>

    <!-- Authorized Dealers -->
    <div style="margin-top: 60px;">
      <h2 style="font-size: 28px; font-weight: bold; text-align: center; color: #e11600;">We are authorized dealers of</h2>
      <h3 style="font-size: 22px; font-weight: 600; text-align: center; color: #d8d8d8; margin-bottom: 40px;">Leading Companies</h3>

      <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;">
        <!-- Logos (example only: repeat as needed) -->
        <div style="background: white; padding: 16px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); width: 150px; height: 150px; display: flex; align-items: center; justify-content: center;">
          <img src="assets/images/banner/companie-1.png" alt="SCOTT SAFETY" style="max-width: 100%; max-height: 100%; object-fit: contain;">
        </div>
        <div style="background: white; padding: 16px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); width: 150px; height: 150px; display: flex; align-items: center; justify-content: center;">
          <img src="assets/images/banner/companie-2.png" alt="CROWCON" style="max-width: 100%; max-height: 100%; object-fit: contain;">
        </div>
        <div style="background: white; padding: 16px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); width: 150px; height: 150px; display: flex; align-items: center; justify-content: center;">
          <img src="assets/images/banner/companie-3.png" alt="CROWCON" style="max-width: 100%; max-height: 100%; object-fit: contain;">
        </div>
        <div style="background: white; padding: 16px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); width: 150px; height: 150px; display: flex; align-items: center; justify-content: center;">
          <img src="assets/images/banner/companie-4.png" alt="CROWCON" style="max-width: 100%; max-height: 100%; object-fit: contain;">
        </div>
         <div style="background: white; padding: 16px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); width: 150px; height: 150px; display: flex; align-items: center; justify-content: center;">
          <img src="assets/images/banner/companie-5.png" alt="CROWCON" style="max-width: 100%; max-height: 100%; object-fit: contain;">
        </div>
         <div style="background: white; padding: 16px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); width: 150px; height: 150px; display: flex; align-items: center; justify-content: center;">
          <img src="assets/images/banner/companie-6.png" alt="CROWCON" style="max-width: 100%; max-height: 100%; object-fit: contain;">
        </div>
         <div style="background: white; padding: 16px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); width: 150px; height: 150px; display: flex; align-items: center; justify-content: center;">
          <img src="assets/images/banner/companie-7.png" alt="CROWCON" style="max-width: 100%; max-height: 100%; object-fit: contain;">
        </div>
         <div style="background: white; padding: 16px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); width: 150px; height: 150px; display: flex; align-items: center; justify-content: center;">
          <img src="assets/images/banner/companie-8.png" alt="CROWCON" style="max-width: 100%; max-height: 100%; object-fit: contain;">
        </div>
         <div style="background: white; padding: 16px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); width: 150px; height: 150px; display: flex; align-items: center; justify-content: center;">
          <img src="assets/images/banner/companie-9.png" alt="CROWCON" style="max-width: 100%; max-height: 100%; object-fit: contain;">
        </div>
         <div style="background: white; padding: 16px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); width: 150px; height: 150px; display: flex; align-items: center; justify-content: center;">
          <img src="assets/images/banner/companie-10.png" alt="CROWCON" style="max-width: 100%; max-height: 100%; object-fit: contain;">
        </div>
         <div style="background: white; padding: 16px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); width: 150px; height: 150px; display: flex; align-items: center; justify-content: center;">
          <img src="assets/images/banner/companie-11.png" alt="CROWCON" style="max-width: 100%; max-height: 100%; object-fit: contain;">
        </div>
         <div style="background: white; padding: 16px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); width: 150px; height: 150px; display: flex; align-items: center; justify-content: center;">
          <img src="assets/images/banner/companie-12.png" alt="CROWCON" style="max-width: 100%; max-height: 100%; object-fit: contain;">
        </div>


        <!-- Repeat more logos -->
      </div>
    </div>

    <!-- Mission Section -->
    <div style="margin-top: 60px; background:rgb(2 6 23); border-radius: 8px; box-shadow: 0 2px 12px rgba(0,0,0,0.08); padding: 40px;">
      <h2 style="text-align: center; font-size: 28px; font-weight: bold; color: #e11600; margin-bottom: 32px;">
        Our Commitment to Safety
      </h2>
      <div style="display: flex; flex-wrap: wrap; gap: 30px;">
        <div style="flex: 1 1 300px;">
          <h3 style="font-size: 20px; font-weight: 600; color: #e3dede; margin-bottom: 12px;">Quality Assurance</h3>
          <p style="color: #a09d9d;">
            We provide safety products of the highest quality, ensuring our customers
            receive reliable protection in hazardous environments.
          </p>
        </div>
        <div style="flex: 1 1 300px;">
          <h3 style="font-size: 20px; font-weight: 600; color: #e3dede; margin-bottom: 12px;">Expert Guidance</h3>
          <p style="color: #a09d9d;">
            Our technical experts help customers select the right products for their
            specific needs, ensuring optimal protection and compliance.
          </p>
        </div>
      </div>
    </div>

    <!-- Product Categories -->
    <div style="margin-top: 60px;">
      <h2 style="font-size: 28px; font-weight: bold; text-align: center; color: #e11600; margin-bottom: 40px;">
        Our Safety Solutions
      </h2>
      <div style="display: flex; flex-wrap: wrap; gap: 20px; justify-content: center;">
        <!-- Category Card Example -->
        <div style="background: rgb(2 6 23); padding: 24px; border-radius: 8px; width: 280px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">
          <div style="font-size: 32px; margin-bottom: 16px;">🪖</div>
          <h3 style="font-size: 18px; font-weight: 600; color: #e3dede; margin-bottom: 8px;">Head Protection</h3>
          <p style="color: #a09d9d;">Industrial helmets, bump caps, and accessories</p>
        </div>

        <div style="background: rgb(2 6 23); padding: 24px; border-radius: 8px; width: 280px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">
          <div style="font-size: 32px; margin-bottom: 16px;">👓</div>
          <h3 style="font-size: 18px; font-weight: 600; color: #e3dede; margin-bottom: 8px;">Eye & Face Protection</h3>
          <p style="color: #a09d9d;">Safety glasses, goggles, and face shields</p>
        </div>
    <div style="background: rgb(2 6 23); padding: 24px; border-radius: 8px; width: 280px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">
          <div style="font-size: 32px; margin-bottom: 16px;">👓</div>
          <h3 style="font-size: 18px; font-weight: 600; color: #e3dede; margin-bottom: 8px;">Eye & Face Protection</h3>
          <p style="color: #a09d9d;">Safety glasses, goggles, and face shields</p>
        </div>

          <div style="background: rgb(2 6 23); padding: 24px; border-radius: 8px; width: 280px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">
          <div style="font-size: 32px; margin-bottom: 16px;">👓</div>
          <h3 style="font-size: 18px; font-weight: 600; color: #e3dede; margin-bottom: 8px;">Eye & Face Protection</h3>
          <p style="color: #a09d9d;">Safety glasses, goggles, and face shields</p>
        </div>

          <div style="background: rgb(2 6 23); padding: 24px; border-radius: 8px; width: 280px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">
          <div style="font-size: 32px; margin-bottom: 16px;">👓</div>
          <h3 style="font-size: 18px; font-weight: 600; color: #e3dede; margin-bottom: 8px;">Eye & Face Protection</h3>
          <p style="color: #a09d9d;">Safety glasses, goggles, and face shields</p>
        </div>

          <div style="background: rgb(2 6 23); padding: 24px; border-radius: 8px; width: 280px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">
          <div style="font-size: 32px; margin-bottom: 16px;">👓</div>
          <h3 style="font-size: 18px; font-weight: 600; color: #e3dede; margin-bottom: 8px;">Eye & Face Protection</h3>
          <p style="color: #a09d9d;">Safety glasses, goggles, and face shields</p>
        </div>
        <!-- Add more categories similarly -->
      </div>
    </div>


            

            <div class="testimonial-block">
                <div class="container">
                    <h4 style="color: #e11600" class="box-title">Testimonial</h4>
                    <ul class="testimonial-list biolife-carousel" data-slick='{"arrows":false,"dots":true,"infinite":false,"speed":400,"slidesMargin":30,"slidesToShow":3, "responsive":[{"breakpoint":1200, "settings":{ "slidesToShow": 3}},{"breakpoint":992, "settings":{ "slidesToShow": 2}},{"breakpoint":768, "settings":{ "slidesToShow": 2}},{"breakpoint":500, "settings":{ "slidesToShow": 1}}]}'>
                        <li>
                            <div class="testml-elem">
                                <div class="avata">
                                    <figure><img src="assets/images/about-us/author-01.png" alt="" width="217" height="217"></figure>
                                </div>
                                <p class="desc">The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text.</p>
                                <b class="name">Ms. Jay Doe</b>
                                <b class="title">Manager, Mycrosoft co.</b>
                                <div class="rating"><p class="star-rating"><span class="width-80percent"></span></p></div>
                            </div>
                        </li>
                        <li>
                            <div class="testml-elem">
                                <div class="avata">
                                    <figure><img src="assets/images/about-us/author-02.png" alt="" width="217" height="217"></figure>
                                </div>
                                <p class="desc">The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text.</p>
                                <b class="name">Mr. Braun</b>
                                <b class="title">Sales Manager</b>
                                <div class="rating"><p class="star-rating"><span class="width-90percent"></span></p></div>
                            </div>
                        </li>
                        <li>
                            <div class="testml-elem">
                                <div class="avata">
                                    <figure><img src="assets/images/about-us/author-03.png" alt="" width="217" height="217"></figure>
                                </div>
                                <p class="desc">The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text.</p>
                                <b class="name">Ms. Danien</b>
                                <b class="title">Marketing</b>
                                <div class="rating"><p class="star-rating"><span class="width-100percent"></span></p></div>
                            </div>
                        </li>
                        <li>
                            <div class="testml-elem">
                                <div class="avata">
                                    <figure><img src="assets/images/about-us/author-01.png" alt="" width="217" height="217"></figure>
                                </div>
                                <p class="desc">The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text.</p>
                                <b class="name">Ms. Jay Doe</b>
                                <b class="title">Manager, Mycrosoft co.</b>
                                <div class="rating"><p class="star-rating"><span class="width-80percent"></span></p></div>
                            </div>
                        </li>
                        <li>
                            <div class="testml-elem">
                                <div class="avata">
                                    <figure><img src="assets/images/about-us/author-02.png" alt="" width="217" height="217"></figure>
                                </div>
                                <p class="desc">The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text.</p>
                                <b class="name">Mr. Braun</b>
                                <b class="title">Sales Manager</b>
                                <div class="rating"><p class="star-rating"><span class="width-90percent"></span></p></div>
                            </div>
                        </li>
                        <li>
                            <div class="testml-elem">
                                <div class="avata">
                                    <figure><img src="assets/images/about-us/author-03.png" alt="" width="217" height="217"></figure>
                                </div>
                                <p class="desc">The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text.</p>
                                <b class="name">Ms. Danien</b>
                                <b class="title">Marketing</b>
                                <div class="rating"><p class="star-rating"><span class="width-100percent"></span></p></div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

    </div>


<?php $__env->stopSection(); ?>
<!-- End page content -->

<?php echo $__env->make('layouts.front', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\Users\Irfan\Desktop\ErpLite\resources\views/about.blade.php ENDPATH**/ ?>