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

{# ===== SEO VARIABLES FOR PRIVACY PAGE ===== #}
{% set title = "Privacy Policy" %}
{% set meta_title = "Privacy Policy | Conair UAE - Data Protection & Privacy" %}
{% set meta_description = "Read our privacy policy to understand how Conair UAE collects, uses, and protects your personal information when using our MEP, HVAC, electrical and plumbing services." %}
{% set meta_keywords = "privacy policy, data protection, GDPR, UAE privacy laws, Conair privacy, Dubai" %}
{% set meta_robots = "index, follow" %}
{% set og_image = base_url ~ "/assets/images/privacy-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>Privacy Policy</h1>
                <ul class="crumb">
                    <li><a href="{{ base_url }}/">Home</a></li>
                    <li class="active">Privacy Policy</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">YOUR PRIVACY MATTERS</div>
                <h2 class="wow fadeInUp" data-wow-delay=".4s">Our <span class="id-color-2">Privacy Policy</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="privacy-box">
                    
                    <!-- INTRODUCTION -->
                    <div class="privacy-section mb-5">
                        <h4 class="id-color-2 mb-4">Welcome to Conair UAE</h4>
                        <p class="mb-4">Conair UAE respects your privacy and protects your personal information. This policy explains how we collect, use, and safeguard your data when you use our services.</p>
                    </div>
                    
                    <!-- 1. INFORMATION WE COLLECT -->
                    <div class="privacy-section mb-5">
                        <h4 class="id-color-2 mb-4">1. Information We Collect</h4>
                        <p>We may collect the following information:</p>
                        <ul class="ul-style-2 mb-4">
                            <li>Name</li>
                            <li>Phone number</li>
                            <li>Email address</li>
                            <li>Location</li>
                            <li>Service details</li>
                        </ul>
                        <p>When you:</p>
                        <ul class="ul-style-2">
                            <li>Contact us</li>
                            <li>Fill a form</li>
                            <li>Request a service</li>
                        </ul>
                    </div>
                    
                    <!-- 2. HOW WE USE INFORMATION -->
                    <div class="privacy-section mb-5">
                        <h4 class="id-color-2 mb-4">2. How We Use Information</h4>
                        <p>We use your information to:</p>
                        <ul class="ul-style-2">
                            <li>Provide services</li>
                            <li>Contact you</li>
                            <li>Improve our services</li>
                            <li>Send updates</li>
                        </ul>
                    </div>
                    
                    <!-- 3. INFORMATION PROTECTION -->
                    <div class="privacy-section mb-5">
                        <h4 class="id-color-2 mb-4">3. Information Protection</h4>
                        <p>We protect your data using:</p>
                        <ul class="ul-style-2">
                            <li>Secure servers</li>
                            <li>Limited access</li>
                            <li>Industry standard security</li>
                        </ul>
                    </div>
                    
                    <!-- 4. INFORMATION SHARING -->
                    <div class="privacy-section mb-5">
                        <h4 class="id-color-2 mb-4">4. Information Sharing</h4>
                        <p>We do <strong>NOT</strong> sell or share your personal data.</p>
                        <p>Except when required by UAE law.</p>
                    </div>
                    
                    <!-- 5. COOKIES -->
                    <div class="privacy-section mb-5">
                        <h4 class="id-color-2 mb-4">5. Cookies</h4>
                        <p>Our website may use cookies to improve user experience.</p>
                    </div>
                    
                    <!-- 6. THIRD-PARTY LINKS -->
                    <div class="privacy-section mb-5">
                        <h4 class="id-color-2 mb-4">6. Third-Party Links</h4>
                        <p>We are not responsible for other websites.</p>
                    </div>
                    
                    <!-- 7. YOUR RIGHTS -->
                    <div class="privacy-section mb-5">
                        <h4 class="id-color-2 mb-4">7. Your Rights</h4>
                        <p>You may request:</p>
                        <ul class="ul-style-2">
                            <li>Data access</li>
                            <li>Data correction</li>
                            <li>Data deletion</li>
                        </ul>
                    </div>
                    
                    <!-- 8. CONTACT US -->
                    <div class="privacy-section mb-5">
                        <h4 class="id-color-2 mb-4">8. Contact Us</h4>
                        
                        <div class="company-info mt-3">
                            <h5 class="id-color-2 mb-3">Conair UAE</h5>
                            
                            <div class="d-flex mb-3">
                                <i class="icofont-location-pin id-color-2 me-3 fs-24"></i>
                                <div>
                                    <strong>Office Location:</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>
                    
                    <!-- ACCEPTANCE -->
                    <div class="privacy-acceptance mt-5 text-center">
                        <h5 class="id-color-2 mb-3">By using our services, you acknowledge that you have read and understood this Privacy Policy.</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>
/* ================================================== */
/* PRIVACY POLICY PAGE - TEXT COLORS ONLY
/* No background colors - only text styling
/* ================================================== */

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

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

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

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

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

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

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

/* Company info section */
.company-info {
    margin-top: 20px;
}

.company-info h5 {
    font-size: 18px;
    font-weight: 600;
}

.company-info i {
    color: var(--primary-color);
    min-width: 40px;
}

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

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

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

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

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

.privacy-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) {
    .privacy-section h4 {
        font-size: 20px;
    }
    
    .company-info .d-flex {
        flex-direction: column;
    }
    
    .company-info i {
        margin-bottom: 5px;
    }
}
</style>
{% endblock %}