{"id":13,"date":"2026-08-31T11:37:45","date_gmt":"2026-08-31T11:37:45","guid":{"rendered":"https:\/\/alhadbacontracting.com\/?page_id=13"},"modified":"2026-09-05T20:24:48","modified_gmt":"2026-09-05T20:24:48","slug":"home-page","status":"publish","type":"page","link":"https:\/\/alhadbacontracting.com\/","title":{"rendered":"Home-Page"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \t\t
\n\t\t\t\t\t\n\n\n \n \n Road Construction Services - Al Hadba Building Contracting LLC<\/title>\n \n <!-- Google Fonts -->\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700;800&family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n \n <!-- Font Awesome Icons (v6) -->\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n <!-- AOS Animation Library -->\n <link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\n\n <style>\n :root {\n --primary: #0f2b46;\n --primary-light: #1e3a5f;\n --secondary: #d4af37;\n --secondary-light: #f4e5c2;\n --secondary-dark: #b8962e;\n --text-dark: #1a202c;\n --text-light: #718096;\n --bg-light: #f8fafc;\n --white: #ffffff;\n --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n --shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1);\n --shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n html { scroll-behavior: smooth; }\n body { font-family: 'Poppins', sans-serif; line-height: 1.7; color: var(--text-dark); background-color: var(--white); overflow-x: hidden; }\n h1, h2, h3, h4, h5, h6 { font-family: 'Playfair Display', serif; line-height: 1.2; }\n\n \/* --- Header & Navigation --- *\/\n .header { background: rgba(255, 255, 255, 0.98); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: var(--shadow-sm); position: fixed; top: 0; left: 0; right: 0; z-index: 1000; padding: 12px 0; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }\n .header.scrolled { padding: 8px 0; box-shadow: var(--shadow-md); }\n .header-container { max-width: 1280px; margin: 0 auto; padding: 0 20px; display: flex; justify-content: space-between; align-items: center; }\n .logo-left { max-height: 60px; width: auto; }\n .nav-menu { display: flex; list-style: none; gap: 8px; align-items: center; }\n .nav-menu a { color: var(--primary); text-decoration: none; font-weight: 500; font-size: 0.85rem; transition: all 0.3s ease; padding: 8px 15px; border-radius: 25px; }\n .nav-menu a:hover, .nav-menu a.active { color: var(--white); background: var(--secondary); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4); }\n .mobile-menu-toggle { display: none; flex-direction: column; cursor: pointer; padding: 5px; gap: 6px; }\n .mobile-menu-toggle span { width: 28px; height: 3px; background: var(--primary); transition: all 0.3s ease; border-radius: 3px; }\n .mobile-menu-toggle.active span:nth-child(1) { transform: rotate(45deg) translate(6px, 6px); }\n .mobile-menu-toggle.active span:nth-child(2) { opacity: 0; }\n .mobile-menu-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(6px, -6px); }\n\n \/* --- Hero Section --- *\/\n .hero-section { \n background: linear-gradient(135deg, rgba(15, 43, 70, 0.9) 0%, rgba(30, 58, 95, 0.8) 100%), url('https:\/\/alhadbacontracting.com\/wp-content\/uploads\/2026\/09\/zac-edmonds-N1LBcqLP9ec-unsplash-2.jpg') center\/cover fixed; \n color: var(--white); padding: 180px 20px 120px; position: relative; overflow: hidden; min-height: 100vh; display: flex; align-items: center; \n }\n .hero-section::before { content: ''; position: absolute; top: -50%; right: -20%; width: 800px; height: 800px; background: radial-gradient(circle, rgba(212, 175, 55, 0.15) 0%, transparent 70%); border-radius: 50%; pointer-events: none; }\n .hero-content { max-width: 1280px; margin: 0 auto; position: relative; z-index: 1; width: 100%; }\n .hero-badge { display: inline-block; background: rgba(212, 175, 55, 0.2); color: var(--secondary-light); padding: 8px 20px; border-radius: 30px; font-size: 0.9rem; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 25px; border: 1px solid rgba(212, 175, 55, 0.3); }\n .hero-section h1 { font-size: 4rem; margin-bottom: 25px; font-weight: 800; background: linear-gradient(135deg, #ffffff 0%, var(--secondary-light) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; max-width: 900px; }\n .hero-section .subtitle { font-size: 1.25rem; margin-bottom: 40px; opacity: 0.9; max-width: 700px; font-weight: 300; line-height: 1.8; }\n .hero-stats { display: flex; gap: 30px; margin-top: 50px; flex-wrap: wrap; }\n .stat-item { background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px); padding: 25px 35px; border-radius: 15px; border: 1px solid rgba(212, 175, 55, 0.3); transition: all 0.4s ease; min-width: 180px; }\n .stat-item:hover { transform: translateY(-10px); background: rgba(212, 175, 55, 0.1); border-color: var(--secondary); box-shadow: 0 20px 40px rgba(0,0,0,0.3); }\n .stat-number { font-size: 2.8rem; font-weight: 700; color: var(--secondary); display: block; font-family: 'Playfair Display', serif; }\n .stat-label { font-size: 0.95rem; opacity: 0.8; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; }\n\n \/* --- Common Section Styles --- *\/\n .section { padding: 120px 20px; max-width: 1280px; margin: 0 auto; scroll-margin-top: 100px; }\n .section-header { text-align: center; margin-bottom: 70px; }\n .section-subtitle { color: var(--secondary); font-weight: 600; text-transform: uppercase; letter-spacing: 2px; font-size: 0.9rem; margin-bottom: 15px; display: block; }\n .section-title { font-size: 3rem; color: var(--primary); margin-bottom: 20px; position: relative; display: inline-block; }\n .section-title::after { content: ''; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); width: 60px; height: 4px; background: linear-gradient(90deg, var(--secondary), var(--secondary-light)); border-radius: 2px; }\n .section-desc { color: var(--text-light); max-width: 700px; margin: 30px auto 0; font-size: 1.1rem; }\n\n \/* --- About Section --- *\/\n .about-section { background: var(--bg-light); position: relative; }\n .about-content { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; position: relative; z-index: 1; }\n .about-text h3 { font-size: 2.2rem; color: var(--primary); margin-bottom: 25px; }\n .about-text p { margin-bottom: 20px; color: var(--text-light); font-size: 1.05rem; }\n .about-features { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 30px 0; }\n .feature-item { display: flex; align-items: center; gap: 12px; font-weight: 500; color: var(--primary); }\n .feature-item i { color: var(--secondary); font-size: 1.2rem; }\n .btn { display: inline-flex; align-items: center; gap: 10px; padding: 16px 35px; background: linear-gradient(135deg, var(--secondary) 0%, var(--secondary-dark) 100%); color: var(--white); text-decoration: none; border-radius: 50px; font-weight: 600; transition: all 0.4s ease; border: none; cursor: pointer; font-size: 1rem; text-transform: uppercase; letter-spacing: 1px; box-shadow: 0 10px 20px rgba(212, 175, 55, 0.3); position: relative; overflow: hidden; }\n .btn::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: left 0.5s ease; }\n .btn:hover::before { left: 100%; }\n .btn:hover { transform: translateY(-3px); box-shadow: 0 15px 30px rgba(212, 175, 55, 0.4); }\n .about-image-wrapper { position: relative; }\n .about-image { border-radius: 20px; overflow: hidden; box-shadow: var(--shadow-xl); position: relative; z-index: 2; border: 5px solid var(--white); }\n .about-image img { width: 100%; height: auto; display: block; transition: transform 0.5s ease; }\n .about-image:hover img { transform: scale(1.05); }\n .about-image-decoration { position: absolute; top: -20px; right: -20px; width: 100%; height: 100%; border: 3px solid var(--secondary); border-radius: 20px; z-index: 1; }\n\n \/* --- Services Section --- *\/\n .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 30px; }\n .service-card { background: var(--white); padding: 45px 35px; border-radius: 20px; box-shadow: var(--shadow-md); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; border: 1px solid rgba(0,0,0,0.05); }\n .service-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient(90deg, var(--secondary), var(--secondary-light)); transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease; }\n .service-card:hover::before { transform: scaleX(1); }\n .service-card:hover { transform: translateY(-15px); box-shadow: var(--shadow-xl); }\n .service-icon { width: 70px; height: 70px; background: linear-gradient(135deg, var(--secondary-light) 0%, rgba(212, 175, 55, 0.1) 100%); border-radius: 15px; display: flex; align-items: center; justify-content: center; margin-bottom: 25px; transition: all 0.4s ease; }\n .service-icon i { font-size: 1.8rem; color: var(--secondary); transition: all 0.4s ease; }\n .service-card:hover .service-icon { background: linear-gradient(135deg, var(--secondary) 0%, var(--secondary-dark) 100%); transform: rotate(5deg); }\n .service-card:hover .service-icon i { color: var(--white); }\n .service-number { position: absolute; top: 20px; right: 25px; font-size: 4rem; font-weight: 800; color: rgba(0,0,0,0.03); font-family: 'Playfair Display', serif; line-height: 1; }\n .service-card h3 { font-size: 1.4rem; color: var(--primary); margin-bottom: 15px; font-family: 'Poppins', sans-serif; font-weight: 700; }\n .service-card p { color: var(--text-light); line-height: 1.7; font-size: 0.95rem; }\n\n \/* --- Equipment Section --- *\/\n .equipment-section { background: linear-gradient(135deg, var(--primary) 0%, #0a1f33 100%); color: var(--white); position: relative; overflow: hidden; max-width: 100%; }\n .equipment-section .section-title { color: var(--white); }\n .equipment-section .section-desc { color: rgba(255,255,255,0.7); }\n \n .equipment-grid-compact { \n display: grid; \n grid-template-columns: repeat(4, 1fr); \n gap: 20px; \n max-width: 1280px; \n margin: 0 auto; \n padding: 0 20px; \n }\n \n .equip-card { \n background: rgba(255, 255, 255, 0.05); \n backdrop-filter: blur(10px); \n padding: 25px 20px; \n border-radius: 15px; \n border: 1px solid rgba(255, 255, 255, 0.1); \n transition: all 0.3s ease; \n position: relative; \n overflow: hidden; \n text-align: center;\n }\n \n .equip-card:hover { \n transform: translateY(-5px); \n border-color: var(--secondary); \n background: rgba(255, 255, 255, 0.1);\n box-shadow: 0 10px 30px rgba(0,0,0,0.3); \n }\n \n .equip-icon { \n font-size: 2rem; \n color: var(--secondary); \n margin-bottom: 15px; \n }\n \n .equip-card h4 { \n font-size: 1rem; \n margin-bottom: 10px; \n color: var(--white); \n font-family: 'Poppins', sans-serif; \n font-weight: 600; \n line-height: 1.3;\n }\n \n .equip-qty { \n display: inline-block;\n background: var(--secondary); \n color: var(--primary); \n padding: 4px 15px; \n border-radius: 20px; \n font-size: 0.85rem; \n font-weight: 700; \n }\n\n \/* --- Gallery Section --- *\/\n .gallery-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 250px; gap: 20px; }\n .gallery-item { position: relative; border-radius: 15px; overflow: hidden; cursor: pointer; }\n .gallery-item:nth-child(1) { grid-column: span 2; grid-row: span 2; }\n .gallery-item:nth-child(4) { grid-column: span 2; }\n .gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); }\n .gallery-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, rgba(15, 43, 70, 0.9) 0%, transparent 60%); display: flex; align-items: flex-end; padding: 30px; opacity: 0; transition: opacity 0.4s ease; }\n .gallery-item:hover img { transform: scale(1.1); }\n .gallery-item:hover .gallery-overlay { opacity: 1; }\n .gallery-overlay h4 { color: var(--white); font-size: 1.3rem; font-family: 'Poppins', sans-serif; transform: translateY(20px); transition: transform 0.4s ease; }\n .gallery-item:hover .gallery-overlay h4 { transform: translateY(0); }\n\n \/* --- Location & Map Section --- *\/\n .location-section { background: var(--white); }\n .location-content { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; }\n .location-info h3 { font-size: 2rem; color: var(--primary); margin-bottom: 25px; }\n .location-details { margin: 30px 0; }\n .location-item { display: flex; align-items: flex-start; gap: 15px; margin-bottom: 25px; padding: 20px; background: var(--bg-light); border-radius: 10px; border-left: 4px solid var(--secondary); transition: all 0.3s ease; }\n .location-item:hover { transform: translateX(10px); box-shadow: var(--shadow-md); }\n .location-item i { font-size: 1.3rem; color: var(--secondary); margin-top: 3px; }\n .location-item div strong { display: block; color: var(--primary); margin-bottom: 5px; font-family: 'Poppins', sans-serif; }\n .location-item div span, .location-item div a { color: var(--text-light); text-decoration: none; transition: color 0.3s ease; }\n .location-item div a:hover { color: var(--secondary); }\n .map-container { border-radius: 20px; overflow: hidden; box-shadow: var(--shadow-xl); border: 5px solid var(--white); height: 100%; min-height: 400px; }\n .map-container iframe { width: 100%; height: 100%; min-height: 400px; border: none; }\n\n \/* --- FAQ Section --- *\/\n .faq-section { background: var(--bg-light); }\n .faq-container { max-width: 800px; margin: 0 auto; }\n .faq-item { background: var(--white); margin-bottom: 20px; border-radius: 15px; overflow: hidden; box-shadow: var(--shadow-sm); border: 1px solid rgba(0,0,0,0.05); transition: all 0.3s ease; }\n .faq-item.active { border-color: var(--secondary); box-shadow: var(--shadow-md); }\n .faq-question { padding: 25px 30px; font-size: 1.15rem; font-weight: 600; color: var(--primary); cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition: all 0.3s ease; font-family: 'Poppins', sans-serif; }\n .faq-icon { width: 30px; height: 30px; background: var(--bg-light); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; flex-shrink: 0; margin-left: 15px; }\n .faq-item.active .faq-icon { background: var(--secondary); color: var(--white); transform: rotate(180deg); }\n .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.4s ease; padding: 0 30px; color: var(--text-light); line-height: 1.8; }\n .faq-item.active .faq-answer { max-height: 300px; padding: 0 30px 25px; }\n\n \/* --- CTA Section --- *\/\n .cta-section { background: linear-gradient(135deg, var(--primary) 0%, #0a1f33 100%); color: var(--white); text-align: center; padding: 120px 20px; position: relative; overflow: hidden; }\n .cta-content { position: relative; z-index: 1; max-width: 900px; margin: 0 auto; }\n .cta-section h2 { font-size: 3rem; margin-bottom: 25px; color: var(--white); }\n .cta-section p { font-size: 1.2rem; margin-bottom: 50px; opacity: 0.9; font-weight: 300; }\n .contact-info { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-bottom: 50px; }\n .contact-item { display: flex; align-items: center; gap: 12px; font-size: 1rem; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px); padding: 15px 25px; border-radius: 50px; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.3s ease; }\n .contact-item:hover { background: rgba(212, 175, 55, 0.1); border-color: var(--secondary); transform: translateY(-5px); }\n .contact-item i { color: var(--secondary); font-size: 1.2rem; }\n .contact-item a { color: white; text-decoration: none; }\n .footer { background: #0a1f33; color: rgba(255,255,255,0.6); text-align: center; padding: 30px 20px; font-size: 0.9rem; border-top: 1px solid rgba(255,255,255,0.05); }\n .footer span { color: var(--secondary); }\n\n \/* --- Responsive --- *\/\n @media (max-width: 1024px) {\n .hero-section h1 { font-size: 3rem; }\n .section-title { font-size: 2.5rem; }\n .equipment-grid-compact { grid-template-columns: repeat(3, 1fr); }\n .gallery-grid { grid-template-columns: repeat(2, 1fr); }\n .gallery-item:nth-child(1) { grid-column: span 2; grid-row: span 1; }\n .gallery-item:nth-child(4) { grid-column: span 1; }\n .location-content { grid-template-columns: 1fr; }\n }\n @media (max-width: 768px) {\n .header-container { justify-content: space-between; }\n .logo-left { max-height: 50px; }\n .mobile-menu-toggle { display: flex; }\n .nav-menu { position: fixed; top: 80px; left: 0; width: 100%; background: var(--white); flex-direction: column; padding: 30px; box-shadow: var(--shadow-lg); transform: translateY(-150%); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); gap: 10px; }\n .nav-menu.active { transform: translateY(0); }\n .nav-menu a { width: 100%; text-align: center; padding: 15px; }\n .hero-section { padding: 140px 20px 80px; }\n .hero-section h1 { font-size: 2rem; }\n .hero-stats { flex-direction: column; }\n .stat-item { min-width: auto; width: 100%; }\n .about-content { grid-template-columns: 1fr; gap: 50px; }\n .about-features { grid-template-columns: 1fr; }\n .about-image-decoration { display: none; }\n .services-grid { grid-template-columns: 1fr; }\n .equipment-grid-compact { grid-template-columns: repeat(2, 1fr); }\n .gallery-grid { grid-template-columns: 1fr; grid-auto-rows: 200px; }\n .gallery-item:nth-child(1), .gallery-item:nth-child(4) { grid-column: span 1; }\n .section { padding: 80px 20px; }\n .section-title { font-size: 2rem; }\n .cta-section h2 { font-size: 2rem; }\n .contact-info { flex-direction: column; align-items: center; }\n .contact-item { width: 100%; max-width: 300px; justify-content: center; }\n .map-container { min-height: 300px; }\n .map-container iframe { min-height: 300px; }\n .footer { padding: 25px 15px; font-size: 0.85rem; }\n }\n @media (max-width: 480px) {\n .logo-left { max-height: 45px; }\n .hero-section h1 { font-size: 1.75rem; }\n .section-title { font-size: 1.75rem; }\n .equipment-grid-compact { grid-template-columns: 1fr; }\n .footer { padding: 20px 10px; font-size: 0.8rem; }\n }\n <\/style>\n<\/head>\n<body>\n\n <!-- Header -->\n <header class=\"header\">\n <div class=\"header-container\">\n <img decoding=\"async\" src=\"https:\/\/alhadbacontracting.com\/wp-content\/uploads\/2026\/09\/alhadba.jpeg\" alt=\"Al Hadba\" class=\"logo-left\">\n <nav>\n <ul class=\"nav-menu\" id=\"navMenu\">\n <li><a href=\"#home\" class=\"active\">Home<\/a><\/li>\n <li><a href=\"#about\">About<\/a><\/li>\n <li><a href=\"#services\">Services<\/a><\/li>\n <li><a href=\"#equipment\">Equipment<\/a><\/li>\n <li><a href=\"#gallery\">Gallery<\/a><\/li>\n <li><a href=\"#location\">Location<\/a><\/li>\n <li><a href=\"#contact\">Contact<\/a><\/li>\n <\/ul>\n <\/nav>\n <div class=\"mobile-menu-toggle\" id=\"mobileMenuToggle\">\n <span><\/span><span><\/span><span><\/span>\n <\/div>\n <\/div>\n <\/header>\n\n <!-- Hero Section -->\n <section class=\"hero-section\" id=\"home\">\n <div class=\"hero-content\">\n <span class=\"hero-badge\" data-aos=\"fade-down\">Heavy Machinery & Road Infrastructure Experts<\/span>\n <h1 data-aos=\"fade-up\" data-aos-delay=\"100\">Road Construction & Heavy Equipment Services<\/h1>\n <p class=\"subtitle\" data-aos=\"fade-up\" data-aos-delay=\"200\">Complete road construction, infrastructure development, and heavy equipment services across UAE. From excavation to asphalt paving, we deliver industrial-grade excellence on every project.<\/p>\n <div class=\"hero-stats\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n <div class=\"stat-item\"><span class=\"stat-number\" data-count=\"2023\">0<\/span><span class=\"stat-label\">Operating Since<\/span><\/div>\n <div class=\"stat-item\"><span class=\"stat-number\" style=\"font-size: 2rem;\">80+<\/span><span class=\"stat-label\">Heavy Machines<\/span><\/div>\n <div class=\"stat-item\"><span class=\"stat-number\" style=\"font-size: 2rem;\">G+1<\/span><span class=\"stat-label\">Licensed<\/span><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- About Section -->\n <section class=\"section about-section\" id=\"about\">\n <div class=\"about-content\">\n <div class=\"about-text\" data-aos=\"fade-right\">\n <span class=\"section-subtitle\">About Our Company<\/span>\n <h3>Leading Heavy Equipment & Road Construction Company<\/h3>\n <p>Al Hadba Building Contracting LLC is a premier heavy equipment and road construction company serving Dubai, Sharjah, Abu Dhabi, Al Ain, and across the UAE. We specialize in complete road construction projects, infrastructure development, and provide comprehensive heavy machinery services.<\/p>\n <p>With our extensive fleet of modern industrial machinery and certified operators, we handle projects of all scales across the Emirates \u2014 from residential road paving to major highway construction and heavy earthmoving.<\/p>\n <div class=\"about-features\">\n <div class=\"feature-item\"><i class=\"fas fa-truck-front\"><\/i> Modern Heavy Fleet<\/div>\n <div class=\"feature-item\"><i class=\"fas fa-helmet-safety\"><\/i> Certified Operators<\/div>\n <div class=\"feature-item\"><i class=\"fas fa-road\"><\/i> Road Construction<\/div>\n <div class=\"feature-item\"><i class=\"fas fa-clock\"><\/i> On-Time Delivery<\/div>\n <\/div>\n <a href=\"#contact\" class=\"btn\">Get a Quote <i class=\"fas fa-arrow-right\"><\/i><\/a>\n <\/div>\n <div class=\"about-image-wrapper\" data-aos=\"fade-left\">\n <div class=\"about-image\">\n <img decoding=\"async\" src=\"https:\/\/alhadbacontracting.com\/wp-content\/uploads\/2026\/09\/harry-dona-AI2YT94sSeA-unsplash.jpg\" alt=\"Heavy Excavator Construction\">\n <\/div>\n <div class=\"about-image-decoration\"><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Services Section -->\n <section class=\"section\" id=\"services\">\n <div class=\"section-header\" data-aos=\"fade-up\">\n <span class=\"section-subtitle\">What We Offer<\/span>\n <h2 class=\"section-title\">Our Road Construction Services<\/h2>\n <p class=\"section-desc\">Comprehensive road construction and heavy equipment services for infrastructure development across the UAE.<\/p>\n <\/div>\n <div class=\"services-grid\">\n <div class=\"service-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n <div class=\"service-number\">01<\/div>\n <div class=\"service-icon\"><i class=\"fas fa-road\"><\/i><\/div>\n <h3>Road Construction & Paving<\/h3>\n <p>Complete road construction services including asphalt paving, concrete roads, and road rehabilitation. We deliver smooth, durable roads built to industrial standards.<\/p>\n <\/div>\n <div class=\"service-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n <div class=\"service-number\">02<\/div>\n <div class=\"service-icon\"><i class=\"fas fa-person-digging\"><\/i><\/div>\n <h3>Site Preparation & Grading<\/h3>\n <p>Professional site preparation, land grading, and earthwork services. We ensure proper foundation and drainage for all road construction projects.<\/p>\n <\/div>\n <div class=\"service-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n <div class=\"service-number\">03<\/div>\n <div class=\"service-icon\"><i class=\"fas fa-truck-moving\"><\/i><\/div>\n <h3>Heavy Equipment Rental<\/h3>\n <p>Extensive fleet of heavy construction equipment available for rental including excavators, bulldozers, graders, rollers, and loaders with skilled operators.<\/p>\n <\/div>\n <div class=\"service-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n <div class=\"service-number\">04<\/div>\n <div class=\"service-icon\"><i class=\"fas fa-water\"><\/i><\/div>\n <h3>Drainage & Infrastructure<\/h3>\n <p>Complete drainage systems installation, stormwater management, and underground infrastructure development for road and building projects.<\/p>\n <\/div>\n <div class=\"service-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n <div class=\"service-number\">05<\/div>\n <div class=\"service-icon\"><i class=\"fas fa-mountain\"><\/i><\/div>\n <h3>Excavation & Earthwork<\/h3>\n <p>Professional excavation services for road foundations, trenching for utilities, bulk earthmoving, and heavy site clearing operations.<\/p>\n <\/div>\n <div class=\"service-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n <div class=\"service-number\">06<\/div>\n <div class=\"service-icon\"><i class=\"fas fa-helmet-safety\"><\/i><\/div>\n <h3>Project Management<\/h3>\n <p>End-to-end project management from planning and permits to execution and final inspection. We handle all Municipality approvals and safety compliance.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Equipment Section -->\n <section class=\"section equipment-section\" id=\"equipment\">\n <div class=\"section-header\" data-aos=\"fade-up\">\n <span class=\"section-subtitle\" style=\"color: var(--secondary-light);\">Our Fleet<\/span>\n <h2 class=\"section-title\">Heavy Construction Machinery<\/h2>\n <p class=\"section-desc\">Modern, well-maintained heavy industrial equipment for all your road construction and infrastructure needs.<\/p>\n <\/div>\n <div class=\"equipment-grid-compact\">\n <div class=\"equip-card\" data-aos=\"zoom-in\" data-aos-delay=\"50\">\n <div class=\"equip-icon\"><i class=\"fas fa-truck-moving\"><\/i><\/div>\n <h4>Grader H12<\/h4>\n <div class=\"equip-qty\">Qty: 4<\/div>\n <\/div>\n <div class=\"equip-card\" data-aos=\"zoom-in\" data-aos-delay=\"100\">\n <div class=\"equip-icon\"><i class=\"fas fa-truck-front\"><\/i><\/div>\n <h4>Excavator PC 400<\/h4>\n <div class=\"equip-qty\">Qty: 5<\/div>\n <\/div>\n <div class=\"equip-card\" data-aos=\"zoom-in\" data-aos-delay=\"150\">\n <div class=\"equip-icon\"><i class=\"fas fa-truck-front\"><\/i><\/div>\n <h4>Excavator 330 CAT<\/h4>\n <div class=\"equip-qty\">Qty: 2<\/div>\n <\/div>\n <div class=\"equip-card\" data-aos=\"zoom-in\" data-aos-delay=\"200\">\n <div class=\"equip-icon\"><i class=\"fas fa-snowplow\"><\/i><\/div>\n <h4>Dozer 155 KOMATSU<\/h4>\n <div class=\"equip-qty\">Qty: 3<\/div>\n <\/div>\n <div class=\"equip-card\" data-aos=\"zoom-in\" data-aos-delay=\"50\">\n <div class=\"equip-icon\"><i class=\"fas fa-snowplow\"><\/i><\/div>\n <h4>Dozer CAT D8R<\/h4>\n <div class=\"equip-qty\">Qty: 2<\/div>\n <\/div>\n <div class=\"equip-card\" data-aos=\"zoom-in\" data-aos-delay=\"100\">\n <div class=\"equip-icon\"><i class=\"fas fa-truck-front\"><\/i><\/div>\n <h4>Excavator CAT 320<\/h4>\n <div class=\"equip-qty\">Qty: 3<\/div>\n <\/div>\n <div class=\"equip-card\" data-aos=\"zoom-in\" data-aos-delay=\"150\">\n <div class=\"equip-icon\"><i class=\"fas fa-truck-loading\"><\/i><\/div>\n <h4>Wheel Loader CAT 950<\/h4>\n <div class=\"equip-qty\">Qty: 4<\/div>\n <\/div>\n <div class=\"equip-card\" data-aos=\"zoom-in\" data-aos-delay=\"200\">\n <div class=\"equip-icon\"><i class=\"fas fa-truck-monster\"><\/i><\/div>\n <h4>Bobcat<\/h4>\n <div class=\"equip-qty\">Qty: 4<\/div>\n <\/div>\n <div class=\"equip-card\" data-aos=\"zoom-in\" data-aos-delay=\"50\">\n <div class=\"equip-icon\"><i class=\"fas fa-truck-loading\"><\/i><\/div>\n <h4>Wheel Loader KOMATSU<\/h4>\n <div class=\"equip-qty\">Qty: 3<\/div>\n <\/div>\n <div class=\"equip-card\" data-aos=\"zoom-in\" data-aos-delay=\"100\">\n <div class=\"equip-icon\"><i class=\"fas fa-road\"><\/i><\/div>\n <h4>Road Roller<\/h4>\n <div class=\"equip-qty\">Qty: 4<\/div>\n <\/div>\n <div class=\"equip-card\" data-aos=\"zoom-in\" data-aos-delay=\"150\">\n <div class=\"equip-icon\"><i class=\"fas fa-truck-monster\"><\/i><\/div>\n <h4>JCB (Backhoe)<\/h4>\n <div class=\"equip-qty\">Qty: 3<\/div>\n <\/div>\n <div class=\"equip-card\" data-aos=\"zoom-in\" data-aos-delay=\"200\">\n <div class=\"equip-icon\"><i class=\"fas fa-truck-ramp-box\"><\/i><\/div>\n <h4>Boom Loader<\/h4>\n <div class=\"equip-qty\">Qty: 2<\/div>\n <\/div>\n <div class=\"equip-card\" data-aos=\"zoom-in\" data-aos-delay=\"50\">\n <div class=\"equip-icon\"><i class=\"fas fa-gears\"><\/i><\/div>\n <h4>Crusher Machine<\/h4>\n <div class=\"equip-qty\">Qty: 3<\/div>\n <\/div>\n <div class=\"equip-card\" data-aos=\"zoom-in\" data-aos-delay=\"100\">\n <div class=\"equip-icon\"><i class=\"fas fa-droplet\"><\/i><\/div>\n <h4>Water Tanker<\/h4>\n <div class=\"equip-qty\">Qty: 4<\/div>\n <\/div>\n <div class=\"equip-card\" data-aos=\"zoom-in\" data-aos-delay=\"150\">\n <div class=\"equip-icon\"><i class=\"fas fa-truck\"><\/i><\/div>\n <h4>3XL Truck<\/h4>\n <div class=\"equip-qty\">Qty: 10<\/div>\n <\/div>\n <div class=\"equip-card\" data-aos=\"zoom-in\" data-aos-delay=\"200\">\n <div class=\"equip-icon\"><i class=\"fas fa-truck\"><\/i><\/div>\n <h4>2XL Truck<\/h4>\n <div class=\"equip-qty\">Qty: 6<\/div>\n <\/div>\n <div class=\"equip-card\" data-aos=\"zoom-in\" data-aos-delay=\"50\">\n <div class=\"equip-icon\"><i class=\"fas fa-truck\"><\/i><\/div>\n <h4>Six Wheel Truck<\/h4>\n <div class=\"equip-qty\">Qty: 5<\/div>\n <\/div>\n <div class=\"equip-card\" data-aos=\"zoom-in\" data-aos-delay=\"100\">\n <div class=\"equip-icon\"><i class=\"fas fa-truck-pickup\"><\/i><\/div>\n <h4>Pickup<\/h4>\n <div class=\"equip-qty\">Qty: 6<\/div>\n <\/div>\n <div class=\"equip-card\" data-aos=\"zoom-in\" data-aos-delay=\"150\">\n <div class=\"equip-icon\"><i class=\"fas fa-bus\"><\/i><\/div>\n <h4>Bus (33 Passenger)<\/h4>\n <div class=\"equip-qty\">Qty: 4<\/div>\n <\/div>\n <div class=\"equip-card\" data-aos=\"zoom-in\" data-aos-delay=\"200\">\n <div class=\"equip-icon\"><i class=\"fas fa-bus-simple\"><\/i><\/div>\n <h4>Bus (14 Passenger)<\/h4>\n <div class=\"equip-qty\">Qty: 2<\/div>\n <\/div>\n <div class=\"equip-card\" data-aos=\"zoom-in\" data-aos-delay=\"50\">\n <div class=\"equip-icon\"><i class=\"fas fa-car-side\"><\/i><\/div>\n <h4>Mitsubishi Pajero<\/h4>\n <div class=\"equip-qty\">Qty: 4<\/div>\n <\/div>\n <div class=\"equip-card\" data-aos=\"zoom-in\" data-aos-delay=\"100\">\n <div class=\"equip-icon\"><i class=\"fas fa-car-side\"><\/i><\/div>\n <h4>Nissan Patrol<\/h4>\n <div class=\"equip-qty\">Qty: 2<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Gallery Section -->\n <section class=\"section\" id=\"gallery\">\n <div class=\"section-header\" data-aos=\"fade-up\">\n <span class=\"section-subtitle\">Our Portfolio<\/span>\n <h2 class=\"section-title\">Recent Road Projects<\/h2>\n <p class=\"section-desc\">Showcasing our expertise in road construction and heavy equipment operations across the UAE.<\/p>\n <\/div>\n <div class=\"gallery-grid\">\n <div class=\"gallery-item\" data-aos=\"fade-up\">\n <img decoding=\"async\" src=\"https:\/\/alhadbacontracting.com\/wp-content\/uploads\/2026\/09\/1.avif\" alt=\"Road Construction\">\n <div class=\"gallery-overlay\"><h4>Highway Construction<\/h4><\/div>\n <\/div>\n <div class=\"gallery-item\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n <img decoding=\"async\" src=\"https:\/\/alhadbacontracting.com\/wp-content\/uploads\/2026\/09\/maria-lupan-XeRqsvi9qBc-unsplash.jpg\" alt=\"Bulldozer\">\n <div class=\"gallery-overlay\"><h4>Bulldozer Operations<\/h4><\/div>\n <\/div>\n <div class=\"gallery-item\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n <img decoding=\"async\" src=\"https:\/\/alhadbacontracting.com\/wp-content\/uploads\/2026\/09\/photo-1575281923032-f40d94ef6160.avif\" alt=\"Motor Grader\">\n <div class=\"gallery-overlay\"><h4>Motor Grader - Road Leveling<\/h4><\/div>\n <\/div>\n <div class=\"gallery-item\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n <img decoding=\"async\" src=\"https:\/\/alhadbacontracting.com\/wp-content\/uploads\/2026\/09\/photo-1534097575056-ddba81f714c8.avif\" alt=\"Road Roller\">\n <div class=\"gallery-overlay\"><h4>Road Roller - Asphalt Compaction<\/h4><\/div>\n <\/div>\n <div class=\"gallery-item\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n <img decoding=\"async\" src=\"https:\/\/alhadbacontracting.com\/wp-content\/uploads\/2026\/09\/harry-dona-AI2YT94sSeA-unsplash.jpg\" alt=\"Heavy Excavator\">\n <div class=\"gallery-overlay\"><h4>Heavy Excavation & Earthwork<\/h4><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Location & Map Section -->\n <section class=\"section location-section\" id=\"location\">\n <div class=\"section-header\" data-aos=\"fade-up\">\n <span class=\"section-subtitle\">Visit Us<\/span>\n <h2 class=\"section-title\">Our Location<\/h2>\n <p class=\"section-desc\">Located in the heart of Dubai, serving all Emirates across the UAE.<\/p>\n <\/div>\n <div class=\"location-content\">\n <div class=\"location-info\" data-aos=\"fade-right\">\n <h3>Contact Information<\/h3>\n <p>We're strategically located in Deira, Dubai, serving clients across Dubai, Sharjah, Abu Dhabi, Al Ain, and all Emirates. Contact us to discuss your project requirements.<\/p>\n <div class=\"location-details\">\n <div class=\"location-item\">\n <i class=\"fas fa-map-marker-alt\"><\/i>\n <div>\n <strong>Office Address<\/strong>\n <span>Al Etihad Building, 8th Street<br>Near Deira City Center<br>7th Floor, Office 708<br>Dubai, UAE<\/span>\n <\/div>\n <\/div>\n <div class=\"location-item\">\n <i class=\"fas fa-phone-alt\"><\/i>\n <div>\n <strong>Phone \/ Landline<\/strong>\n <a href=\"tel:+97143257101\">+971 4 325 7101<\/a><br>\n <a href=\"tel:+971541572189\">+971 54 157 2189<\/a>\n <\/div>\n <\/div>\n <div class=\"location-item\">\n <i class=\"fas fa-envelope\"><\/i>\n <div>\n <strong>Email<\/strong>\n <a href=\"mailto:info@alhadbacontracting.com\">info@alhadbacontracting.com<\/a><br>\n <a href=\"mailto:alhabacontracting85@gmail.com\">alhabacontracting85@gmail.com<\/a>\n <\/div>\n <\/div>\n <div class=\"location-item\">\n <i class=\"fas fa-clock\"><\/i>\n <div>\n <strong>Working Hours<\/strong>\n <span>Monday - Saturday: 8:00 AM - 6:00 PM<br>Sunday: Closed<\/span>\n <\/div>\n <\/div>\n <div class=\"location-item\">\n <i class=\"fas fa-globe\"><\/i>\n <div>\n <strong>Service Areas<\/strong>\n <span>Dubai, Sharjah, Abu Dhabi, Al Ain & All UAE Emirates<\/span>\n <\/div>\n <\/div>\n <\/div>\n <a href=\"https:\/\/wa.me\/971541572189\" class=\"btn\" target=\"_blank\"><i class=\"fab fa-whatsapp\"><\/i> Chat on WhatsApp<\/a>\n <\/div>\n <div class=\"map-container\" data-aos=\"fade-left\">\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3606.1234567890123!2d55.3271!3d25.2532!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3e5f5c5c5c5c5c5c%3A0x5c5c5c5c5c5c5c5c!2sDeira%20City%20Center!5e0!3m2!1sen!2sae!4v1234567890123!5m2!1sen!2sae\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- FAQ Section -->\n <section class=\"section faq-section\" id=\"faq\">\n <div class=\"section-header\" data-aos=\"fade-up\">\n <span class=\"section-subtitle\">Got Questions?<\/span>\n <h2 class=\"section-title\">Frequently Asked Questions<\/h2>\n <\/div>\n <div class=\"faq-container\">\n <div class=\"faq-item\" data-aos=\"fade-up\">\n <div class=\"faq-question\">What types of road construction services do you provide?<div class=\"faq-icon\"><i class=\"fas fa-chevron-down\"><\/i><\/div><\/div>\n <div class=\"faq-answer\">We provide complete road construction services including asphalt paving, concrete roads, road rehabilitation, site preparation, grading, drainage installation, and infrastructure development for residential, commercial, and industrial projects across the UAE.<\/div>\n <\/div>\n <div class=\"faq-item\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n <div class=\"faq-question\">Do you provide heavy equipment rental with operators?<div class=\"faq-icon\"><i class=\"fas fa-chevron-down\"><\/i><\/div><\/div>\n <div class=\"faq-answer\">Yes. We offer heavy construction equipment rental services with skilled, certified operators. Our fleet includes excavators, bulldozers, motor graders, road rollers, wheel loaders, and dump trucks available across all Emirates.<\/div>\n <\/div>\n <div class=\"faq-item\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n <div class=\"faq-question\">Do you handle Dubai Municipality permits and approvals?<div class=\"faq-icon\"><i class=\"fas fa-chevron-down\"><\/i><\/div><\/div>\n <div class=\"faq-answer\">Yes. We provide complete project management services including securing all necessary permits and approvals from Dubai Municipality, Abu Dhabi Municipality, and other relevant authorities across the UAE.<\/div>\n <\/div>\n <div class=\"faq-item\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n <div class=\"faq-question\">What areas do you service?<div class=\"faq-icon\"><i class=\"fas fa-chevron-down\"><\/i><\/div><\/div>\n <div class=\"faq-answer\">We provide road construction and heavy equipment services across all UAE Emirates including Dubai, Sharjah, Abu Dhabi, Al Ain, Ajman, Ras Al Khaimah, Fujairah, and Umm Al Quwain for projects of all sizes.<\/div>\n <\/div>\n <div class=\"faq-item\" data-aos=\"fade-up\" data-aos-delay=\"400\">\n <div class=\"faq-question\">How can I get a quotation for my project?<div class=\"faq-icon\"><i class=\"fas fa-chevron-down\"><\/i><\/div><\/div>\n <div class=\"faq-answer\">Simply contact us via phone, WhatsApp, or email with your project details including location, scope of work, and timeline. We'll provide a comprehensive quotation tailored to your specific requirements.<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- CTA Section -->\n <section class=\"cta-section\" id=\"contact\">\n <div class=\"cta-content\" data-aos=\"zoom-in\">\n <span class=\"section-subtitle\" style=\"color: var(--secondary-light);\">Get In Touch<\/span>\n <h2>Start Your Road Construction Project<\/h2>\n <p>Ready to build quality roads and infrastructure across the UAE? Contact us today for professional heavy equipment services and expert road construction solutions.<\/p>\n <div class=\"contact-info\">\n <div class=\"contact-item\">\n <i class=\"fas fa-phone-alt\"><\/i>\n <span><a href=\"tel:+97143257101\">+971 4 325 7101<\/a><\/span>\n <\/div>\n <div class=\"contact-item\">\n <i class=\"fas fa-mobile-alt\"><\/i>\n <span><a href=\"tel:+971541572189\">+971 54 157 2189<\/a><\/span>\n <\/div>\n <div class=\"contact-item\">\n <i class=\"fab fa-whatsapp\"><\/i>\n <span><a href=\"https:\/\/wa.me\/971541572189\">WhatsApp Available<\/a><\/span>\n <\/div>\n <div class=\"contact-item\">\n <i class=\"fas fa-envelope\"><\/i>\n <span><a href=\"mailto:alhabacontracting85@gmail.com\">alhabacontracting85@gmail.com<\/a><\/span>\n <\/div>\n <\/div>\n <a href=\"https:\/\/wa.me\/971541572189\" class=\"btn\" target=\"_blank\"><i class=\"fab fa-whatsapp\"><\/i> Request a Quotation<\/a>\n <p style=\"margin-top: 40px; opacity: 0.7; font-size: 0.95rem;\"><i class=\"fas fa-map-marker-alt\" style=\"color: var(--secondary); margin-right: 8px;\"><\/i>Serving Dubai, Sharjah, Abu Dhabi, Al Ain & All UAE \u00b7 Mon\u2013Sat 08:00\u201318:00<\/p>\n <\/div>\n <\/section>\n\n <!-- Footer -->\n <footer class=\"footer\">\n <p>© 2023 <span>Al Hadba Building Contracting LLC<\/span>. All Rights Reserved. | Serving All UAE Emirates<\/p>\n <\/footer>\n\n <!-- Scripts -->\n <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\n <script>\n AOS.init({ duration: 800, easing: 'ease-out-cubic', once: true, offset: 100 });\n const mobileMenuToggle = document.getElementById('mobileMenuToggle');\n const navMenu = document.getElementById('navMenu');\n mobileMenuToggle.addEventListener('click', () => { mobileMenuToggle.classList.toggle('active'); navMenu.classList.toggle('active'); });\n document.querySelectorAll('.nav-menu a').forEach(link => { link.addEventListener('click', () => { mobileMenuToggle.classList.remove('active'); navMenu.classList.remove('active'); }); });\n const sections = document.querySelectorAll('section[id]');\n const navLinks = document.querySelectorAll('.nav-menu a');\n window.addEventListener('scroll', () => {\n let current = '';\n sections.forEach(section => { const sectionTop = section.offsetTop; if (scrollY >= (sectionTop - 150)) { current = section.getAttribute('id'); } });\n navLinks.forEach(link => { link.classList.remove('active'); if (link.getAttribute('href').slice(1) === current) { link.classList.add('active'); } });\n const header = document.querySelector('.header');\n if (window.scrollY > 50) { header.classList.add('scrolled'); } else { header.classList.remove('scrolled'); }\n });\n document.querySelectorAll('.faq-question').forEach(question => {\n question.addEventListener('click', () => {\n const faqItem = question.parentElement;\n const isActive = faqItem.classList.contains('active');\n document.querySelectorAll('.faq-item').forEach(item => { item.classList.remove('active'); });\n if (!isActive) { faqItem.classList.add('active'); }\n });\n });\n const counters = document.querySelectorAll('.stat-number[data-count]');\n const animateCounters = () => { counters.forEach(counter => { const target = +counter.getAttribute('data-count'); const count = +counter.innerText; const inc = target \/ 200; if (count < target) { counter.innerText = Math.ceil(count + inc); setTimeout(animateCounters, 10); } else { counter.innerText = target; } }); };\n const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { animateCounters(); observer.unobserve(entry.target); } }); }, { threshold: 0.5 });\n const heroStats = document.querySelector('.hero-stats'); if (heroStats) observer.observe(heroStats);\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => { anchor.addEventListener('click', function (e) { e.preventDefault(); const target = document.querySelector(this.getAttribute('href')); if (target) { target.scrollIntoView({ behavior: 'smooth', block: 'start' }); } }); });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Road Construction Services – Al Hadba Building Contracting LLC Home About Services Equipment Gallery Location Contact Heavy Machinery & Road Infrastructure Experts Road Construction & Heavy Equipment Services Complete road construction, infrastructure development, and heavy equipment services across UAE. From excavation to asphalt paving, we deliver industrial-grade excellence on every project. 0Operating Since 80+Heavy Machines […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alhadbacontracting.com\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alhadbacontracting.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alhadbacontracting.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alhadbacontracting.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alhadbacontracting.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":43,"href":"https:\/\/alhadbacontracting.com\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":68,"href":"https:\/\/alhadbacontracting.com\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/68"}],"wp:attachment":[{"href":"https:\/\/alhadbacontracting.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}