<!DOCTYPE html>
<html lang="en">

	<head>
		<meta
		charset="UTF-8">

		{# ================================
		       PRIMARY SEO META
		    ================================= #}

		{% set meta_title = meta_title|default(title|default('My Website')) %}
		{% set meta_description = meta_description|default('Professional website description goes here.') %}
		{% set meta_keywords = meta_keywords|default('business, services, company') %}
		{% set meta_robots = meta_robots|default('index, follow') %}
		{% set canonical_url = canonical_url|default(base_url ~ app.request.uri) %}

		<title>{{ meta_title }}</title>
		<meta name="description" content="{{ meta_description }}">
		<meta name="keywords" content="{{ meta_keywords }}">
		<meta name="robots" content="{{ meta_robots }}">
		<meta name="viewport" content="width=device-width, initial-scale=1">

		{% set canonical_url = canonical_url|default(base_url ~ current_url) %}

		{# ================================
		       OPEN GRAPH + TWITTER (DYNAMIC IMAGE)
		    ================================= #}

		{% set default_og_image = base_url ~ '/assets/images/og-default.jpg' %}
		{% set final_og_image = og_image is defined and og_image ? og_image : default_og_image %}

		<!-- Open Graph -->
		<meta property="og:type" content="website">
		<meta property="og:title" content="{{ meta_title }}">
		<meta property="og:description" content="{{ meta_description }}">
		<meta property="og:url" content="{{ canonical_url }}">
		<meta property="og:image" content="{{ final_og_image }}">
		<meta property="og:image:secure_url" content="{{ final_og_image }}">
		<meta property="og:image:type" content="image/jpeg">
		<meta property="og:image:width" content="1200">
		<meta property="og:image:height" content="630">
		<meta
		property="og:site_name" content="My Website">

		<!-- Twitter -->
		<meta name="twitter:card" content="summary_large_image">
		<meta name="twitter:title" content="{{ meta_title }}">
		<meta name="twitter:description" content="{{ meta_description }}">
		<meta name="twitter:image" content="{{ final_og_image }}">

		{# ================================
		       FAVICON + CSS
		    ================================= #}

		{# <link rel="icon" type="image/png" href="{{ base_url }}/assets/images/favicon.png"> #}
		<link rel="icon" type="image/png" sizes="32x32" href="{{ base_url }}/assets/images/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="{{ base_url }}/assets/images/favicon-16x16.png">
		<link rel="apple-touch-icon" sizes="180x180" href="{{ base_url }}/assets/images/apple-touch-icon.png">

		<link
		rel="stylesheet" href="{{ base_url }}/assets/css/styles.css">

		<!-- CSS Files
		    ================================================== -->

		<link href="{{ base_url }}/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" id="bootstrap">
		<link href="{{ base_url }}/assets/css/plugins.css" rel="stylesheet" type="text/css">
		<link href="{{ base_url }}/assets/css/swiper.css" rel="stylesheet" type="text/css">
		<link href="{{ base_url }}/assets/css/style.css" rel="stylesheet" type="text/css">
		<link
		href="{{ base_url }}/assets/css/coloring.css" rel="stylesheet" type="text/css">

		{# ================================
		       ORGANIZATION SCHEMA (JSON-LD)
		    ================================= #}

		<script type="application/ld+json">
			{
			            "@context": "https://schema.org",
			            "@type": "Organization",
			            "name": "My Website",
			            "url": "{{ base_url }}",
			            "logo": "{{ base_url }}/assets/images/logo.png"
			        }
		</script>

	</head>

	<body>

		<header class="header-light transparent scroll-light has-topbar">
			<div id="topbar">
				<div class="container">
					<div class="row">
						<div class="col-lg-12">
							<div class="d-flex justify-content-between xs-hide">
								<div class="header-widget d-flex">
									<div class="topbar-widget">
										<a href="tel:+971551549026">
											<i class="icofont-phone"></i>+971 55 154 9026</a>
									</div>
									<div class="topbar-widget">
										<a href="mailto:info@conairuae.com">
											<i class="icofont-envelope"></i>info@conairuae.com</a>
									</div>
									<div class="topbar-widget">
										<a href="#">
											<i class="icofont-wall-clock"></i>Monday - Saturday 08.00 - 18.00</a>
									</div>
								</div>

								<div class="social-icons">
									<a href="https://www.facebook.com/profile.php?id=61587027433133#">
										<i class="fa-brands fa-facebook fa-lg"></i>
									</a>
									<a href="https://www.linkedin.com/company/conair-engineering-solutions">
										<i class="fa-brands fa-linkedin fa-lg"></i>
									</a>
									<a href="https://www.instagram.com/conairuae">
										<i class="fa-brands fa-instagram fa-lg"></i>
									</a>
									{# <a href="#"><i class="fa-brands fa-x-twitter fa-lg"></i></a> #}
									{# <a href="#"><i class="fa-brands fa-youtube fa-lg"></i></a> #}
								</div>
							</div>
						</div>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="de-flex sm-pt10">
							<div
								class="de-flex-col">
								<!-- logo begin -->
								<div id="logo">
									<a href="{{ base_url }}">
										<img class="logo-main" src="{{ base_url }}/assets/images/conair.webp" alt="">
										<img class="logo-scroll" src="{{ base_url }}/assets/images/conair.webp" alt="">
										<img class="logo-mobile" src="{{ base_url }}/assets/images/conair.webp" alt="">
									</a>
								</div>
								<!-- logo close -->
							</div>
							<div class="de-flex-col header-col-mid">
								<ul id="mainmenu">
									<li>
										<a class="menu-item" href="{{ base_url }}/">Home</a>
									</li>
									<li>
										<a class="menu-item" href="{{ base_url }}/about">About Us</a>
									</li>
									<li>
										<a class="menu-item" href="{{ base_url }}/services">Services</a>
										<ul>
											<li><a class="menu-item"href="{{ base_url }}/services/mechanical-mep-contractors-uae">AC Installation</a></li>
											<li><a class="menu-item"href="{{ base_url }}/services/plumbing-services-dubai">Plumbing Services</a></li>
											<li><a class="menu-item"href="{{ base_url }}/services/electrical-maintenance-installation-company-uae">Electrical Services</a></li>
											<li><a class="menu-item"href="{{ base_url }}/services/ac-duct-cleaning-in-uae">AC Duct Cleaning</a></li>
											<li><a class="menu-item"href="{{ base_url }}/services/indoor-air-quality-testing-in-uae">IAQ Testing</a></li>
										</ul>
									</li>
									{# <li><a class="menu-item" href="projects.html">Projects</a></li>
									                                    <li><a class="menu-item" href="products.html">Clients</a></li> #}
									<li>
										<a class="menu-item" href="{{ base_url }}/blog">Blog</a>
									</li>
									<li>
										<a class="menu-item" href="{{ base_url }}/contact">Contact</a>
									</li>
								</ul>
							</div>
							<div class="de-flex-col">
								<div class="menu_side_area">
									<a href="{{ base_url }}/contact" class="btn-main bg-color-2">Schedule Now</a>
									<span id="menu-btn"></span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</header>

		<main>
			{% block content %}{% endblock %}
		</main>

		<!-- footer begin -->
		<footer class="section-dark">
			<div class="container">
				<div class="row gx-5">
					<div class="col-lg-4 col-sm-6">
						<a href="{{ base_url }}"><img class="footer-image" src="{{ base_url }}/assets/images/conair.webp" alt=""></a>
						<div class="spacer-20"></div>
						<p>Conair is a leading MEP contractor in the UAE, providing electrical, HVAC, and plumbing solutions in Dubai for residential, commercial, and industrial projects, ensuring compliance with UAE standards and reliable long-term performance.</p>

						<div class="social-icons mb-sm-30">
							<a href="https://www.facebook.com/profile.php?id=61587027433133#">
								<i class="fa-brands fa-facebook-f"></i>
							</a>
							<a href="https://www.linkedin.com/company/conair-engineering-solutions">
								<i class="fa-brands fa-linkedin"></i>
							</a>
							<a href="https://www.instagram.com/conairuae">
								<i class="fa-brands fa-instagram"></i>
							</a>

						</div>
					</div>
					<div class="col-lg-4 col-sm-12 order-lg-1 order-sm-2">
						<div class="row">
							<div class="col-lg-6 col-sm-6">
								<div class="widget">
									<h5>Company</h5>
									<ul>
										<li><a href="{{ base_url }}/">Home</a></li>
										<li><a href="{{ base_url }}/services">Our Services</a></li>
										<li><a href="{{ base_url }}/about">About Us</a></li>
										<li><a href="{{ base_url }}/blog">Blogs</a></li>
										<li><a href="{{ base_url }}/contact">Contact</a></li>
									</ul>
								</div>
							</div>
							<div class="col-lg-6 col-sm-6">
								<div class="widget">
									<h5>Our Services</h5>
									<ul>
										<li><a class="menu-item"href="{{ base_url }}/services/mechanical-mep-contractors-uae">AC Installation</a></li>
										<li><a class="menu-item"href="{{ base_url }}/services/plumbing-services-dubai">Plumbing Services</a></li>
										<li><a class="menu-item"href="{{ base_url }}/services/electrical-maintenance-installation-company-uae">Electrical Services</a></li>
										<li><a class="menu-item"href="{{ base_url }}/services/ac-duct-cleaning-in-uae">AC Duct Cleaning</a></li>
										<li><a class="menu-item"href="{{ base_url }}/services/indoor-air-quality-testing-in-uae">IAQ Testing</a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-4 col-sm-6 order-lg-2 order-sm-1">
						<div class="widget">
							<h5 class="id-color-2">24/7 Maintenance Support</h5>
							<h3 class="jarallax mb0 wow fadeInUp" data-wow-delay=".2s">
								<i class="icofont-phone-circle id-color-2"></i>
								<a href="tel:+971551549026">+971 55 154 9026</a>
							</h3>

							<div class="spacer-20"></div>

							<div class="fw-bold text-white">
								<i class="icofont-location-pin me-2 id-color-2"></i>Office Location</div>
							Arkan Business Center 2, Al Garhoud, Dubai, UAE

							<div class="spacer-20"></div>

							<div class="fw-bold text-white">
								<i class="icofont-envelope me-2 id-color-2"></i>Send a Message</div>
							info@conairuae.com
						</div>
					</div>
				</div>
			</div>
			<div class="subfooter">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<div class="de-flex">
								<div class="de-flex-col">
									©
									{{ "now"|date("Y") }}
									Conair. All Rights Reserved.
								</div>
								<ul class="menu-simple">
									<li>
										<a href="{{ base_url }}/terms">Terms &amp; Conditions</a>
									</li>
									<li>
										<a href="{{ base_url }}/privacy">Privacy Policy</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</footer>
		<!-- Javascript Files
		    ================================================== -->
		<script src="{{ base_url }}/assets/js/plugins.js"></script>
		<script src="{{ base_url }}/assets/js/designesia.js"></script>
		<script src="{{ base_url }}/assets/js/swiper.js"></script>
		<script src="{{ base_url }}/assets/js/custom-marquee.js"></script>
		<script src="{{ base_url }}/assets/js/custom-swiper-1.js"></script>
	</body>

</html>
