{"id":4452,"date":"2025-11-04T18:24:04","date_gmt":"2025-11-04T15:24:04","guid":{"rendered":"https:\/\/www.ehr.sa\/?page_id=4452"},"modified":"2025-12-21T15:42:28","modified_gmt":"2025-12-21T12:42:28","slug":"%d8%ad%d9%84%d9%88%d9%84-%d9%85%d9%88%d8%a7%d8%b1%d8%af-%d8%a8%d8%b4%d8%b1%d9%8a%d8%a9-%d9%85%d8%aa%d9%83%d8%a7%d9%85%d9%84%d8%a9-%d9%84%d9%84%d8%b4%d8%b1%d9%83%d8%a7%d8%aa-%d9%81%d9%8a-%d8%a7%d9%84","status":"publish","type":"page","link":"https:\/\/www.ehr.sa\/ar\/%d8%ad%d9%84%d9%88%d9%84-%d9%85%d9%88%d8%a7%d8%b1%d8%af-%d8%a8%d8%b4%d8%b1%d9%8a%d8%a9-%d9%85%d8%aa%d9%83%d8%a7%d9%85%d9%84%d8%a9-%d9%84%d9%84%d8%b4%d8%b1%d9%83%d8%a7%d8%aa-%d9%81%d9%8a-%d8%a7%d9%84\/","title":{"rendered":"\u062d\u0644\u0648\u0644 \u0645\u0648\u0627\u0631\u062f \u0628\u0634\u0631\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n \u062e\u0628\u0631\u0627\u0621 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629 (eHR) \u2013 \u062a\u0639\u0647\u064a\u062f \u0648\u0625\u062f\u0627\u0631\u0629 \u0645\u0648\u0627\u0631\u062f \u0628\u0634\u0631\u064a\u0629 \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/title>\n <meta name=\"description\" content=\"\u062a\u0639\u0647\u064a\u062f \u0648\u0625\u062f\u0627\u0631\u0629 \u0645\u0648\u0627\u0631\u062f \u0628\u0634\u0631\u064a\u0629 \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629: \u062a\u0648\u0638\u064a\u0641\u060c \u0639\u0642\u0648\u062f\u060c \u0631\u0648\u0627\u062a\u0628\u060c \u062d\u0636\u0648\u0631 \u0648\u0627\u0646\u0635\u0631\u0627\u0641\u060c \u0623\u0646\u0638\u0645\u0629 HR\u060c \u0648\u0625\u062f\u0627\u0631\u0629 \u0623\u062f\u0627\u0621 \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646 \u0628\u0634\u0643\u0644 \u0645\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0646\u0638\u0627\u0645 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0633\u0639\u0648\u062f\u064a.\">\n <!-- Tailwind -->\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <!-- Arabic font (Tajawal) -->\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800;900&display=swap\" rel=\"stylesheet\">\n <style>\n :root{\n --brand:#0f0d49;\n --brand-2:#3c2cee;\n --ink:#0f172a;\n --bg:#f8fafc;\n }\n\n html{\n scroll-behavior:smooth;\n direction: rtl;\n }\n\n body{\n font-family:'Tajawal', ui-sans-serif, system-ui, -apple-system, Segoe UI, Arial;\n background-color: var(--bg);\n color: var(--ink);\n text-align: right;\n }\n\n .container{max-width:1100px}\n\n \/* \u0643\u0644 \u062d\u0642\u0648\u0644 \u0627\u0644\u0625\u062f\u062e\u0627\u0644 \u064a\u0645\u064a\u0646 \u0648 RTL *\/\n select,\n input,\n textarea {\n outline: none;\n direction: rtl;\n text-align: right;\n }\n\n .phone-wrap input{ height:44px }\n <\/style>\n<\/head>\n<body data-rsssl=1 data-rsssl=1>\n\n <!-- Header -->\n <header class=\"bg-white\/90 backdrop-blur sticky top-0 z-40 border-b border-slate-200\">\n <div class=\"container mx-auto px-4 py-3 flex items-center justify-between\">\n <div class=\"flex items-center gap-2\">\n <img decoding=\"async\" src=\"https:\/\/www.ehr.sa\/wp-content\/uploads\/2023\/10\/xx-e1698259348633.webp\"\n alt=\"eHR Logo\"\n class=\"w-10 h-10 rounded-md object-contain bg-white border border-slate-200\" \/>\n <div class=\"font-extrabold text-base md:text-lg\">\u062e\u0628\u0631\u0627\u0621 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629 (eHR)<\/div>\n <\/div>\n <nav class=\"hidden md:flex items-center gap-5 text-sm\">\n <a href=\"#challenges\" class=\"hover:text-[var(--brand)]\">\u0627\u0644\u062a\u062d\u062f\u064a\u0627\u062a<\/a>\n <a href=\"#services\" class=\"hover:text-[var(--brand)]\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a>\n <a href=\"#value\" class=\"hover:text-[var(--brand)]\">\u0627\u0644\u0642\u064a\u0645\u0629<\/a>\n <a href=\"#why\" class=\"hover:text-[var(--brand)]\">\u0645\u0645\u064a\u0632\u0627\u062a\u0646\u0627<\/a>\n <a href=\"#steps\" class=\"hover:text-[var(--brand)]\">\u0627\u0644\u062e\u0637\u0648\u0627\u062a<\/a>\n <a href=\"#testimonials\" class=\"hover:text-[var(--brand)]\">\u062a\u062c\u0627\u0631\u0628 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/a>\n <a href=\"#faq\" class=\"hover:text-[var(--brand)]\">FAQ<\/a>\n <a href=\"#contact\" class=\"hover:text-[var(--brand)]\">\u062a\u0648\u0627\u0635\u0644<\/a>\n <\/nav>\n <a href=\"#heroForm\" class=\"px-4 py-2 rounded-xl bg-[var(--brand)] hover:bg-[var(--brand-2)] text-white text-xs md:text-sm\">\n \u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629\n <\/a>\n <\/div>\n <\/header>\n\n <!-- HERO -->\n <section class=\"bg-gradient-to-b from-white to-slate-100\">\n <div class=\"container mx-auto px-4 py-12 md:py-16 grid md:grid-cols-2 gap-8 items-center\">\n <!-- \u0646\u0635 \u0627\u0644\u0647\u064a\u0631\u0648 -->\n <div>\n <h1 class=\"text-2xl md:text-4xl font-extrabold leading-[1.3] mb-4\">\n \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644\u2026 \u0628\u062f\u0648\u0646 \u0645\u0627 \u062a\u0648\u0638\u0651\u0641 \u0641\u0631\u064a\u0642 HR \u062f\u0627\u062e\u0644\u064a\n <\/h1>\n <p class=\"text-slate-600 mb-5 leading-8 text-sm md:text-base\">\n \u0646\u0639\u0637\u064a\u0643 \u0641\u0631\u064a\u0642 \u0645\u0648\u0627\u0631\u062f \u0628\u0634\u0631\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644 \u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062a\u0648\u0638\u064a\u0641\u060c \u0627\u0644\u0639\u0642\u0648\u062f\u060c \u0627\u0644\u0631\u0648\u0627\u062a\u0628\u060c \u0627\u0644\u062d\u0636\u0648\u0631 \u0648\u0627\u0644\u0627\u0646\u0635\u0631\u0627\u0641\u060c \u0648\u0633\u064a\u0627\u0633\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u2026\n <span class=\"font-semibold\">\u0628\u0634\u0643\u0644 \u0645\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0646\u0638\u0627\u0645 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0633\u0639\u0648\u062f\u064a \u0648\u0644\u0627\u0626\u062d\u0629 \u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a<\/span>\n \u0648\u0628\u062a\u0643\u0644\u0641\u0629 \u0634\u0647\u0631\u064a\u0629 \u062b\u0627\u0628\u062a\u0629.\n <\/p>\n <ul class=\"text-slate-700 space-y-2 text-sm md:text-base mb-6\">\n <li class=\"flex items-start gap-2\">\n <span class=\"mt-1\">\u2705<\/span>\n <span>\u062a\u0639\u0647\u064a\u062f \u0643\u0627\u0645\u0644 \u0623\u0648 \u062c\u0632\u0626\u064a \u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629 \u0628\u062f\u0648\u0646 \u0623\u0639\u0628\u0627\u0621 \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0627\u0644\u062f\u0627\u062e\u0644\u064a.<\/span>\n <\/li>\n <li class=\"flex items-start gap-2\">\n <span class=\"mt-1\">\u2705<\/span>\n <span>\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0631\u0648\u0627\u062a\u0628 \u0648\u0627\u0644\u062d\u0636\u0648\u0631 \u0628\u0634\u0643\u0644 \u0646\u0638\u0627\u0645\u064a \u0648\u0645\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0627\u0644\u0644\u0648\u0627\u0626\u062d \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629.<\/span>\n <\/li>\n <li class=\"flex items-start gap-2\">\n <span class=\"mt-1\">\u2705<\/span>\n <span>\u062e\u0637\u0637 \u0645\u0631\u0646\u0629 \u0645\u0639 \u062a\u0642\u0627\u0631\u064a\u0631 \u0623\u062f\u0627\u0621 \u0634\u0647\u0631\u064a\u0629 \u0648\u0627\u0636\u062d\u0629 \u0644\u0644\u0625\u062f\u0627\u0631\u0629.<\/span>\n <\/li>\n <\/ul>\n <div class=\"flex flex-wrap gap-3\">\n <a href=\"#heroForm\" class=\"px-5 py-3 rounded-xl bg-[var(--brand)] hover:bg-[var(--brand-2)] text-white text-sm md:text-base\">\n \u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0627\u0644\u0622\u0646\n <\/a>\n <a href=\"#services\" class=\"px-5 py-3 rounded-xl border border-slate-300 hover:bg-white text-sm md:text-base\">\n \u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u062e\u062f\u0645\u0627\u062a\n <\/a>\n <!-- \u062a\u0645 \u062d\u0630\u0641 \u0632\u0631 \u0648\u0627\u062a\u0633\u0627\u0628 \u0645\u0646 \u0627\u0644\u0647\u064a\u0631\u0648 -->\n <\/div>\n <p class=\"text-xs text-slate-500 mt-4\">\n \u062f\u0639\u0645 \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u062f\u0627\u062e\u0644 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u2013 \u0623\u0648\u0646\u0644\u0627\u064a\u0646 \u0623\u0648 \u062d\u0636\u0648\u0631\u064a\u0627\u064b \u062d\u0633\u0628 \u0627\u0644\u0627\u062a\u0641\u0627\u0642.\n <\/p>\n <\/div>\n\n <!-- Lead Form -->\n <div class=\"bg-white rounded-2xl shadow p-6 border border-slate-200\">\n <h3 class=\"font-bold text-lg mb-2\">\u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u0644\u062a\u0642\u064a\u064a\u0645 \u0648\u0636\u0639 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629<\/h3>\n <p class=\"text-sm text-slate-600 mb-4\">\n \u0623\u0631\u0633\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0645\u0646\u0634\u0623\u062a\u0643 \u0648\u0633\u0646\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0644\u0627\u0642\u062a\u0631\u0627\u062d \u0623\u0641\u0636\u0644 \u0646\u0645\u0648\u0630\u062c \u062a\u0639\u0647\u064a\u062f \u064a\u0646\u0627\u0633\u0628 \u062d\u062c\u0645 \u0627\u0644\u0634\u0631\u0643\u0629 \u0648\u0645\u064a\u0632\u0627\u0646\u064a\u062a\u0643.\n <\/p>\n\n <form id=\"heroForm\" class=\"space-y-3\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-3\">\n <div>\n <label class=\"block text-sm mb-1\">\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0623\u0648\u0644<span class=\"text-red-500\">*<\/span><\/label>\n <input name=\"first_name\" required class=\"w-full rounded-xl border border-slate-300 px-3 py-2 text-sm\" placeholder=\"\u0645\u062b\u0627\u0644: \u0623\u062d\u0645\u062f\">\n <\/div>\n <div>\n <label class=\"block text-sm mb-1\">\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u062b\u0627\u0646\u064a<span class=\"text-red-500\">*<\/span><\/label>\n <input name=\"last_name\" required class=\"w-full rounded-xl border border-slate-300 px-3 py-2 text-sm\" placeholder=\"\u0645\u062b\u0627\u0644: \u0627\u0644\u0639\u062a\u064a\u0628\u064a\">\n <\/div>\n <\/div>\n\n <div>\n <label class=\"block text-sm mb-1\">\u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644<span class=\"text-red-500\">*<\/span><\/label>\n <div class=\"phone-wrap flex items-stretch\">\n <input class=\"w-full rounded-xl border border-slate-300 px-3 py-2 text-sm\"\n inputmode=\"tel\" pattern=\"\\d{8,12}\" required\n name=\"phone\" placeholder=\"05XXXXXXXX\">\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-3\">\n <div>\n <label class=\"block text-sm mb-1\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<span class=\"text-red-500\">*<\/span><\/label>\n <input type=\"email\" name=\"email\" required class=\"w-full rounded-xl border border-slate-300 px-3 py-2 text-sm\" placeholder=\"you@example.com\">\n <\/div>\n <div>\n <label class=\"block text-sm mb-1\">\u0627\u0633\u0645 \u0627\u0644\u0645\u0646\u0634\u0623\u0629<span class=\"text-red-500\">*<\/span><\/label>\n <input name=\"company\" required class=\"w-full rounded-xl border border-slate-300 px-3 py-2 text-sm\" placeholder=\"\u0627\u0633\u0645 \u0627\u0644\u0634\u0631\u0643\u0629\/\u0627\u0644\u0645\u0624\u0633\u0633\u0629\">\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-3\">\n <div>\n <label class=\"block text-sm mb-1\">\u0646\u0634\u0627\u0637 \u0627\u0644\u0645\u0624\u0633\u0633\u0629<span class=\"text-red-500\">*<\/span><\/label>\n <select name=\"industry\" required class=\"w-full rounded-xl border border-slate-300 px-3 py-2 text-sm\">\n <option value=\"\">\u0627\u062e\u062a\u0631 \u0646\u0634\u0627\u0637 \u0627\u0644\u0645\u0624\u0633\u0633\u0629<\/option>\n <option>\u062a\u062c\u0627\u0631\u0629 \u0627\u0644\u062c\u0645\u0644\u0629 \u0648\u0627\u0644\u062a\u062c\u0632\u0626\u0629<\/option>\n <option>\u0627\u0644\u0635\u0646\u0627\u0639\u0629 \u0648\u0627\u0644\u062a\u0635\u0646\u064a\u0639<\/option>\n <option>\u0627\u0644\u0645\u0642\u0627\u0648\u0644\u0627\u062a \u0648\u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a<\/option>\n <option>\u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0648\u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a<\/option>\n <option>\u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0648\u0627\u0644\u062a\u062f\u0631\u064a\u0628<\/option>\n <option>\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u0637\u0628\u064a \u0648\u0627\u0644\u0635\u062d\u064a<\/option>\n <option>\u0627\u0644\u0645\u0637\u0627\u0639\u0645 \u0648\u0627\u0644\u0645\u0642\u0627\u0647\u064a<\/option>\n <option>\u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0627\u062a \u0648\u0627\u0644\u0646\u0642\u0644<\/option>\n <option>\u062e\u062f\u0645\u0627\u062a \u0627\u0633\u062a\u0634\u0627\u0631\u064a\u0629<\/option>\n <option>\u0623\u062e\u0631\u0649<\/option>\n <\/select>\n <\/div>\n <div>\n <label class=\"block text-sm mb-1\">\u0646\u0648\u0639 \u0627\u0644\u0642\u0637\u0627\u0639<span class=\"text-red-500\">*<\/span><\/label>\n <select name=\"sector\" required class=\"w-full rounded-xl border border-slate-300 px-3 py-2 text-sm\">\n <option value=\"\">\u0627\u062e\u062a\u0631 \u0646\u0648\u0639 \u0627\u0644\u0642\u0637\u0627\u0639<\/option>\n <option>\u062d\u0643\u0648\u0645\u064a<\/option>\n <option>\u062e\u0627\u0635<\/option>\n <option>\u063a\u064a\u0631 \u0631\u0628\u062d\u064a<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-3\">\n <div>\n <label class=\"block text-sm mb-1\">\u0639\u062f\u062f \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646<span class=\"text-red-500\">*<\/span><\/label>\n <select name=\"employees\" required class=\"w-full rounded-xl border border-slate-300 px-3 py-2 text-sm\">\n <option value=\"\">\u0627\u062e\u062a\u0631 \u0639\u062f\u062f \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646<\/option>\n <option>\u0623\u0642\u0644 \u0645\u0646 20<\/option>\n <option>\u0645\u0646 20 \u0625\u0644\u0649 50<\/option>\n <option>\u0645\u0646 51 \u0625\u0644\u0649 200<\/option>\n <option>\u0623\u0643\u062b\u0631 \u0645\u0646 200<\/option>\n <\/select>\n <\/div>\n <div>\n <label class=\"block text-sm mb-1\">\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0633\u0646\u0648\u064a\u0629 \u0627\u0644\u062d\u0627\u0644\u064a\u0629 \u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629<span class=\"text-red-500\">*<\/span><\/label>\n <input name=\"hr_budget\" required class=\"w-full rounded-xl border border-slate-300 px-3 py-2 text-sm\" placeholder=\"\u0645\u062b\u0627\u0644: 120,000 \u0631\u064a\u0627\u0644 \u0633\u0646\u0648\u064a\u0627\u064b\">\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-3\">\n <div>\n <label class=\"block text-sm mb-1\">\u0647\u0644 \u0644\u062f\u064a\u0643 \u0641\u0631\u064a\u0642 \u0645\u0648\u0627\u0631\u062f \u0628\u0634\u0631\u064a\u0629\u061f<span class=\"text-red-500\">*<\/span><\/label>\n <div class=\"flex items-center gap-4 text-xs text-slate-700 mt-1\">\n <label class=\"flex items-center gap-1\"><input type=\"radio\" name=\"has_hr_team\" value=\"\u0646\u0639\u0645\" required> \u0646\u0639\u0645<\/label>\n <label class=\"flex items-center gap-1\"><input type=\"radio\" name=\"has_hr_team\" value=\"\u0644\u0627\"> \u0644\u0627<\/label>\n <\/div>\n <\/div>\n <div>\n <label class=\"block text-sm mb-1\">\u0647\u0644 \u0644\u062f\u064a\u0643 \u0646\u0638\u0627\u0645 \u0625\u062f\u0627\u0631\u0629 \u0645\u0648\u0627\u0631\u062f \u0628\u0634\u0631\u064a\u0629\u061f<span class=\"text-red-500\">*<\/span><\/label>\n <div class=\"flex items-center gap-4 text-xs text-slate-700 mt-1\">\n <label class=\"flex items-center gap-1\"><input type=\"radio\" name=\"has_hr_system\" value=\"\u0646\u0639\u0645\" required> \u0646\u0639\u0645<\/label>\n <label class=\"flex items-center gap-1\"><input type=\"radio\" name=\"has_hr_system\" value=\"\u0644\u0627\"> \u0644\u0627<\/label>\n <\/div>\n <\/div>\n <\/div>\n\n <div>\n <label class=\"block text-sm mb-1\">\u0623\u0647\u0645 \u0627\u0644\u062a\u062d\u062f\u064a\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u064a\u0629 (\u0627\u062e\u062a\u064a\u0627\u0631\u064a)<\/label>\n <textarea name=\"notes\" rows=\"3\" class=\"w-full rounded-xl border border-slate-300 px-3 py-2 text-sm\" placeholder=\"\u0645\u062b\u0627\u0644: \u0645\u0639\u062f\u0644 \u062f\u0648\u0631\u0627\u0646 \u0639\u0627\u0644\u064a\u060c \u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u062a\u0632\u0627\u0645\u060c \u0635\u0639\u0648\u0628\u0629 \u0641\u064a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0631\u0648\u0627\u062a\u0628...\"><\/textarea>\n <\/div>\n\n <label class=\"flex items-start gap-2 text-xs text-slate-600\">\n <input type=\"checkbox\" required class=\"mt-1\">\n <span>\u0623\u0648\u0627\u0641\u0642 \u0639\u0644\u0649 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u064a \u0645\u0646 \u0642\u0628\u0644 \u0641\u0631\u064a\u0642 \u062e\u0628\u0631\u0627\u0621 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629 (eHR) \u0628\u062e\u0635\u0648\u0635 \u062e\u062f\u0645\u0627\u062a \u0625\u062f\u0627\u0631\u0629 \u0648\u062a\u0639\u0647\u064a\u062f \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629.<\/span>\n <\/label>\n\n <button type=\"submit\" class=\"w-full bg-[var(--brand)] hover:bg-[var(--brand-2)] text-white rounded-xl py-3 text-sm\">\n \u0625\u0631\u0633\u0627\u0644\n <\/button>\n <p class=\"text-xs text-slate-500 mt-1\">\n \u0633\u064a\u062a\u0645 \u0627\u0633\u062a\u0644\u0627\u0645 \u0637\u0644\u0628\u0643 \u0648\u0633\u0646\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0642\u0631\u064a\u0628\u064b\u0627.\n <\/p>\n <\/form>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u0627\u0644\u062a\u062d\u062f\u064a\u0627\u062a -->\n <section id=\"challenges\" class=\"py-12 bg-white border-b border-slate-200\">\n <div class=\"container mx-auto px-4\">\n <h2 class=\"text-2xl md:text-3xl font-extrabold mb-3\">\n \u0647\u0644 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629 \u062a\u0633\u062a\u0647\u0644\u0643 \u0648\u0642\u062a\u0643 \u0648\u0645\u064a\u0632\u0627\u0646\u064a\u062a\u0643\u061f\n <\/h2>\n <p class=\"text-slate-600 mb-4 text-sm md:text-base\">\n \u0643\u062b\u064a\u0631 \u0645\u0646 \u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u064a\u0642\u0636\u0648\u0646 \u0648\u0642\u062a \u0643\u0628\u064a\u0631 \u0641\u064a \u0645\u062a\u0627\u0628\u0639\u0629 \u0634\u0624\u0648\u0646 \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646 \u0628\u062f\u0644 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0627\u0644\u0646\u0645\u0648\u060c \u0645\u0639 \u0645\u062e\u0627\u0648\u0641 \u0645\u0633\u062a\u0645\u0631\u0629 \u0645\u0646 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0627\u0644\u0646\u0638\u0627\u0645\u064a\u0629 \u0623\u0648 \u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u0631\u0648\u0627\u062a\u0628.\n <\/p>\n <ul class=\"list-disc pr-5 space-y-2 text-sm md:text-base text-slate-700\">\n <li>\u0635\u0639\u0648\u0628\u0629 \u062c\u0630\u0628 \u0627\u0644\u0643\u0641\u0627\u0621\u0627\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0648\u0627\u0631\u062a\u0641\u0627\u0639 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u062a\u0648\u0638\u064a\u0641.<\/li>\n <li>\u0623\u062e\u0637\u0627\u0621 \u0641\u064a \u0627\u0644\u0631\u0648\u0627\u062a\u0628 \u0623\u0648 \u0627\u0644\u062d\u0636\u0648\u0631 \u062a\u0624\u062f\u064a \u0644\u062a\u0638\u0644\u0645\u0627\u062a \u0648\u0645\u0634\u0627\u0643\u0644 \u0642\u0627\u0646\u0648\u0646\u064a\u0629.<\/li>\n <li>\u063a\u064a\u0627\u0628 \u0633\u064a\u0627\u0633\u0627\u062a \u0648\u0627\u0636\u062d\u0629 \u0644\u0644\u0627\u0646\u0636\u0628\u0627\u0637 \u0648\u0627\u0644\u0645\u0643\u0627\u0641\u0622\u062a.<\/li>\n <li>\u0648\u0642\u062a \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u064a\u0636\u064a\u0639 \u0628\u064a\u0646 \u0645\u0648\u0638\u0641 \u064a\u0634\u062a\u0643\u064a \u0648\u0622\u062e\u0631 \u064a\u0637\u0644\u0628 \u0625\u062c\u0627\u0632\u0629 \u0648\u062b\u0627\u0644\u062b \u0639\u0646\u062f\u0647 \u0645\u0634\u0643\u0644\u0629 \u0641\u064a \u0627\u0644\u0631\u0627\u062a\u0628.<\/li>\n <\/ul>\n <\/div>\n <\/section>\n\n <!-- SERVICES -->\n <section id=\"services\" class=\"py-12\">\n <div class=\"container mx-auto px-4\">\n <h2 class=\"text-2xl md:text-3xl font-extrabold mb-2\">\n \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0641\u064a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629\n <\/h2>\n <p class=\"text-slate-600 mb-6 text-sm md:text-base\">\n \u062d\u0644\u0648\u0644 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0625\u062f\u0627\u0631\u0629 \u0631\u0623\u0633 \u0627\u0644\u0645\u0627\u0644 \u0627\u0644\u0628\u0634\u0631\u064a \u0641\u064a \u0645\u0646\u0634\u0623\u062a\u0643\u2026 \u0645\u0646 \u0623\u0648\u0644 \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0648\u062d\u062a\u0649 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u062f\u0627\u0621 \u0648\u0627\u0644\u062e\u0631\u0648\u062c \u0645\u0646 \u0627\u0644\u062e\u062f\u0645\u0629.\n <\/p>\n\n <div class=\"grid md:grid-cols-3 gap-4\">\n <!-- \u062e\u062f\u0645\u0629 1 -->\n <div class=\"bg-white rounded-2xl border border-slate-200 p-5 shadow-sm flex flex-col justify-between\">\n <div>\n <h3 class=\"font-bold mb-2 text-sm md:text-base\">\u062a\u0639\u0647\u064a\u062f \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629<\/h3>\n <p class=\"text-sm text-slate-600\">\n \u0625\u062f\u0627\u0631\u0629 \u0645\u0644\u0641\u0627\u062a \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646\u060c \u0627\u0644\u0639\u0642\u0648\u062f\u060c \u0627\u0644\u0633\u064a\u0627\u0633\u0627\u062a \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629\u060c \u0627\u0644\u0625\u062c\u0627\u0632\u0627\u062a\u060c \u0648\u0627\u0644\u0627\u0646\u0636\u0628\u0627\u0637\u2026 \u0628\u0641\u0631\u064a\u0642 \u0645\u062e\u062a\u0635 \u064a\u062a\u0627\u0628\u0639 \u0645\u0639\u0643 \u0628\u0634\u0643\u0644 \u0645\u0633\u062a\u0645\u0631.\n <\/p>\n <\/div>\n <div class=\"mt-4 flex gap-2\">\n <a href=\"#heroForm\" class=\"px-4 py-2 rounded-xl bg-[var(--brand)] hover:bg-[var(--brand-2)] text-white text-xs md:text-sm\">\n \u0627\u0645\u0644\u0623 \u0627\u0644\u0641\u0648\u0631\u0645\n <\/a>\n <\/div>\n <\/div>\n\n <!-- \u062e\u062f\u0645\u0629 2 -->\n <div class=\"bg-white rounded-2xl border border-slate-200 p-5 shadow-sm flex flex-col justify-between\">\n <div>\n <h3 class=\"font-bold mb-2 text-sm md:text-base\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0631\u0648\u0627\u062a\u0628 \u0648\u0627\u0644\u062d\u0636\u0648\u0631<\/h3>\n <p class=\"text-sm text-slate-600\">\n \u0627\u062d\u062a\u0633\u0627\u0628 \u0627\u0644\u0631\u0648\u0627\u062a\u0628 \u0634\u0647\u0631\u064a\u064b\u0627\u060c \u0631\u0628\u0637\u0647\u0627 \u0628\u0627\u0644\u062d\u0636\u0648\u0631 \u0648\u0627\u0644\u0627\u0646\u0635\u0631\u0627\u0641\u060c \u0627\u062d\u062a\u0633\u0627\u0628 \u0627\u0644\u0628\u062f\u0644\u0627\u062a \u0648\u0627\u0644\u0627\u0633\u062a\u0642\u0637\u0627\u0639\u0627\u062a\u060c \u0648\u062a\u062c\u0647\u064a\u0632 \u062a\u0642\u0627\u0631\u064a\u0631 \u062c\u0627\u0647\u0632\u0629 \u0644\u0644\u0645\u062d\u0627\u0633\u0628\u0629.\n <\/p>\n <\/div>\n <div class=\"mt-4 flex gap-2\">\n <a href=\"#heroForm\" class=\"px-4 py-2 rounded-xl bg-[var(--brand)] hover:bg-[var(--brand-2)] text-white text-xs md:text-sm\">\n \u0627\u0645\u0644\u0623 \u0627\u0644\u0641\u0648\u0631\u0645\n <\/a>\n <\/div>\n <\/div>\n\n <!-- \u062e\u062f\u0645\u0629 3 -->\n <div class=\"bg-white rounded-2xl border border-slate-200 p-5 shadow-sm flex flex-col justify-between\">\n <div>\n <h3 class=\"font-bold mb-2 text-sm md:text-base\">\u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0648\u0627\u0644\u0627\u0633\u062a\u0642\u0637\u0627\u0628<\/h3>\n <p class=\"text-sm text-slate-600\">\n \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c \u0627\u0644\u0648\u0638\u064a\u0641\u064a\u060c \u0635\u064a\u0627\u063a\u0629 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a\u060c \u0641\u0631\u0632 \u0627\u0644\u0633\u064a\u0631 \u0627\u0644\u0630\u0627\u062a\u064a\u0629\u060c \u0645\u0642\u0627\u0628\u0644\u0627\u062a \u0623\u0648\u0644\u064a\u0629\u060c \u0648\u062a\u0631\u0634\u064a\u062d \u0623\u0641\u0636\u0644 \u0627\u0644\u0643\u0641\u0627\u0621\u0627\u062a.\n <\/p>\n <\/div>\n <div class=\"mt-4 flex gap-2\">\n <a href=\"#heroForm\" class=\"px-4 py-2 rounded-xl bg-[var(--brand)] hover:bg-[var(--brand-2)] text-white text-xs md:text-sm\">\n \u0627\u0645\u0644\u0623 \u0627\u0644\u0641\u0648\u0631\u0645\n <\/a>\n <\/div>\n <\/div>\n\n <!-- \u062e\u062f\u0645\u0629 4 -->\n <div class=\"bg-white rounded-2xl border border-slate-200 p-5 shadow-sm flex flex-col justify-between\">\n <div>\n <h3 class=\"font-bold mb-2 text-sm md:text-base\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u062f\u0627\u0621 \u0648\u0627\u0644\u0633\u064a\u0627\u0633\u0627\u062a<\/h3>\n <p class=\"text-sm text-slate-600\">\n \u0623\u0646\u0638\u0645\u0629 \u062a\u0642\u064a\u064a\u0645 \u0623\u062f\u0627\u0621\u060c \u0623\u0647\u062f\u0627\u0641 \u0648\u0645\u0624\u0634\u0631\u0627\u062a\u060c \u0644\u0648\u0627\u0626\u062d \u062c\u0632\u0627\u0621\u0627\u062a \u0648\u0645\u0643\u0627\u0641\u0622\u062a\u060c \u0648\u0633\u064a\u0627\u0633\u0627\u062a \u0639\u0645\u0644 \u0648\u0627\u0636\u062d\u0629 \u062a\u0642\u0644\u0644 \u0627\u0644\u0646\u0632\u0627\u0639\u0627\u062a \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629.\n <\/p>\n <\/div>\n <div class=\"mt-4 flex gap-2\">\n <a href=\"#heroForm\" class=\"px-4 py-2 rounded-xl bg-[var(--brand)] hover:bg-[var(--brand-2)] text-white text-xs md:text-sm\">\n \u0627\u0645\u0644\u0623 \u0627\u0644\u0641\u0648\u0631\u0645\n <\/a>\n <\/div>\n <\/div>\n\n <!-- \u062e\u062f\u0645\u0629 5 -->\n <div class=\"bg-white rounded-2xl border border-slate-200 p-5 shadow-sm flex flex-col justify-between\">\n <div>\n <h3 class=\"font-bold mb-2 text-sm md:text-base\">\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0646\u0638\u0627\u0645 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0633\u0639\u0648\u062f\u064a<\/h3>\n <p class=\"text-sm text-slate-600\">\n \u0645\u0648\u0627\u0621\u0645\u0629 \u0627\u0644\u0639\u0642\u0648\u062f \u0648\u0627\u0644\u0633\u064a\u0627\u0633\u0627\u062a \u0645\u0639 \u0646\u0638\u0627\u0645 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u060c \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0648\u0627\u0644\u063a\u0631\u0627\u0645\u0627\u062a \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u0629.\n <\/p>\n <\/div>\n <div class=\"mt-4 flex gap-2\">\n <a href=\"#heroForm\" class=\"px-4 py-2 rounded-xl bg-[var(--brand)] hover:bg-[var(--brand-2)] text-white text-xs md:text-sm\">\n \u0627\u0645\u0644\u0623 \u0627\u0644\u0641\u0648\u0631\u0645\n <\/a>\n <\/div>\n <\/div>\n\n <!-- \u062e\u062f\u0645\u0629 6 -->\n <div class=\"bg-white rounded-2xl border border-slate-200 p-5 shadow-sm flex flex-col justify-between\">\n <div>\n <h3 class=\"font-bold mb-2 text-sm md:text-base\">\u062d\u0644\u0648\u0644 \u0645\u062e\u0635\u0635\u0629 \u062d\u0633\u0628 \u062d\u062c\u0645 \u0627\u0644\u0645\u0646\u0634\u0623\u0629<\/h3>\n <p class=\"text-sm text-slate-600\">\n \u0628\u0627\u0642\u0627\u062a \u0645\u0631\u0646\u0629 \u0644\u0644\u0645\u0646\u0634\u0622\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 \u0648\u0627\u0644\u0645\u062a\u0648\u0633\u0637\u0629 \u0648\u0627\u0644\u0643\u0628\u064a\u0631\u0629\u060c \u0645\u0639 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0628\u062f\u0621 \u0628\u062e\u062f\u0645\u0629 \u0648\u0627\u062d\u062f\u0629 \u0648\u0627\u0644\u062a\u0648\u0633\u0639 \u062a\u062f\u0631\u064a\u062c\u064a\u064b\u0627.\n <\/p>\n <\/div>\n <div class=\"mt-4 flex gap-2\">\n <a href=\"#heroForm\" class=\"px-4 py-2 rounded-xl bg-[var(--brand)] hover:bg-[var(--brand-2)] text-white text-xs md:text-sm\">\n \u0627\u0645\u0644\u0623 \u0627\u0644\u0641\u0648\u0631\u0645\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u0627\u0644\u0642\u064a\u0645\u0629 -->\n <section id=\"value\" class=\"py-12 bg-white border-y border-slate-200\">\n <div class=\"container mx-auto px-4\">\n <h2 class=\"text-2xl md:text-3xl font-extrabold mb-4\">\n \u0644\u0645\u0627\u0630\u0627 \u062a\u0639\u0647\u064a\u062f \u0627\u0644\u0640 HR \u0623\u0648\u0641\u0631 \u0645\u0646 \u0641\u0631\u064a\u0642 \u062f\u0627\u062e\u0644\u064a\u061f\n <\/h2>\n <div class=\"grid md:grid-cols-2 gap-4\">\n <div class=\"bg-slate-50 rounded-2xl border border-slate-200 p-5\">\n <h3 class=\"font-bold mb-2 text-sm md:text-base\">\u0641\u0631\u064a\u0642 HR \u062f\u0627\u062e\u0644\u064a<\/h3>\n <ul class=\"list-disc pr-5 space-y-2 text-sm text-slate-700\">\n <li>\u0631\u0648\u0627\u062a\u0628 \u0634\u0647\u0631\u064a\u0629 \u0639\u0627\u0644\u064a\u0629 + \u0628\u062f\u0644\u0627\u062a + \u062a\u0623\u0645\u064a\u0646\u0627\u062a.<\/li>\n <li>\u062a\u062d\u062f\u064a \u0641\u064a \u0627\u0633\u062a\u0642\u0637\u0627\u0628 \u062e\u0628\u0631\u0627\u062a \u0642\u0648\u064a\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u062a\u062e\u0635\u0635\u0627\u062a \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629.<\/li>\n <li>\u062d\u0627\u062c\u0629 \u062f\u0627\u0626\u0645\u0629 \u0644\u0644\u062a\u062f\u0631\u064a\u0628 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631.<\/li>\n <li>\u0635\u0639\u0648\u0628\u0629 \u062a\u0639\u0648\u064a\u0636 \u063a\u064a\u0627\u0628 \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646 \u0623\u0648 \u062f\u0648\u0631\u0627\u0646\u0647\u0645.<\/li>\n <\/ul>\n <\/div>\n <div class=\"bg-slate-50 rounded-2xl border border-slate-200 p-5\">\n <h3 class=\"font-bold mb-2 text-sm md:text-base\">\u0645\u0639 eHR (\u062a\u0639\u0647\u064a\u062f \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629)<\/h3>\n <ul class=\"list-disc pr-5 space-y-2 text-sm text-slate-700\">\n <li>\u062a\u0643\u0644\u0641\u0629 \u0634\u0647\u0631\u064a\u0629 \u0648\u0627\u0636\u062d\u0629 \u0628\u062f\u0648\u0646 \u0645\u0641\u0627\u062c\u0622\u062a.<\/li>\n <li>\u0641\u0631\u064a\u0642 \u0645\u062a\u0643\u0627\u0645\u0644 \u0628\u062e\u0628\u0631\u0627\u062a \u0645\u062a\u0646\u0648\u0639\u0629 \u0648\u0645\u062a\u062e\u0635\u0635\u0629.<\/li>\n <li>\u0627\u062a\u0641\u0627\u0642\u064a\u0629 \u0645\u0633\u062a\u0648\u0649 \u062e\u062f\u0645\u0629 \u0645\u0643\u062a\u0648\u0628\u0629 (SLA) \u0648\u0623\u0647\u062f\u0627\u0641 \u0623\u062f\u0627\u0621 \u0648\u0627\u0636\u062d\u0629.<\/li>\n <li>\u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u062a\u0648\u0633\u0639\u0629 \u0623\u0648 \u062a\u0642\u0644\u064a\u0635 \u0646\u0637\u0627\u0642 \u0627\u0644\u062e\u062f\u0645\u0629 \u0628\u0633\u0647\u0648\u0644\u0629.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <!-- SLA Box -->\n <div class=\"mt-6 bg-indigo-50 border border-indigo-100 rounded-2xl p-4 flex items-center justify-between gap-4\">\n <div>\n <h3 class=\"font-bold text-sm md:text-base mb-1\">\u0627\u062a\u0641\u0627\u0642\u064a\u0629 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u062e\u062f\u0645\u0629 (SLA)<\/h3>\n <p class=\"text-xs md:text-sm text-slate-700\">\n \u0644\u0644\u0627\u0637\u0644\u0627\u0639 \u0639\u0644\u0649 \u062a\u0641\u0627\u0635\u064a\u0644 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u062e\u062f\u0645\u0629 \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645\u0627\u062a \u0627\u0644\u0645\u062a\u0628\u0627\u062f\u0644\u0629\u060c \u064a\u0645\u0643\u0646\u0643 \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u062a\u0641\u0627\u0642\u064a\u0629 \u0627\u0644\u0640 SLA \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0640 eHR.\n <\/p>\n <\/div>\n <a href=\"https:\/\/www.ehr.sa\/sla\/\" target=\"_blank\"\n class=\"px-4 py-2 rounded-xl bg-[var(--brand)] hover:bg-[var(--brand-2)] text-white text-xs md:text-sm whitespace-nowrap\">\n \u0639\u0631\u0636 \u0627\u062a\u0641\u0627\u0642\u064a\u0629 SLA\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u0645\u0645\u064a\u0632\u0627\u062a\u0646\u0627 -->\n <section id=\"why\" class=\"py-12\">\n <div class=\"container mx-auto px-4\">\n <h2 class=\"text-2xl md:text-3xl font-extrabold mb-4\">\n \u0644\u0645\u0627\u0630\u0627 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u062a\u062e\u062a\u0627\u0631 eHR\u061f\n <\/h2>\n <div class=\"grid md:grid-cols-3 gap-4\">\n <div class=\"bg-white rounded-2xl border border-slate-200 p-5 shadow-sm\">\n <h3 class=\"font-bold text-sm md:text-base mb-2\">\u062e\u0628\u0631\u0629 \u0641\u064a \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0633\u0639\u0648\u062f\u064a<\/h3>\n <p class=\"text-sm text-slate-600\">\n \u0641\u0647\u0645 \u0639\u0645\u064a\u0642 \u0644\u0646\u0638\u0627\u0645 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u060c \u0627\u0644\u062a\u062d\u062f\u064a\u062b\u0627\u062a \u0627\u0644\u0646\u0638\u0627\u0645\u064a\u0629\u060c \u0648\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0641\u064a \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0645\u062d\u0644\u064a.\n <\/p>\n <\/div>\n <div class=\"bg-white rounded-2xl border border-slate-200 p-5 shadow-sm\">\n <h3 class=\"font-bold text-sm md:text-base mb-2\">\u0646\u0645\u0627\u0630\u062c \u0639\u0645\u0644 \u0645\u0631\u0646\u0629<\/h3>\n <p class=\"text-sm text-slate-600\">\n \u0628\u0627\u0642\u0627\u062a \u0645\u062e\u062a\u0644\u0641\u0629 \u0644\u0644\u0645\u0646\u0634\u0622\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 \u0648\u0627\u0644\u0645\u062a\u0648\u0633\u0637\u0629 \u0648\u0627\u0644\u0643\u0628\u064a\u0631\u0629\u060c \u0645\u0639 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u062a\u0648\u0633\u0639 \u0623\u0648 \u062a\u0642\u0644\u064a\u0635 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u062d\u0633\u0628 \u0627\u0644\u062d\u0627\u062c\u0629.\n <\/p>\n <\/div>\n <div class=\"bg-white rounded-2xl border border-slate-200 p-5 shadow-sm\">\n <h3 class=\"font-bold text-sm md:text-base mb-2\">\u062a\u0642\u0627\u0631\u064a\u0631 \u0648\u0623\u0631\u0642\u0627\u0645 \u0648\u0627\u0636\u062d\u0629<\/h3>\n <p class=\"text-sm text-slate-600\">\n \u062a\u0642\u0627\u0631\u064a\u0631 \u0634\u0647\u0631\u064a\u0629 \u0639\u0646 \u0627\u0644\u062d\u0636\u0648\u0631\u060c \u0627\u0644\u0631\u0648\u0627\u062a\u0628\u060c \u0627\u0644\u062a\u0648\u0638\u064a\u0641\u060c \u0648\u0627\u0644\u062a\u062d\u062f\u064a\u0627\u062a\u060c \u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0641\u064a \u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 \u0628\u064a\u0627\u0646\u0627\u062a.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u0627\u0644\u062e\u0637\u0648\u0627\u062a -->\n <section id=\"steps\" class=\"py-12 bg-white border-y border-slate-200\">\n <div class=\"container mx-auto px-4\">\n <h2 class=\"text-2xl md:text-3xl font-extrabold mb-6\">\n \u0643\u064a\u0641 \u062a\u0628\u062f\u0623 \u0631\u062d\u0644\u0629 \u0627\u0644\u062a\u0639\u0647\u064a\u062f \u0645\u0639 eHR\u061f\n <\/h2>\n <div class=\"grid md:grid-cols-3 gap-4\">\n <div class=\"p-5 bg-slate-50 rounded-2xl border border-slate-200\">\n <div class=\"text-3xl\">\u2460<\/div>\n <h4 class=\"font-bold my-2 text-sm md:text-base\">\u062a\u0634\u062e\u064a\u0635 \u0648\u0636\u0639 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629<\/h4>\n <p class=\"text-sm text-slate-600\">\n \u0646\u0633\u0645\u0639 \u0645\u0646\u0643 \u0639\u0646 \u062d\u062c\u0645 \u0627\u0644\u0645\u0646\u0634\u0623\u0629\u060c \u0639\u062f\u062f \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646\u060c \u0627\u0644\u062a\u062d\u062f\u064a\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u064a\u0629\u060c \u0648\u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0645\u0648\u062c\u0648\u062f\u0629 (\u0625\u0646 \u0648\u062c\u062f\u062a).\n <\/p>\n <\/div>\n <div class=\"p-5 bg-slate-50 rounded-2xl border border-slate-200\">\n <div class=\"text-3xl\">\u2461<\/div>\n <h4 class=\"font-bold my-2 text-sm md:text-base\">\u062a\u0635\u0645\u064a\u0645 \u0646\u0645\u0648\u0630\u062c \u062a\u0639\u0647\u064a\u062f \u0645\u0646\u0627\u0633\u0628<\/h4>\n <p class=\"text-sm text-slate-600\">\n \u0646\u062c\u0647\u0632 \u0644\u0643 \u062a\u0635\u0648\u0631 \u0648\u0627\u0636\u062d \u0644\u0644\u062e\u062f\u0645\u0627\u062a\u060c \u0646\u0637\u0627\u0642 \u0627\u0644\u0639\u0645\u0644\u060c \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a\u060c \u0648\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0634\u0647\u0631\u064a\u0629 \u0627\u0644\u0645\u062a\u0648\u0642\u0639\u0629.\n <\/p>\n <\/div>\n <div class=\"p-5 bg-slate-50 rounded-2xl border border-slate-200\">\n <div class=\"text-3xl\">\u2462<\/div>\n <h4 class=\"font-bold my-2 text-sm md:text-base\">\u0628\u062f\u0621 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629<\/h4>\n <p class=\"text-sm text-slate-600\">\n \u0646\u0628\u062f\u0623 \u0641\u064a \u0625\u062f\u0627\u0631\u0629 \u0645\u0644\u0641 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629 \u0645\u0639 \u062a\u0642\u0627\u0631\u064a\u0631 \u062f\u0648\u0631\u064a\u0629\u060c \u0648\u0627\u062c\u062a\u0645\u0627\u0639\u0627\u062a \u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0646\u062a\u0638\u0645\u0629 \u0645\u0639 \u0627\u0644\u0625\u062f\u0627\u0631\u0629.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u062a\u062c\u0627\u0631\u0628 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 -->\n <section id=\"testimonials\" class=\"py-12\">\n <div class=\"container mx-auto px-4\">\n <h2 class=\"text-2xl md:text-3xl font-extrabold mb-6\">\n \u0645\u0627\u0630\u0627 \u064a\u0642\u0648\u0644 \u0639\u0645\u0644\u0627\u0624\u0646\u0627\u061f\n <\/h2>\n <div class=\"grid md:grid-cols-3 gap-4\">\n <figure class=\"bg-white rounded-2xl border border-slate-200 p-5 shadow-sm\">\n <figcaption class=\"font-bold text-sm md:text-base\">\u0645\u062f\u064a\u0631 \u0639\u0627\u0645 \u2013 \u0634\u0631\u0643\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0628\u0627\u0644\u0631\u064a\u0627\u0636<\/figcaption>\n <p class=\"text-yellow-500 text-sm mt-1\">\u2605\u2605\u2605\u2605\u2605<\/p>\n <p class=\"text-sm text-slate-600 mt-2\">\n \u0627\u0644\u062a\u0639\u0627\u0642\u062f \u0645\u0639 eHR \u0633\u0627\u0639\u062f\u0646\u0627 \u0646\u0646\u0638\u0645 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062d\u0636\u0648\u0631 \u0648\u0627\u0644\u0631\u0648\u0627\u062a\u0628 \u0648\u0646\u0642\u0644\u0644 \u0627\u0644\u0623\u062e\u0637\u0627\u0621\u060c \u0648\u0648\u0641\u0651\u0631 \u0639\u0644\u064a\u0646\u0627 \u0648\u0642\u062a \u0643\u0628\u064a\u0631 \u0643\u0625\u062f\u0627\u0631\u0629.\n <\/p>\n <\/figure>\n <figure class=\"bg-white rounded-2xl border border-slate-200 p-5 shadow-sm\">\n <figcaption class=\"font-bold text-sm md:text-base\">\u0645\u0627\u0644\u0643 \u0634\u0631\u0643\u0629 \u062a\u0642\u0646\u064a\u0629 \u2013 \u062c\u062f\u0629<\/figcaption>\n <p class=\"text-yellow-500 text-sm mt-1\">\u2605\u2605\u2605\u2605\u2605<\/p>\n <p class=\"text-sm text-slate-600 mt-2\">\n \u0628\u062f\u0644 \u062a\u0648\u0638\u064a\u0641 \u0641\u0631\u064a\u0642 HR \u0643\u0627\u0645\u0644\u060c \u0627\u0639\u062a\u0645\u062f\u0646\u0627 \u0639\u0644\u0649 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0639\u0647\u064a\u062f \u0645\u0639 eHR \u0648\u0627\u0644\u064a\u0648\u0645 \u0639\u0646\u062f\u0646\u0627 \u0648\u0636\u0648\u062d \u0623\u0643\u0628\u0631 \u0641\u064a \u0627\u0644\u0633\u064a\u0627\u0633\u0627\u062a \u0648\u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a.\n <\/p>\n <\/figure>\n <figure class=\"bg-white rounded-2xl border border-slate-200 p-5 shadow-sm\">\n <figcaption class=\"font-bold text-sm md:text-base\">\u0645\u0646\u0634\u0623\u0629 \u0645\u062a\u0648\u0633\u0637\u0629 \u2013 \u0642\u0637\u0627\u0639 \u0627\u0644\u062e\u062f\u0645\u0627\u062a<\/figcaption>\n <p class=\"text-yellow-500 text-sm mt-1\">\u2605\u2605\u2605\u2605\u2606<\/p>\n <p class=\"text-sm text-slate-600 mt-2\">\n \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0634\u0647\u0631\u064a\u0629 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0641\u0631\u064a\u0642 eHR \u062e\u0644\u062a \u0642\u0631\u0627\u0631\u0627\u062a\u0646\u0627 \u0641\u064a \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629 \u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 \u0628\u064a\u0627\u0646\u0627\u062a \u0648\u0644\u064a\u0633 \u0627\u0646\u0637\u0628\u0627\u0639\u0627\u062a.\n <\/p>\n <\/figure>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- FAQ -->\n <section id=\"faq\" class=\"py-12 bg-white border-y border-slate-200\">\n <div class=\"container mx-auto px-4\">\n <h2 class=\"text-2xl md:text-3xl font-extrabold mb-6\">\n \u0623\u0633\u0626\u0644\u0629 \u0645\u062a\u0643\u0631\u0631\u0629 \u0645\u0646 \u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0634\u0631\u0643\u0627\u062a\n <\/h2>\n <div class=\"grid md:grid-cols-2 gap-4\">\n <details class=\"bg-slate-50 rounded-2xl border border-slate-200 p-4\" open>\n <summary class=\"font-bold cursor-pointer text-sm md:text-base\">\u0647\u0644 \u062e\u062f\u0645\u0627\u062a\u0643\u0645 \u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0644\u0645\u0646\u0634\u0622\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629\u061f<\/summary>\n <p class=\"text-sm text-slate-600 mt-2\">\n \u0646\u0639\u0645\u060c \u0646\u0642\u062f\u0645 \u0628\u0627\u0642\u0627\u062a \u0645\u062e\u0635\u0635\u0629 \u0644\u0644\u0645\u0646\u0634\u0622\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629\u060c \u0648\u064a\u0645\u0643\u0646 \u0627\u0644\u0628\u062f\u0621 \u0628\u062e\u062f\u0645\u0629 \u0648\u0627\u062d\u062f\u0629 (\u0645\u062b\u0644 \u0627\u0644\u0631\u0648\u0627\u062a\u0628 \u0623\u0648 \u0627\u0644\u062a\u0648\u0638\u064a\u0641) \u0648\u0627\u0644\u062a\u0648\u0633\u0639 \u0644\u0627\u062d\u0642\u064b\u0627.\n <\/p>\n <\/details>\n <details class=\"bg-slate-50 rounded-2xl border border-slate-200 p-4\">\n <summary class=\"font-bold cursor-pointer text-sm md:text-base\">\u0647\u0644 \u0623\u0646\u0638\u0645\u062a\u0643\u0645 \u0645\u062a\u0648\u0627\u0641\u0642\u0629 \u0645\u0639 \u0646\u0638\u0627\u0645 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u061f<\/summary>\n <p class=\"text-sm text-slate-600 mt-2\">\n \u062c\u0645\u064a\u0639 \u062d\u0644\u0648\u0644\u0646\u0627 \u0648\u0633\u064a\u0627\u0633\u0627\u062a\u0646\u0627 \u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 \u0646\u0638\u0627\u0645 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0633\u0639\u0648\u062f\u064a \u0648\u0627\u0644\u0644\u0648\u0627\u0626\u062d \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0647\u060c \u0645\u0639 \u062a\u062d\u062f\u064a\u062b\u0627\u062a \u062f\u0648\u0631\u064a\u0629 \u0639\u0646\u062f \u0635\u062f\u0648\u0631 \u0623\u064a \u062a\u0639\u062f\u064a\u0644\u0627\u062a.\n <\/p>\n <\/details>\n <details class=\"bg-slate-50 rounded-2xl border border-slate-200 p-4\">\n <summary class=\"font-bold cursor-pointer text-sm md:text-base\">\u0643\u0645 \u062a\u0633\u062a\u063a\u0631\u0642 \u0645\u062f\u0629 \u0627\u0644\u062a\u0641\u0639\u064a\u0644 \u0628\u0639\u062f \u0627\u0644\u062a\u0639\u0627\u0642\u062f\u061f<\/summary>\n <p class=\"text-sm text-slate-600 mt-2\">\n \u063a\u0627\u0644\u0628\u064b\u0627 \u0628\u064a\u0646 7 \u0625\u0644\u0649 14 \u064a\u0648\u0645 \u0639\u0645\u0644 \u062d\u0633\u0628 \u062d\u062c\u0645 \u0627\u0644\u0645\u0646\u0634\u0623\u0629\u060c \u0639\u062f\u062f \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646\u060c \u0648\u062d\u062c\u0645 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 \u0644\u0644\u0627\u0646\u062a\u0642\u0627\u0644.\n <\/p>\n <\/details>\n <details class=\"bg-slate-50 rounded-2xl border border-slate-200 p-4\">\n <summary class=\"font-bold cursor-pointer text-sm md:text-base\">\u0647\u0644 \u064a\u0645\u0643\u0646 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u062e\u062f\u0645\u0629 \u0642\u0628\u0644 \u0627\u0644\u062a\u0639\u0627\u0642\u062f \u0637\u0648\u064a\u0644 \u0627\u0644\u0645\u062f\u0649\u061f<\/summary>\n <p class=\"text-sm text-slate-600 mt-2\">\n \u064a\u0645\u0643\u0646 \u0627\u0644\u0628\u062f\u0621 \u0628\u0639\u0642\u062f \u0642\u0635\u064a\u0631 \u0623\u0648 \u0646\u0637\u0627\u0642 \u062e\u062f\u0645\u0627\u062a \u0645\u062d\u062f\u0648\u062f \u0643\u062a\u062c\u0631\u0628\u0629\u060c \u062b\u0645 \u0627\u0644\u062a\u0648\u0633\u0639 \u0644\u0639\u0642\u062f \u0623\u0637\u0648\u0644 \u062d\u0633\u0628 \u0631\u0636\u0627\u0643\u0645 \u0639\u0646 \u0627\u0644\u0646\u062a\u0627\u0626\u062c.\n <\/p>\n <\/details>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- CONTACT -->\n <section id=\"contact\" class=\"py-12\">\n <div class=\"container mx-auto px-4\">\n <div class=\"bg-white rounded-2xl border border-slate-200 shadow-sm p-6\">\n <div class=\"grid md:grid-cols-2 gap-6 items-start\">\n <!-- \u0627\u0644\u0646\u0635 -->\n <div>\n <h2 class=\"text-2xl md:text-3xl font-extrabold mb-2\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/h2>\n <p class=\"text-sm text-slate-600 mb-4\">\n \u064a\u0633\u0639\u062f\u0646\u0627 \u0646\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0648\u0646\u0633\u0645\u0639 \u0639\u0646 \u0627\u062d\u062a\u064a\u0627\u062c \u0645\u0646\u0634\u0623\u062a\u0643 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629.\n <\/p>\n <ul class=\"text-sm text-slate-700 space-y-3\">\n <li class=\"flex gap-2 items-start\">\n <span class=\"text-lg mt-1\">\ud83d\udccd<\/span>\n <span>\n <span class=\"font-semibold\">\u0627\u0644\u0639\u0646\u0648\u0627\u0646:<\/span><br>\n 3692 Najm Al Din Al Ayoubi, Al Awaly dist, Riyadh 11564, Saudi Arabia<br>\n <a class=\"hover:underline text-[var(--brand-2)]\" target=\"_blank\" href=\"https:\/\/maps.app.goo.gl\/5UW4sX3pq1ryWk2z5\">\n \u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0642\u0639 \u0639\u0644\u0649 \u062e\u0631\u0627\u0626\u0637 \u062c\u0648\u062c\u0644\n <\/a>\n <\/span>\n <\/li>\n\n <!-- \u062a\u0645 \u062d\u0630\u0641 (\u0627\u062a\u0635\u0627\u0644) \u0648 (\u0648\u0627\u062a\u0633\u0627\u0628) \u0628\u0627\u0644\u0643\u0627\u0645\u0644 -->\n\n <li class=\"flex gap-2 items-start\">\n <span class=\"text-lg mt-1\">\u2709\ufe0f<\/span>\n <span>\n <span class=\"font-semibold\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a:<\/span><br>\n <a class=\"hover:underline\" href=\"mailto:info@ehr.sa\">info@ehr.sa<\/a>\n <\/span>\n <\/li>\n\n <li class=\"flex gap-2 items-center\">\n <span class=\"font-semibold text-sm\">Social:<\/span>\n <div class=\"flex gap-3\">\n <!-- X icon -->\n <a href=\"https:\/\/x.com\/EHR_saudi\" target=\"_blank\"\n class=\"w-8 h-8 rounded-full bg-slate-100 flex items-center justify-center text-[var(--brand-2)]\"\n aria-label=\"X (Twitter)\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" class=\"w-4 h-4\" fill=\"currentColor\">\n <path d=\"M18.25 3h-2.02l-4.01 5.21L7.1 3H3l6.02 7.37L3.2 21h2.02l4.34-5.64L16.9 21H21l-6.34-7.76L18.25 3z\"\/>\n <\/svg>\n <\/a>\n <!-- LinkedIn icon -->\n <a href=\"https:\/\/www.linkedin.com\/company\/experthr.coltd.\/\" target=\"_blank\"\n class=\"w-8 h-8 rounded-full bg-slate-100 flex items-center justify-center text-[var(--brand-2)]\"\n aria-label=\"LinkedIn\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" class=\"w-4 h-4\" fill=\"currentColor\">\n <path d=\"M4.98 3.5C4.98 4.88 3.9 6 2.5 6S0 4.88 0 3.5 1.08 1 2.5 1s2.48 1.12 2.48 2.5zM.32 8.13h4.36V23H.32V8.13zM8.34 8.13h4.18v2.02h.06c.58-1.1 2-2.26 4.12-2.26 4.4 0 5.21 2.9 5.21 6.68V23h-4.36v-7.02c0-1.68-.03-3.83-2.34-3.83-2.35 0-2.71 1.83-2.71 3.71V23H8.34V8.13z\"\/>\n <\/svg>\n <\/a>\n <\/div>\n <\/li>\n <\/ul>\n <\/div>\n\n <!-- \u0627\u0644\u0641\u0648\u0631\u0645 -->\n <form id=\"contactForm\" class=\"space-y-3\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-3\">\n <div>\n <label class=\"block text-sm mb-1\">\u0627\u0633\u0645 \u0627\u0644\u0645\u0633\u0624\u0648\u0644<\/label>\n <input name=\"contact_name\" class=\"w-full rounded-xl border border-slate-300 px-3 py-2 text-sm\" placeholder=\"\u0645\u062b\u0627\u0644: \u0645\u062f\u064a\u0631 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629\">\n <\/div>\n <div>\n <label class=\"block text-sm mb-1\">\u0627\u0633\u0645 \u0627\u0644\u0645\u0646\u0634\u0623\u0629<\/label>\n <input name=\"company\" class=\"w-full rounded-xl border border-slate-300 px-3 py-2 text-sm\" placeholder=\"\u0627\u0633\u0645 \u0627\u0644\u0634\u0631\u0643\u0629\/\u0627\u0644\u0645\u0624\u0633\u0633\u0629\">\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-3\">\n <div>\n <label class=\"block text-sm mb-1\">\u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644<\/label>\n <input name=\"phone\" class=\"w-full rounded-xl border border-slate-300 px-3 py-2 text-sm\" inputmode=\"tel\" placeholder=\"05XXXXXXXX\">\n <\/div>\n <div>\n <label class=\"block text-sm mb-1\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/label>\n <input type=\"email\" name=\"email\" class=\"w-full rounded-xl border border-slate-300 px-3 py-2 text-sm\" placeholder=\"you@example.com\">\n <\/div>\n <\/div>\n\n <div>\n <label class=\"block text-sm mb-1\">\u0646\u0648\u0639 \u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629<\/label>\n <select name=\"service\" class=\"w-full rounded-xl border border-slate-300 px-3 py-2 text-sm\">\n <option>\u062a\u0639\u0647\u064a\u062f \u0643\u0627\u0645\u0644 \u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629<\/option>\n <option>\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0631\u0648\u0627\u062a\u0628 \u0648\u0627\u0644\u062d\u0636\u0648\u0631 \u0641\u0642\u0637<\/option>\n <option>\u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0648\u0627\u0644\u0627\u0633\u062a\u0642\u0637\u0627\u0628<\/option>\n <option>\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0646\u0638\u0627\u0645 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0633\u0639\u0648\u062f\u064a<\/option>\n <option>\u062d\u0644\u0648\u0644 \u0623\u062e\u0631\u0649 \u0623\u0648 \u0645\u062e\u0635\u0635\u0629<\/option>\n <\/select>\n <\/div>\n\n <div>\n <label class=\"block text-sm mb-1\">\u0627\u0644\u0648\u0635\u0641 (\u0627\u062e\u062a\u064a\u0627\u0631\u064a)<\/label>\n <textarea name=\"notes\" rows=\"4\" class=\"w-full rounded-xl border border-slate-300 px-3 py-2 text-sm\" placeholder=\"\u0635\u0641 \u0648\u0636\u0639 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629 \u0627\u0644\u062d\u0627\u0644\u064a \u0648\u0627\u0644\u062a\u062d\u062f\u064a\u0627\u062a \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 (\u0627\u062e\u062a\u064a\u0627\u0631\u064a)\"><\/textarea>\n <\/div>\n\n <div class=\"bg-slate-100 rounded-xl border border-slate-200 p-3 text-xs text-slate-500\">\n reCAPTCHA placeholder\n <\/div>\n\n <button type=\"submit\" class=\"w-full bg-[var(--brand)] hover:bg-[var(--brand-2)] text-white rounded-xl py-3 text-sm\">\n \u0625\u0631\u0633\u0627\u0644\n <\/button>\n <p class=\"text-xs text-slate-500\">\n \u0633\u064a\u062a\u0645 \u0627\u0633\u062a\u0644\u0627\u0645 \u0637\u0644\u0628\u0643 \u0648\u0633\u0646\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0642\u0631\u064a\u0628\u064b\u0627.\n <\/p>\n <\/form>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Footer -->\n <footer class=\"py-8 bg-slate-900 text-slate-200\">\n <div class=\"container mx-auto px-4 text-sm\">\n <div class=\"flex flex-col md:flex-row items-start md:items-center justify-between gap-4\">\n <div class=\"flex items-center gap-2\">\n <img decoding=\"async\" src=\"https:\/\/www.ehr.sa\/wp-content\/uploads\/2023\/10\/xx-e1698259348633.webp\"\n alt=\"eHR Logo\"\n class=\"w-8 h-8 rounded-md object-contain bg-white border border-slate-700\" \/>\n <div class=\"font-bold text-base\">\u062e\u0628\u0631\u0627\u0621 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629 (eHR)<\/div>\n <\/div>\n <div class=\"flex gap-6\">\n <a href=\"#faq\" class=\"hover:underline\">\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629<\/a>\n <a href=\"#services\" class=\"hover:underline\">\u0627\u0644\u062e\u062f\u0645\u0627\u062a<\/a>\n <a href=\"#contact\" class=\"hover:underline\">\u062a\u0648\u0627\u0635\u0644<\/a>\n <\/div>\n <\/div>\n <div class=\"text-slate-500 mt-4\">\n \u00a9 <span id=\"year\"><\/span> \u062e\u0628\u0631\u0627\u0621 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629 (eHR). \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629.\n <\/div>\n <\/div>\n <\/footer>\n\n <!-- SCRIPTS -->\n <script>\n document.getElementById('year').textContent = new Date().getFullYear();\n\n function handleFormSubmit(formEl){\n formEl.addEventListener('submit', (e)=>{\n e.preventDefault();\n \/\/ \u0647\u0646\u0627 \u062a\u0642\u062f\u0631 \u0644\u0627\u062d\u0642\u064b\u0627 \u062a\u0631\u0628\u0637 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0628\u0640 API \/ CRM\n alert('\u062a\u0645 \u0627\u0633\u062a\u0644\u0627\u0645 \u0637\u0644\u0628\u0643 \u2705\\n\u0633\u0646\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0642\u0631\u064a\u0628\u064b\u0627.');\n formEl.reset();\n });\n }\n\n const heroForm = document.getElementById('heroForm');\n const contactForm = document.getElementById('contactForm');\n\n if (heroForm) handleFormSubmit(heroForm);\n if (contactForm) handleFormSubmit(contactForm);\n <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u062e\u0628\u0631\u0627\u0621 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629 (eHR) \u2013 \u062a\u0639\u0647\u064a\u062f \u0648\u0625\u062f\u0627\u0631\u0629 \u0645\u0648\u0627\u0631\u062f \u0628\u0634\u0631\u064a\u0629 \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u062e\u0628\u0631\u0627\u0621 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629 (eHR) \u0627\u0644\u062a\u062d\u062f\u064a\u0627\u062a \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0642\u064a\u0645\u0629 \u0645\u0645\u064a\u0632\u0627\u062a\u0646\u0627 \u0627\u0644\u062e\u0637\u0648\u0627\u062a \u062a\u062c\u0627\u0631\u0628 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 FAQ \u062a\u0648\u0627\u0635\u0644 \u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644\u2026 \u0628\u062f\u0648\u0646 \u0645\u0627 \u062a\u0648\u0638\u0651\u0641 \u0641\u0631\u064a\u0642 HR \u062f\u0627\u062e\u0644\u064a \u0646\u0639\u0637\u064a\u0643 \u0641\u0631\u064a\u0642 \u0645\u0648\u0627\u0631\u062f \u0628\u0634\u0631\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644 \u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062a\u0648\u0638\u064a\u0641\u060c \u0627\u0644\u0639\u0642\u0648\u062f\u060c \u0627\u0644\u0631\u0648\u0627\u062a\u0628\u060c \u0627\u0644\u062d\u0636\u0648\u0631 \u0648\u0627\u0644\u0627\u0646\u0635\u0631\u0627\u0641\u060c \u0648\u0633\u064a\u0627\u0633\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u2026 \u0628\u0634\u0643\u0644 \u0645\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0646\u0638\u0627\u0645 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0633\u0639\u0648\u062f\u064a \u0648\u0644\u0627\u0626\u062d\u0629 \u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0648\u0628\u062a\u0643\u0644\u0641\u0629 \u0634\u0647\u0631\u064a\u0629 \u062b\u0627\u0628\u062a\u0629. \u2705 \u062a\u0639\u0647\u064a\u062f \u0643\u0627\u0645\u0644 \u0623\u0648 \u062c\u0632\u0626\u064a \u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u0645\u0648\u0627\u0631\u062f[…]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"class_list":["post-4452","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.ehr.sa\/ar\/wp-json\/wp\/v2\/pages\/4452","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ehr.sa\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ehr.sa\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ehr.sa\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ehr.sa\/ar\/wp-json\/wp\/v2\/comments?post=4452"}],"version-history":[{"count":12,"href":"https:\/\/www.ehr.sa\/ar\/wp-json\/wp\/v2\/pages\/4452\/revisions"}],"predecessor-version":[{"id":4494,"href":"https:\/\/www.ehr.sa\/ar\/wp-json\/wp\/v2\/pages\/4452\/revisions\/4494"}],"wp:attachment":[{"href":"https:\/\/www.ehr.sa\/ar\/wp-json\/wp\/v2\/media?parent=4452"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}