{% extends "layout/layout.twig" %}

{# ===== SEO VARIABLES FOR TERMS PAGE ===== #}
{% set title = "Terms & Conditions" %}
{% set meta_title = "Terms & Conditions | Conair UAE - MEP & HVAC Contractors Dubai" %}
{% set meta_description = "Read our terms and conditions for using Conair UAE services. Legal information about MEP, HVAC, electrical and plumbing services in Dubai." %}
{% set meta_keywords = "terms and conditions, MEP contractor terms, HVAC service agreement, Dubai, UAE construction terms" %}
{% set meta_robots = "index, follow" %}
{% set og_image = base_url ~ "/assets/images/terms-og.jpg" %}

{% block body_class %}dark-scheme{% endblock %}

{% block content %}



<section id="subheader" class="jarallax text-light">
    <div class="container relative z-index-1000">
        <div class="row align-items-center">
            <div class="col-lg-6">
                <h1>Terms & Conditions</h1>
                <ul class="crumb">
                    <li><a href="{{ base_url }}/">Home</a></li>
                    <li class="active">Terms & Conditions</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="de-overlay"></div>
</section>
<!-- SUBHEADER CLOSE -->

<!-- CONTENT -->
<section class="pt40 pb40">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="subtitle wow fadeInUp mb-3" data-wow-delay=".2s">LEGAL INFORMATION</div>
                <h2 class="wow fadeInUp" data-wow-delay=".4s">Terms & <span class="id-color-2">Conditions</span></h2>
                <p class="wow fadeInUp" data-wow-delay=".6s">Last Updated: {{ "now"|date("F j, Y") }}</p>
            </div>
        </div>
        
        <div class="spacer-30"></div>
        
        <div class="row">
            <div class="col-lg-10 offset-lg-1">
                <div class="terms-box">
                    
                    <!-- INTRODUCTION -->
                    <div class="terms-section mb-5">
                        <h4 class="id-color-2 mb-4">Welcome to Conair UAE</h4>
                        <p class="mb-4">These Terms & Conditions govern your use of our website and services. By accessing or using our services, you agree to comply with these terms.</p>
                    </div>
                    
                    <!-- COMPANY INFORMATION -->
                    <div class="terms-section mb-5">
                        <h4 class="id-color-2 mb-4">1. Company Information</h4>
                        <p>Conair UAE provides Mechanical, Electrical, Plumbing (MEP), Air Conditioning, Electrical, and Plumbing installation, repair, and maintenance services across the UAE.</p>
                        
                        <div class="company-info mt-4">
                            <div class="d-flex mb-3">
                                <i class="icofont-location-pin id-color-2 me-3 fs-24"></i>
                                <div>
                                    <strong>Office Address:</strong><br>
                                    <span>Arkan Business Center 2, Al Garhoud, Dubai, UAE</span>
                                </div>
                            </div>
                            
                            <div class="d-flex mb-3">
                                <i class="icofont-envelope id-color-2 me-3 fs-24"></i>
                                <div>
                                    <strong>Email:</strong><br>
                                    <a href="mailto:info@conairuae.com">info@conairuae.com</a>
                                </div>
                            </div>
                            
                            <div class="d-flex">
                                <i class="icofont-phone id-color-2 me-3 fs-24"></i>
                                <div>
                                    <strong>Phone:</strong><br>
                                    <a href="tel:+971551549026">+971 55 154 9026</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- SERVICES -->
                    <div class="terms-section mb-5">
                        <h4 class="id-color-2 mb-4">2. Services</h4>
                        <p>Conair provides:</p>
                        <ul class="ul-style-2 mb-4">
                            <li>AC installation and maintenance</li>
                            <li>Electrical installation and repair</li>
                            <li>Plumbing services</li>
                            <li>MEP contracting</li>
                            <li>General maintenance services</li>
                        </ul>
                        <p>All services are subject to agreement, availability, and inspection.</p>
                    </div>
                    
                    <!-- QUOTATIONS AND PAYMENTS -->
                    <div class="terms-section mb-5">
                        <h4 class="id-color-2 mb-4">3. Quotations and Payments</h4>
                        <ul class="ul-style-2">
                            <li>All quotations are valid for a limited period.</li>
                            <li>Prices may vary depending on site conditions.</li>
                            <li>Payment terms will be agreed before project start.</li>
                            <li>Conair reserves the right to suspend services for non-payment.</li>
                        </ul>
                    </div>
                    
                    <!-- CUSTOMER RESPONSIBILITIES -->
                    <div class="terms-section mb-5">
                        <h4 class="id-color-2 mb-4">4. Customer Responsibilities</h4>
                        <p>Customers must:</p>
                        <ul class="ul-style-2 mb-4">
                            <li>Provide accurate information</li>
                            <li>Provide site access</li>
                            <li>Ensure safe working environment</li>
                        </ul>
                        <p>Conair is not responsible for delays caused by customer or third parties.</p>
                    </div>
                    
                    <!-- WARRANTY -->
                    <div class="terms-section mb-5">
                        <h4 class="id-color-2 mb-4">5. Warranty</h4>
                        <p>We provide service warranty as per agreement.</p>
                        <p>Warranty does not cover:</p>
                        <ul class="ul-style-2">
                            <li>Misuse</li>
                            <li>Unauthorized repair</li>
                            <li>External damage</li>
                        </ul>
                    </div>
                    
                    <!-- LIABILITY -->
                    <div class="terms-section mb-5">
                        <h4 class="id-color-2 mb-4">6. Liability</h4>
                        <p>Conair is not liable for:</p>
                        <ul class="ul-style-2">
                            <li>Indirect damages</li>
                            <li>Loss of business</li>
                            <li>Delays beyond our control</li>
                        </ul>
                    </div>
                    
                    <!-- INTELLECTUAL PROPERTY -->
                    <div class="terms-section mb-5">
                        <h4 class="id-color-2 mb-4">7. Intellectual Property</h4>
                        <p>All website content belongs to Conair UAE.</p>
                        <p>You may not copy or reuse without permission.</p>
                    </div>
                    
                    <!-- TERMINATION -->
                    <div class="terms-section mb-5">
                        <h4 class="id-color-2 mb-4">8. Termination</h4>
                        <p>We reserve the right to refuse or terminate service if terms are violated.</p>
                    </div>
                    
                    <!-- GOVERNING LAW -->
                    <div class="terms-section mb-5">
                        <h4 class="id-color-2 mb-4">9. Governing Law</h4>
                        <p>These terms are governed by UAE law.</p>
                    </div>
                    
                    <!-- CONTACT -->
                    <div class="terms-section mb-5">
                        <h4 class="id-color-2 mb-4">10. Contact</h4>
                        <p>If you have any questions about these Terms & Conditions, please contact us:</p>
                        
                        <div class="contact-details mt-4">
                            <p><strong>Email:</strong> <a href="mailto:info@conairuae.com">info@conairuae.com</a></p>
                            <p><strong>Phone:</strong> <a href="tel:+971551549026">+971 55 154 9026</a></p>
                        </div>
                    </div>
                    
                    <!-- ACCEPTANCE -->
                    <div class="terms-acceptance mt-5 text-center">
                        <h5 class="id-color-2 mb-3">By using our services, you acknowledge that you have read and understood these Terms & Conditions.</h5>
                        <a href="{{ base_url }}/contact" class="btn-main bg-color-2 mt-2">Contact Us</a>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
</section>
<!-- CONTENT CLOSE -->

{% endblock %}

{% block scripts %}
<script>
    // Add any page-specific JavaScript here
    $(document).ready(function() {
        // Smooth scroll for anchor links
        $('a[href*="#"]').on('click', function(e) {
            e.preventDefault();
            $('html, body').animate({
                scrollTop: $($(this).attr('href')).offset().top - 100
            }, 500);
        });
    });
</script>

<style>
/* ================================================== */
/* TERMS & CONDITIONS PAGE - TEXT COLORS ONLY
/* No background colors - only text styling
/* ================================================== */

.terms-section {
    border-bottom: 1px solid rgba(57, 49, 134, 0.2);
    padding-bottom: 30px;
}

.terms-section:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.terms-section h4 {
    font-size: 24px;
    font-weight: 600;
    position: relative;
    padding-bottom: 15px;
    color: var(--primary-color) !important;
}

.terms-section h4:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    background: var(--primary-color);
}

