{"id":6,"date":"2026-03-08T07:14:17","date_gmt":"2026-03-08T07:14:17","guid":{"rendered":"https:\/\/ahmed-interior.com\/?page_id=6"},"modified":"2026-04-18T10:45:38","modified_gmt":"2026-04-18T10:45:38","slug":"home","status":"publish","type":"page","link":"https:\/\/ahmed-interior.com\/","title":{"rendered":"Home"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\" class=\"scroll-smooth\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Ahmed Interior &#038; Electrical Services | UAE<\/title>\n    <!-- Tailwind CSS -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <!-- Google Fonts -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <!-- Lucide Icons -->\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n    \n    <style>\n        \/* Base styles for WordPress compatibility *\/\n        #ahmed-interior-wrapper {\n            font-family: 'Poppins', sans-serif;\n        }\n\n        \/* Deep WP Reset: Prevent WordPress theme from changing fonts and colors *\/\n        #ahmed-interior-wrapper, #ahmed-interior-wrapper p, #ahmed-interior-wrapper span, #ahmed-interior-wrapper h1, #ahmed-interior-wrapper h2, #ahmed-interior-wrapper h3, #ahmed-interior-wrapper h4, #ahmed-interior-wrapper a, #ahmed-interior-wrapper li {\n            font-family: 'Poppins', sans-serif !important;\n        }\n        #ahmed-interior-wrapper a {\n            text-decoration: none !important;\n            box-shadow: none !important;\n        }\n        \n        \/* Force remove WordPress\/Astra default paddings and margins for full width & no top space *\/\n        .site-content, .ast-container, .entry-content, .ast-article-single, .wp-site-blocks, .wp-block-post-content {\n            padding: 0 !important;\n            margin: 0 !important;\n            max-width: 100% !important;\n        }\n        \n        \/* Hide Astra's default page title space if present *\/\n        header.entry-header {\n            display: none !important;\n            margin: 0 !important;\n            padding: 0 !important;\n        }\n\n        \/* Lock down crucial colors with !important so WP themes can't override them *\/\n        #ahmed-interior-wrapper .text-\\[\\#b48a44\\] { color: #b48a44 !important; }\n        #ahmed-interior-wrapper .bg-\\[\\#b48a44\\] { background-color: #b48a44 !important; }\n        #ahmed-interior-wrapper .text-\\[\\#1e293b\\] { color: #1e293b !important; }\n        #ahmed-interior-wrapper .bg-\\[\\#1e293b\\] { background-color: #1e293b !important; }\n        #ahmed-interior-wrapper .text-white { color: #ffffff !important; }\n        #ahmed-interior-wrapper .text-gray-600 { color: #4b5563 !important; }\n        \n        .hero-bg {\n            background-image: linear-gradient(rgba(15, 23, 42, 0.8), rgba(15, 23, 42, 0.8)), url('https:\/\/ahmed-interior.com\/wp-content\/uploads\/2026\/03\/IMG-20260228-WA0063-scaled.jpg');\n            background-size: cover;\n            background-position: center;\n            background-attachment: fixed;\n        }\n        \n        .gallery-item {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        .gallery-item:hover {\n            transform: translateY(-5px) scale(1.02);\n            box-shadow: 0 10px 25px rgba(0,0,0,0.2);\n            z-index: 10;\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-gray-50 antialiased m-0 p-0\">\n\n<!-- Master Wrapper to protect styles in WordPress -->\n<div id=\"ahmed-interior-wrapper\" class=\"text-gray-800 bg-gray-50\">\n\n    <!-- Navigation -->\n    <nav class=\"fixed w-full z-50 transition-all duration-300 bg-white\/95 backdrop-blur-sm shadow-sm\" id=\"navbar\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"flex justify-between items-center h-20\">\n                <div class=\"flex-shrink-0 flex items-center gap-2\">\n                    <i data-lucide=\"home\" class=\"h-8 w-8 text-[#b48a44]\"><\/i>\n                    <span class=\"font-bold text-2xl tracking-tight text-[#1e293b]\">Ahmed<span class=\"text-[#b48a44]\">Interior<\/span><\/span>\n                <\/div>\n                <div class=\"hidden md:flex space-x-8 items-center\">\n                    <a href=\"#home\" class=\"text-gray-600 hover:text-[#b48a44] font-medium transition-colors\">Home<\/a>\n                    <a href=\"#about\" class=\"text-gray-600 hover:text-[#b48a44] font-medium transition-colors\">About Us<\/a>\n                    <a href=\"#services\" class=\"text-gray-600 hover:text-[#b48a44] font-medium transition-colors\">Services<\/a>\n                    <a href=\"#portfolio\" class=\"text-gray-600 hover:text-[#b48a44] font-medium transition-colors\">Portfolio<\/a>\n                    <a href=\"#contact\" class=\"bg-[#b48a44] text-white px-6 py-2 rounded-full font-medium hover:bg-[#9a763a] transition-colors shadow-lg shadow-[#b48a44]\/30 flex items-center gap-2\">\n                        <i data-lucide=\"phone-call\" class=\"w-4 h-4 text-white\"><\/i>\n                        Get a Quote\n                    <\/a>\n                <\/div>\n                <!-- Mobile menu button -->\n                <div class=\"md:hidden flex items-center\">\n                    <button id=\"mobile-menu-btn\" class=\"text-gray-600 hover:text-[#b48a44] focus:outline-none\">\n                        <i data-lucide=\"menu\" class=\"h-6 w-6\"><\/i>\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n        <!-- Mobile Menu -->\n        <div id=\"mobile-menu\" class=\"hidden md:hidden bg-white border-t border-gray-100 absolute w-full shadow-lg\">\n            <div class=\"px-2 pt-2 pb-4 space-y-1 sm:px-3 text-center\">\n                <a href=\"#home\" class=\"block px-3 py-2 text-gray-600 hover:text-[#b48a44] font-medium\">Home<\/a>\n                <a href=\"#about\" class=\"block px-3 py-2 text-gray-600 hover:text-[#b48a44] font-medium\">About Us<\/a>\n                <a href=\"#services\" class=\"block px-3 py-2 text-gray-600 hover:text-[#b48a44] font-medium\">Services<\/a>\n                <a href=\"#portfolio\" class=\"block px-3 py-2 text-gray-600 hover:text-[#b48a44] font-medium\">Portfolio<\/a>\n                <a href=\"#contact\" class=\"block px-3 py-2 text-[#b48a44] font-bold\">Contact Now<\/a>\n            <\/div>\n        <\/div>\n    <\/nav>\n\n    <!-- Hero Section -->\n    <section id=\"home\" class=\"hero-bg min-h-screen flex items-center justify-center pt-20\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center text-white\">\n            <span class=\"inline-block py-1 px-3 rounded-full bg-[#b48a44]\/20 border border-[#b48a44]\/50 text-[#e5c158] font-medium text-sm mb-6 uppercase tracking-wider\">\n                Premium Interior &#038; Electrical Works\n            <\/span>\n            <h1 class=\"text-4xl md:text-6xl font-bold leading-tight mb-6 text-white\">\n                Transforming Spaces with <br class=\"hidden md:block\"\/>\n                <span class=\"text-[#b48a44]\">Elegance &#038; Precision<\/span>\n            <\/h1>\n            <p class=\"mt-4 text-xl md:text-2xl text-gray-300 max-w-3xl mx-auto mb-10\">\n                Trusted in Abu Dhabi, Dubai &#038; Al-Ain since 2010. RSB Certified Experts for your home and commercial projects.\n            <\/p>\n            <div class=\"flex flex-col sm:flex-row justify-center gap-4\">\n                <a href=\"#services\" class=\"bg-[#b48a44] hover:bg-[#9a763a] text-white px-8 py-3 rounded-full font-semibold text-lg transition-all shadow-lg shadow-[#b48a44]\/30 flex items-center justify-center gap-2\">\n                    Our Services <i data-lucide=\"arrow-right\" class=\"w-5 h-5 text-white\"><\/i>\n                <\/a>\n                <a href=\"https:\/\/wa.me\/971569104773\" target=\"_blank\" class=\"bg-green-600 hover:bg-green-700 text-white px-8 py-3 rounded-full font-semibold text-lg transition-all shadow-lg flex items-center justify-center gap-2\">\n                    <svg class=\"w-5 h-5 fill-current\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/><\/svg>\n                    WhatsApp Us\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- About Section -->\n    <section id=\"about\" class=\"py-20 bg-white\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"flex flex-col md:flex-row gap-12 items-center\">\n                <div class=\"md:w-1\/2\">\n                    <div class=\"relative\">\n                        <img decoding=\"async\" src=\"https:\/\/ahmed-interior.com\/wp-content\/uploads\/2026\/03\/IMG-20260228-WA0052-scaled.jpg\" alt=\"Interior Design\" class=\"rounded-2xl shadow-2xl object-cover h-[500px] w-full\">\n                        <div class=\"absolute -bottom-6 -right-6 bg-[#b48a44] text-white p-6 rounded-xl shadow-xl hidden sm:block\">\n                            <h3 class=\"text-4xl font-bold mb-1 text-white\">16+<\/h3>\n                            <p class=\"text-sm font-medium text-white\">Years of Experience<br\/>Since 2010<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"md:w-1\/2\">\n                    <h4 class=\"text-[#b48a44] font-bold tracking-wider uppercase mb-2\">About The Company<\/h4>\n                    <h2 class=\"text-3xl md:text-4xl font-bold text-[#1e293b] mb-6\">Led by Expertise, Driven by Excellence.<\/h2>\n                    <p class=\"text-gray-600 mb-6 leading-relaxed text-lg\">\n                        Under the expert direction of <strong>Mohammed Zaker Ahmed<\/strong>, we have been providing top-tier interior and electrical services across the UAE since 2010. Our commitment is to bring your vision to life with flawless execution.\n                    <\/p>\n                    <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6 mb-8\">\n                        <div class=\"flex items-start gap-3\">\n                            <div class=\"bg-[#b48a44]\/10 p-3 rounded-lg text-[#b48a44]\">\n                                <i data-lucide=\"map-pin\"><\/i>\n                            <\/div>\n                            <div>\n                                <h4 class=\"font-bold text-[#1e293b]\">Service Areas<\/h4>\n                                <p class=\"text-gray-500 text-sm\">Abu Dhabi, Dubai, Al-Ain<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex items-start gap-3\">\n                            <div class=\"bg-[#b48a44]\/10 p-3 rounded-lg text-[#b48a44]\">\n                                <i data-lucide=\"award\"><\/i>\n                            <\/div>\n                            <div>\n                                <h4 class=\"font-bold text-[#1e293b]\">Certified Quality<\/h4>\n                                <p class=\"text-gray-500 text-sm\">RSB Certified for Dubai<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <a href=\"#contact\" class=\"inline-flex items-center gap-2 text-[#b48a44] font-bold hover:text-[#9a763a] transition-colors\">\n                        Contact Mr. Mohammed Zaker <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Services Section -->\n    <section id=\"services\" class=\"py-20 bg-gray-50\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center max-w-3xl mx-auto mb-16\">\n                <h4 class=\"text-[#b48a44] font-bold tracking-wider uppercase mb-2\">What We Do<\/h4>\n                <h2 class=\"text-3xl md:text-4xl font-bold text-[#1e293b] mb-4\">Our Comprehensive Services<\/h2>\n                <p class=\"text-gray-600\">We offer a complete suite of solutions for residential and commercial spaces, ensuring high standards in both aesthetics and functionality.<\/p>\n            <\/div>\n\n            <div class=\"grid md:grid-cols-2 gap-10\">\n                <!-- Interior Services -->\n                <div class=\"bg-white rounded-2xl shadow-lg border border-gray-100 overflow-hidden hover:shadow-xl transition-shadow\">\n                    <div class=\"bg-[#1e293b] text-white p-6 flex items-center gap-4\">\n                        <i data-lucide=\"paint-roller\" class=\"w-8 h-8 text-[#b48a44]\"><\/i>\n                        <h3 class=\"text-2xl font-bold text-white\">Interior &#038; Fit-out<\/h3>\n                    <\/div>\n                    <div class=\"p-8\">\n                        <ul class=\"space-y-4\">\n                            <li class=\"flex items-center gap-3 text-gray-700\"><i data-lucide=\"check-circle-2\" class=\"text-green-500 w-5 h-5 flex-shrink-0\"><\/i> Gypsum Decor &#038; Ceiling Decoration<\/li>\n                            <li class=\"flex items-center gap-3 text-gray-700\"><i data-lucide=\"check-circle-2\" class=\"text-green-500 w-5 h-5 flex-shrink-0\"><\/i> Paints &#038; Wall Cladding<\/li>\n                            <li class=\"flex items-center gap-3 text-gray-700\"><i data-lucide=\"check-circle-2\" class=\"text-green-500 w-5 h-5 flex-shrink-0\"><\/i> PVC Panel &#038; Sheeboard<\/li>\n                            <li class=\"flex items-center gap-3 text-gray-700\"><i data-lucide=\"check-circle-2\" class=\"text-green-500 w-5 h-5 flex-shrink-0\"><\/i> Bathroom Installation<\/li>\n                            <li class=\"flex items-center gap-3 text-gray-700\"><i data-lucide=\"check-circle-2\" class=\"text-green-500 w-5 h-5 flex-shrink-0\"><\/i> Tiles Fixing &#038; Parquet<\/li>\n                            <li class=\"flex items-center gap-3 text-gray-700\"><i data-lucide=\"check-circle-2\" class=\"text-green-500 w-5 h-5 flex-shrink-0\"><\/i> Double Height Area Decor<\/li>\n                            <li class=\"flex items-center gap-3 text-gray-700\"><i data-lucide=\"check-circle-2\" class=\"text-green-500 w-5 h-5 flex-shrink-0\"><\/i> TV Unit Design &#038; Setup<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n\n                <!-- Electrical Services -->\n                <div class=\"bg-white rounded-2xl shadow-lg border border-gray-100 overflow-hidden hover:shadow-xl transition-shadow\">\n                    <div class=\"bg-[#1e293b] text-white p-6 flex items-center gap-4\">\n                        <i data-lucide=\"zap\" class=\"w-8 h-8 text-yellow-400\"><\/i>\n                        <h3 class=\"text-2xl font-bold text-white\">Electrical Works<\/h3>\n                    <\/div>\n                    <div class=\"p-8\">\n                        <div class=\"bg-yellow-50 border border-yellow-200 text-yellow-800 px-4 py-2 rounded-lg text-sm font-semibold mb-6 flex items-center gap-2\">\n                            <i data-lucide=\"shield-check\" class=\"w-4 h-4\"><\/i> RSB Certified for Dubai\n                        <\/div>\n                        <ul class=\"space-y-4\">\n                            <li class=\"flex items-center gap-3 text-gray-700\"><i data-lucide=\"check-circle-2\" class=\"text-green-500 w-5 h-5 flex-shrink-0\"><\/i> Switch &#038; Socket Installation<\/li>\n                            <li class=\"flex items-center gap-3 text-gray-700\"><i data-lucide=\"check-circle-2\" class=\"text-green-500 w-5 h-5 flex-shrink-0\"><\/i> LED Light Installation \/ Replacement<\/li>\n                            <li class=\"flex items-center gap-3 text-gray-700\"><i data-lucide=\"check-circle-2\" class=\"text-green-500 w-5 h-5 flex-shrink-0\"><\/i> Lighting Design &#038; Installation<\/li>\n                            <li class=\"flex items-center gap-3 text-gray-700\"><i data-lucide=\"check-circle-2\" class=\"text-green-500 w-5 h-5 flex-shrink-0\"><\/i> Ceiling Fan \/ Exhaust Fan Installation<\/li>\n                            <li class=\"flex items-center gap-3 text-gray-700\"><i data-lucide=\"check-circle-2\" class=\"text-green-500 w-5 h-5 flex-shrink-0\"><\/i> DB (Distribution Board) Setup &#038; Maintenance<\/li>\n                            <li class=\"flex items-center gap-3 text-gray-700\"><i data-lucide=\"check-circle-2\" class=\"text-green-500 w-5 h-5 flex-shrink-0\"><\/i> Short Circuit Troubleshooting<\/li>\n                            <li class=\"flex items-center gap-3 text-gray-700\"><i data-lucide=\"check-circle-2\" class=\"text-green-500 w-5 h-5 flex-shrink-0\"><\/i> Earthing System Setup<\/li>\n                            <li class=\"flex items-center gap-3 text-gray-700\"><i data-lucide=\"check-circle-2\" class=\"text-green-500 w-5 h-5 flex-shrink-0\"><\/i> Cable Tray &#038; Trunking Work<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Portfolio Section -->\n    <section id=\"portfolio\" class=\"py-20 bg-white\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center max-w-3xl mx-auto mb-12\">\n                <h4 class=\"text-[#b48a44] font-bold tracking-wider uppercase mb-2\">Our Work<\/h4>\n                <h2 class=\"text-3xl md:text-4xl font-bold text-[#1e293b] mb-4\">Recent Projects Gallery<\/h2>\n                <p class=\"text-gray-600\">A glimpse into our craftsmanship and attention to detail in recent interior and electrical projects.<\/p>\n            <\/div>\n\n            <!-- CSS Grid for Gallery -->\n            <div class=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4\">\n                <img decoding=\"async\" src=\"https:\/\/ahmed-interior.com\/wp-content\/uploads\/2026\/03\/IMG-20260228-WA0061-scaled.jpg\" alt=\"Portfolio Image\" onclick=\"openModal(this.src)\" class=\"gallery-item w-full h-64 object-cover rounded-xl cursor-pointer\">\n                <img decoding=\"async\" src=\"https:\/\/ahmed-interior.com\/wp-content\/uploads\/2026\/03\/IMG-20260228-WA0060-scaled.jpg\" alt=\"Portfolio Image\" onclick=\"openModal(this.src)\" class=\"gallery-item w-full h-64 object-cover rounded-xl cursor-pointer\">\n                <img decoding=\"async\" src=\"https:\/\/ahmed-interior.com\/wp-content\/uploads\/2026\/03\/IMG-20260228-WA0055.jpg\" alt=\"Portfolio Image\" onclick=\"openModal(this.src)\" class=\"gallery-item w-full h-64 object-cover rounded-xl cursor-pointer\">\n                <img decoding=\"async\" src=\"https:\/\/ahmed-interior.com\/wp-content\/uploads\/2026\/03\/IMG-20260228-WA0056.jpg\" alt=\"Portfolio Image\" onclick=\"openModal(this.src)\" class=\"gallery-item w-full h-64 object-cover rounded-xl cursor-pointer\">\n                <img decoding=\"async\" src=\"https:\/\/ahmed-interior.com\/wp-content\/uploads\/2026\/03\/IMG-20260228-WA0050-scaled.jpg\" alt=\"Portfolio Image\" onclick=\"openModal(this.src)\" class=\"gallery-item w-full h-64 object-cover rounded-xl cursor-pointer\">\n                <img decoding=\"async\" src=\"https:\/\/ahmed-interior.com\/wp-content\/uploads\/2026\/03\/IMG-20260228-WA0048.jpg\" alt=\"Portfolio Image\" onclick=\"openModal(this.src)\" class=\"gallery-item w-full h-64 object-cover rounded-xl cursor-pointer\">\n                <img decoding=\"async\" src=\"https:\/\/ahmed-interior.com\/wp-content\/uploads\/2026\/03\/IMG-20260228-WA0046.jpg\" alt=\"Portfolio Image\" onclick=\"openModal(this.src)\" class=\"gallery-item w-full h-64 object-cover rounded-xl cursor-pointer\">\n                <img decoding=\"async\" src=\"https:\/\/ahmed-interior.com\/wp-content\/uploads\/2026\/03\/IMG-20260228-WA0041-scaled.jpg\" alt=\"Portfolio Image\" onclick=\"openModal(this.src)\" class=\"gallery-item w-full h-64 object-cover rounded-xl cursor-pointer\">\n                <img decoding=\"async\" src=\"https:\/\/ahmed-interior.com\/wp-content\/uploads\/2026\/03\/IMG-20260228-WA00451.jpg\" alt=\"Portfolio Image\" onclick=\"openModal(this.src)\" class=\"gallery-item w-full h-64 object-cover rounded-xl cursor-pointer\">\n                <img decoding=\"async\" src=\"https:\/\/ahmed-interior.com\/wp-content\/uploads\/2026\/03\/IMG-20260228-WA0040-scaled.jpg\" alt=\"Portfolio Image\" onclick=\"openModal(this.src)\" class=\"gallery-item w-full h-64 object-cover rounded-xl cursor-pointer\">\n                <img decoding=\"async\" src=\"https:\/\/ahmed-interior.com\/wp-content\/uploads\/2026\/03\/IMG-20260228-WA0045.jpg\" alt=\"Portfolio Image\" onclick=\"openModal(this.src)\" class=\"gallery-item w-full h-64 object-cover rounded-xl cursor-pointer\">\n                <img decoding=\"async\" src=\"https:\/\/ahmed-interior.com\/wp-content\/uploads\/2026\/03\/IMG-20260228-WA0043-scaled.jpg\" alt=\"Portfolio Image\" onclick=\"openModal(this.src)\" class=\"gallery-item w-full h-64 object-cover rounded-xl cursor-pointer\">\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Call To Action & Contact -->\n    <section id=\"contact\" class=\"py-20 bg-[#1e293b] text-white relative overflow-hidden\">\n        <!-- Decorative background elements -->\n        <div class=\"absolute top-0 right-0 -mt-20 -mr-20 w-80 h-80 bg-[#b48a44]\/20 rounded-full blur-3xl\"><\/div>\n        <div class=\"absolute bottom-0 left-0 -mb-20 -ml-20 w-80 h-80 bg-[#b48a44]\/10 rounded-full blur-3xl\"><\/div>\n        \n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n            <div class=\"grid lg:grid-cols-2 gap-16\">\n                <div>\n                    <h2 class=\"text-3xl md:text-5xl font-bold mb-6 text-white\">Ready to upgrade your space?<\/h2>\n                    <p class=\"text-gray-300 text-lg mb-10\">Get in touch with us today for a free consultation. Our expert team is ready to deliver quality interior and electrical solutions tailored to your needs.<\/p>\n                    \n                    <div class=\"space-y-6\">\n                        <div class=\"flex items-center gap-4\">\n                            <div class=\"w-12 h-12 bg-white\/10 rounded-full flex items-center justify-center text-[#b48a44]\">\n                                <i data-lucide=\"user\"><\/i>\n                            <\/div>\n                            <div>\n                                <p class=\"text-gray-400 text-sm\">Director<\/p>\n                                <p class=\"text-xl font-semibold text-white\">Mohammed Zaker Ahmed<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex items-center gap-4\">\n                            <div class=\"w-12 h-12 bg-white\/10 rounded-full flex items-center justify-center text-[#b48a44]\">\n                                <i data-lucide=\"phone\"><\/i>\n                            <\/div>\n                            <div>\n                                <p class=\"text-gray-400 text-sm\">Call or WhatsApp<\/p>\n                                <p class=\"text-xl font-semibold text-white\">+971 56 910 4773 <br\/> 054 770 7253<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex items-center gap-4\">\n                            <div class=\"w-12 h-12 bg-white\/10 rounded-full flex items-center justify-center text-[#b48a44]\">\n                                <i data-lucide=\"map-pin\"><\/i>\n                            <\/div>\n                            <div>\n                                <p class=\"text-gray-400 text-sm\">Office Location<\/p>\n                                <p class=\"text-xl font-semibold text-white\">Abu Dhabi, UAE<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"bg-white rounded-2xl p-8 shadow-2xl text-gray-800\">\n                    <h3 class=\"text-2xl font-bold mb-6 text-[#1e293b]\">Send a Message<\/h3>\n                    <form class=\"space-y-4\" id=\"whatsapp-form\" onsubmit=\"sendToWhatsApp(event)\">\n                        <div>\n                            <label class=\"block text-sm font-medium text-gray-700 mb-1\">Full Name<\/label>\n                            <input type=\"text\" id=\"wa-name\" required class=\"w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-[#b48a44] focus:border-[#b48a44] outline-none transition-all text-gray-800\" placeholder=\"John Doe\">\n                        <\/div>\n                        <div>\n                            <label class=\"block text-sm font-medium text-gray-700 mb-1\">Phone Number<\/label>\n                            <input type=\"tel\" id=\"wa-phone\" required class=\"w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-[#b48a44] focus:border-[#b48a44] outline-none transition-all text-gray-800\" placeholder=\"+971 XX XXX XXXX\">\n                        <\/div>\n                        <div>\n                            <label class=\"block text-sm font-medium text-gray-700 mb-1\">Service Required<\/label>\n                            <select id=\"wa-service\" class=\"w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-[#b48a44] focus:border-[#b48a44] outline-none transition-all bg-white text-gray-800\">\n                                <option value=\"Interior &#038; Fit-out\">Interior &#038; Fit-out<\/option>\n                                <option value=\"Electrical Works\">Electrical Works<\/option>\n                                <option value=\"Both\">Both Services<\/option>\n                            <\/select>\n                        <\/div>\n                        <div>\n                            <label class=\"block text-sm font-medium text-gray-700 mb-1\">Message<\/label>\n                            <textarea id=\"wa-message\" rows=\"4\" required class=\"w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-[#b48a44] focus:border-[#b48a44] outline-none transition-all text-gray-800\" placeholder=\"Tell us about your project...\"><\/textarea>\n                        <\/div>\n                        <button type=\"submit\" class=\"w-full bg-[#b48a44] hover:bg-[#9a763a] text-white font-bold py-4 rounded-lg transition-colors text-lg shadow-lg\">\n                            Submit Inquiry via WhatsApp\n                        <\/button>\n                    <\/form>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Footer -->\n    <footer class=\"bg-[#111827] border-t border-[#1f2937] py-8 text-center text-gray-400\">\n        <div class=\"max-w-7xl mx-auto px-4\">\n            <div class=\"flex flex-col md:flex-row justify-between items-center gap-4\">\n                <p>&copy; 2026 Ahmed Interior &#038; Electrical Services. All rights reserved.<\/p>\n                <div class=\"flex gap-4\">\n                    <p class=\"text-sm\">Working Areas: <strong class=\"text-gray-300\">Al-Ain, Abu Dhabi, Dubai<\/strong><\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <!-- Image Modal (Lightbox) -->\n    <div id=\"image-modal\" class=\"fixed inset-0 z-[100] bg-black\/95 hidden flex-col items-center justify-center opacity-0 transition-opacity duration-300 backdrop-blur-sm\">\n        <button onclick=\"closeModal()\" class=\"absolute top-6 right-6 text-white hover:text-[#b48a44] transition-colors focus:outline-none bg-black\/50 p-2 rounded-full\">\n            <i data-lucide=\"x\" class=\"w-8 h-8\"><\/i>\n        <\/button>\n        <img decoding=\"async\" id=\"modal-img\" src=\"\" alt=\"Enlarged Portfolio\" class=\"max-w-[95%] max-h-[90vh] object-contain rounded-lg shadow-2xl scale-95 transition-transform duration-300\">\n    <\/div>\n\n<\/div> <!-- End of Master Wrapper -->\n\n    <!-- Scripts -->\n    <script>\n        \/\/ Initialize Lucide Icons\n        lucide.createIcons();\n\n        \/\/ Mobile Menu Toggle\n        const btn = document.getElementById('mobile-menu-btn');\n        const menu = document.getElementById('mobile-menu');\n\n        btn.addEventListener('click', () => {\n            menu.classList.toggle('hidden');\n        });\n\n        \/\/ Close mobile menu on click\n        const mobileLinks = menu.querySelectorAll('a');\n        mobileLinks.forEach(link => {\n            link.addEventListener('click', () => {\n                menu.classList.add('hidden');\n            });\n        });\n\n        \/\/ Navbar blur effect on scroll\n        window.addEventListener('scroll', () => {\n            const nav = document.getElementById('navbar');\n            if (window.scrollY > 10) {\n                nav.classList.add('shadow-md');\n            } else {\n                nav.classList.remove('shadow-md');\n            }\n        });\n\n        \/\/ Image Modal Logic\n        const modal = document.getElementById('image-modal');\n        const modalImg = document.getElementById('modal-img');\n\n        function openModal(src) {\n            modalImg.src = src;\n            modal.classList.remove('hidden');\n            modal.classList.add('flex'); \/\/ Add flex to center items perfectly\n            \/\/ Allow display block to apply before animating opacity\n            setTimeout(() => {\n                modal.classList.remove('opacity-0');\n                modalImg.classList.remove('scale-95');\n                modalImg.classList.add('scale-100');\n            }, 10);\n            document.body.style.overflow = 'hidden'; \/\/ Prevent body scroll\n        }\n\n        function closeModal() {\n            modal.classList.add('opacity-0');\n            modalImg.classList.remove('scale-100');\n            modalImg.classList.add('scale-95');\n            setTimeout(() => {\n                modal.classList.add('hidden');\n                modal.classList.remove('flex'); \/\/ Remove flex when hidden\n                modalImg.src = '';\n            }, 300); \/\/ Wait for transition to finish\n            document.body.style.overflow = ''; \/\/ Restore body scroll\n        }\n\n        \/\/ Close modal on background click\n        modal.addEventListener('click', function(e) {\n            if (e.target === modal) {\n                closeModal();\n            }\n        });\n        \n        \/\/ Close modal on Escape key press\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Escape' && !modal.classList.contains('hidden')) {\n                closeModal();\n            }\n        });\n\n        \/\/ WhatsApp Form Submission Logic\n        function sendToWhatsApp(event) {\n            event.preventDefault(); \/\/ Prevent page reload\n            \n            \/\/ Get form values\n            const name = document.getElementById('wa-name').value;\n            const phone = document.getElementById('wa-phone').value;\n            const service = document.getElementById('wa-service').value;\n            const message = document.getElementById('wa-message').value;\n            \n            \/\/ Target WhatsApp Number (without + symbol)\n            const targetNumber = '971569104773';\n            \n            \/\/ Format the message\n            const whatsappMessage = \n`*New Website Inquiry!* \ud83c\udf1f\n\n*Name:* ${name}\n*Phone:* ${phone}\n*Service Required:* ${service}\n\n*Message:*\n${message}`;\n\n            \/\/ Encode the message for URL\n            const encodedMessage = encodeURIComponent(whatsappMessage);\n            \n            \/\/ Create WhatsApp API link\n            const whatsappLink = `https:\/\/wa.me\/${targetNumber}?text=${encodedMessage}`;\n            \n            \/\/ Open WhatsApp in a new tab\n            window.open(whatsappLink, '_blank');\n        }\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Ahmed Interior &#038; Electrical Services | UAE AhmedInterior Home About Us Services Portfolio Get a Quote Home About Us Services [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"normal-width-container","site-content-style":"default","site-sidebar-style":"unboxed","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ahmed-interior.com\/index.php\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ahmed-interior.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ahmed-interior.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ahmed-interior.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ahmed-interior.com\/index.php\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":6,"href":"https:\/\/ahmed-interior.com\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":47,"href":"https:\/\/ahmed-interior.com\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions\/47"}],"wp:attachment":[{"href":"https:\/\/ahmed-interior.com\/index.php\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}