{"id":1667,"date":"2021-09-08T13:54:31","date_gmt":"2021-09-08T11:54:31","guid":{"rendered":"https:\/\/elavocatomobile.net\/%d8%a7%d8%aa%d8%b5%d9%84-%d8%a8%d9%86%d8%a7\/"},"modified":"2026-02-05T16:54:42","modified_gmt":"2026-02-05T14:54:42","slug":"%d8%a7%d8%aa%d8%b5%d9%84-%d8%a8%d9%86%d8%a7","status":"publish","type":"page","link":"https:\/\/elavocatomobile.net\/ar\/%d8%a7%d8%aa%d8%b5%d9%84-%d8%a8%d9%86%d8%a7\/","title":{"rendered":"\u0627\u062a\u0635\u0644 \u0628\u0646\u0627"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1667\" class=\"elementor elementor-1667 elementor-309\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-28f60ae e-flex e-con-boxed e-con e-parent\" data-id=\"28f60ae\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc42b39 elementor-widget elementor-widget-html\" data-id=\"bc42b39\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>\u0627\u062a\u0635\u0644 \u0628\u0646\u0627 - \u0627\u0644\u0623\u0641\u0648\u0643\u0627\u062a\u0648 \u0645\u0648\u0628\u0627\u064a\u0644<\/title>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Cairo', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n            background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);\r\n            direction: rtl;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        .contact-container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 40px 20px;\r\n        }\r\n\r\n        .header-section {\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n            animation: fadeInDown 1s ease;\r\n        }\r\n\r\n        .logo-container {\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .logo-container img {\r\n            width: 180px;\r\n            height: auto;\r\n            filter: drop-shadow(0 10px 25px rgba(255, 87, 34, 0.3));\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .logo-container img:hover {\r\n            transform: scale(1.05) rotate(2deg);\r\n        }\r\n\r\n        .header-section h1 {\r\n            font-size: 48px;\r\n            color: #FF5722;\r\n            margin-bottom: 15px;\r\n            font-weight: 800;\r\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .header-section p {\r\n            font-size: 20px;\r\n            color: #555;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .contact-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 30px;\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        .contact-card {\r\n            background: white;\r\n            border-radius: 20px;\r\n            padding: 40px 30px;\r\n            text-align: center;\r\n            box-shadow: 0 10px 40px rgba(0,0,0,0.1);\r\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n            position: relative;\r\n            overflow: hidden;\r\n            animation: fadeInUp 0.8s ease forwards;\r\n            opacity: 0;\r\n        }\r\n\r\n        .contact-card:nth-child(1) { animation-delay: 0.1s; }\r\n        .contact-card:nth-child(2) { animation-delay: 0.2s; }\r\n        .contact-card:nth-child(3) { animation-delay: 0.3s; }\r\n        .contact-card:nth-child(4) { animation-delay: 0.4s; }\r\n\r\n        .contact-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 5px;\r\n            background: linear-gradient(90deg, #FF5722, #FF8A50);\r\n            transform: scaleX(0);\r\n            transition: transform 0.4s ease;\r\n        }\r\n\r\n        .contact-card:hover::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .contact-card:hover {\r\n            transform: translateY(-15px);\r\n            box-shadow: 0 20px 60px rgba(255, 87, 34, 0.3);\r\n        }\r\n\r\n        .icon-wrapper {\r\n            width: 100px;\r\n            height: 100px;\r\n            margin: 0 auto 25px;\r\n            background: linear-gradient(135deg, #FF5722, #FF8A50);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            position: relative;\r\n            animation: pulse 2s infinite;\r\n        }\r\n\r\n        .icon-wrapper i {\r\n            font-size: 45px;\r\n            color: white;\r\n        }\r\n\r\n        .contact-card h3 {\r\n            font-size: 26px;\r\n            color: #333;\r\n            margin-bottom: 15px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .contact-card p {\r\n            font-size: 18px;\r\n            color: #666;\r\n            margin-bottom: 25px;\r\n            line-height: 1.8;\r\n        }\r\n\r\n        .contact-btn {\r\n            display: inline-block;\r\n            padding: 15px 40px;\r\n            background: linear-gradient(135deg, #FF5722, #FF8A50);\r\n            color: white;\r\n            text-decoration: none;\r\n            border-radius: 50px;\r\n            font-weight: 700;\r\n            font-size: 18px;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 5px 20px rgba(255, 87, 34, 0.4);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .contact-btn::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            width: 0;\r\n            height: 0;\r\n            border-radius: 50%;\r\n            background: rgba(255, 255, 255, 0.3);\r\n            transform: translate(-50%, -50%);\r\n            transition: width 0.6s, height 0.6s;\r\n        }\r\n\r\n        .contact-btn:hover::before {\r\n            width: 300px;\r\n            height: 300px;\r\n        }\r\n\r\n        .contact-btn:hover {\r\n            transform: scale(1.05);\r\n            box-shadow: 0 8px 30px rgba(255, 87, 34, 0.6);\r\n        }\r\n\r\n        .contact-btn i {\r\n            margin-left: 10px;\r\n        }\r\n\r\n        .map-section {\r\n            background: white;\r\n            border-radius: 20px;\r\n            padding: 40px;\r\n            box-shadow: 0 10px 40px rgba(0,0,0,0.1);\r\n            animation: fadeIn 1.2s ease;\r\n        }\r\n\r\n        .map-section h2 {\r\n            font-size: 36px;\r\n            color: #FF5722;\r\n            margin-bottom: 20px;\r\n            text-align: center;\r\n            font-weight: 800;\r\n        }\r\n\r\n        .map-section p {\r\n            text-align: center;\r\n            font-size: 18px;\r\n            color: #666;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .map-wrapper {\r\n            border-radius: 15px;\r\n            overflow: hidden;\r\n            height: 450px;\r\n            position: relative;\r\n            box-shadow: 0 5px 25px rgba(0,0,0,0.15);\r\n        }\r\n\r\n        .map-wrapper iframe {\r\n            width: 100%;\r\n            height: 100%;\r\n            border: none;\r\n        }\r\n\r\n        .whatsapp-float {\r\n            position: fixed;\r\n            width: 70px;\r\n            height: 70px;\r\n            bottom: 30px;\r\n            left: 30px;\r\n            background: #25D366;\r\n            color: white;\r\n            border-radius: 50%;\r\n            text-align: center;\r\n            font-size: 40px;\r\n            box-shadow: 0 5px 25px rgba(37, 211, 102, 0.5);\r\n            z-index: 1000;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: all 0.3s ease;\r\n            animation: bounce 2s infinite;\r\n        }\r\n\r\n        .whatsapp-float:hover {\r\n            transform: scale(1.15);\r\n            box-shadow: 0 8px 35px rgba(37, 211, 102, 0.7);\r\n        }\r\n\r\n        @keyframes fadeInDown {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(-50px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(50px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes fadeIn {\r\n            from { opacity: 0; }\r\n            to { opacity: 1; }\r\n        }\r\n\r\n        @keyframes pulse {\r\n            0%, 100% { transform: scale(1); }\r\n            50% { transform: scale(1.05); }\r\n        }\r\n\r\n        @keyframes bounce {\r\n            0%, 100% { transform: translateY(0); }\r\n            50% { transform: translateY(-10px); }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .header-section h1 {\r\n                font-size: 36px;\r\n            }\r\n\r\n            .contact-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .contact-card {\r\n                padding: 30px 20px;\r\n            }\r\n\r\n            .map-section {\r\n                padding: 25px;\r\n            }\r\n\r\n            .map-wrapper {\r\n                height: 350px;\r\n            }\r\n\r\n            .whatsapp-float {\r\n                width: 60px;\r\n                height: 60px;\r\n                font-size: 35px;\r\n                bottom: 20px;\r\n                left: 20px;\r\n            }\r\n        }\r\n\r\n        .info-bar {\r\n            background: linear-gradient(135deg, #1a1a1a, #2d2d2d);\r\n            color: white;\r\n            padding: 20px;\r\n            text-align: center;\r\n            border-radius: 15px;\r\n            margin-bottom: 40px;\r\n            box-shadow: 0 5px 20px rgba(0,0,0,0.2);\r\n        }\r\n\r\n        .info-bar p {\r\n            font-size: 18px;\r\n            margin: 0;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .info-bar span {\r\n            color: #FF5722;\r\n            font-weight: 800;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"contact-container\">\r\n        <!-- Header Section -->\r\n        <div class=\"header-section\">\r\n            <div class=\"logo-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/elavocatomobile.net\/wp-content\/uploads\/2026\/01\/Untitled-design.webp\" alt=\"\u0627\u0644\u0623\u0641\u0648\u0643\u0627\u062a\u0648 \u0645\u0648\u0628\u0627\u064a\u0644\" title=\"\">\r\n            <\/div>\r\n            <h1>\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/h1>\r\n            <p>\u0646\u062d\u0646 \u0647\u0646\u0627 \u0644\u062e\u062f\u0645\u062a\u0643 \u0641\u064a \u0623\u064a \u0648\u0642\u062a<\/p>\r\n        <\/div>\r\n\r\n        <!-- Info Bar -->\r\n        <div class=\"info-bar\">\r\n            <p>\ud83d\udcf1 <span>\u0627\u0644\u0623\u0641\u0648\u0643\u0627\u062a\u0648 \u0645\u0648\u0628\u0627\u064a\u0644<\/span> - \u0648\u062c\u0647\u062a\u0643 \u0627\u0644\u0645\u062b\u0627\u0644\u064a\u0629 \u0644\u0623\u062d\u062f\u062b \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644\u0627\u062a \u0648\u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u062a<\/p>\r\n        <\/div>\r\n\r\n        <!-- Contact Cards Grid -->\r\n        <div class=\"contact-grid\">\r\n            <!-- WhatsApp Card -->\r\n            <div class=\"contact-card\">\r\n                <div class=\"icon-wrapper\">\r\n                    <i class=\"fab fa-whatsapp\"><\/i>\r\n                <\/div>\r\n                <h3>\u0648\u0627\u062a\u0633\u0627\u0628<\/h3>\r\n                <p>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0645\u0628\u0627\u0634\u0631\u0629 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628<br>\u0644\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0627\u0644\u0633\u0631\u064a\u0639\u0629<\/p>\r\n                <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=%2B201200883386&amp;text&amp;type=phone_number&amp;app_absent=0\" target=\"_blank\" class=\"contact-btn\" rel=\"noopener\">\r\n                    <span>\u0631\u0627\u0633\u0644\u0646\u0627 \u0627\u0644\u0622\u0646<\/span>\r\n                    <i class=\"fab fa-whatsapp\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- Email Card -->\r\n            <div class=\"contact-card\">\r\n                <div class=\"icon-wrapper\">\r\n                    <i class=\"fas fa-envelope\"><\/i>\r\n                <\/div>\r\n                <h3>\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/h3>\r\n                <p>info@elavocatomobile.net<br>\u0646\u0631\u062f \u0639\u0644\u0649 \u062c\u0645\u064a\u0639 \u0627\u0644\u0631\u0633\u0627\u0626\u0644 \u062e\u0644\u0627\u0644 24 \u0633\u0627\u0639\u0629<\/p>\r\n                <a href=\"mailto:info@elavocatomobile.net\" class=\"contact-btn\">\r\n                    <span>\u0623\u0631\u0633\u0644 \u0631\u0633\u0627\u0644\u0629<\/span>\r\n                    <i class=\"fas fa-paper-plane\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- Phone Card -->\r\n            <div class=\"contact-card\">\r\n                <div class=\"icon-wrapper\">\r\n                    <i class=\"fas fa-phone-alt\"><\/i>\r\n                <\/div>\r\n                <h3>\u062e\u062f\u0645\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/h3>\r\n                <p>01018316266<br>\u0645\u062a\u0627\u062d\u0648\u0646 \u0645\u0646 9 \u0635\u0628\u0627\u062d\u0627\u064b \u062d\u062a\u0649 11 \u0645\u0633\u0627\u0621\u064b<\/p>\r\n                <a href=\"tel:+201018316266\" class=\"contact-btn\">\r\n                    <span>\u0627\u062a\u0635\u0644 \u0627\u0644\u0622\u0646<\/span>\r\n                    <i class=\"fas fa-phone\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- Location Card -->\r\n            <div class=\"contact-card\">\r\n                <div class=\"icon-wrapper\">\r\n                    <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                <\/div>\r\n                <h3>\u0645\u0648\u0642\u0639\u0646\u0627<\/h3>\r\n                <p>\u0627\u0644\u0641\u0631\u0639 \u0627\u0644\u0631\u0626\u064a\u0633\u064a<br>\u0646\u0633\u0639\u062f \u0628\u0632\u064a\u0627\u0631\u062a\u0643 \u0641\u064a \u0623\u064a \u0648\u0642\u062a<\/p>\r\n                <a href=\"https:\/\/maps.app.goo.gl\/h8LX9pVCxWmU6kQD7\" target=\"_blank\" class=\"contact-btn\" rel=\"noopener\">\r\n                    <span>\u0639\u0631\u0636 \u0627\u0644\u062e\u0631\u064a\u0637\u0629<\/span>\r\n                    <i class=\"fas fa-location-arrow\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Map Section -->\r\n        <div class=\"map-section\">\r\n            <h2>\ud83d\uddfa\ufe0f \u0645\u0648\u0642\u0639 \u0627\u0644\u0641\u0631\u0639 \u0627\u0644\u0631\u0626\u064a\u0633\u064a<\/h2>\r\n            <p>\u064a\u0645\u0643\u0646\u0643 \u0632\u064a\u0627\u0631\u062a\u0646\u0627 \u0641\u064a \u0623\u064a \u0648\u0642\u062a - \u0646\u062d\u0646 \u0641\u064a \u0627\u0646\u062a\u0638\u0627\u0631\u0643<\/p>\r\n            <div class=\"map-wrapper\">\r\n                <iframe \r\n                    src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3453.123!2d31.234!3d30.044!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMzDCsDAyJzM4LjQiTiAzMcKwMTQnMDIuNCJF!5e0!3m2!1sar!2seg!4v1234567890\"\r\n                    allowfullscreen=\"\" \r\n                    loading=\"lazy\" \r\n                    referrerpolicy=\"no-referrer-when-downgrade\">\r\n                <\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Floating WhatsApp Button -->\r\n    <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=%2B201200883386&amp;text&amp;type=phone_number&amp;app_absent=0\" target=\"_blank\" class=\"whatsapp-float\" rel=\"noopener\">\r\n        <i class=\"fab fa-whatsapp\"><\/i>\r\n    <\/a>\r\n\r\n    <script>\r\n        \/\/ Smooth scroll animation\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n            anchor.addEventListener('click', function (e) {\r\n                e.preventDefault();\r\n                document.querySelector(this.getAttribute('href')).scrollIntoView({\r\n                    behavior: 'smooth'\r\n                });\r\n            });\r\n        });\r\n\r\n        \/\/ Add intersection observer for animations\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('visible');\r\n                }\r\n            });\r\n        }, { threshold: 0.1 });\r\n\r\n        document.querySelectorAll('.contact-card, .map-section').forEach((el) => {\r\n            observer.observe(el);\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0627\u062a\u0635\u0644 \u0628\u0646\u0627 &#8211; \u0627\u0644\u0623\u0641\u0648\u0643\u0627\u062a\u0648 \u0645\u0648\u0628\u0627\u064a\u0644 \u0627\u062a\u0635\u0644 \u0628\u0646\u0627 \u0646\u062d\u0646 \u0647\u0646\u0627 \u0644\u062e\u062f\u0645\u062a\u0643 \u0641\u064a \u0623\u064a \u0648\u0642\u062a \ud83d\udcf1 \u0627\u0644\u0623\u0641\u0648\u0643\u0627\u062a\u0648 \u0645\u0648\u0628\u0627\u064a\u0644 &#8211; \u0648\u062c\u0647\u062a\u0643 \u0627\u0644\u0645\u062b\u0627\u0644\u064a\u0629 \u0644\u0623\u062d\u062f\u062b \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644\u0627\u062a \u0648\u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u062a \u0648\u0627\u062a\u0633\u0627\u0628 \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0645\u0628\u0627\u0634\u0631\u0629 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\u0644\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0627\u0644\u0633\u0631\u064a\u0639\u0629 \u0631\u0627\u0633\u0644\u0646\u0627<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1667","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/elavocatomobile.net\/ar\/wp-json\/wp\/v2\/pages\/1667","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elavocatomobile.net\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elavocatomobile.net\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elavocatomobile.net\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elavocatomobile.net\/ar\/wp-json\/wp\/v2\/comments?post=1667"}],"version-history":[{"count":0,"href":"https:\/\/elavocatomobile.net\/ar\/wp-json\/wp\/v2\/pages\/1667\/revisions"}],"wp:attachment":[{"href":"https:\/\/elavocatomobile.net\/ar\/wp-json\/wp\/v2\/media?parent=1667"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}