<?php include 'header.php';?>

        <!-- Masthead-->
<header class="masthead-sub masthead-short">
    <div class="container px-4 px-lg-5 h-100">
        <div class="row gx-4 gx-lg-5 h-100 align-items-center justify-content-center text-center">
            <div class="col-lg-8">
                <h1 class="text-white font-weight-bold">About</h1>
                <hr class="divider" />
            </div>
        </div>
    </div>
</header>

<!--About Section 1-->
<section class="page-section bg-white" id="tradition">
    <div class="container px-4 px-lg-5">
        <div class="row gx-4 gx-lg-5 align-items-center">
            
            <div class="col-lg-6 mb-5 mb-lg-0">
                <div class="position-relative">
                    <img class="img-fluid rounded-3 shadow-lg" src="assets/img/aaaa-team.jpg" alt="Aaaamazing Air Family Tradition">
                    <div class="d-none d-md-block position-absolute top-0 start-0 translate-middle-x mt-5" style="width: 20px; height: 100px; background-color: #F4623A; z-index: -1;"></div>
                </div>
            </div>

            <div class="col-lg-6">
                <h3 class="text-primary fw-bold text-uppercase mb-2" style="letter-spacing: 0.1rem; font-size: 0.9rem;">A Family Tradition</h3>
                <h2 class="display-5 fw-bold mb-4" style="color: #002D5B;">We Want the Customer to Be Happy</h2>
                
                <p class="lead text-dark mb-4 fw-normal">
                    If there’s one thing about Aaaamazing Air we want you to know, it’s that we <strong>always want our clients to be satisfied.</strong>
                </p>
                
                <p class="text-muted mb-4">
                    This is not just a goal we talk about; we put a lot of emphasis on it in our training for new employees, and we consider it often.
                </p>

                <p class="text-muted mb-0">
                    We see this in our workforce. The first thing our customers think of when they think of our team is how cheerful and nice they are to work with! Our crew is also devoted and dependable. Everyone enjoys going to work, and we have a very low turnover rate.
                </p>
            </div>

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

<!--About Section 2 Start-->

<section class="page-section bg-light" id="loyalty">
    <div class="container px-4 px-lg-5">
        <div class="row gx-0 align-items-stretch">
            
            <div class="col-lg-6 order-2 order-lg-1 py-5 pe-lg-5">
                <h3 class="text-primary fw-bold text-uppercase mb-2" style="letter-spacing: 0.1rem; font-size: 0.9rem;">Customer Loyalty</h3>
                <h2 class="display-5 fw-bold mb-4" style="color: #002D5B;">Why Do Our Customers Stay with Us?</h2>
                
                <p class="text-muted mb-4">
                    There are two additional crucial reasons why our clients appreciate doing business with us and stick with us over time, in addition to our commitment to our clients and our content staff.
                </p>
                
                <div class="mb-4">
                    <h4 class="h5 fw-bold"><i class="bi bi-check2-circle text-primary me-2"></i>Honest Communication</h4>
                    <p class="text-muted">We are dedicated to keeping you fully informed about the condition of your HVAC system. We don't try to overcharge you and we don't sell stuff you don't need.</p>
                </div>

                <div class="mb-5">
                    <h4 class="h5 fw-bold"><i class="bi bi-award text-primary me-2"></i>Quality of Work</h4>
                    <p class="text-muted">Our rigorous and comprehensive training ensures that our quality is on the highest level.</p>
                </div>

                <hr class="my-4">

                <h3 class="h4 fw-bold mb-3">Unparalleled Product Support</h3>
                <p class="text-muted mb-3">
                    When we install a system or a product, we continue to be accessible and available in case a problem arises.
                </p>
                <p class="text-muted mb-5">
                    If your product is still under warranty, we’ll also send HVAC specialists after regular business hours.
                </p>

                <a class="btn btn-primary btn-xl" href="#contact">Get a Quote</a>
            </div>

            <div class="col-lg-6 order-1 order-lg-2 mb-5 mb-lg-0 p-0">
                <div class="h-100">
                    <img class="img-fluid w-100 h-100 shadow-lg" 
                         src="assets/img/aaaa-team2.jpg" 
                         alt="Aaaamazing Air Support" 
                         style="object-fit: cover; min-height: 400px; border-radius: 0.5rem;">
                </div>
            </div>

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

<!--About Section 2 End-->




      <?php include 'footer.php';?>