{"id":19,"date":"2026-04-19T16:16:44","date_gmt":"2026-04-19T16:16:44","guid":{"rendered":"https:\/\/dammamrepairing-center.com\/?page_id=19"},"modified":"2026-04-19T17:25:19","modified_gmt":"2026-04-19T17:25:19","slug":"%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a9-%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9","status":"publish","type":"page","link":"https:\/\/dammamrepairing-center.com\/","title":{"rendered":"\u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19\" class=\"elementor elementor-19\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b8ca023 e-flex e-con-boxed e-con e-parent\" data-id=\"b8ca023\" 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-5a9875d elementor-widget elementor-widget-html\" data-id=\"5a9875d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\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>\u0645\u0631\u0643\u0632 \u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u062f\u0645\u0627\u0645 | \u062e\u062f\u0645\u0629 \u0641\u0627\u062e\u0631\u0629 \u0644\u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0645\u0646\u0632\u0644\u064a\u0629<\/title>\r\n    <meta name=\"description\" content=\"\u0645\u0631\u0643\u0632 \u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u062f\u0645\u0627\u0645 - \u062e\u062f\u0645\u0629 \u0641\u0627\u062e\u0631\u0629 \u0644\u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0645\u0646\u0632\u0644\u064a\u0629 \u0641\u064a \u0627\u0644\u062f\u0645\u0627\u0645 \u0648\u0627\u0644\u062e\u0628\u0631 \u0648\u0627\u0644\u0638\u0647\u0631\u0627\u0646. \u0641\u0646\u064a\u0648\u0646 \u0645\u0639\u062a\u0645\u062f\u0648\u0646\u060c \u0636\u0645\u0627\u0646 \u0634\u0627\u0645\u0644\u060c \u062e\u062f\u0645\u0629 \u0633\u0631\u064a\u0639\u0629.\">\r\n    \r\n    <!-- Tailwind CSS -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    \r\n    <!-- Font Awesome -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    \r\n    <!-- Google Fonts - Cairo -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <!-- AOS Animation Library -->\r\n    <link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\r\n    <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    colors: {\r\n                        primary: '#1E3A8A',\r\n                        secondary: '#0EA5E9',\r\n                        accent: '#FACC15',\r\n                        whatsapp: '#22C55E',\r\n                        dark: '#0F172A',\r\n                        light: '#F8FAFC'\r\n                    },\r\n                    fontFamily: {\r\n                        cairo: ['Cairo', 'sans-serif']\r\n                    },\r\n                    boxShadow: {\r\n                        'premium': '0 25px 50px -12px rgba(30, 58, 138, 0.15)',\r\n                        'glow': '0 0 30px rgba(14, 165, 233, 0.3)',\r\n                        'gold': '0 0 20px rgba(250, 204, 21, 0.4)'\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n\r\n    <style>\r\n        * {\r\n            scroll-behavior: smooth;\r\n        }\r\n        \r\n        body {\r\n            font-family: 'Cairo', sans-serif;\r\n            background-color: #F8FAFC;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* Premium Gradient Text *\/\r\n        .gradient-text {\r\n            background: linear-gradient(135deg, #1E3A8A 0%, #0EA5E9 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n\r\n        \/* Glass Morphism *\/\r\n        .glass {\r\n            background: rgba(255, 255, 255, 0.8);\r\n            backdrop-filter: blur(20px);\r\n            -webkit-backdrop-filter: blur(20px);\r\n            border: 1px solid rgba(255, 255, 255, 0.3);\r\n        }\r\n\r\n        \/* Floating Animation *\/\r\n        @keyframes float {\r\n            0%, 100% { transform: translateY(0px); }\r\n            50% { transform: translateY(-20px); }\r\n        }\r\n        \r\n        .float-anim {\r\n            animation: float 6s ease-in-out infinite;\r\n        }\r\n\r\n        \/* Pulse Glow for CTAs *\/\r\n        @keyframes pulse-glow {\r\n            0%, 100% { box-shadow: 0 0 0 0 rgba(250, 204, 21, 0.7); }\r\n            50% { box-shadow: 0 0 0 15px rgba(250, 204, 21, 0); }\r\n        }\r\n        \r\n        .pulse-glow {\r\n            animation: pulse-glow 2s infinite;\r\n        }\r\n\r\n        \/* Shake Animation *\/\r\n        @keyframes gentle-shake {\r\n            0%, 100% { transform: rotate(0deg); }\r\n            25% { transform: rotate(-3deg); }\r\n            75% { transform: rotate(3deg); }\r\n        }\r\n        \r\n        .gentle-shake:hover {\r\n            animation: gentle-shake 0.5s ease-in-out;\r\n        }\r\n\r\n        \/* Service Card Hover *\/\r\n        .service-card {\r\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n        \r\n        .service-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 30px 60px -15px rgba(30, 58, 138, 0.2);\r\n        }\r\n\r\n        \/* Image Zoom Effect *\/\r\n        .img-zoom {\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .img-zoom img {\r\n            transition: transform 0.6s ease;\r\n        }\r\n        \r\n        .img-zoom:hover img {\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        \/* Custom Scrollbar *\/\r\n        ::-webkit-scrollbar {\r\n            width: 10px;\r\n        }\r\n        \r\n        ::-webkit-scrollbar-track {\r\n            background: #F8FAFC;\r\n        }\r\n        \r\n        ::-webkit-scrollbar-thumb {\r\n            background: linear-gradient(180deg, #1E3A8A, #0EA5E9);\r\n            border-radius: 5px;\r\n        }\r\n\r\n        \/* Loader *\/\r\n        .loader-overlay {\r\n            position: fixed;\r\n            inset: 0;\r\n            background: #F8FAFC;\r\n            z-index: 9999;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            transition: opacity 0s ease;\r\n        }\r\n        \r\n        .loader-hidden {\r\n            opacity: 0;\r\n            pointer-events: none;\r\n        }\r\n\r\n        \/* Floating Buttons *\/\r\n        .fab-left {\r\n            position: fixed;\r\n            bottom: 30px;\r\n            left: 30px;\r\n            z-index: 50;\r\n        }\r\n        \r\n        .fab-right {\r\n            position: fixed;\r\n            bottom: 30px;\r\n            right: 30px;\r\n            z-index: 50;\r\n        }\r\n\r\n        \/* Premium Button Styles *\/\r\n        .btn-premium {\r\n            position: relative;\r\n            overflow: hidden;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .btn-premium::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\r\n            transition: left 0.5s ease;\r\n        }\r\n        \r\n        .btn-premium:hover::before {\r\n            left: 100%;\r\n        }\r\n\r\n        \/* Section Divider *\/\r\n        .section-divider {\r\n            height: 100px;\r\n            background: linear-gradient(to bottom, #F8FAFC 0%, transparent 100%);\r\n            margin-top: -100px;\r\n            position: relative;\r\n            z-index: 10;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"text-dark antialiased\">\r\n\r\n \r\n\r\n       \r\n<!-- Footer Floating Buttons (Bottom Fixed) -->\r\n<a href=\"tel:0507061182\" \r\n   class=\"fixed bottom-4 left-4 z-50 bg-primary text-white w-14 h-14 rounded-full flex items-center justify-center shadow-premium hover:scale-110 transition-all pulse-glow\">\r\n    <i class=\"fas fa-phone text-xl\"><\/i>\r\n<\/a>\r\n\r\n<a href=\"https:\/\/wa.me\/966507061182\" target=\"_blank\"\r\n   class=\"fixed bottom-4 right-4 z-50 bg-whatsapp text-white w-14 h-14 rounded-full flex items-center justify-center shadow-premium hover:scale-110 transition-all\">\r\n    <i class=\"fab fa-whatsapp text-2xl\"><\/i>\r\n<\/a>\r\n\r\n\r\n    <!-- Hero Section -->\r\n    <section id=\"home\" class=\"relative min-h-screen flex items-center overflow-hidden pt-20 pb-32\">\r\n        <!-- Background Pattern -->\r\n        <div class=\"absolute inset-0 opacity-5\">\r\n            <div class=\"absolute inset-0\" style=\"background-image: radial-gradient(#1E3A8A 1px, transparent 1px); background-size: 30px 30px;\"><\/div>\r\n        <\/div>\r\n        \r\n        <!-- Gradient Orbs -->\r\n        <div class=\"absolute top-20 right-0 w-96 h-96 bg-secondary\/20 rounded-full blur-3xl float-anim\"><\/div>\r\n        <div class=\"absolute bottom-20 left-0 w-72 h-72 bg-primary\/10 rounded-full blur-3xl float-anim\" style=\"animation-delay: 2s;\"><\/div>\r\n\r\n        <div class=\"container mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n            <div class=\"grid lg:grid-cols-2 gap-12 items-center\">\r\n                <!-- Content -->\r\n                <div data-aos=\"fade-left\" data-aos-duration=\"1000\">\r\n                    <div class=\"inline-flex items-center gap-2 bg-white\/80 backdrop-blur-sm px-4 py-2 rounded-full shadow-sm mb-6 border border-primary\/10\">\r\n                        <span class=\"w-2 h-2 bg-accent rounded-full animate-pulse\"><\/span>\r\n                        <span class=\"text-sm font-semibold text-primary\">\u062e\u062f\u0645\u0629 24 \u0633\u0627\u0639\u0629 \u0641\u064a \u0627\u0644\u062f\u0645\u0627\u0645 \u0648\u0627\u0644\u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0634\u0631\u0642\u064a\u0629<\/span>\r\n                    <\/div>\r\n                    \r\n                    <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-extrabold leading-tight mb-6\">\r\n                        <span class=\"gradient-text\">\u062e\u062f\u0645\u0629 \u0641\u0627\u062e\u0631\u0629<\/span>\r\n                        <br>\r\n                        <span class=\"text-dark\">\u0644\u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0645\u0646\u0632\u0644\u064a\u0629<\/span>\r\n                    <\/h1>\r\n                    \r\n                    <p class=\"text-lg text-gray-600 mb-8 leading-relaxed max-w-lg\">\r\n                        \u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644\u0627\u064b \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0648\u0633\u0631\u064a\u0639\u0629 \u0644\u062c\u0645\u064a\u0639 \u0623\u0639\u0637\u0627\u0644 \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0645\u0646\u0632\u0644\u064a\u0629. \u0641\u0646\u064a\u0648\u0646 \u0645\u0639\u062a\u0645\u062f\u0648\u0646\u060c \u0642\u0637\u0639 \u063a\u064a\u0627\u0631 \u0623\u0635\u0644\u064a\u0629\u060c \u0648\u0636\u0645\u0627\u0646 \u0634\u0627\u0645\u0644 \u0639\u0644\u0649 \u062c\u0645\u064a\u0639 \u0627\u0644\u062e\u062f\u0645\u0627\u062a.\r\n                    <\/p>\r\n                    \r\n                    <div class=\"flex flex-wrap gap-4 mb-12\">\r\n                        <a href=\"tel:0507061182\" class=\"btn-premium bg-accent text-dark font-bold px-8 py-4 rounded-xl shadow-gold hover:shadow-lg transition-all flex items-center gap-3\">\r\n                            <i class=\"fas fa-phone-alt\"><\/i>\r\n                            <span>\u0627\u062a\u0635\u0644 \u0627\u0644\u0622\u0646: 0507061182<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/wa.me\/966507061182\" target=\"_blank\" class=\"btn-premium bg-whatsapp text-white font-bold px-8 py-4 rounded-xl shadow-lg hover:shadow-xl transition-all flex items-center gap-3\">\r\n                            <i class=\"fab fa-whatsapp\"><\/i>\r\n                            <span>\u0648\u0627\u062a\u0633\u0627\u0628<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                    \r\n                    <!-- Trust Badges -->\r\n                    <div class=\"flex flex-wrap gap-6 items-center\">\r\n                        <div class=\"flex items-center gap-2\">\r\n                            <div class=\"w-10 h-10 bg-primary\/10 rounded-lg flex items-center justify-center text-primary\">\r\n                                <i class=\"fas fa-shield-alt\"><\/i>\r\n                            <\/div>\r\n                            <div>\r\n                                <p class=\"font-bold text-sm\">\u0636\u0645\u0627\u0646 \u0634\u0627\u0645\u0644<\/p>\r\n                                <p class=\"text-xs text-gray-500\">\u0639\u0644\u0649 \u062c\u0645\u064a\u0639 \u0627\u0644\u0625\u0635\u0644\u0627\u062d\u0627\u062a<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"flex items-center gap-2\">\r\n                            <div class=\"w-10 h-10 bg-secondary\/10 rounded-lg flex items-center justify-center text-secondary\">\r\n                                <i class=\"fas fa-clock\"><\/i>\r\n                            <\/div>\r\n                            <div>\r\n                                <p class=\"font-bold text-sm\">\u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0633\u0631\u064a\u0639\u0629<\/p>\r\n                                <p class=\"text-xs text-gray-500\">\u062e\u0644\u0627\u0644 30 \u062f\u0642\u064a\u0642\u0629<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"flex items-center gap-2\">\r\n                            <div class=\"w-10 h-10 bg-accent\/20 rounded-lg flex items-center justify-center text-dark\">\r\n                                <i class=\"fas fa-star\"><\/i>\r\n                            <\/div>\r\n                            <div>\r\n                                <p class=\"font-bold text-sm\">\u062a\u0642\u064a\u064a\u0645 \u0645\u0645\u062a\u0627\u0632<\/p>\r\n                                <p class=\"text-xs text-gray-500\">+1000 \u0639\u0645\u064a\u0644 \u0631\u0627\u0636\u064d<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- Hero Image -->\r\n                <div data-aos=\"fade-right\" data-aos-duration=\"1000\" class=\"relative\">\r\n                    <div class=\"relative rounded-3xl overflow-hidden shadow-premium img-zoom\">\r\n                        <img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/www.servicefusion.com\/aefc19f993b7c46e266d29171b2d477591f4913c.jpg\" \r\n                             alt=\"\u0641\u0646\u064a \u0625\u0635\u0644\u0627\u062d \u0623\u062c\u0647\u0632\u0629 \u0645\u0646\u0632\u0644\u064a\u0629 \u0645\u062d\u062a\u0631\u0641\" \r\n                             class=\"w-full h-[500px] object-cover\"\r\n                             loading=\"lazy\">\r\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-primary\/20 to-transparent\"><\/div>\r\n                    <\/div>\r\n                    \r\n                    <!-- Floating Card -->\r\n                    <div class=\"absolute -bottom-6 -right-6 bg-white p-4 rounded-2xl shadow-premium glass max-w-xs hidden md:block\" data-aos=\"zoom-in\" data-aos-delay=\"500\">\r\n                        <div class=\"flex items-center gap-3\">\r\n                            <div class=\"w-12 h-12 bg-accent rounded-full flex items-center justify-center text-dark font-bold text-lg\">\r\n                                <i class=\"fas fa-bolt\"><\/i>\r\n                            <\/div>\r\n                            <div>\r\n                                <p class=\"font-bold text-dark\">\u062e\u062f\u0645\u0629 \u0637\u0648\u0627\u0631\u0626<\/p>\r\n                                <p class=\"text-sm text-gray-600\">\u0645\u062a\u0627\u062d\u0648\u0646 24\/7<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- About Section -->\r\n    <section id=\"about\" class=\"py-20 bg-white relative\">\r\n        <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"max-w-4xl mx-auto text-center mb-16\" data-aos=\"fade-up\">\r\n                <span class=\"text-secondary font-semibold text-sm uppercase tracking-wider mb-2 block\">\u0645\u0646 \u0646\u062d\u0646<\/span>\r\n                <h2 class=\"text-3xl md:text-4xl font-bold text-dark mb-6\">\u062e\u0628\u0631\u0629 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0641\u064a \u062e\u062f\u0645\u0629 \u0648\u0627\u062d\u062f\u0629<\/h2>\r\n                <p class=\"text-gray-600 text-lg leading-relaxed\">\r\n                    \u0645\u0631\u0643\u0632 \u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u062f\u0645\u0627\u0645 \u0647\u0648 \u0648\u062c\u0647\u062a\u0643 \u0627\u0644\u0623\u0648\u0644\u0649 \u0644\u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0645\u0646\u0632\u0644\u064a\u0629 \u0641\u064a \u0627\u0644\u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0634\u0631\u0642\u064a\u0629. \u0646\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0648\u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0644\u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0629 \u0644\u0627 \u062a\u064f\u0636\u0627\u0647\u0649.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"grid md:grid-cols-3 gap-8\">\r\n                <div class=\"bg-light p-8 rounded-2xl border border-gray-100 hover:border-primary\/20 transition-all group\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"w-16 h-16 bg-primary\/10 rounded-2xl flex items-center justify-center text-primary text-2xl mb-6 group-hover:bg-primary group-hover:text-white transition-all\">\r\n                        <i class=\"fas fa-award\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-xl font-bold text-dark mb-3\">+15 \u0639\u0627\u0645\u0627\u064b \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629<\/h3>\r\n                    <p class=\"text-gray-600\">\u0633\u0646\u0648\u0627\u062a \u0645\u0646 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u062a\u0648\u0627\u0635\u0644 \u0641\u064a \u0645\u062c\u0627\u0644 \u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0645\u0646\u0632\u0644\u064a\u0629 \u0628\u062c\u0645\u064a\u0639 \u0623\u0646\u0648\u0627\u0639\u0647\u0627.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"bg-light p-8 rounded-2xl border border-gray-100 hover:border-secondary\/20 transition-all group\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"w-16 h-16 bg-secondary\/10 rounded-2xl flex items-center justify-center text-secondary text-2xl mb-6 group-hover:bg-secondary group-hover:text-white transition-all\">\r\n                        <i class=\"fas fa-tools\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-xl font-bold text-dark mb-3\">\u0641\u0646\u064a\u0648\u0646 \u0645\u0639\u062a\u0645\u062f\u0648\u0646<\/h3>\r\n                    <p class=\"text-gray-600\">\u0641\u0631\u064a\u0642 \u0645\u062a\u062e\u0635\u0635 \u0645\u0646 \u0627\u0644\u0641\u0646\u064a\u064a\u0646 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u064a\u0646 \u0630\u0648\u064a \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0639\u0627\u0644\u064a\u0629 \u0641\u064a \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0627\u0631\u0643\u0627\u062a.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"bg-light p-8 rounded-2xl border border-gray-100 hover:border-accent\/30 transition-all group\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <div class=\"w-16 h-16 bg-accent\/20 rounded-2xl flex items-center justify-center text-dark text-2xl mb-6 group-hover:bg-accent transition-all\">\r\n                        <i class=\"fas fa-tachometer-alt\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"text-xl font-bold text-dark mb-3\">\u062e\u062f\u0645\u0629 \u0633\u0631\u064a\u0639\u0629<\/h3>\r\n                    <p class=\"text-gray-600\">\u0646\u0635\u0644\u0643 \u0641\u064a \u0623\u0633\u0631\u0639 \u0648\u0642\u062a \u0645\u0645\u0643\u0646 \u0645\u0639 \u0636\u0645\u0627\u0646 \u0625\u062a\u0645\u0627\u0645 \u0627\u0644\u0639\u0645\u0644 \u0628\u0643\u0641\u0627\u0621\u0629 \u0639\u0627\u0644\u064a\u0629 \u0648\u0641\u064a \u0632\u0645\u0646 \u0642\u064a\u0627\u0633\u064a.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Services Cards Section -->\r\n    <section id=\"services\" class=\"py-20 bg-light relative overflow-hidden\">\r\n        <!-- Decorative Elements -->\r\n        <div class=\"absolute top-0 right-0 w-64 h-64 bg-primary\/5 rounded-full -translate-y-1\/2 translate-x-1\/2\"><\/div>\r\n        <div class=\"absolute bottom-0 left-0 w-96 h-96 bg-secondary\/5 rounded-full translate-y-1\/2 -translate-x-1\/2\"><\/div>\r\n        \r\n        <div class=\"container mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n            <div class=\"text-center mb-16\" data-aos=\"fade-up\">\r\n                <span class=\"text-secondary font-semibold text-sm uppercase tracking-wider mb-2 block\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/span>\r\n                <h2 class=\"text-3xl md:text-4xl font-bold text-dark mb-4\">\u062d\u0644\u0648\u0644 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u062c\u0645\u064a\u0639 \u0623\u062c\u0647\u0632\u062a\u0643<\/h2>\r\n                <p class=\"text-gray-600 max-w-2xl mx-auto\">\u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0625\u0635\u0644\u0627\u062d \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0644\u0623\u0647\u0645 \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0645\u0646\u0632\u0644\u064a\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0641\u064a \u0645\u0646\u0632\u0644\u0643<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-6\">\r\n                <!-- Washing Machine -->\r\n                <a href=\"#washing-machine-repair\" class=\"service-card bg-white rounded-2xl overflow-hidden shadow-lg group block\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"h-48 overflow-hidden\">\r\n                        <img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/b3510135.smushcdn.com\/7a5a68e31e569a887252f868e9bd13676f387172.jpg\" \r\n                             alt=\"\u0625\u0635\u0644\u0627\u062d \u0627\u0644\u063a\u0633\u0627\u0644\u0627\u062a\" \r\n                             class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-500\"\r\n                             loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"p-6\">\r\n                        <div class=\"w-12 h-12 bg-primary\/10 rounded-xl flex items-center justify-center text-primary mb-4 group-hover:bg-primary group-hover:text-white transition-all\">\r\n                            <i class=\"fas fa-soap text-xl\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-lg font-bold text-dark mb-2\">\u0625\u0635\u0644\u0627\u062d \u0627\u0644\u063a\u0633\u0627\u0644\u0627\u062a<\/h3>\r\n                        <p class=\"text-gray-600 text-sm\">\u0635\u064a\u0627\u0646\u0629 \u0634\u0627\u0645\u0644\u0629 \u0644\u062c\u0645\u064a\u0639 \u0623\u0646\u0648\u0627\u0639 \u0648\u0645\u0648\u062f\u064a\u0644\u0627\u062a \u0627\u0644\u063a\u0633\u0627\u0644\u0627\u062a \u0627\u0644\u0623\u0648\u062a\u0648\u0645\u0627\u062a\u064a\u0643\u064a\u0629 \u0648\u0627\u0644\u0639\u0627\u062f\u064a\u0629<\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                \r\n                <!-- AC Repair -->\r\n                <a href=\"#ac-repair\" class=\"service-card bg-white rounded-2xl overflow-hidden shadow-lg group block\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"h-48 overflow-hidden\">\r\n                        <img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/i0.wp.com\/57cd5ce8ead847ce17059541153f65e4f2ef91f7.jpg\" \r\n                             alt=\"\u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0645\u0643\u064a\u0641\u0627\u062a\" \r\n                             class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-500\"\r\n                             loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"p-6\">\r\n                        <div class=\"w-12 h-12 bg-secondary\/10 rounded-xl flex items-center justify-center text-secondary mb-4 group-hover:bg-secondary group-hover:text-white transition-all\">\r\n                            <i class=\"fas fa-snowflake text-xl\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-lg font-bold text-dark mb-2\">\u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0645\u0643\u064a\u0641\u0627\u062a<\/h3>\r\n                        <p class=\"text-gray-600 text-sm\">\u062a\u0635\u0644\u064a\u062d \u0648\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0645\u0643\u064a\u0641\u0627\u062a \u0627\u0644\u0627\u0633\u0628\u0644\u064a\u062a \u0648\u0627\u0644\u0634\u0628\u0627\u0643 \u0645\u0639 \u0636\u0645\u0627\u0646 \u0639\u0644\u0649 \u0627\u0644\u062a\u0631\u0643\u064a\u0628<\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                \r\n                <!-- Refrigerator -->\r\n                <a href=\"#refrigerator-repair\" class=\"service-card bg-white rounded-2xl overflow-hidden shadow-lg group block\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <div class=\"h-48 overflow-hidden\">\r\n                        <img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/wilshirerefrigeration.com\/ff3ee444bc3877a5b4ac0c4f0a3d20ff7a2369dc.jpg\" \r\n                             alt=\"\u0625\u0635\u0644\u0627\u062d \u0627\u0644\u062b\u0644\u0627\u062c\u0627\u062a\" \r\n                             class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-500\"\r\n                             loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"p-6\">\r\n                        <div class=\"w-12 h-12 bg-accent\/20 rounded-xl flex items-center justify-center text-dark mb-4 group-hover:bg-accent transition-all\">\r\n                            <i class=\"fas fa-temperature-low text-xl\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-lg font-bold text-dark mb-2\">\u0625\u0635\u0644\u0627\u062d \u0627\u0644\u062b\u0644\u0627\u062c\u0627\u062a<\/h3>\r\n                        <p class=\"text-gray-600 text-sm\">\u062d\u0644\u0648\u0644 \u0641\u0639\u0627\u0644\u0629 \u0644\u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u062a\u0628\u0631\u064a\u062f \u0648\u0627\u0644\u062a\u0633\u0631\u064a\u0628 \u0648\u0627\u0644\u0623\u0639\u0637\u0627\u0644 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629<\/p>\r\n                    <\/div>\r\n                <\/a>\r\n                \r\n                <!-- Duct AC -->\r\n                <a href=\"#duct-ac-repair\" class=\"service-card bg-white rounded-2xl overflow-hidden shadow-lg group block\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                    <div class=\"h-48 overflow-hidden\">\r\n                        <img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/www.alvarezplumbing.com\/399c91ebe881c37890200dc6728d868fc1f9d374.jpg\" \r\n                             alt=\"\u0625\u0635\u0644\u0627\u062d \u0645\u0643\u064a\u0641\u0627\u062a \u0627\u0644\u062f\u0643\u062a\" \r\n                             class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-500\"\r\n                             loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"p-6\">\r\n                        <div class=\"w-12 h-12 bg-primary\/10 rounded-xl flex items-center justify-center text-primary mb-4 group-hover:bg-primary group-hover:text-white transition-all\">\r\n                            <i class=\"fas fa-wind text-xl\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"text-lg font-bold text-dark mb-2\">\u0645\u0643\u064a\u0641\u0627\u062a \u0627\u0644\u062f\u0643\u062a<\/h3>\r\n                        <p class=\"text-gray-600 text-sm\">\u0635\u064a\u0627\u0646\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0644\u0644\u0645\u0643\u064a\u0641\u0627\u062a \u0627\u0644\u0645\u0631\u0643\u0632\u064a\u0629 \u0648\u0627\u0644\u062f\u0643\u062a \u0641\u064a \u0627\u0644\u0645\u0646\u0627\u0632\u0644 \u0648\u0627\u0644\u0645\u0643\u0627\u062a\u0628<\/p>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Detailed Service Sections -->\r\n    \r\n    <!-- Washing Machine Section -->\r\n    <section id=\"washing-machine-repair\" class=\"py-20 bg-white\">\r\n        <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"grid lg:grid-cols-2 gap-12 items-center\">\r\n                <div data-aos=\"fade-left\" class=\"order-2 lg:order-1\">\r\n                    <div class=\"inline-flex items-center gap-2 bg-primary\/10 px-4 py-2 rounded-full mb-4\">\r\n                        <i class=\"fas fa-soap text-primary\"><\/i>\r\n                        <span class=\"text-primary font-semibold text-sm\">\u062e\u062f\u0645\u0629 \u0645\u062a\u062e\u0635\u0635\u0629<\/span>\r\n                    <\/div>\r\n                    <h2 class=\"text-3xl md:text-4xl font-bold text-dark mb-6\">\u0625\u0635\u0644\u0627\u062d \u0627\u0644\u063a\u0633\u0627\u0644\u0627\u062a \u0628\u062c\u0645\u064a\u0639 \u0623\u0646\u0648\u0627\u0639\u0647\u0627<\/h2>\r\n                    <p class=\"text-gray-600 mb-6 leading-relaxed\">\r\n                        \u0646\u0648\u0627\u062c\u0647 \u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u063a\u0633\u0627\u0644\u0627\u062a \u0627\u0644\u064a\u0648\u0645\u064a\u0629 \u0628\u062d\u0644\u0648\u0644 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629. \u0633\u0648\u0627\u0621 \u0643\u0627\u0646\u062a \u0627\u0644\u063a\u0633\u0627\u0644\u0629 \u0644\u0627 \u062a\u062f\u0648\u0631\u060c \u0623\u0648 \u062a\u0648\u0627\u062c\u0647 \u0645\u0634\u0627\u0643\u0644 \u0641\u064a \u0627\u0644\u062a\u0635\u0631\u064a\u0641\u060c \u0623\u0648 \u0623\u0639\u0637\u0627\u0644 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629\u060c \u0641\u0631\u064a\u0642\u0646\u0627 \u062c\u0627\u0647\u0632 \u0644\u0625\u0635\u0644\u0627\u062d\u0647\u0627 \u0628\u0643\u0641\u0627\u0621\u0629 \u0639\u0627\u0644\u064a\u0629.\r\n                    <\/p>\r\n                    \r\n                    <ul class=\"space-y-3 mb-8\">\r\n                        <li class=\"flex items-center gap-3\">\r\n                            <i class=\"fas fa-check-circle text-accent\"><\/i>\r\n                            <span class=\"text-gray-700\">\u0625\u0635\u0644\u0627\u062d \u0623\u0639\u0637\u0627\u0644 \u0627\u0644\u0645\u062d\u0631\u0643 \u0648\u0627\u0644\u062f\u0627\u0626\u0631\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629<\/span>\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-3\">\r\n                            <i class=\"fas fa-check-circle text-accent\"><\/i>\r\n                            <span class=\"text-gray-700\">\u062a\u0628\u062f\u064a\u0644 \u0642\u0637\u0639 \u0627\u0644\u063a\u064a\u0627\u0631 \u0627\u0644\u0623\u0635\u0644\u064a\u0629 \u0645\u0639 \u0627\u0644\u0636\u0645\u0627\u0646<\/span>\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-3\">\r\n                            <i class=\"fas fa-check-circle text-accent\"><\/i>\r\n                            <span class=\"text-gray-700\">\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u063a\u0633\u0627\u0644\u0627\u062a \u0627\u0644\u0623\u0648\u062a\u0648\u0645\u0627\u062a\u064a\u0643\u064a\u0629 \u0648\u0627\u0644\u0639\u0627\u062f\u064a\u0629<\/span>\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-3\">\r\n                            <i class=\"fas fa-check-circle text-accent\"><\/i>\r\n                            <span class=\"text-gray-700\">\u062d\u0644 \u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u062a\u0633\u0631\u064a\u0628 \u0648\u0627\u0644\u0627\u0647\u062a\u0632\u0627\u0632 \u0627\u0644\u0645\u0641\u0631\u0637<\/span>\r\n                        <\/li>\r\n                    <\/ul>\r\n                    \r\n                    <div class=\"flex flex-wrap gap-4\">\r\n                        <a href=\"tel:0507061182\" class=\"btn-premium bg-primary text-white px-6 py-3 rounded-xl font-bold hover:shadow-lg transition-all flex items-center gap-2\">\r\n                            <i class=\"fas fa-phone\"><\/i>\r\n                            <span>\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0639\u0631\u0636<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/wa.me\/966507061182\" target=\"_blank\" class=\"btn-premium border-2 border-whatsapp text-whatsapp px-6 py-3 rounded-xl font-bold hover:bg-whatsapp hover:text-white transition-all flex items-center gap-2\">\r\n                            <i class=\"fab fa-whatsapp\"><\/i>\r\n                            <span>\u0627\u0633\u062a\u0634\u0631 \u0639\u0628\u0631 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <div data-aos=\"fade-right\" class=\"order-1 lg:order-2\">\r\n                    <div class=\"rounded-3xl overflow-hidden shadow-premium img-zoom\">\r\n                        <img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/www.economicappliancerepair.com\/134bbe824e33cd1121ecf09cb8ad2434a239ff0c.jpg\" \r\n                             alt=\"\u0641\u0646\u064a \u064a\u0635\u0644\u062d \u063a\u0633\u0627\u0644\u0629\" \r\n                             class=\"w-full h-[400px] object-cover\"\r\n                             loading=\"lazy\">\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- AC Repair Section -->\r\n    <section id=\"ac-repair\" class=\"py-20 bg-light\">\r\n        <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"grid lg:grid-cols-2 gap-12 items-center\">\r\n                <div data-aos=\"fade-left\">\r\n                    <div class=\"rounded-3xl overflow-hidden shadow-premium img-zoom\">\r\n                        <img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/gagneac.com\/755b9a4289bd1f9bba9c6be5a478f6611e418325.jpg\" \r\n                             alt=\"\u0641\u0646\u064a \u064a\u0635\u0644\u062d \u0645\u0643\u064a\u0641\" \r\n                             class=\"w-full h-[400px] object-cover\"\r\n                             loading=\"lazy\">\r\n                    <\/div>\r\n                <\/div>\r\n                <div data-aos=\"fade-right\">\r\n                    <div class=\"inline-flex items-center gap-2 bg-secondary\/10 px-4 py-2 rounded-full mb-4\">\r\n                        <i class=\"fas fa-snowflake text-secondary\"><\/i>\r\n                        <span class=\"text-secondary font-semibold text-sm\">\u062e\u062f\u0645\u0629 \u0645\u0645\u064a\u0632\u0629<\/span>\r\n                    <\/div>\r\n                    <h2 class=\"text-3xl md:text-4xl font-bold text-dark mb-6\">\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0645\u0643\u064a\u0641\u0627\u062a \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629<\/h2>\r\n                    <p class=\"text-gray-600 mb-6 leading-relaxed\">\r\n                        \u0641\u064a \u062d\u0631\u0627\u0631\u0629 \u0627\u0644\u062f\u0645\u0627\u0645\u060c \u0627\u0644\u0645\u0643\u064a\u0641 \u0647\u0648 \u0623\u0633\u0627\u0633 \u0627\u0644\u0631\u0627\u062d\u0629. \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0634\u0627\u0645\u0644\u0629 \u0644\u0644\u0645\u0643\u064a\u0641\u0627\u062a \u0627\u0644\u0627\u0633\u0628\u0644\u064a\u062a \u0648\u0627\u0644\u0634\u0628\u0627\u0643 \u062a\u0634\u0645\u0644 \u0627\u0644\u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u0639\u0645\u064a\u0642\u060c \u0627\u0644\u0634\u062d\u0646\u060c \u0648\u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0623\u0639\u0637\u0627\u0644 \u0627\u0644\u0645\u0639\u0642\u062f\u0629.\r\n                    <\/p>\r\n                    \r\n                    <ul class=\"space-y-3 mb-8\">\r\n                        <li class=\"flex items-center gap-3\">\r\n                            <i class=\"fas fa-check-circle text-secondary\"><\/i>\r\n                            <span class=\"text-gray-700\">\u062a\u0646\u0638\u064a\u0641 \u0641\u0644\u0627\u062a\u0631 \u0648\u0645\u0644\u0641\u0627\u062a \u0627\u0644\u0645\u0643\u064a\u0641 \u0628\u0634\u0643\u0644 \u0627\u062d\u062a\u0631\u0627\u0641\u064a<\/span>\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-3\">\r\n                            <i class=\"fas fa-check-circle text-secondary\"><\/i>\r\n                            <span class=\"text-gray-700\">\u0634\u062d\u0646 \u0627\u0644\u0641\u0631\u064a\u0648\u0646 \u0648\u0643\u0634\u0641 \u0627\u0644\u062a\u0633\u0631\u064a\u0628\u0627\u062a<\/span>\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-3\">\r\n                            <i class=\"fas fa-check-circle text-secondary\"><\/i>\r\n                            <span class=\"text-gray-700\">\u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0623\u0639\u0637\u0627\u0644 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0648\u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643\u064a\u0629<\/span>\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-3\">\r\n                            <i class=\"fas fa-check-circle text-secondary\"><\/i>\r\n                            <span class=\"text-gray-700\">\u062a\u0631\u0643\u064a\u0628 \u0648\u0646\u0642\u0644 \u0627\u0644\u0645\u0643\u064a\u0641\u0627\u062a \u0645\u0639 \u0627\u0644\u0636\u0645\u0627\u0646<\/span>\r\n                        <\/li>\r\n                    <\/ul>\r\n                    \r\n                    <div class=\"flex flex-wrap gap-4\">\r\n                        <a href=\"tel:0507061182\" class=\"btn-premium bg-secondary text-white px-6 py-3 rounded-xl font-bold hover:shadow-lg transition-all flex items-center gap-2\">\r\n                            <i class=\"fas fa-phone\"><\/i>\r\n                            <span>\u0627\u062a\u0635\u0644 \u0627\u0644\u0622\u0646<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/wa.me\/966507061182\" target=\"_blank\" class=\"btn-premium border-2 border-whatsapp text-whatsapp px-6 py-3 rounded-xl font-bold hover:bg-whatsapp hover:text-white transition-all flex items-center gap-2\">\r\n                            <i class=\"fab fa-whatsapp\"><\/i>\r\n                            <span>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Refrigerator Section -->\r\n    <section id=\"refrigerator-repair\" class=\"py-20 bg-white\">\r\n        <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"grid lg:grid-cols-2 gap-12 items-center\">\r\n                <div data-aos=\"fade-left\" class=\"order-2 lg:order-1\">\r\n                    <div class=\"inline-flex items-center gap-2 bg-accent\/20 px-4 py-2 rounded-full mb-4\">\r\n                        <i class=\"fas fa-temperature-low text-dark\"><\/i>\r\n                        <span class=\"text-dark font-semibold text-sm\">\u062e\u062f\u0645\u0629 \u0639\u0627\u062c\u0644\u0629<\/span>\r\n                    <\/div>\r\n                    <h2 class=\"text-3xl md:text-4xl font-bold text-dark mb-6\">\u0625\u0635\u0644\u0627\u062d \u0627\u0644\u062b\u0644\u0627\u062c\u0627\u062a \u0628\u0643\u0641\u0627\u0621\u0629 \u0639\u0627\u0644\u064a\u0629<\/h2>\r\n                    <p class=\"text-gray-600 mb-6 leading-relaxed\">\r\n                        \u0639\u0637\u0644 \u0627\u0644\u062b\u0644\u0627\u062c\u0629 \u064a\u0639\u0646\u064a \u062e\u0633\u0627\u0631\u0629 \u0644\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u0629. \u0646\u062d\u0646 \u0646\u062f\u0631\u0643 \u0630\u0644\u0643 \u0648\u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0629 \u0633\u0631\u064a\u0639\u0629 \u0644\u0625\u0635\u0644\u0627\u062d \u062c\u0645\u064a\u0639 \u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u062a\u0628\u0631\u064a\u062f \u0648\u0627\u0644\u062a\u062c\u0645\u064a\u062f \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u062d\u062f\u062b \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0648\u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a.\r\n                    <\/p>\r\n                    \r\n                    <ul class=\"space-y-3 mb-8\">\r\n                        <li class=\"flex items-center gap-3\">\r\n                            <i class=\"fas fa-check-circle text-accent\"><\/i>\r\n                            <span class=\"text-gray-700\">\u0625\u0635\u0644\u0627\u062d \u0645\u0634\u0627\u0643\u0644 \u0639\u062f\u0645 \u0627\u0644\u062a\u0628\u0631\u064a\u062f \u0648\u0627\u0644\u062a\u062c\u0645\u064a\u062f<\/span>\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-3\">\r\n                            <i class=\"fas fa-check-circle text-accent\"><\/i>\r\n                            <span class=\"text-gray-700\">\u062a\u0628\u062f\u064a\u0644 \u0627\u0644\u0643\u0645\u0628\u0631\u064a\u0633\u0648\u0631 \u0648\u0627\u0644\u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0645\u0639\u0637\u0644\u0629<\/span>\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-3\">\r\n                            <i class=\"fas fa-check-circle text-accent\"><\/i>\r\n                            <span class=\"text-gray-700\">\u0625\u0635\u0644\u0627\u062d \u062a\u0633\u0631\u064a\u0628\u0627\u062a \u0627\u0644\u0641\u0631\u064a\u0648\u0646 \u0648\u0627\u0644\u0645\u064a\u0627\u0647<\/span>\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-3\">\r\n                            <i class=\"fas fa-check-circle text-accent\"><\/i>\r\n                            <span class=\"text-gray-700\">\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u062b\u0644\u0627\u062c\u0627\u062a \u0627\u0644\u0645\u0646\u0632\u0644\u064a\u0629 \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/span>\r\n                        <\/li>\r\n                    <\/ul>\r\n                    \r\n                    <div class=\"flex flex-wrap gap-4\">\r\n                        <a href=\"tel:0507061182\" class=\"btn-premium bg-dark text-white px-6 py-3 rounded-xl font-bold hover:shadow-lg transition-all flex items-center gap-2\">\r\n                            <i class=\"fas fa-phone\"><\/i>\r\n                            <span>\u0627\u0637\u0644\u0628 \u0627\u0644\u062e\u062f\u0645\u0629<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/wa.me\/966507061182\" target=\"_blank\" class=\"btn-premium border-2 border-whatsapp text-whatsapp px-6 py-3 rounded-xl font-bold hover:bg-whatsapp hover:text-white transition-all flex items-center gap-2\">\r\n                            <i class=\"fab fa-whatsapp\"><\/i>\r\n                            <span>\u0648\u0627\u062a\u0633\u0627\u0628<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <div data-aos=\"fade-right\" class=\"order-1 lg:order-2\">\r\n                    <div class=\"rounded-3xl overflow-hidden shadow-premium img-zoom\">\r\n                        <img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/www.sargentsoutlet.com\/f8cd21a3e2c5dd92e90da8abfa9118f3d69e62d6.png\" \r\n                             alt=\"\u0641\u0646\u064a \u064a\u0635\u0644\u062d \u062b\u0644\u0627\u062c\u0629\" \r\n                             class=\"w-full h-[400px] object-cover\"\r\n                             loading=\"lazy\">\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Duct AC Section -->\r\n    <section id=\"duct-ac-repair\" class=\"py-20 bg-light\">\r\n        <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"grid lg:grid-cols-2 gap-12 items-center\">\r\n                <div data-aos=\"fade-left\">\r\n                    <div class=\"rounded-3xl overflow-hidden shadow-premium img-zoom\">\r\n                        <img decoding=\"async\" src=\"https:\/\/kimi-web-img.moonshot.cn\/img\/www.alvarezplumbing.com\/399c91ebe881c37890200dc6728d868fc1f9d374.jpg\" \r\n                             alt=\"\u0641\u0646\u064a \u064a\u0635\u0644\u062d \u0645\u0643\u064a\u0641 \u062f\u0643\u062a\" \r\n                             class=\"w-full h-[400px] object-cover\"\r\n                             loading=\"lazy\">\r\n                    <\/div>\r\n                <\/div>\r\n                <div data-aos=\"fade-right\">\r\n                    <div class=\"inline-flex items-center gap-2 bg-primary\/10 px-4 py-2 rounded-full mb-4\">\r\n                        <i class=\"fas fa-wind text-primary\"><\/i>\r\n                        <span class=\"text-primary font-semibold text-sm\">\u062e\u062f\u0645\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/span>\r\n                    <\/div>\r\n                    <h2 class=\"text-3xl md:text-4xl font-bold text-dark mb-6\">\u0635\u064a\u0627\u0646\u0629 \u0645\u0643\u064a\u0641\u0627\u062a \u0627\u0644\u062f\u0643\u062a \u0627\u0644\u0645\u0631\u0643\u0632\u064a\u0629<\/h2>\r\n                    <p class=\"text-gray-600 mb-6 leading-relaxed\">\r\n                        \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0645\u062a\u062e\u0635\u0635\u0629 \u0644\u0644\u0645\u0643\u064a\u0641\u0627\u062a \u0627\u0644\u0645\u0631\u0643\u0632\u064a\u0629 \u0648\u0627\u0644\u062f\u0643\u062a \u0641\u064a \u0627\u0644\u0641\u0644\u0644 \u0648\u0627\u0644\u0645\u0643\u0627\u062a\u0628 \u0648\u0627\u0644\u0645\u062c\u0645\u0639\u0627\u062a. \u0641\u0631\u064a\u0642\u0646\u0627 \u0645\u062f\u0631\u0628 \u0639\u0644\u0649 \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0643\u0628\u064a\u0631\u0629 \u0628\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0639\u0627\u0644\u064a\u0629.\r\n                    <\/p>\r\n                    \r\n                    <ul class=\"space-y-3 mb-8\">\r\n                        <li class=\"flex items-center gap-3\">\r\n                            <i class=\"fas fa-check-circle text-primary\"><\/i>\r\n                            <span class=\"text-gray-700\">\u062a\u0646\u0638\u064a\u0641 \u0648\u0635\u064a\u0627\u0646\u0629 \u0645\u062c\u0627\u0631\u064a \u0627\u0644\u0647\u0648\u0627\u0621 (\u0627\u0644\u062f\u0643\u062a)<\/span>\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-3\">\r\n                            <i class=\"fas fa-check-circle text-primary\"><\/i>\r\n                            <span class=\"text-gray-700\">\u0625\u0635\u0644\u0627\u062d \u0648\u062d\u062f\u0627\u062a \u0627\u0644\u062a\u0643\u062b\u064a\u0641 \u0648\u0627\u0644\u062a\u0628\u062e\u064a\u0631<\/span>\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-3\">\r\n                            <i class=\"fas fa-check-circle text-primary\"><\/i>\r\n                            <span class=\"text-gray-700\">\u0645\u0639\u0627\u0644\u062c\u0629 \u0645\u0634\u0627\u0643\u0644 \u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0647\u0648\u0627\u0621 \u063a\u064a\u0631 \u0627\u0644\u0645\u062a\u0633\u0627\u0648\u064a<\/span>\r\n                        <\/li>\r\n                        <li class=\"flex items-center gap-3\">\r\n                            <i class=\"fas fa-check-circle text-primary\"><\/i>\r\n                            <span class=\"text-gray-700\">\u0639\u0642\u0648\u062f \u0635\u064a\u0627\u0646\u0629 \u062f\u0648\u0631\u064a\u0629 \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0645\u0646\u0627\u0632\u0644<\/span>\r\n                        <\/li>\r\n                    <\/ul>\r\n                    \r\n                    <div class=\"flex flex-wrap gap-4\">\r\n                        <a href=\"tel:0507061182\" class=\"btn-premium bg-primary text-white px-6 py-3 rounded-xl font-bold hover:shadow-lg transition-all flex items-center gap-2\">\r\n                            <i class=\"fas fa-phone\"><\/i>\r\n                            <span>\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629<\/span>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/wa.me\/966507061182\" target=\"_blank\" class=\"btn-premium border-2 border-whatsapp text-whatsapp px-6 py-3 rounded-xl font-bold hover:bg-whatsapp hover:text-white transition-all flex items-center gap-2\">\r\n                            <i class=\"fab fa-whatsapp\"><\/i>\r\n                            <span>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Contact Section -->\r\n    <section id=\"contact\" class=\"py-20 bg-white relative overflow-hidden\">\r\n        <div class=\"absolute inset-0 bg-gradient-to-b from-light to-white\"><\/div>\r\n        \r\n        <div class=\"container mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n            <div class=\"max-w-4xl mx-auto\">\r\n                <div class=\"bg-white rounded-3xl shadow-premium overflow-hidden\" data-aos=\"zoom-in\">\r\n                    <div class=\"bg-primary p-8 text-center text-white\">\r\n                        <h2 class=\"text-3xl font-bold mb-2\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0627\u0644\u0622\u0646<\/h2>\r\n                        <p class=\"text-white\/80\">\u0646\u062d\u0646 \u062c\u0627\u0647\u0632\u0648\u0646 \u0644\u062e\u062f\u0645\u062a\u0643 \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0633\u0627\u0639\u0629<\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"p-8 md:p-12\">\r\n                        <div class=\"grid md:grid-cols-2 gap-8 mb-8\">\r\n                            <a href=\"tel:0507061182\" class=\"flex items-center gap-4 p-6 bg-light rounded-2xl hover:bg-primary\/5 transition-all group\">\r\n                                <div class=\"w-14 h-14 bg-primary text-white rounded-full flex items-center justify-center text-xl group-hover:scale-110 transition-transform\">\r\n                                    <i class=\"fas fa-phone-alt\"><\/i>\r\n                                <\/div>\r\n                                <div>\r\n                                    <p class=\"text-sm text-gray-500 mb-1\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/p>\r\n                                    <p class=\"text-xl font-bold text-dark group-hover:text-primary transition-colors\">0507061182<\/p>\r\n                                <\/div>\r\n                            <\/a>\r\n                            \r\n                            <a href=\"https:\/\/wa.me\/966507061182\" target=\"_blank\" class=\"flex items-center gap-4 p-6 bg-light rounded-2xl hover:bg-whatsapp\/5 transition-all group\">\r\n                                <div class=\"w-14 h-14 bg-whatsapp text-white rounded-full flex items-center justify-center text-xl group-hover:scale-110 transition-transform\">\r\n                                    <i class=\"fab fa-whatsapp\"><\/i>\r\n                                <\/div>\r\n                                <div>\r\n                                    <p class=\"text-sm text-gray-500 mb-1\">\u0648\u0627\u062a\u0633\u0627\u0628<\/p>\r\n                                    <p class=\"text-xl font-bold text-dark group-hover:text-whatsapp transition-colors\">0507061182<\/p>\r\n                                <\/div>\r\n                            <\/a>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"space-y-4 mb-8\">\r\n                            <div class=\"flex items-center gap-4 p-4 border-b border-gray-100\">\r\n                                <div class=\"w-10 h-10 bg-secondary\/10 rounded-lg flex items-center justify-center text-secondary\">\r\n                                    <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                                <\/div>\r\n                                <div>\r\n                                    <p class=\"font-bold text-dark\">\u0627\u0644\u0645\u0648\u0642\u0639<\/p>\r\n                                    <p class=\"text-gray-600\">\u0627\u0644\u062b\u0642\u0628\u0629\u060c \u0627\u0644\u062f\u0645\u0627\u0645\u060c \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"flex items-center gap-4 p-4 border-b border-gray-100\">\r\n                                <div class=\"w-10 h-10 bg-accent\/20 rounded-lg flex items-center justify-center text-dark\">\r\n                                    <i class=\"fas fa-globe\"><\/i>\r\n                                <\/div>\r\n                                <div>\r\n                                    <p class=\"font-bold text-dark\">\u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/p>\r\n                                    <p class=\"text-gray-600\">dammamrepairing-center.com<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"flex items-center gap-4 p-4\">\r\n                                <div class=\"w-10 h-10 bg-primary\/10 rounded-lg flex items-center justify-center text-primary\">\r\n                                    <i class=\"fas fa-clock\"><\/i>\r\n                                <\/div>\r\n                                <div>\r\n                                    <p class=\"font-bold text-dark\">\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644<\/p>\r\n                                    <p class=\"text-gray-600\">24 \u0633\u0627\u0639\u0629 \/ 7 \u0623\u064a\u0627\u0645 \u0641\u064a \u0627\u0644\u0623\u0633\u0628\u0648\u0639<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"text-center\">\r\n                            <a href=\"https:\/\/wa.me\/966507061182\" target=\"_blank\" class=\"btn-premium inline-flex items-center gap-3 bg-whatsapp text-white px-8 py-4 rounded-xl font-bold text-lg shadow-lg hover:shadow-xl transition-all w-full md:w-auto justify-center\">\r\n                                <i class=\"fab fa-whatsapp text-2xl\"><\/i>\r\n                                <span>\u0627\u062d\u062c\u0632 \u0645\u0648\u0639\u062f\u0643 \u0639\u0628\u0631 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628<\/span>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Footer -->\r\n    <footer class=\"bg-dark text-white py-12\">\r\n        <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"grid md:grid-cols-4 gap-8 mb-8\">\r\n                <div class=\"md:col-span-2\">\r\n                    <h3 class=\"text-2xl font-bold mb-4\">\u0645\u0631\u0643\u0632 \u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u062f\u0645\u0627\u0645<\/h3>\r\n                    <p class=\"text-gray-400 mb-6 max-w-md\">\r\n                        \u062e\u062f\u0645\u0629 \u0641\u0627\u062e\u0631\u0629 \u0644\u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0645\u0646\u0632\u0644\u064a\u0629 \u0641\u064a \u0627\u0644\u062f\u0645\u0627\u0645 \u0648\u0627\u0644\u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0634\u0631\u0642\u064a\u0629. \u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644\u0627\u064b \u0633\u0631\u064a\u0639\u0629 \u0648\u0645\u0648\u062b\u0648\u0642\u0629 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629.\r\n                    <\/p>\r\n                    <div class=\"flex gap-4\">\r\n                        <a href=\"https:\/\/wa.me\/966507061182\" target=\"_blank\" class=\"w-10 h-10 bg-white\/10 rounded-full flex items-center justify-center hover:bg-whatsapp transition-colors\">\r\n                            <i class=\"fab fa-whatsapp\"><\/i>\r\n                        <\/a>\r\n                        <a href=\"tel:0507061182\" class=\"w-10 h-10 bg-white\/10 rounded-full flex items-center justify-center hover:bg-primary transition-colors\">\r\n                            <i class=\"fas fa-phone\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div>\r\n                    <h4 class=\"font-bold text-lg mb-4 text-accent\">\u0631\u0648\u0627\u0628\u0637 \u0633\u0631\u064a\u0639\u0629<\/h4>\r\n                    <ul class=\"space-y-2\">\r\n                        <li><a href=\"#home\" class=\"text-gray-400 hover:text-white transition-colors\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a><\/li>\r\n                        <li><a href=\"#about\" class=\"text-gray-400 hover:text-white transition-colors\">\u0645\u0646 \u0646\u062d\u0646<\/a><\/li>\r\n                        <li><a href=\"#services\" class=\"text-gray-400 hover:text-white transition-colors\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a><\/li>\r\n                        <li><a href=\"#contact\" class=\"text-gray-400 hover:text-white transition-colors\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                \r\n                <div>\r\n                    <h4 class=\"font-bold text-lg mb-4 text-accent\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/h4>\r\n                    <ul class=\"space-y-2\">\r\n                        <li><a href=\"#washing-machine-repair\" class=\"text-gray-400 hover:text-white transition-colors\">\u0625\u0635\u0644\u0627\u062d \u0627\u0644\u063a\u0633\u0627\u0644\u0627\u062a<\/a><\/li>\r\n                        <li><a href=\"#ac-repair\" class=\"text-gray-400 hover:text-white transition-colors\">\u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0645\u0643\u064a\u0641\u0627\u062a<\/a><\/li>\r\n                        <li><a href=\"#refrigerator-repair\" class=\"text-gray-400 hover:text-white transition-colors\">\u0625\u0635\u0644\u0627\u062d \u0627\u0644\u062b\u0644\u0627\u062c\u0627\u062a<\/a><\/li>\r\n                        <li><a href=\"#duct-ac-repair\" class=\"text-gray-400 hover:text-white transition-colors\">\u0645\u0643\u064a\u0641\u0627\u062a \u0627\u0644\u062f\u0643\u062a<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"border-t border-white\/10 pt-8 text-center\">\r\n                <p class=\"text-gray-500 text-sm\">\r\n                    \u00a9 2024 \u0645\u0631\u0643\u0632 \u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u062f\u0645\u0627\u0645. \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <script>\r\n        \/\/ Initialize AOS Animation Library\r\n        AOS.init({\r\n            duration: 800,\r\n            once: true,\r\n            offset: 100,\r\n            easing: 'ease-out-cubic'\r\n        });\r\n\r\n     \r\n\r\n        \/\/ Smooth Scroll for Anchor Links\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n            anchor.addEventListener('click', function (e) {\r\n                e.preventDefault();\r\n                const target = document.querySelector(this.getAttribute('href'));\r\n                if (target) {\r\n                    target.scrollIntoView({\r\n                        behavior: 'smooth',\r\n                        block: 'start'\r\n                    });\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ Add scroll effect to floating buttons\r\n        let lastScroll = 0;\r\n        window.addEventListener('scroll', () => {\r\n            const currentScroll = window.pageYOffset;\r\n            const fabs = document.querySelectorAll('.fab-left, .fab-right');\r\n            \r\n            if (currentScroll > 100) {\r\n                fabs.forEach(fab => {\r\n                    fab.style.transform = 'scale(1)';\r\n                    fab.style.opacity = '1';\r\n                });\r\n            }\r\n            \r\n            lastScroll = currentScroll;\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\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>\u0645\u0631\u0643\u0632 \u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u062f\u0645\u0627\u0645 | \u062e\u062f\u0645\u0629 \u0641\u0627\u062e\u0631\u0629 \u0644\u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0645\u0646\u0632\u0644\u064a\u0629 \u062e\u062f\u0645\u0629 24 \u0633\u0627\u0639\u0629 \u0641\u064a \u0627\u0644\u062f\u0645\u0627\u0645 \u0648\u0627\u0644\u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0634\u0631\u0642\u064a\u0629 \u062e\u062f\u0645\u0629 \u0641\u0627\u062e\u0631\u0629 \u0644\u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0623\u062c\u0647\u0632\u0629 [&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":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","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-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dammamrepairing-center.com\/index.php?rest_route=\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dammamrepairing-center.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dammamrepairing-center.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dammamrepairing-center.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dammamrepairing-center.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=19"}],"version-history":[{"count":7,"href":"https:\/\/dammamrepairing-center.com\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":45,"href":"https:\/\/dammamrepairing-center.com\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions\/45"}],"wp:attachment":[{"href":"https:\/\/dammamrepairing-center.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}