{"id":28,"date":"2026-05-11T19:42:03","date_gmt":"2026-05-11T19:42:03","guid":{"rendered":"https:\/\/idifyjo.com\/?page_id=28"},"modified":"2026-05-11T20:09:45","modified_gmt":"2026-05-11T20:09:45","slug":"28-2","status":"publish","type":"page","link":"https:\/\/idifyjo.com\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n \n \n \n IDify JO – \u0647\u0648\u064a\u062a\u0643 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u0630\u0643\u064a\u0629<\/title>\n \n <!-- Google Fonts -->\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;900&display=swap\" rel=\"stylesheet\">\n \n <!-- Lucide Icons -->\n <script src=\"https:\/\/unpkg.com\/lucide@latest\/dist\/umd\/lucide.js\"><\/script>\n \n <style>\n :root {\n --bg-default: #020617;\n --bg-paper: #0F172A;\n --bg-subtle: #1E293B;\n --primary: #9C27B0;\n --secondary: #2196F3;\n --text-primary: #F8FAFC;\n --text-secondary: #94A3B8;\n --text-muted: #64748B;\n --whatsapp: #25D366;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n font-family: 'IBM Plex Sans Arabic', 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;\n background: var(--bg-default);\n color: var(--text-primary);\n direction: rtl;\n line-height: 1.6;\n }\n\n .font-outfit {\n font-family: 'Outfit', sans-serif;\n }\n\n \/* Gradients *\/\n .gradient-text {\n background: linear-gradient(135deg, #9C27B0 0%, #2196F3 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .gradient-bg {\n background: linear-gradient(135deg, #9C27B0 0%, #2196F3 100%);\n }\n\n .whatsapp-bg {\n background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);\n }\n\n \/* Glass Effect *\/\n .glass {\n background: rgba(15, 23, 42, 0.7);\n backdrop-filter: blur(20px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n \/* Container *\/\n .container {\n max-width: 1280px;\n margin: 0 auto;\n padding: 0 1rem;\n }\n\n @media (min-width: 640px) {\n .container { padding: 0 1.5rem; }\n }\n\n @media (min-width: 1024px) {\n .container { padding: 0 2rem; }\n }\n\n \/* Navigation *\/\n .nav {\n position: fixed;\n top: 0;\n right: 0;\n left: 0;\n z-index: 50;\n background: rgba(15, 23, 42, 0.7);\n backdrop-filter: blur(20px);\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .nav-content {\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 80px;\n }\n\n .nav-logo {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n text-decoration: none;\n }\n\n .nav-logo img {\n height: 48px;\n width: 48px;\n border-radius: 0.5rem;\n object-fit: contain;\n background: white;\n }\n\n .nav-logo span {\n font-size: 1.25rem;\n font-weight: 700;\n }\n\n .nav-links {\n display: none;\n align-items: center;\n gap: 2rem;\n }\n\n @media (min-width: 768px) {\n .nav-links { display: flex; }\n }\n\n .nav-link {\n color: var(--text-secondary);\n text-decoration: none;\n transition: color 0.3s;\n position: relative;\n }\n\n .nav-link:hover {\n color: var(--text-primary);\n }\n\n .nav-link::after {\n content: '';\n position: absolute;\n bottom: -4px;\n right: 0;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, #9C27B0, #2196F3);\n transition: width 0.3s ease;\n }\n\n .nav-link:hover::after {\n width: 100%;\n }\n\n .btn {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.75rem 1.5rem;\n border-radius: 9999px;\n font-weight: 500;\n text-decoration: none;\n transition: all 0.3s;\n border: none;\n cursor: pointer;\n font-family: inherit;\n font-size: 1rem;\n }\n\n .btn-whatsapp {\n background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);\n color: white;\n }\n\n .btn-whatsapp:hover {\n transform: scale(1.05);\n box-shadow: 0 10px 40px -10px rgba(37, 211, 102, 0.5);\n }\n\n .btn-primary {\n background: linear-gradient(135deg, #9C27B0 0%, #2196F3 100%);\n color: white;\n }\n\n .btn-primary:hover {\n transform: scale(1.02);\n box-shadow: 0 10px 40px -10px rgba(156, 39, 176, 0.5);\n }\n\n .btn-outline {\n background: transparent;\n border: 1px solid var(--bg-subtle);\n color: var(--text-secondary);\n }\n\n .btn-outline:hover {\n border-color: var(--primary);\n color: var(--text-primary);\n }\n\n .btn-lg {\n padding: 1rem 2rem;\n font-size: 1.125rem;\n }\n\n \/* Hero Section *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n padding-top: 80px;\n background-image: \n radial-gradient(ellipse at 20% 80%, rgba(156, 39, 176, 0.15) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(33, 150, 243, 0.15) 0%, transparent 50%),\n radial-gradient(ellipse at 50% 50%, rgba(156, 39, 176, 0.05) 0%, transparent 70%);\n }\n\n .hero-grid {\n display: grid;\n gap: 3rem;\n align-items: center;\n }\n\n @media (min-width: 1024px) {\n .hero-grid {\n grid-template-columns: 1fr 1fr;\n }\n }\n\n .hero-content {\n text-align: right;\n }\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.5rem 1rem;\n border-radius: 9999px;\n background: rgba(15, 23, 42, 0.7);\n backdrop-filter: blur(20px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n margin-bottom: 1.5rem;\n }\n\n .hero-badge svg {\n color: #a855f7;\n }\n\n .hero-badge span {\n font-size: 0.875rem;\n color: var(--text-secondary);\n }\n\n .hero-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1.5rem;\n line-height: 1.2;\n }\n\n @media (min-width: 640px) {\n .hero-title { font-size: 3rem; }\n }\n\n @media (min-width: 1024px) {\n .hero-title { font-size: 4.5rem; }\n }\n\n .hero-subtitle {\n font-size: 1.125rem;\n color: var(--text-secondary);\n margin-bottom: 2rem;\n max-width: 36rem;\n line-height: 1.8;\n }\n\n @media (min-width: 640px) {\n .hero-subtitle { font-size: 1.25rem; }\n }\n\n .hero-buttons {\n display: flex;\n flex-wrap: wrap;\n gap: 1rem;\n margin-bottom: 3rem;\n }\n\n .hero-features {\n display: flex;\n flex-wrap: wrap;\n gap: 2rem;\n padding-top: 2rem;\n border-top: 1px solid var(--bg-subtle);\n }\n\n .hero-feature {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n color: var(--text-muted);\n }\n\n .hero-feature svg {\n color: #a855f7;\n }\n\n .hero-image {\n display: none;\n justify-content: center;\n align-items: center;\n position: relative;\n }\n\n @media (min-width: 1024px) {\n .hero-image { display: flex; }\n }\n\n .hero-logo-glow {\n position: absolute;\n inset: -20px;\n background: radial-gradient(circle, rgba(156, 39, 176, 0.3) 0%, transparent 70%);\n filter: blur(30px);\n }\n\n .hero-logo {\n position: relative;\n width: 320px;\n height: 320px;\n object-fit: contain;\n border-radius: 1.5rem;\n background: rgba(255, 255, 255, 0.1);\n padding: 1rem;\n animation: float 6s ease-in-out infinite;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-20px); }\n }\n\n \/* Section Divider *\/\n .section-divider {\n height: 1px;\n background: linear-gradient(90deg, transparent, rgba(156, 39, 176, 0.3), rgba(33, 150, 243, 0.3), transparent);\n }\n\n \/* Services Section *\/\n .services {\n padding: 6rem 0;\n position: relative;\n }\n\n .services::before {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(to bottom, transparent, rgba(88, 28, 135, 0.05), transparent);\n pointer-events: none;\n }\n\n .section-header {\n text-align: center;\n margin-bottom: 4rem;\n }\n\n .section-title {\n font-size: 2rem;\n font-weight: 700;\n margin-bottom: 1rem;\n }\n\n @media (min-width: 640px) {\n .section-title { font-size: 2.5rem; }\n }\n\n @media (min-width: 1024px) {\n .section-title { font-size: 3rem; }\n }\n\n .section-subtitle {\n font-size: 1.125rem;\n color: var(--text-muted);\n max-width: 42rem;\n margin: 0 auto;\n }\n\n .services-grid {\n display: grid;\n gap: 2rem;\n }\n\n @media (min-width: 768px) {\n .services-grid { grid-template-columns: repeat(3, 1fr); }\n }\n\n .service-card {\n background: rgba(15, 23, 42, 0.5);\n border-radius: 1rem;\n padding: 2rem;\n position: relative;\n transition: transform 0.4s ease;\n }\n\n .service-card::before {\n content: '';\n position: absolute;\n inset: 0;\n padding: 1px;\n border-radius: 1rem;\n background: linear-gradient(135deg, #9C27B0 0%, #2196F3 100%);\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n pointer-events: none;\n }\n\n .service-card:hover {\n transform: translateY(-10px);\n }\n\n .service-icon {\n width: 64px;\n height: 64px;\n border-radius: 1rem;\n background: linear-gradient(135deg, #9C27B0 0%, #2196F3 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 1.5rem;\n transition: transform 0.3s;\n }\n\n .service-card:hover .service-icon {\n transform: scale(1.1);\n }\n\n .service-icon svg {\n width: 32px;\n height: 32px;\n color: white;\n }\n\n .service-title {\n font-size: 1.5rem;\n font-weight: 700;\n margin-bottom: 0.5rem;\n }\n\n .service-title-en {\n color: #a855f7;\n font-size: 0.875rem;\n margin-bottom: 1rem;\n font-family: 'Outfit', sans-serif;\n }\n\n .service-desc {\n color: var(--text-muted);\n margin-bottom: 1.5rem;\n line-height: 1.8;\n }\n\n .service-features {\n list-style: none;\n }\n\n .service-features li {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n color: var(--text-secondary);\n margin-bottom: 0.75rem;\n }\n\n .service-features li::before {\n content: '';\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: #a855f7;\n }\n\n \/* About Section *\/\n .about {\n padding: 6rem 0;\n }\n\n .about-grid {\n display: grid;\n gap: 3rem;\n align-items: center;\n }\n\n @media (min-width: 1024px) {\n .about-grid { grid-template-columns: 1fr 1fr; }\n }\n\n .about-image-wrapper {\n position: relative;\n border-radius: 1.5rem;\n overflow: hidden;\n box-shadow: 0 0 60px -15px rgba(156, 39, 176, 0.4);\n }\n\n .about-image {\n width: 100%;\n height: 400px;\n object-fit: contain;\n background: linear-gradient(to bottom right, var(--bg-paper), var(--bg-subtle));\n padding: 3rem;\n }\n\n .about-image-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(to top, rgba(2, 6, 23, 0.8), transparent);\n }\n\n .about-content {\n text-align: right;\n }\n\n .about-title {\n font-size: 2rem;\n font-weight: 700;\n margin-bottom: 1.5rem;\n }\n\n @media (min-width: 640px) {\n .about-title { font-size: 2.5rem; }\n }\n\n @media (min-width: 1024px) {\n .about-title { font-size: 3rem; }\n }\n\n .about-text {\n color: var(--text-secondary);\n margin-bottom: 1.5rem;\n line-height: 1.8;\n }\n\n .about-text.large {\n font-size: 1.25rem;\n }\n\n .about-stats {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n margin-bottom: 2rem;\n }\n\n .stat-card {\n text-align: center;\n padding: 1rem;\n border-radius: 0.75rem;\n background: rgba(15, 23, 42, 0.7);\n backdrop-filter: blur(20px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .stat-value {\n font-size: 1.875rem;\n font-weight: 700;\n font-family: 'Outfit', sans-serif;\n }\n\n .stat-label {\n color: var(--text-muted);\n margin-top: 0.25rem;\n }\n\n \/* Contact Section *\/\n .contact {\n padding: 6rem 0;\n position: relative;\n }\n\n .contact::before {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(to top, rgba(88, 28, 135, 0.1), transparent);\n pointer-events: none;\n }\n\n .contact-grid {\n display: grid;\n gap: 3rem;\n }\n\n @media (min-width: 1024px) {\n .contact-grid { grid-template-columns: 1fr 1fr; }\n }\n\n .contact-form-card {\n background: rgba(15, 23, 42, 0.7);\n backdrop-filter: blur(20px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 1rem;\n padding: 2rem;\n }\n\n .form-group {\n margin-bottom: 1.5rem;\n }\n\n .form-label {\n display: block;\n color: var(--text-secondary);\n margin-bottom: 0.5rem;\n text-align: right;\n }\n\n .form-input {\n width: 100%;\n padding: 0.75rem 1rem;\n border-radius: 0.5rem;\n border: 1px solid var(--bg-subtle);\n background: rgba(15, 23, 42, 0.5);\n color: var(--text-primary);\n font-family: inherit;\n font-size: 1rem;\n transition: border-color 0.3s, box-shadow 0.3s;\n }\n\n .form-input:focus {\n outline: none;\n border-color: var(--primary);\n box-shadow: 0 0 0 3px rgba(156, 39, 176, 0.1);\n }\n\n .form-input::placeholder {\n color: var(--text-muted);\n }\n\n .form-input.rtl {\n text-align: right;\n }\n\n .form-input.ltr {\n text-align: left;\n direction: ltr;\n font-family: 'Outfit', sans-serif;\n }\n\n textarea.form-input {\n min-height: 120px;\n resize: vertical;\n }\n\n .contact-info {\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .contact-item {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n margin-bottom: 2rem;\n }\n\n .contact-icon {\n width: 56px;\n height: 56px;\n border-radius: 1rem;\n background: linear-gradient(135deg, #9C27B0 0%, #2196F3 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n\n .contact-icon svg {\n width: 24px;\n height: 24px;\n color: white;\n }\n\n .contact-details {\n text-align: right;\n }\n\n .contact-details h3 {\n font-size: 1.25rem;\n font-weight: 700;\n margin-bottom: 0.25rem;\n }\n\n .contact-details a {\n color: var(--text-secondary);\n text-decoration: none;\n font-family: 'Outfit', sans-serif;\n font-size: 1.125rem;\n transition: color 0.3s;\n }\n\n .contact-details a:hover {\n color: #a855f7;\n }\n\n .contact-details p {\n color: var(--text-secondary);\n }\n\n \/* Footer *\/\n .footer {\n padding: 3rem 0;\n border-top: 1px solid var(--bg-subtle);\n }\n\n .footer-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 1.5rem;\n }\n\n @media (min-width: 768px) {\n .footer-content {\n flex-direction: row;\n justify-content: space-between;\n }\n }\n\n .footer-logo {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n }\n\n .footer-logo img {\n height: 40px;\n width: 40px;\n border-radius: 0.5rem;\n object-fit: contain;\n background: white;\n }\n\n .footer-logo span {\n font-size: 1.25rem;\n font-weight: 700;\n }\n\n .footer-text {\n color: var(--text-muted);\n text-align: center;\n }\n\n .footer-social a {\n color: var(--text-muted);\n transition: color 0.3s;\n }\n\n .footer-social a:hover {\n color: #25D366;\n }\n\n \/* Chat Widget *\/\n .chat-widget {\n position: fixed;\n bottom: 24px;\n left: 24px;\n z-index: 1000;\n }\n\n .chat-bubble {\n width: 64px;\n height: 64px;\n border-radius: 50%;\n background: linear-gradient(135deg, #9C27B0 0%, #2196F3 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.3s ease;\n border: none;\n box-shadow: 0 0 20px rgba(156, 39, 176, 0.4), 0 0 40px rgba(33, 150, 243, 0.2);\n animation: pulse-glow 3s ease-in-out infinite;\n }\n\n @keyframes pulse-glow {\n 0%, 100% { \n box-shadow: 0 0 20px rgba(156, 39, 176, 0.4), 0 0 40px rgba(33, 150, 243, 0.2);\n }\n 50% { \n box-shadow: 0 0 40px rgba(156, 39, 176, 0.6), 0 0 60px rgba(33, 150, 243, 0.4);\n }\n }\n\n .chat-bubble:hover {\n transform: scale(1.1);\n }\n\n .chat-bubble svg {\n width: 28px;\n height: 28px;\n color: white;\n }\n\n .chat-window {\n position: absolute;\n bottom: 80px;\n left: 0;\n width: 380px;\n max-width: calc(100vw - 48px);\n border-radius: 20px;\n overflow: hidden;\n background: rgba(15, 23, 42, 0.95);\n backdrop-filter: blur(20px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n display: none;\n flex-direction: column;\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);\n }\n\n .chat-window.open {\n display: flex;\n animation: slideUp 0.3s ease;\n }\n\n @keyframes slideUp {\n from {\n opacity: 0;\n transform: translateY(20px) scale(0.95);\n }\n to {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n }\n\n .chat-header {\n background: linear-gradient(135deg, #9C27B0 0%, #2196F3 100%);\n padding: 1rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n .chat-header-info {\n text-align: right;\n }\n\n .chat-header-info h3 {\n color: white;\n font-weight: 700;\n }\n\n .chat-header-info p {\n color: rgba(255, 255, 255, 0.7);\n font-size: 0.875rem;\n }\n\n .chat-header img {\n width: 40px;\n height: 40px;\n border-radius: 0.5rem;\n background: white;\n object-fit: contain;\n }\n\n .chat-close {\n background: none;\n border: none;\n color: rgba(255, 255, 255, 0.8);\n cursor: pointer;\n padding: 0.25rem;\n transition: color 0.3s;\n }\n\n .chat-close:hover {\n color: white;\n }\n\n .chat-messages {\n height: 300px;\n overflow-y: auto;\n padding: 1rem;\n background: var(--bg-default);\n }\n\n .chat-message {\n max-width: 80%;\n padding: 0.75rem 1rem;\n border-radius: 1rem;\n margin-bottom: 1rem;\n font-size: 0.875rem;\n line-height: 1.6;\n }\n\n .chat-message.assistant {\n background: linear-gradient(135deg, #9C27B0 0%, #2196F3 100%);\n color: white;\n margin-left: auto;\n border-bottom-right-radius: 0.25rem;\n }\n\n .chat-message.user {\n background: var(--bg-subtle);\n color: white;\n margin-right: auto;\n border-bottom-left-radius: 0.25rem;\n }\n\n .chat-input-area {\n padding: 1rem;\n border-top: 1px solid var(--bg-subtle);\n background: var(--bg-paper);\n display: flex;\n gap: 0.5rem;\n }\n\n .chat-input {\n flex: 1;\n padding: 0.75rem 1rem;\n border-radius: 0.75rem;\n border: 1px solid var(--bg-subtle);\n background: var(--bg-subtle);\n color: var(--text-primary);\n font-family: inherit;\n font-size: 0.875rem;\n text-align: right;\n }\n\n .chat-input:focus {\n outline: none;\n border-color: var(--primary);\n }\n\n .chat-send {\n padding: 0.75rem 1rem;\n border-radius: 0.75rem;\n background: linear-gradient(135deg, #9C27B0 0%, #2196F3 100%);\n border: none;\n color: white;\n cursor: pointer;\n transition: transform 0.2s;\n }\n\n .chat-send:hover {\n transform: scale(1.05);\n }\n\n \/* Utility *\/\n .text-center { text-align: center; }\n .mt-8 { margin-top: 2rem; }\n .w-full { width: 100%; }\n <\/style>\n<\/head>\n<body>\n <!-- Navigation -->\n <nav class=\"nav\">\n <div class=\"container nav-content\">\n <a href=\"#hero\" class=\"nav-logo\">\n <img decoding=\"async\" src=\"https:\/\/customer-assets.emergentagent.com\/job_5227bd47-7de3-415d-8d54-8408c8b670ac\/artifacts\/sxzh9kdw_1.jpg\" alt=\"IDify JO Logo\">\n <span class=\"gradient-text font-outfit\">IDify JO<\/span>\n <\/a>\n \n <div class=\"nav-links\">\n <a href=\"#services\" class=\"nav-link\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a>\n <a href=\"#about\" class=\"nav-link\">\u0645\u0646 \u0646\u062d\u0646<\/a>\n <a href=\"#contact\" class=\"nav-link\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/a>\n <\/div>\n\n <a href=\"https:\/\/wa.me\/00962797933951\" target=\"_blank\" class=\"btn btn-whatsapp\">\n <i data-lucide=\"phone\" style=\"width: 16px; height: 16px;\"><\/i>\n \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627\n <\/a>\n <\/div>\n <\/nav>\n\n <!-- Hero Section -->\n <section id=\"hero\" class=\"hero\">\n <div class=\"container\">\n <div class=\"hero-grid\">\n <div class=\"hero-content\">\n <div class=\"hero-badge\">\n <i data-lucide=\"sparkles\" style=\"width: 16px; height: 16px;\"><\/i>\n <span>\u062d\u0644\u0648\u0644 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0644\u0644\u0623\u0639\u0645\u0627\u0644<\/span>\n <\/div>\n\n <h1 class=\"hero-title\">\n <span class=\"gradient-text\">IDify JO<\/span>\n <br>\n <span>\u0647\u0648\u064a\u062a\u0643 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u0630\u0643\u064a\u0629<\/span>\n <\/h1>\n\n <p class=\"hero-subtitle\">\n \u0631\u0648\u0628\u0648\u062a\u0627\u062a \u0627\u0644\u062f\u0631\u062f\u0634\u0629\u060c \u0627\u0644\u0648\u0643\u0644\u0627\u0621 \u0627\u0644\u0630\u0643\u064a\u064a\u0646\u060c \u0648\u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0639\u0645\u0644 \u0645\u0646 \u0623\u062c\u0644\u0643 \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0633\u0627\u0639\u0629\n <\/p>\n\n <div class=\"hero-buttons\">\n <a href=\"https:\/\/wa.me\/00962797933951?text=\u0645\u0631\u062d\u0628\u0627\u064b\u060c \u0623\u0631\u064a\u062f \u0623\u0646 \u0623\u0628\u062f\u0623 \u0645\u0634\u0631\u0648\u0639\u064a \u0627\u0644\u0622\u0646!\" target=\"_blank\" class=\"btn btn-whatsapp btn-lg\">\n <span>\u0627\u0628\u062f\u0623 \u0645\u0634\u0631\u0648\u0639\u0643 \u0627\u0644\u0622\u0646<\/span>\n <i data-lucide=\"arrow-left\" style=\"width: 20px; height: 20px;\"><\/i>\n <\/a>\n <a href=\"#services\" class=\"btn btn-outline btn-lg\">\n \u0627\u0643\u062a\u0634\u0641 \u062e\u062f\u0645\u0627\u062a\u0646\u0627\n <i data-lucide=\"chevron-down\" style=\"width: 20px; height: 20px;\"><\/i>\n <\/a>\n <\/div>\n\n <div class=\"hero-features\">\n <div class=\"hero-feature\">\n <i data-lucide=\"clock\" style=\"width: 20px; height: 20px;\"><\/i>\n <span>24\/7 \u0645\u062a\u0627\u062d<\/span>\n <\/div>\n <div class=\"hero-feature\">\n <i data-lucide=\"shield\" style=\"width: 20px; height: 20px;\"><\/i>\n <span>\u0622\u0645\u0646 \u0648\u0645\u0648\u062b\u0648\u0642<\/span>\n <\/div>\n <div class=\"hero-feature\">\n <i data-lucide=\"zap\" style=\"width: 20px; height: 20px;\"><\/i>\n <span>\u0631\u062f\u0648\u062f \u0641\u0648\u0631\u064a\u0629<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"hero-image\">\n <div class=\"hero-logo-glow\"><\/div>\n <img decoding=\"async\" src=\"https:\/\/customer-assets.emergentagent.com\/job_5227bd47-7de3-415d-8d54-8408c8b670ac\/artifacts\/sxzh9kdw_1.jpg\" alt=\"IDify JO\" class=\"hero-logo\">\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"section-divider\"><\/div>\n\n <!-- Services Section -->\n <section id=\"services\" class=\"services\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">\n <span class=\"gradient-text\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/span>\n <\/h2>\n <p class=\"section-subtitle\">\n \u062d\u0644\u0648\u0644 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0628\u0646\u0627\u0621 \u0647\u0648\u064a\u062a\u0643 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u0630\u0643\u064a\u0629\n <\/p>\n <\/div>\n\n <div class=\"services-grid\">\n <!-- Service 1 -->\n <div class=\"service-card\">\n <div class=\"service-icon\">\n <i data-lucide=\"message-square\"><\/i>\n <\/div>\n <h3 class=\"service-title\">\u0631\u0648\u0628\u0648\u062a\u0627\u062a \u0627\u0644\u062f\u0631\u062f\u0634\u0629 \u0627\u0644\u0630\u0643\u064a\u0629<\/h3>\n <p class=\"service-title-en\">AI Chatbots<\/p>\n <p class=\"service-desc\">\u0631\u0648\u0628\u0648\u062a\u0627\u062a \u0630\u0643\u064a\u0629 \u062a\u062c\u064a\u0628 \u0639\u0644\u0649 \u0623\u0633\u0626\u0644\u0629 \u0639\u0645\u0644\u0627\u0626\u0643\u060c \u062a\u0624\u0647\u0644 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u064a\u0646\u060c \u0648\u062a\u062c\u0645\u0639 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0628\u0634\u0643\u0644 \u0622\u0644\u064a<\/p>\n <ul class=\"service-features\">\n <li>\u0631\u062f\u0648\u062f \u0641\u0648\u0631\u064a\u0629 24\/7<\/li>\n <li>\u062a\u0623\u0647\u064a\u0644 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/li>\n <li>\u062c\u0645\u0639 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a<\/li>\n <li>\u062f\u0639\u0645 \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u0644\u063a\u0627\u062a<\/li>\n <\/ul>\n <\/div>\n\n <!-- Service 2 -->\n <div class=\"service-card\">\n <div class=\"service-icon\">\n <i data-lucide=\"bot\"><\/i>\n <\/div>\n <h3 class=\"service-title\">\u0627\u0644\u0648\u0643\u0644\u0627\u0621 \u0627\u0644\u0630\u0643\u064a\u064a\u0646<\/h3>\n <p class=\"service-title-en\">AI Agents<\/p>\n <p class=\"service-desc\">\u0648\u0643\u0644\u0627\u0621 \u0630\u0643\u0627\u0621 \u0627\u0635\u0637\u0646\u0627\u0639\u064a \u064a\u062d\u062c\u0632\u0648\u0646 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f\u060c \u064a\u0631\u0633\u0644\u0648\u0646 \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0627\u062a\u060c \u0648\u064a\u062f\u064a\u0631\u0648\u0646 \u0633\u064a\u0631 \u0627\u0644\u0639\u0645\u0644 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b<\/p>\n <ul class=\"service-features\">\n <li>\u062d\u062c\u0632 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f<\/li>\n <li>\u0645\u062a\u0627\u0628\u0639\u0627\u062a \u0622\u0644\u064a\u0629<\/li>\n <li>\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0647\u0627\u0645<\/li>\n <li>\u062a\u0643\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0623\u0646\u0638\u0645\u0629<\/li>\n <\/ul>\n <\/div>\n\n <!-- Service 3 -->\n <div class=\"service-card\">\n <div class=\"service-icon\">\n <i data-lucide=\"globe\"><\/i>\n <\/div>\n <h3 class=\"service-title\">\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0648\u0627\u0642\u0639<\/h3>\n <p class=\"service-title-en\">Websites<\/p>\n <p class=\"service-desc\">\u0645\u0648\u0627\u0642\u0639 \u0639\u0635\u0631\u064a\u0629 \u0645\u062f\u0645\u062c\u0629 \u0645\u0639 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\u060c \u0645\u0639 \u0635\u064a\u0627\u0646\u0629 \u0648\u062f\u0639\u0645 \u0645\u0633\u062a\u0645\u0631<\/p>\n <ul class=\"service-features\">\n <li>\u062a\u0635\u0645\u064a\u0645 \u0639\u0635\u0631\u064a<\/li>\n <li>\u062f\u0645\u062c AI<\/li>\n <li>\u0635\u064a\u0627\u0646\u0629 \u0645\u0633\u062a\u0645\u0631\u0629<\/li>\n <li>\u0633\u0631\u0639\u0629 \u0639\u0627\u0644\u064a\u0629<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"section-divider\"><\/div>\n\n <!-- About Section -->\n <section id=\"about\" class=\"about\">\n <div class=\"container\">\n <div class=\"about-grid\">\n <div class=\"about-image-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/customer-assets.emergentagent.com\/job_5227bd47-7de3-415d-8d54-8408c8b670ac\/artifacts\/sxzh9kdw_1.jpg\" alt=\"About IDify JO\" class=\"about-image\">\n <div class=\"about-image-overlay\"><\/div>\n <\/div>\n\n <div class=\"about-content\">\n <h2 class=\"about-title\">\n <span class=\"gradient-text\">\u0645\u0646 \u0646\u062d\u0646<\/span>\n <\/h2>\n \n <p class=\"about-text large\">\n \u0646\u062d\u0646 \u0646\u0633\u0627\u0639\u062f \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0639\u0644\u0649 \u0628\u0646\u0627\u0621 \u0647\u0648\u064a\u0627\u062a \u0631\u0642\u0645\u064a\u0629 \u0630\u0643\u064a\u0629 \u062a\u0641\u0643\u0631\u060c \u062a\u0631\u062f\u060c \u0648\u062a\u062d\u0648\u0644 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0633\u0627\u0639\u0629.\n <\/p>\n\n <p class=\"about-text\">\n \u0641\u064a IDify JO\u060c \u0646\u0624\u0645\u0646 \u0623\u0646 \u0643\u0644 \u0639\u0645\u0644 \u064a\u0633\u062a\u062d\u0642 \u0648\u062c\u0648\u062f\u0627\u064b \u0631\u0642\u0645\u064a\u0627\u064b \u0630\u0643\u064a\u0627\u064b. \u0646\u062c\u0645\u0639 \u0628\u064a\u0646 \u0623\u062d\u062f\u062b \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0648\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0639\u0635\u0631\u064a \u0644\u0646\u0645\u0646\u062d \u0639\u0645\u0644\u0643 \u0627\u0644\u0642\u062f\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u0646\u0645\u0648 \u0648\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u0639\u0645\u0644\u0627\u0626\u0643 \u0628\u0634\u0643\u0644 \u0644\u0645 \u064a\u0633\u0628\u0642 \u0644\u0647 \u0645\u062b\u064a\u0644.\n <\/p>\n\n <div class=\"about-stats\">\n <div class=\"stat-card\">\n <div class=\"stat-value gradient-text\">24\/7<\/div>\n <div class=\"stat-label\">\u062f\u0639\u0645 \u0645\u062a\u0648\u0627\u0635\u0644<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-value gradient-text\">100%<\/div>\n <div class=\"stat-label\">\u0631\u0636\u0627 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-value gradient-text\">AI<\/div>\n <div class=\"stat-label\">\u062a\u0642\u0646\u064a\u0627\u062a \u062d\u062f\u064a\u062b\u0629<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-value gradient-text\">JO<\/div>\n <div class=\"stat-label\">\u062e\u0628\u0631\u0629 \u0645\u062d\u0644\u064a\u0629<\/div>\n <\/div>\n <\/div>\n\n <a href=\"https:\/\/wa.me\/00962797933951?text=\u0623\u0631\u064a\u062f \u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0645\u0632\u064a\u062f \u0639\u0646 \u062e\u062f\u0645\u0627\u062a\u0643\u0645\" target=\"_blank\" class=\"btn btn-primary btn-lg\">\n \u062a\u0639\u0631\u0641 \u0639\u0644\u064a\u0646\u0627 \u0623\u0643\u062b\u0631\n <i data-lucide=\"arrow-left\" style=\"width: 20px; height: 20px;\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"section-divider\"><\/div>\n\n <!-- Contact Section -->\n <section id=\"contact\" class=\"contact\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">\n <span class=\"gradient-text\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/span>\n <\/h2>\n <p class=\"section-subtitle\">\n \u062c\u0627\u0647\u0632\u0648\u0646 \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0641\u064a \u0628\u0646\u0627\u0621 \u0647\u0648\u064a\u062a\u0643 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u0630\u0643\u064a\u0629\n <\/p>\n <\/div>\n\n <div class=\"contact-grid\">\n <div class=\"contact-form-card\">\n <form id=\"contactForm\">\n <div class=\"form-group\">\n <label class=\"form-label\">\u0627\u0644\u0627\u0633\u0645<\/label>\n <input type=\"text\" class=\"form-input rtl\" placeholder=\"\u0627\u0633\u0645\u0643 \u0627\u0644\u0643\u0631\u064a\u0645\" required id=\"name\">\n <\/div>\n \n <div class=\"form-group\">\n <label class=\"form-label\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/label>\n <input type=\"email\" class=\"form-input ltr\" placeholder=\"email@example.com\" required id=\"email\">\n <\/div>\n \n <div class=\"form-group\">\n <label class=\"form-label\">\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641<\/label>\n <input type=\"tel\" class=\"form-input ltr\" placeholder=\"+962 7XX XXX XXXX\" required id=\"phone\">\n <\/div>\n \n <div class=\"form-group\">\n <label class=\"form-label\">\u0631\u0633\u0627\u0644\u062a\u0643<\/label>\n <textarea class=\"form-input rtl\" placeholder=\"\u0643\u064a\u0641 \u064a\u0645\u0643\u0646\u0646\u0627 \u0645\u0633\u0627\u0639\u062f\u062a\u0643\u061f\" required id=\"message\"><\/textarea>\n <\/div>\n \n <button type=\"submit\" class=\"btn btn-primary btn-lg w-full\">\n <i data-lucide=\"send\" style=\"width: 20px; height: 20px;\"><\/i>\n \u0625\u0631\u0633\u0627\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\n <\/button>\n <\/form>\n <\/div>\n\n <div class=\"contact-info\">\n <div class=\"contact-item\">\n <div class=\"contact-icon\">\n <i data-lucide=\"phone\"><\/i>\n <\/div>\n <div class=\"contact-details\">\n <h3>\u0648\u0627\u062a\u0633\u0627\u0628 \/ \u0647\u0627\u062a\u0641<\/h3>\n <a href=\"https:\/\/wa.me\/00962797933951\" target=\"_blank\">+962797933951<\/a>\n <\/div>\n <\/div>\n\n <div class=\"contact-item\">\n <div class=\"contact-icon\">\n <i data-lucide=\"map-pin\"><\/i>\n <\/div>\n <div class=\"contact-details\">\n <h3>\u0627\u0644\u0645\u0648\u0642\u0639<\/h3>\n <p>\u0627\u0644\u0623\u0631\u062f\u0646 \ud83c\uddef\ud83c\uddf4<\/p>\n <\/div>\n <\/div>\n\n <a href=\"https:\/\/wa.me\/00962797933951\" target=\"_blank\" class=\"btn btn-whatsapp btn-lg w-full mt-8\">\n <i data-lucide=\"phone\" style=\"width: 20px; height: 20px;\"><\/i>\n \u062a\u0648\u0627\u0635\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628 \u0645\u0628\u0627\u0634\u0631\u0629\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Footer -->\n <footer class=\"footer\">\n <div class=\"container\">\n <div class=\"footer-content\">\n <div class=\"footer-logo\">\n <img decoding=\"async\" src=\"https:\/\/customer-assets.emergentagent.com\/job_5227bd47-7de3-415d-8d54-8408c8b670ac\/artifacts\/sxzh9kdw_1.jpg\" alt=\"IDify JO\">\n <span class=\"gradient-text font-outfit\">IDify JO<\/span>\n <\/div>\n \n <p class=\"footer-text\">\n \u00a9 2024 IDify JO Technology. \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629.\n <\/p>\n \n <div class=\"footer-social\">\n <a href=\"https:\/\/wa.me\/00962797933951\" target=\"_blank\">\n <i data-lucide=\"phone\" style=\"width: 20px; height: 20px;\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/footer>\n\n <!-- Chat Widget -->\n <div class=\"chat-widget\">\n <div class=\"chat-window\" id=\"chatWindow\">\n <div class=\"chat-header\">\n <button class=\"chat-close\" onclick=\"toggleChat()\">\n <i data-lucide=\"x\" style=\"width: 20px; height: 20px;\"><\/i>\n <\/button>\n <div class=\"chat-header-info\">\n <h3>\u0645\u0633\u0627\u0639\u062f IDify JO<\/h3>\n <p>\u0646\u062d\u0646 \u0647\u0646\u0627 \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643<\/p>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/customer-assets.emergentagent.com\/job_5227bd47-7de3-415d-8d54-8408c8b670ac\/artifacts\/sxzh9kdw_1.jpg\" alt=\"IDify JO\">\n <\/div>\n <div class=\"chat-messages\" id=\"chatMessages\">\n <div class=\"chat-message assistant\">\n \u0645\u0631\u062d\u0628\u0627\u064b! \ud83d\udc4b \u0623\u0646\u0627 \u0645\u0633\u0627\u0639\u062f IDify JO \u0627\u0644\u0630\u0643\u064a. \u0643\u064a\u0641 \u064a\u0645\u0643\u0646\u0646\u064a \u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0627\u0644\u064a\u0648\u0645\u061f\n <\/div>\n <\/div>\n <div class=\"chat-input-area\">\n <button class=\"chat-send\" onclick=\"sendChatMessage()\">\n <i data-lucide=\"send\" style=\"width: 16px; height: 16px;\"><\/i>\n <\/button>\n <input type=\"text\" class=\"chat-input\" placeholder=\"\u0627\u0643\u062a\u0628 \u0631\u0633\u0627\u0644\u062a\u0643...\" id=\"chatInput\" onkeypress=\"handleChatKeypress(event)\">\n <\/div>\n <\/div>\n <button class=\"chat-bubble\" onclick=\"toggleChat()\" id=\"chatBubble\">\n <i data-lucide=\"message-square\" id=\"chatIcon\"><\/i>\n <\/button>\n <\/div>\n\n <script>\n \/\/ Initialize Lucide icons\n lucide.createIcons();\n\n \/\/ Chat Widget Functions\n let chatOpen = false;\n\n function toggleChat() {\n chatOpen = !chatOpen;\n const chatWindow = document.getElementById('chatWindow');\n const chatIcon = document.getElementById('chatIcon');\n \n if (chatOpen) {\n chatWindow.classList.add('open');\n chatIcon.setAttribute('data-lucide', 'x');\n } else {\n chatWindow.classList.remove('open');\n chatIcon.setAttribute('data-lucide', 'message-square');\n }\n lucide.createIcons();\n }\n\n function handleChatKeypress(event) {\n if (event.key === 'Enter') {\n sendChatMessage();\n }\n }\n\n function sendChatMessage() {\n const input = document.getElementById('chatInput');\n const message = input.value.trim();\n \n if (!message) return;\n \n \/\/ Add user message\n const messagesDiv = document.getElementById('chatMessages');\n messagesDiv.innerHTML += `<div class=\"chat-message user\">${message}<\/div>`;\n input.value = '';\n \n \/\/ Auto response (for static HTML - opens WhatsApp for real conversation)\n setTimeout(() => {\n messagesDiv.innerHTML += `\n <div class=\"chat-message assistant\">\n \u0634\u0643\u0631\u0627\u064b \u0644\u062a\u0648\u0627\u0635\u0644\u0643! \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0631\u062f \u0641\u0648\u0631\u064a \u0648\u0645\u0633\u0627\u0639\u062f\u0629 \u0634\u062e\u0635\u064a\u0629\u060c \u064a\u0631\u062c\u0649 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628:\n <br><br>\n <a href=\"https:\/\/wa.me\/00962797933951?text=${encodeURIComponent(message)}\" target=\"_blank\" style=\"color: #25D366; text-decoration: underline;\">\u0627\u0636\u063a\u0637 \u0647\u0646\u0627 \u0644\u0644\u062a\u0648\u0627\u0635\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628<\/a>\n <\/div>\n `;\n messagesDiv.scrollTop = messagesDiv.scrollHeight;\n }, 1000);\n \n messagesDiv.scrollTop = messagesDiv.scrollHeight;\n }\n\n \/\/ Contact Form Handler\n document.getElementById('contactForm').addEventListener('submit', function(e) {\n e.preventDefault();\n \n const name = document.getElementById('name').value;\n const email = document.getElementById('email').value;\n const phone = document.getElementById('phone').value;\n const message = document.getElementById('message').value;\n \n const whatsappMessage = `\u0645\u0631\u062d\u0628\u0627\u064b\u060c \u0627\u0633\u0645\u064a ${name}\n\n\ud83d\udce7 \u0627\u0644\u0628\u0631\u064a\u062f: ${email}\n\ud83d\udcf1 \u0627\u0644\u0647\u0627\u062a\u0641: ${phone}\n\n\ud83d\udcac \u0627\u0644\u0631\u0633\u0627\u0644\u0629:\n${message}`;\n \n window.open(`https:\/\/wa.me\/00962797933951?text=${encodeURIComponent(whatsappMessage)}`, '_blank');\n });\n\n \/\/ Smooth scroll for navigation links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function(e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({ behavior: 'smooth' });\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>IDify JO – \u0647\u0648\u064a\u062a\u0643 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u0630\u0643\u064a\u0629 IDify JO \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0645\u0646 \u0646\u062d\u0646 \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u062d\u0644\u0648\u0644 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0644\u0644\u0623\u0639\u0645\u0627\u0644 IDify JO \u0647\u0648\u064a\u062a\u0643 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u0630\u0643\u064a\u0629 \u0631\u0648\u0628\u0648\u062a\u0627\u062a \u0627\u0644\u062f\u0631\u062f\u0634\u0629\u060c \u0627\u0644\u0648\u0643\u0644\u0627\u0621 \u0627\u0644\u0630\u0643\u064a\u064a\u0646\u060c \u0648\u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0639\u0645\u0644 \u0645\u0646 \u0623\u062c\u0644\u0643 \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0633\u0627\u0639\u0629 \u0627\u0628\u062f\u0623 \u0645\u0634\u0631\u0648\u0639\u0643 \u0627\u0644\u0622\u0646 \u0627\u0643\u062a\u0634\u0641 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 24\/7 \u0645\u062a\u0627\u062d \u0622\u0645\u0646 \u0648\u0645\u0648\u062b\u0648\u0642 \u0631\u062f\u0648\u062f \u0641\u0648\u0631\u064a\u0629 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u062d\u0644\u0648\u0644 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0628\u0646\u0627\u0621 \u0647\u0648\u064a\u062a\u0643 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u0630\u0643\u064a\u0629 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth.php","meta":{"footnotes":""},"class_list":["post-28","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/idifyjo.com\/index.php?rest_route=\/wp\/v2\/pages\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/idifyjo.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/idifyjo.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/idifyjo.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/idifyjo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=28"}],"version-history":[{"count":5,"href":"https:\/\/idifyjo.com\/index.php?rest_route=\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":40,"href":"https:\/\/idifyjo.com\/index.php?rest_route=\/wp\/v2\/pages\/28\/revisions\/40"}],"wp:attachment":[{"href":"https:\/\/idifyjo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}