/* List styles - only text colors */
.terms-section ul.ul-style-2 {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

.terms-section ul.ul-style-2 li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
}

.terms-section ul.ul-style-2 li:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    color: var(--primary-color);
    font-weight: bold;
}

/* Icons */
.company-info i,
.contact-details i {
    color: var(--primary-color);
}

.company-info strong {
    color: var(--primary-color);
}

/* Links */
.terms-section a {
    color: var(--primary-color);
    transition: all 0.3s ease;
}

.terms-section a:hover {
    color: var(--secondary-color);
    text-decoration: underline;
}

/* Acceptance section - text only */
.terms-acceptance h5 {
    color: var(--primary-color);
    font-weight: 600;
}

/* Button styling - minimal */
.terms-acceptance .btn-main.bg-color-2 {
    background: var(--primary-color);
    color: #ffffff;
    border: none;
}

.terms-acceptance .btn-main.bg-color-2:hover {
    background: var(--secondary-color);
    transform: translateY(-2px);
}

/* Utility */
.id-color-2 {
    color: var(--primary-color) !important;
}

.fs-24 {
    font-size: 24px;
}

/* Responsive */
@media only screen and (max-width: 768px) {
    .terms-section h4 {
        font-size: 20px;
    }
}
</style>
{% endblock %}