{"id":266,"date":"2026-06-23T19:39:00","date_gmt":"2026-06-23T16:39:00","guid":{"rendered":"https:\/\/dana-didactic.co.il\/?page_id=266"},"modified":"2026-06-23T21:25:59","modified_gmt":"2026-06-23T18:25:59","slug":"%d7%94%d7%95%d7%a8%d7%90%d7%94-%d7%9e%d7%aa%d7%a7%d7%a0%d7%aa","status":"publish","type":"page","link":"https:\/\/dana-didactic.co.il\/","title":{"rendered":"\u05d4\u05d5\u05e8\u05d0\u05d4 \u05de\u05ea\u05e7\u05e0\u05ea"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Dana Didactic \u2013 \u05d4\u05d5\u05e8\u05d0\u05d4 \u05de\u05d5\u05ea\u05d0\u05de\u05ea \u05d5\u05d4\u05db\u05e0\u05d4 \u05dc\u05db\u05d9\u05ea\u05d4 \u05d0' \u05d1\u05e8\u05d0\u05e9 \u05d4\u05e2\u05d9\u05df<\/title>\r\n <meta name=\"description\" content=\"\u05d4\u05d5\u05e8\u05d0\u05d4 \u05de\u05d5\u05ea\u05d0\u05de\u05ea \u05d0\u05d9\u05e9\u05d9\u05ea \u05dc\u05ea\u05dc\u05de\u05d9\u05d3\u05d9 \u05d9\u05e1\u05d5\u05d3\u05d9 \u05d5\u05d4\u05db\u05e0\u05d4 \u05de\u05e7\u05d9\u05e4\u05d4 \u05d5\u05de\u05e2\u05e6\u05d9\u05de\u05d4 \u05dc\u05db\u05d9\u05ea\u05d4 \u05d0' \u05d1\u05e8\u05d0\u05e9 \u05d4\u05e2\u05d9\u05df \u05d1\u05d4\u05e0\u05d4\u05dc\u05ea \u05d3\u05e0\u05d4 \u05d6\u05e8\u05e3 - \u05dc\u05d5\u05de\u05d3\u05d9\u05dd \u05d0\u05d7\u05e8\u05ea, \u05de\u05e6\u05dc\u05d9\u05d7\u05d9\u05dd \u05d9\u05d5\u05ea\u05e8!\" \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Heebo:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\" \/>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n siteContent \u2013 \u05d0\u05d6\u05d5\u05e8 \u05e2\u05e8\u05d9\u05db\u05ea \u05d8\u05e7\u05e1\u05d8\u05d9\u05dd \u05d5\u05de\u05e9\u05ea\u05e0\u05d9\u05dd \u05dc\u05d0\u05d1\u05d9\u05d1 \u05d5\u05d3\u05e0\u05d4\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n const siteContent = {\r\n meta: {\r\n title: \"Dana Didactic \u2013 \u05d4\u05d5\u05e8\u05d0\u05d4 \u05de\u05d5\u05ea\u05d0\u05de\u05ea \u05d5\u05d4\u05db\u05e0\u05d4 \u05dc\u05db\u05d9\u05ea\u05d4 \u05d0' \u05d1\u05e8\u05d0\u05e9 \u05d4\u05e2\u05d9\u05df\",\r\n description: \"\u05d4\u05d5\u05e8\u05d0\u05d4 \u05de\u05d5\u05ea\u05d0\u05de\u05ea \u05d0\u05d9\u05e9\u05d9\u05ea \u05dc\u05ea\u05dc\u05de\u05d9\u05d3\u05d9 \u05d9\u05e1\u05d5\u05d3\u05d9 \u05d5\u05d4\u05db\u05e0\u05d4 \u05de\u05e7\u05d9\u05e4\u05d4 \u05d5\u05de\u05e2\u05e6\u05d9\u05de\u05d4 \u05dc\u05db\u05d9\u05ea\u05d4 \u05d0' \u05d1\u05e8\u05d0\u05e9 \u05d4\u05e2\u05d9\u05df \u05d1\u05d4\u05e0\u05d4\u05dc\u05ea \u05d3\u05e0\u05d4 \u05d6\u05e8\u05e3 - \u05dc\u05d5\u05de\u05d3\u05d9\u05dd \u05d0\u05d7\u05e8\u05ea, \u05de\u05e6\u05dc\u05d9\u05d7\u05d9\u05dd \u05d9\u05d5\u05ea\u05e8!\"\r\n },\r\n nav: {\r\n logo: \"Dana Didactic\",\r\n logoSub: \"\u05dc\u05d5\u05de\u05d3\u05d9\u05dd \u05d0\u05d7\u05e8\u05ea, \u05de\u05e6\u05dc\u05d9\u05d7\u05d9\u05dd \u05d9\u05d5\u05ea\u05e8!\",\r\n links: [\r\n { label: \"\u05d0\u05d5\u05d3\u05d5\u05ea\", href: \"#about\" },\r\n { label: \"\u05e1\u05dc \u05e9\u05d9\u05e8\u05d5\u05ea\u05d9\u05dd\", href: \"#services\" },\r\n { label: \"\u05de\u05d4 \u05de\u05d9\u05d9\u05d7\u05d3 \u05d0\u05d5\u05ea\u05d9\", href: \"#unique\" },\r\n { label: \"\u05e6\u05e8\u05d5 \u05e7\u05e9\u05e8\", href: \"#contact\" }\r\n ],\r\n cta: \"\u05e9\u05d9\u05d7\u05ea \u05d9\u05d9\u05e2\u05d5\u05e5 \u05d7\u05d9\u05e0\u05dd\"\r\n },\r\n hero: {\r\n badge: \"\ud83c\udf37 \u05de\u05d5\u05e8\u05d4 \u05dc\u05d7\u05d9\u05e0\u05d5\u05da \u05de\u05d9\u05d5\u05d7\u05d3 \u05d5\u05d4\u05d5\u05e8\u05d0\u05d4 \u05de\u05d5\u05ea\u05d0\u05de\u05ea\",\r\n title: \"\u05d4\u05d5\u05e8\u05d0\u05d4 \u05de\u05d5\u05ea\u05d0\u05de\u05ea \u05d5\u05d4\u05db\u05e0\u05d4 \u05dc\u05db\u05d9\u05ea\u05d4 \u05d0' \u2013 \u05dc\u05de\u05d9\u05d3\u05d4 \u05de\u05e2\u05e6\u05d9\u05de\u05d4\",\r\n subtitle: \"\u05d4\u05d9\u05dc\u05d3 \u05e9\u05dc\u05db\u05dd \u05d7\u05d5\u05d5\u05d4 \u05ea\u05e1\u05db\u05d5\u05dc \u05d1\u05dc\u05d9\u05de\u05d5\u05d3\u05d9\u05dd? \u05d4\u05de\u05e2\u05d1\u05e8 \u05dc\u05d1\u05d9\u05ea \u05d4\u05e1\u05e4\u05e8 \u05de\u05e2\u05d5\u05e8\u05e8 \u05d7\u05e9\u05e9? \u05d9\u05e9 \u05d3\u05e8\u05da \u05e7\u05d3\u05d9\u05de\u05d4.\",\r\n paragraph: \"\u05d0\u05e0\u05d9 \u05de\u05d6\u05de\u05d9\u05e0\u05d4 \u05d0\u05ea\u05db\u05dd \u05dc\u05d4\u05e2\u05e0\u05d9\u05e7 \u05dc\u05d9\u05dc\u05d3\u05db\u05dd \u05de\u05e2\u05d8\u05e4\u05ea \u05de\u05e7\u05e6\u05d5\u05e2\u05d9\u05ea \u05d1\u05e8\u05d0\u05e9 \u05d4\u05e2\u05d9\u05df \u05e9\u05ea\u05d7\u05d6\u05d9\u05e8 \u05dc\u05d5 \u05d0\u05ea \u05d4\u05d7\u05d9\u05d5\u05da \u05d5\u05d4\u05d1\u05d9\u05d8\u05d7\u05d5\u05df. \u05d9\u05d7\u05d3 \u05e0\u05dc\u05de\u05d3 \u05d1\u05e9\u05d9\u05d8\u05d5\u05ea \u05d7\u05d5\u05d5\u05d9\u05d9\u05ea\u05d9\u05d5\u05ea \u05d5\u05de\u05d5\u05ea\u05d0\u05de\u05d5\u05ea \u05d0\u05d9\u05e9\u05d9\u05ea, \u05de\u05ea\u05d5\u05da \u05d0\u05de\u05d5\u05e0\u05d4 \u05e2\u05de\u05d5\u05e7\u05d4 \u05e9\u05db\u05dc \u05ea\u05dc\u05de\u05d9\u05d3 \u05d9\u05db\u05d5\u05dc \u05dc\u05d4\u05e6\u05dc\u05d9\u05d7 \u05d5\u05dc\u05e4\u05e8\u05d5\u05d7 \u05db\u05d0\u05e9\u05e8 \u05de\u05dc\u05de\u05d3\u05d9\u05dd \u05d0\u05d5\u05ea\u05d5 \u05d1\u05e9\u05e4\u05d4 \u05e9\u05dc\u05d5.\",\r\n ctaPrimary: \"\u05ea\u05d9\u05d0\u05d5\u05dd \u05e9\u05d9\u05d7\u05ea \u05d4\u05d9\u05db\u05e8\u05d5\u05ea \u05e8\u05d0\u05e9\u05d5\u05e0\u05d9\u05ea\",\r\n ctaSecondary: \"\u05d2\u05dc\u05d5 \u05d0\u05ea \u05d4\u05e9\u05d9\u05e8\u05d5\u05ea\u05d9\u05dd\"\r\n },\r\n services: {\r\n label: \"\u05d0\u05d9\u05da \u05d0\u05e0\u05d9 \u05d9\u05db\u05d5\u05dc\u05d4 \u05dc\u05e7\u05d3\u05dd \u05d0\u05ea \u05d9\u05dc\u05d3\u05db\u05dd?\",\r\n title: \"\u05d4\u05d5\u05e8\u05d0\u05d4 \u05de\u05d5\u05ea\u05d0\u05de\u05ea \u05d5\u05d4\u05db\u05e0\u05d4 \u05dc\u05db\u05d9\u05ea\u05d4 \u05d0' \u05d1\u05e8\u05d0\u05e9 \u05d4\u05e2\u05d9\u05df\",\r\n subtitle: \"\u05de\u05e2\u05e0\u05d4 \u05dc\u05d9\u05de\u05d5\u05d3\u05d9, \u05e8\u05d2\u05e9\u05d9 \u05d5\u05d0\u05e8\u05d2\u05d5\u05e0\u05d9 \u05de\u05e7\u05d9\u05e3 \u05dc\u05ea\u05dc\u05de\u05d9\u05d3\u05d9 \u05d1\u05d9\u05ea \u05d4\u05e1\u05e4\u05e8 \u05d4\u05d9\u05e1\u05d5\u05d3\u05d9 \u05d5\u05d9\u05dc\u05d3\u05d9 \u05d4\u05d2\u05df\",\r\n items: [\r\n {\r\n icon: \"\ud83e\udd1d\",\r\n title: \"\u05de\u05d9\u05e4\u05d5\u05d9 \u05e8\u05d0\u05e9\u05d5\u05e0\u05d9 \u05d5\u05d4\u05d9\u05db\u05e8\u05d5\u05ea\",\r\n text: \"\u05e0\u05e7\u05d5\u05d3\u05ea \u05d4\u05d6\u05d9\u05e0\u05d5\u05e7 \u05e9\u05dc\u05e0\u05d5. \u05e0\u05d1\u05d9\u05df \u05dc\u05e2\u05d5\u05de\u05e7 \u05d0\u05ea \u05de\u05d5\u05e7\u05d3\u05d9 \u05d4\u05e7\u05d5\u05e9\u05d9 \u05d4\u05dc\u05d9\u05de\u05d5\u05d3\u05d9 \u05dc\u05e6\u05d3 \u05e0\u05e7\u05d5\u05d3\u05d5\u05ea \u05d4\u05d7\u05d5\u05d6\u05e7 \u05d5\u05d4\u05e1\u05d2\u05e0\u05d5\u05df \u05d4\u05d0\u05d9\u05e9\u05d9 \u05e9\u05dc \u05d4\u05d9\u05dc\u05d3, \u05db\u05d3\u05d9 \u05dc\u05d1\u05e0\u05d5\u05ea \u05e2\u05d1\u05d5\u05e8\u05d5 \u05ea\u05e9\u05ea\u05d9\u05ea \u05de\u05d3\u05d5\u05d9\u05e7\u05ea.\"\r\n },\r\n {\r\n icon: \"\ud83d\udccb\",\r\n title: \"\u05ea\u05d5\u05db\u05e0\u05d9\u05ea \u05dc\u05de\u05d9\u05d3\u05d4 \u05d0\u05d9\u05e9\u05d9\u05ea\",\r\n text: \"\u05d1\u05e0\u05d9\u05d9\u05ea \u05de\u05e1\u05dc\u05d5\u05dc \u05d4\u05ea\u05e7\u05d3\u05de\u05d5\u05ea \u05de\u05de\u05d5\u05e7\u05d3 \u05e2\u05dd \u05d9\u05e2\u05d3\u05d9\u05dd \u05d1\u05e8\u05d5\u05e8\u05d9\u05dd, \u05d4\u05de\u05d1\u05d5\u05e1\u05e1 \u05e2\u05dc \u05dc\u05de\u05d9\u05d3\u05d4 \u05d1\u05e9\u05d9\u05e2\u05d5\u05e8\u05d9\u05dd \u05e4\u05e8\u05d8\u05e0\u05d9\u05d9\u05dd \u05d4\u05de\u05d5\u05ea\u05d0\u05de\u05d9\u05dd \u05dc\u05e7\u05e6\u05d1, \u05dc\u05d9\u05db\u05d5\u05dc\u05ea \u05d5\u05dc\u05d7\u05d5\u05d6\u05e7\u05d5\u05ea \u05e9\u05dc \u05db\u05dc \u05d9\u05dc\u05d3 \u05d5\u05de\u05e1\u05e4\u05e7 \u05d7\u05d5\u05d5\u05d9\u05d5\u05ea \u05d4\u05e6\u05dc\u05d7\u05d4 \u05de\u05d9\u05d9\u05d3\u05d9\u05d5\u05ea.\"\r\n },\r\n {\r\n icon: \"\ud83d\udc65\",\r\n title: \"\u05dc\u05de\u05d9\u05d3\u05d4 \u05e7\u05d1\u05d5\u05e6\u05ea\u05d9\u05ea \u05d7\u05d5\u05d5\u05d9\u05d9\u05ea\u05d9\u05ea\",\r\n text: \"\u05d0\u05d5\u05e4\u05e6\u05d9\u05d4 \u05d9\u05d9\u05d7\u05d5\u05d3\u05d9\u05ea \u05dc\u05dc\u05de\u05d9\u05d3\u05d4 \u05d1\u05e7\u05d1\u05d5\u05e6\u05d5\u05ea \u05e7\u05d8\u05e0\u05d5\u05ea \u05d4\u05de\u05e7\u05e0\u05d4 \u05dc\u05ea\u05dc\u05de\u05d9\u05d3 \u05d9\u05db\u05d5\u05dc\u05ea \u05e2\u05d1\u05d5\u05d3\u05d4 \u05e6\u05d5\u05d5\u05ea\u05d9\u05ea, \u05d1\u05d9\u05d8\u05d7\u05d5\u05df \u05d7\u05d1\u05e8\u05ea\u05d9 \u05d1\u05e7\u05d1\u05d5\u05e6\u05d4, \u05e4\u05d9\u05ea\u05d5\u05d7 \u05de\u05d9\u05d5\u05de\u05e0\u05d5\u05d9\u05d5\u05ea \u05e9\u05d9\u05d7 \u05d5\u05dc\u05de\u05d9\u05d3\u05d4 \u05e9\u05d9\u05ea\u05d5\u05e4\u05d9\u05ea \u05d7\u05d5\u05d5\u05d9\u05d9\u05ea\u05d9\u05ea \u05d5\u05de\u05d4\u05e0\u05d4.\"\r\n },\r\n {\r\n icon: \"\ud83c\udfaf\",\r\n title: \"\u05d4\u05d5\u05e8\u05d0\u05d4 \u05de\u05d5\u05ea\u05d0\u05de\u05ea \u05de\u05de\u05d5\u05e7\u05d3\u05ea\",\r\n text: \"\u05dc\u05d9\u05d5\u05d5\u05d9 \u05de\u05e7\u05e6\u05d5\u05e2\u05d9 \u05dc\u05ea\u05dc\u05de\u05d9\u05d3\u05d9\u05dd \u05d4\u05de\u05ea\u05de\u05d5\u05d3\u05d3\u05d9\u05dd \u05e2\u05dd \u05e7\u05e9\u05d9\u05d9 \u05dc\u05de\u05d9\u05d3\u05d4 \u05d0\u05d5 \u05e7\u05e9\u05d9\u05d9 \u05e7\u05e9\u05d1 \u05d5\u05e8\u05d9\u05db\u05d5\u05d6 (ADHD), \u05d1\u05e2\u05d6\u05e8\u05ea \u05e2\u05d6\u05e8\u05d9\u05dd \u05d5\u05d9\u05d6\u05d5\u05d0\u05dc\u05d9\u05d9\u05dd, \u05de\u05e9\u05d7\u05e7\u05d9\u05dd \u05d3\u05d9\u05d3\u05e7\u05d8\u05d9\u05d9\u05dd \u05d5\u05d8\u05db\u05e0\u05d9\u05e7\u05d5\u05ea \u05e2\u05d1\u05d5\u05d3\u05d4 \u05d2\u05de\u05d9\u05e9\u05d5\u05ea.\"\r\n },\r\n {\r\n icon: \"\ud83d\udcd6\",\r\n title: \"\u05de\u05d9\u05d5\u05de\u05e0\u05d5\u05d9\u05d5\u05ea \u05d9\u05e1\u05d5\u05d3 \u05d5\u05e9\u05e4\u05d4\",\r\n text: \"\u05d1\u05d9\u05e1\u05d5\u05e1 \u05d5\u05d7\u05d9\u05d6\u05d5\u05e7 \u05d9\u05e1\u05d5\u05d3\u05d5\u05ea \u05d4\u05e7\u05e8\u05d9\u05d0\u05d4, \u05d4\u05db\u05ea\u05d9\u05d1\u05d4 \u05d4\u05d7\u05d5\u05e4\u05e9\u05d9\u05ea \u05d5\u05d4\u05d1\u05e0\u05ea \u05d4\u05e0\u05e7\u05e8\u05d0 \u2013 \u05d4\u05db\u05dc\u05d9\u05dd \u05d4\u05e7\u05e8\u05d9\u05d8\u05d9\u05d9\u05dd \u05dc\u05d4\u05e6\u05dc\u05d7\u05d4 \u05d1\u05db\u05dc \u05de\u05e7\u05e6\u05d5\u05e2\u05d5\u05ea \u05d4\u05dc\u05d9\u05de\u05d5\u05d3 \u05d1\u05d1\u05d9\u05ea \u05d4\u05e1\u05e4\u05e8.\"\r\n },\r\n {\r\n icon: \"\ud83d\udca1\",\r\n title: \"\u05d0\u05e1\u05d8\u05e8\u05d8\u05d2\u05d9\u05d5\u05ea \u05dc\u05de\u05d9\u05d3\u05d4\",\r\n text: \"\u05d4\u05e7\u05e0\u05d9\u05d9\u05ea \u05d4\u05e8\u05d2\u05dc\u05d9 \u05e2\u05d1\u05d5\u05d3\u05d4 \u05e0\u05db\u05d5\u05e0\u05d9\u05dd, \u05e9\u05d9\u05d8\u05d5\u05ea \u05d0\u05e8\u05d2\u05d5\u05df \u05e2\u05e6\u05de\u05d9 \u05d5\u05d8\u05db\u05e0\u05d9\u05e7\u05d5\u05ea \u05d6\u05d9\u05db\u05e8\u05d5\u05df \u05de\u05e2\u05e9\u05d9\u05d5\u05ea \u05e9\u05d9\u05e9\u05de\u05e9\u05d5 \u05d0\u05ea \u05d4\u05ea\u05dc\u05de\u05d9\u05d3 \u05d1\u05d0\u05d5\u05e4\u05df \u05e2\u05e6\u05de\u05d0\u05d9 \u05d2\u05dd \u05d1\u05db\u05d9\u05ea\u05d4 \u05d5\u05de\u05d7\u05d5\u05e6\u05d4 \u05dc\u05d4.\"\r\n },\r\n {\r\n icon: \"\ud83c\udf92\",\r\n title: \"\u05de\u05d5\u05db\u05e0\u05d5\u05ea \u05d5\u05d4\u05db\u05e0\u05d4 \u05dc\u05db\u05d9\u05ea\u05d4 \u05d0'\",\r\n text: \"\u05d4\u05e7\u05e0\u05d9\u05d9\u05ea \u05d4\u05de\u05d9\u05d5\u05de\u05e0\u05d5\u05d9\u05d5\u05ea \u05d4\u05dc\u05d9\u05de\u05d5\u05d3\u05d9\u05d5\u05ea (\u05de\u05d5\u05d3\u05e2\u05d5\u05ea \u05e4\u05d5\u05e0\u05d5\u05dc\u05d5\u05d2\u05d9\u05ea, \u05de\u05d5\u05e9\u05d2\u05d9\u05dd \u05de\u05ea\u05de\u05d8\u05d9\u05d9\u05dd, \u05de\u05d5\u05d8\u05d5\u05e8\u05d9\u05e7\u05d4) \u05dc\u05e6\u05d3 \u05d7\u05d9\u05d6\u05d5\u05e7 \u05d4\u05d1\u05d9\u05d8\u05d7\u05d5\u05df \u05d4\u05e8\u05d2\u05e9\u05d9 \u05dc\u05de\u05e2\u05d1\u05e8 \u05d1\u05d8\u05d5\u05d7 \u05d5\u05e8\u05da \u05dc\u05d9\u05e1\u05d5\u05d3\u05d9.\"\r\n }\r\n ]\r\n },\r\n unique: {\r\n label: \"\u05d4\u05d0\u05e0\u05d9 \u05de\u05d0\u05de\u05d9\u05df \u05e9\u05dc\u05d9\",\r\n title: \"\u05de\u05d4 \u05de\u05d9\u05d9\u05d7\u05d3 \u05d0\u05ea \u05e9\u05d9\u05d8\u05ea \u05d4\u05e2\u05d1\u05d5\u05d3\u05d4 \u05e9\u05dc\u05d9?\",\r\n emoji: \"\ud83c\udf37\",\r\n paragraph1: \"\u05d0\u05e0\u05d9 \u05de\u05d0\u05de\u05d9\u05e0\u05d4 \u05e9\u05dc\u05db\u05dc \u05d9\u05dc\u05d3 \u05d9\u05e9 \u05d3\u05e8\u05da \u05de\u05e9\u05dc\u05d5 \u05dc\u05dc\u05de\u05d5\u05d3 \u05d5\u05dc\u05d4\u05e6\u05dc\u05d9\u05d7. \u05de\u05ea\u05d5\u05da \u05d4\u05e0\u05d9\u05e1\u05d9\u05d5\u05df \u05d4\u05e2\u05e9\u05d9\u05e8 \u05e9\u05dc\u05d9 \u05db\u05de\u05d5\u05e8\u05d4 \u05de\u05d7\u05e0\u05db\u05ea \u05d1\u05ea\u05d5\u05da \u05db\u05d9\u05ea\u05d5\u05ea \u05d4\u05dc\u05d9\u05de\u05d5\u05d3, \u05d0\u05e0\u05d9 \u05de\u05db\u05d9\u05e8\u05d4 \u05de\u05e7\u05e8\u05d5\u05d1 \u05d0\u05ea \u05d4\u05d3\u05e8\u05d9\u05e9\u05d5\u05ea \u05e9\u05dc \u05de\u05e2\u05e8\u05db\u05ea \u05d4\u05d7\u05d9\u05e0\u05d5\u05da \u05d5\u05d0\u05ea \u05d4\u05e4\u05e2\u05e8\u05d9\u05dd \u05e9\u05e0\u05d5\u05e6\u05e8\u05d9\u05dd \u05d1\u05d4 \u05d1\u05e9\u05d8\u05d7. \u05d4\u05d7\u05d6\u05d5\u05df \u05e9\u05dc\u05d9 \u05d4\u05d5\u05d0 \u05dc\u05d4\u05d5\u05d5\u05ea \u05d2\u05e9\u05e8 \u05e2\u05d1\u05d5\u05e8 \u05d4\u05d9\u05dc\u05d3 \u05e9\u05dc\u05db\u05dd \u2013 \u05dc\u05ea\u05e8\u05d2\u05dd \u05d0\u05ea \u05d4\u05d0\u05ea\u05d2\u05e8\u05d9\u05dd \u05dc\u05e6\u05e2\u05d3\u05d9\u05dd \u05e7\u05d8\u05e0\u05d9\u05dd \u05d5\u05d1\u05d8\u05d5\u05d7\u05d9\u05dd.\",\r\n paragraph2: \"\u05de\u05d8\u05e8\u05ea\u05d9 \u05d4\u05d9\u05d0 \u05dc\u05d0 \u05e8\u05e7 \u05dc\u05e7\u05d3\u05dd \u05d0\u05ea \u05d4\u05d4\u05d9\u05e9\u05d2\u05d9\u05dd \u05d4\u05dc\u05d9\u05de\u05d5\u05d3\u05d9\u05d9\u05dd, \u05d0\u05dc\u05d0 \u05d1\u05e8\u05d0\u05e9 \u05d5\u05d1\u05e8\u05d0\u05e9\u05d5\u05e0\u05d4 \u05dc\u05d7\u05d6\u05e7 \u05d0\u05ea \u05ea\u05d7\u05d5\u05e9\u05ea \u05d4\u05de\u05e1\u05d5\u05d2\u05dc\u05d5\u05ea \u05d4\u05e2\u05e6\u05de\u05d9\u05ea, \u05dc\u05d1\u05e0\u05d5\u05ea \u05d1\u05d9\u05d8\u05d7\u05d5\u05df \u05e2\u05e6\u05de\u05d9 \u05d0\u05d9\u05ea\u05df \u05d5\u05dc\u05d4\u05d7\u05d6\u05d9\u05e8 \u05dc\u05d9\u05dc\u05d3 \u05d0\u05ea \u05d4\u05d0\u05de\u05d5\u05e0\u05d4 \u05d4\u05de\u05dc\u05d0\u05d4 \u05d1\u05d9\u05db\u05d5\u05dc\u05d5\u05ea\u05d9\u05d5 \u05d4\u05de\u05d5\u05e4\u05dc\u05d0\u05d5\u05ea.\",\r\n highlights: [\r\n { icon: \"\ud83c\udf93\", text: \"\u05e0\u05d9\u05e1\u05d9\u05d5\u05df \u05e2\u05e9\u05d9\u05e8 \u05db\u05de\u05d7\u05e0\u05db\u05ea \u05d1\u05e9\u05d8\u05d7\" },\r\n { icon: \"\ud83c\udf92\", text: \"\u05d4\u05db\u05e0\u05d4 \u05e8\u05d2\u05e9\u05d9\u05ea \u05d5\u05dc\u05d9\u05de\u05d5\u05d3\u05d9\u05ea \u05dc\u05db\u05d9\u05ea\u05d4 \u05d0'\" },\r\n { icon: \"\ud83e\udd17\", text: \"\u05e7\u05e9\u05e8 \u05d0\u05d9\u05e9\u05d9 \u05d7\u05dd \u05d5\u05de\u05e2\u05e6\u05d9\u05dd\" },\r\n { icon: \"\ud83d\udcc8\", text: \"\u05d4\u05d5\u05e8\u05d0\u05d4 \u05de\u05d5\u05ea\u05d0\u05de\u05ea \u05d0\u05d9\u05e9\u05d9\u05ea\" }\r\n ]\r\n },\r\n contact: {\r\n label: \"\u05d1\u05d5\u05d0\u05d5 \u05e0\u05e2\u05e9\u05d4 \u05d0\u05ea \u05d4\u05e6\u05e2\u05d3 \u05d4\u05e8\u05d0\u05e9\u05d5\u05df \u05d9\u05d7\u05d3\",\r\n title: \"\u05e6\u05e8\u05d5 \u05e7\u05e9\u05e8 \u05dc\u05d9\u05d9\u05e2\u05d5\u05e5 \u05e8\u05d0\u05e9\u05d5\u05e0\u05d9\",\r\n subtitle: \"\u05d4\u05e9\u05d0\u05d9\u05e8\u05d5 \u05e4\u05e8\u05d8\u05d9\u05dd \u05d5\u05e0\u05e9\u05d5\u05d7\u05d7 \u05d1\u05d4\u05e7\u05d3\u05dd, \u05d0\u05d5 \u05d4\u05ea\u05e7\u05e9\u05e8\u05d5 \u05d9\u05e9\u05d9\u05e8\u05d5\u05ea\",\r\n phone: \"0545808733\",\r\n phoneDisplay: \"054-580-8733\",\r\n email: \"bard2403@gmail.com\",\r\n form: {\r\n nameLabel: \"\u05e9\u05dd \u05de\u05dc\u05d0 \u05e9\u05dc \u05d4\u05d4\u05d5\u05e8\u05d4\",\r\n namePlaceholder: \"\u05d9\u05e9\u05e8\u05d0\u05dc \u05d9\u05e9\u05e8\u05d0\u05dc\u05d9\",\r\n phoneLabel: \"\u05de\u05e1\u05e4\u05e8 \u05d8\u05dc\u05e4\u05d5\u05df \u05dc\u05d7\u05d6\u05e8\u05d4\",\r\n phonePlaceholder: \"050-0000000\",\r\n messageLabel: \"\u05e1\u05e4\u05e8\u05d5 \u05dc\u05d9 \u05de\u05e2\u05d8 \u05e2\u05dc \u05d4\u05d9\u05dc\u05d3\/\u05d4 (\u05dc\u05d0 \u05d7\u05d5\u05d1\u05d4)\",\r\n messagePlaceholder: \"\u05d2\u05d9\u05dc, \u05db\u05d9\u05ea\u05d4, \u05d4\u05e7\u05d5\u05e9\u05d9 \u05d4\u05de\u05e8\u05db\u05d6\u05d9 \u05d0\u05d5 \u05de\u05d4 \u05e9\u05d7\u05e9\u05d5\u05d1 \u05dc\u05db\u05dd \u05e9\u05d0\u05d3\u05e2...\",\r\n submit: \"\u05e9\u05dc\u05d9\u05d7\u05ea \u05e4\u05e8\u05d8\u05d9\u05dd \u05d5\u05e0\u05d0\u05e4\u05e1 \u05de\u05e1\u05dc\u05d5\u05dc \u05d4\u05e6\u05dc\u05d7\u05d4 \u2190\",\r\n success: \"\u05d4\u05e4\u05e8\u05d8\u05d9\u05dd \u05d4\u05ea\u05e7\u05d1\u05dc\u05d5 \u05d1\u05d4\u05e6\u05dc\u05d7\u05d4! \ud83c\udf89 \u05ea\u05d5\u05d3\u05d4 \u05e8\u05d1\u05d4, \u05d0\u05e6\u05d5\u05e8 \u05d0\u05ea\u05db\u05dd \u05e7\u05e9\u05e8 \u05d1\u05d4\u05e7\u05d3\u05dd \u05dc\u05ea\u05d9\u05d0\u05d5\u05dd \u05e9\u05d9\u05d7\u05ea \u05d4\u05d9\u05d9\u05e2\u05d5\u05e5 \u05e9\u05dc\u05e0\u05d5.\"\r\n }\r\n },\r\n footer: {\r\n copyright: \"\u00a9 2026 Dana Didactic | \u05d4\u05d5\u05e8\u05d0\u05d4 \u05de\u05d5\u05ea\u05d0\u05de\u05ea \u05d5\u05d4\u05db\u05e0\u05d4 \u05dc\u05db\u05d9\u05ea\u05d4 \u05d0' \u05d1\u05e8\u05d0\u05e9 \u05d4\u05e2\u05d9\u05df. \u05db\u05dc \u05d4\u05d6\u05db\u05d5\u05d9\u05d5\u05ea \u05e9\u05de\u05d5\u05e8\u05d5\u05ea.\",\r\n tagline: \"\u05db\u05dc \u05d9\u05dc\u05d3 \u05d9\u05db\u05d5\u05dc \u05dc\u05d4\u05e6\u05dc\u05d9\u05d7 \u2013 \u05d1\u05d3\u05e8\u05da \u05d4\u05d9\u05d9\u05d7\u05d5\u05d3\u05d9\u05ea \u05e9\u05dc\u05d5\"\r\n },\r\n whatsapp: {\r\n number: \"972545808733\",\r\n text: \"\u05d4\u05d9\u05d9 \u05d3\u05e0\u05d4, \u05d4\u05d2\u05e2\u05ea\u05d9 \u05de\u05d4\u05d0\u05ea\u05e8 \u05e9\u05dc\u05da, \u05d0\u05e9\u05de\u05d7 \u05dc\u05d4\u05ea\u05d9\u05d9\u05e2\u05e5 \u05d0\u05d9\u05ea\u05da \u05dc\u05d2\u05d1\u05d9 \u05d4\u05d5\u05e8\u05d0\u05d4 \u05de\u05d5\u05ea\u05d0\u05de\u05ea \/ \u05d4\u05db\u05e0\u05d4 \u05dc\u05db\u05d9\u05ea\u05d4 \u05d0' \u05e2\u05d1\u05d5\u05e8 \u05d4\u05d9\u05dc\u05d3 \u05e9\u05dc\u05d9.\",\r\n ariaLabel: \"\u05e9\u05dc\u05d9\u05d7\u05ea \u05d4\u05d5\u05d3\u05e2\u05d4 \u05d9\u05e9\u05d9\u05e8\u05d4 \u05dc\u05d5\u05d5\u05d0\u05d8\u05e1\u05d0\u05e4 \u05e9\u05dc \u05d3\u05e0\u05d4\"\r\n },\r\n accessibility: {\r\n title: \"\u05d4\u05d2\u05d3\u05e8\u05d5\u05ea \u05e0\u05d2\u05d9\u05e9\u05d5\u05ea\",\r\n increaseText: \"\u2795 \u05d4\u05d2\u05d3\u05dc\u05ea \u05d2\u05d5\u05e4\u05df\",\r\n decreaseText: \"\u2796 \u05d4\u05e7\u05d8\u05e0\u05ea \u05d2\u05d5\u05e4\u05df\",\r\n highContrast: \"\ud83c\udf13 \u05e0\u05d9\u05d2\u05d5\u05d3\u05d9\u05d5\u05ea \u05d2\u05d1\u05d5\u05d4\u05d4\",\r\n highlightLinks: \"\ud83d\udd17 \u05d4\u05d3\u05d2\u05e9\u05ea \u05e7\u05d9\u05e9\u05d5\u05e8\u05d9\u05dd\",\r\n reset: \"\u05d0\u05d9\u05e4\u05d5\u05e1 \u05d4\u05d2\u05d3\u05e8\u05d5\u05ea\"\r\n }\r\n };\r\n\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: { heebo: ['Heebo', 'sans-serif'] },\r\n colors: {\r\n teal: { 50:'#f0fafa', 100:'#ccf0f0', 200:'#99e0e0', 300:'#5ecece', 400:'#2db5b5', 500:'#1a9898', 600:'#147878', 700:'#0f5c5c', 800:'#0a4040', 900:'#062828' },\r\n cream: { 50:'#fdfbf7', 100:'#f8f3eb', 200:'#f0e8d6', 300:'#e4d3b8', 400:'#d4b98a', 500:'#c0985c' },\r\n slate2: { 50:'#f6f8fa', 100:'#edf0f4', 200:'#d5dce6', 300:'#b0bdcc', 400:'#8496ab', 500:'#5e7490', 600:'#455c75', 700:'#35485c', 800:'#263546', 900:'#1a2535' },\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n * { font-family: 'Heebo', sans-serif; }\r\n html { scroll-behavior: smooth; }\r\n .hero-bg { background: linear-gradient(135deg, #e8f6f6 0%, #f8f3eb 50%, #fdfbf7 100%); }\r\n .card-hover { transition: transform 0.25s ease, box-shadow 0.25s ease; }\r\n .card-hover:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(26,152,152,0.12); }\r\n .btn-primary { background: linear-gradient(135deg, #1a9898, #2db5b5); transition: all 0.25s ease; }\r\n .btn-primary:hover { background: linear-gradient(135deg, #147878, #1a9898); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(26,152,152,0.35); }\r\n .section-divider { width: 56px; height: 4px; background: linear-gradient(90deg, #1a9898, #5ecece); border-radius: 2px; }\r\n\r\n \/* Accessibility Modifiers *\/\r\n body.a11y-large-text { font-size: 118%; }\r\n body.a11y-larger-text { font-size: 136%; }\r\n body.a11y-high-contrast { background: #000 !important; color: #fff !important; }\r\n body.a11y-high-contrast .hero-bg,\r\n body.a11y-high-contrast section,\r\n body.a11y-high-contrast header,\r\n body.a11y-high-contrast footer,\r\n body.a11y-high-contrast .card-hover,\r\n body.a11y-high-contrast .unique-box {\r\n background: #000 !important;\r\n color: #fff !important;\r\n border-color: #fff !important;\r\n }\r\n body.a11y-high-contrast .text-slate2-50, body.a11y-high-contrast .text-slate2-500,\r\n body.a11y-high-contrast .text-slate2-600, body.a11y-high-contrast .text-slate2-700,\r\n body.a11y-high-contrast .text-slate2-800, body.a11y-high-contrast .text-slate2-900 {\r\n color: #fff !important;\r\n }\r\n body.a11y-highlight-links a:not(.a11y-toggle):not(#whatsapp-click) {\r\n outline: 3px solid #ffff00 !important;\r\n outline-offset: 2px;\r\n text-decoration: underline !important;\r\n }\r\n\r\n .a11y-panel { transform: translateX(110%); transition: transform 0.3s ease; }\r\n .a11y-panel.open { transform: translateX(0); }\r\n\r\n .unique-box {\r\n background: linear-gradient(135deg, rgba(26,152,152,0.06) 0%, rgba(248,243,235,0.9) 50%, rgba(253,251,247,1) 100%);\r\n }\r\n .service-icon {\r\n width: 52px; height: 52px;\r\n background: linear-gradient(135deg, #e8f6f6, #ccf0f0);\r\n border-radius: 14px;\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 1.5rem;\r\n }\r\n .nav-link { position: relative; }\r\n .nav-link::after {\r\n content: ''; position: absolute; bottom: -2px; right: 0; width: 0; height: 2px;\r\n background: #1a9898; transition: width 0.25s ease;\r\n }\r\n .nav-link:hover::after { width: 100%; }\r\n\r\n #whatsapp-click { transition: transform 0.25s ease, box-shadow 0.25s ease; }\r\n #whatsapp-click:hover { transform: scale(1.08); box-shadow: 0 8px 28px rgba(37, 211, 102, 0.45); }\r\n .form-input:focus { outline: none; border-color: #1a9898; box-shadow: 0 0 0 3px rgba(26,152,152,0.15); }\r\n\r\n @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\r\n .animate-in { animation: fadeInUp 0.6s ease forwards; }\r\n .mobile-menu { max-height: 0; overflow: hidden; transition: max-height 0.35s ease; }\r\n .mobile-menu.open { max-height: 320px; }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-cream-50 text-slate2-900 font-heebo\" dir=\"rtl\" style=\"background-color:#fdfbf7;\">\r\n\r\n <!-- ====== \u267f \u05ea\u05e4\u05e8\u05d9\u05d8 \u05e0\u05d2\u05d9\u05e9\u05d5\u05ea \u05e6\u05e3 \u05de\u05d5\u05d1\u05e0\u05d4 \u05db\u05d7\u05d5\u05e7 ====== -->\r\n <button\r\n id=\"a11y-toggle\"\r\n class=\"a11y-toggle fixed top-1\/2 left-4 z-[9999] -translate-y-1\/2 w-12 h-12 rounded-full bg-teal-600 text-white shadow-lg flex items-center justify-center hover:bg-teal-700 transition-colors\"\r\n aria-label=\"\u05e4\u05ea\u05d9\u05d7\u05ea \u05ea\u05e4\u05e8\u05d9\u05d8 \u05e0\u05d2\u05d9\u05e9\u05d5\u05ea\"\r\n aria-expanded=\"false\"\r\n aria-controls=\"a11y-panel\"\r\n >\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M12 2c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm9 7h-6v13h-2v-6h-2v6H9V9H3V7h18v2z\"\/>\r\n <\/svg>\r\n <\/button>\r\n\r\n <div\r\n id=\"a11y-panel\"\r\n class=\"a11y-panel fixed top-1\/2 left-16 z-[9998] -translate-y-1\/2 w-64 bg-white rounded-2xl shadow-2xl border border-teal-100 p-5\"\r\n role=\"dialog\"\r\n aria-label=\"\u05ea\u05e4\u05e8\u05d9\u05d8 \u05e0\u05d2\u05d9\u05e9\u05d5\u05ea\"\r\n hidden\r\n >\r\n <h2 id=\"a11y-title\" class=\"text-lg font-bold text-teal-700 mb-4 pb-2 border-b border-teal-100\"><\/h2>\r\n <div class=\"flex flex-col gap-2\">\r\n <button type=\"button\" id=\"a11y-increase\" class=\"w-full text-right px-4 py-2.5 rounded-xl bg-teal-50 text-teal-800 hover:bg-teal-100 transition-colors text-sm font-medium\"><\/button>\r\n <button type=\"button\" id=\"a11y-decrease\" class=\"w-full text-right px-4 py-2.5 rounded-xl bg-teal-50 text-teal-800 hover:bg-teal-100 transition-colors text-sm font-medium\"><\/button>\r\n <button type=\"button\" id=\"a11y-contrast\" class=\"w-full text-right px-4 py-2.5 rounded-xl bg-teal-50 text-teal-800 hover:bg-teal-100 transition-colors text-sm font-medium\"><\/button>\r\n <button type=\"button\" id=\"a11y-links\" class=\"w-full text-right px-4 py-2.5 rounded-xl bg-teal-50 text-teal-800 hover:bg-teal-100 transition-colors text-sm font-medium\"><\/button>\r\n <button type=\"button\" id=\"a11y-reset\" class=\"w-full text-center mt-2 bg-slate2-100 py-2 text-xs rounded font-medium\"><\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- ====== NAVBAR ====== -->\r\n <header class=\"sticky top-0 z-50 bg-cream-50\/90 backdrop-blur-md border-b border-cream-200\">\r\n <div class=\"max-w-6xl mx-auto px-4 sm:px-6 py-4 flex items-center justify-between\">\r\n <a href=\"#\" class=\"flex flex-col\">\r\n <span id=\"nav-logo\" class=\"text-xl font-bold text-teal-700\"><\/span>\r\n <span id=\"nav-logo-sub\" class=\"text-xs text-slate2-500 font-medium\"><\/span>\r\n <\/a>\r\n <nav class=\"hidden md:flex items-center gap-8\" id=\"nav-desktop\" aria-label=\"\u05e0\u05d9\u05d5\u05d5\u05d8 \u05e8\u05d0\u05e9\u05d9\"><\/nav>\r\n <a href=\"#contact\" id=\"nav-cta\" class=\"hidden md:inline-flex btn-primary text-white text-sm font-semibold px-5 py-2.5 rounded-full shadow-sm\"><\/a>\r\n <button id=\"mobile-menu-btn\" class=\"md:hidden w-10 h-10 flex flex-col items-center justify-center gap-1.5 rounded-lg hover:bg-teal-50 transition-colors\" aria-label=\"\u05e4\u05ea\u05d9\u05d7\u05ea \u05ea\u05e4\u05e8\u05d9\u05d8\" aria-expanded=\"false\">\r\n <span class=\"block w-5 h-0.5 bg-teal-700 rounded\"><\/span>\r\n <span class=\"block w-5 h-0.5 bg-teal-700 rounded\"><\/span>\r\n <span class=\"block w-5 h-0.5 bg-teal-700 rounded\"><\/span>\r\n <\/button>\r\n <\/div>\r\n <nav id=\"mobile-menu\" class=\"mobile-menu md:hidden border-t border-cream-200 bg-cream-50\" aria-label=\"\u05e0\u05d9\u05d5\u05d5\u05d8 \u05e0\u05d9\u05d9\u05d3\">\r\n <div id=\"nav-mobile\" class=\"max-w-6xl mx-auto px-4 py-4 flex flex-col gap-3\"><\/div>\r\n <\/nav>\r\n <\/header>\r\n\r\n <main>\r\n <!-- ====== \u05e7\u05d5\u05e0\u05d8\u05d9\u05d9\u05e0\u05e8 1: HERO ====== -->\r\n <section id=\"about\" class=\"hero-bg relative overflow-hidden\">\r\n <div class=\"absolute top-0 left-0 w-72 h-72 bg-teal-200\/30 rounded-full blur-3xl -translate-x-1\/2 -translate-y-1\/2 pointer-events-none\"><\/div>\r\n <div class=\"absolute bottom-0 right-0 w-96 h-96 bg-cream-300\/40 rounded-full blur-3xl translate-x-1\/3 translate-y-1\/3 pointer-events-none\"><\/div>\r\n <div class=\"max-w-6xl mx-auto px-4 sm:px-6 py-16 sm:py-24 lg:py-28 relative\">\r\n <div class=\"max-w-3xl animate-in\">\r\n <span id=\"hero-badge\" class=\"inline-block text-sm font-semibold text-teal-600 bg-teal-50 border border-teal-100 px-4 py-1.5 rounded-full mb-6\"><\/span>\r\n <h1 id=\"hero-title\" class=\"text-3xl sm:text-4xl lg:text-5xl font-extrabold text-slate2-900 leading-tight mb-5\"><\/h1>\r\n <p id=\"hero-subtitle\" class=\"text-lg sm:text-xl text-teal-700 font-medium mb-4\"><\/p>\r\n <p id=\"hero-paragraph\" class=\"text-base sm:text-lg text-slate2-600 leading-relaxed mb-4 max-w-2xl\"><\/p>\r\n <div class=\"flex flex-wrap gap-4 mt-10\">\r\n <a href=\"#contact\" id=\"hero-cta-primary\" class=\"btn-primary inline-flex items-center justify-center text-white font-bold px-7 py-4 rounded-full text-base shadow-md\"><\/a>\r\n <a href=\"#services\" id=\"hero-cta-secondary\" class=\"inline-flex items-center justify-center font-semibold px-7 py-4 rounded-full text-base text-teal-700 border-2 border-teal-200 hover:border-teal-400 hover:bg-teal-50 transition-all\"><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ====== \u05e7\u05d5\u05e0\u05d8\u05d9\u05d9\u05e0\u05e8 2: \u05e1\u05dc \u05d4\u05e9\u05d9\u05e8\u05d5\u05ea\u05d9\u05dd (\u05db\u05e8\u05d8\u05d9\u05e1\u05d9 \u05d2\u05e8\u05d9\u05d3) ====== -->\r\n <section id=\"services\" class=\"py-16 sm:py-24 bg-white\">\r\n <div class=\"max-w-6xl mx-auto px-4 sm:px-6\">\r\n <div class=\"text-center mb-12 sm:mb-16\">\r\n <span id=\"services-label\" class=\"text-sm font-semibold text-teal-600 tracking-wide uppercase\"><\/span>\r\n <h2 id=\"services-title\" class=\"text-2xl sm:text-3xl lg:text-4xl font-extrabold text-slate2-900 mt-2 mb-4\"><\/h2>\r\n <div class=\"section-divider mx-auto mb-4\"><\/div>\r\n <p id=\"services-subtitle\" class=\"text-slate2-500 text-base sm:text-lg max-w-2xl mx-auto\"><\/p>\r\n <\/div>\r\n <div id=\"services-grid\" class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-5 sm:gap-6\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ====== \u05e7\u05d5\u05e0\u05d8\u05d9\u05d9\u05e0\u05e8 3: \u05d4\u05d0\u05e0\u05d9 \u05de\u05d0\u05de\u05d9\u05df \u05d5\u05de\u05d4 \u05de\u05d9\u05d9\u05d7\u05d3 \u05d0\u05d5\u05ea\u05d9 ====== -->\r\n <section id=\"unique\" class=\"py-16 sm:py-24 bg-cream-100\">\r\n <div class=\"max-w-6xl mx-auto px-4 sm:px-6\">\r\n <div class=\"unique-box rounded-3xl border border-teal-100\/60 shadow-sm p-8 sm:p-12 lg:p-16\">\r\n <div class=\"max-w-3xl mx-auto text-center mb-10\">\r\n <span id=\"unique-label\" class=\"text-sm font-semibold text-teal-600\"><\/span>\r\n <h2 id=\"unique-title\" class=\"text-2xl sm:text-3xl lg:text-4xl font-extrabold text-slate2-900 mt-2 flex items-center justify-center gap-3 flex-wrap\">\r\n <span id=\"unique-emoji\" aria-hidden=\"true\"><\/span>\r\n <\/h2>\r\n <div class=\"section-divider mx-auto mt-4\"><\/div>\r\n <\/div>\r\n <div class=\"max-w-3xl mx-auto space-y-5 mb-12\">\r\n <p id=\"unique-p1\" class=\"text-base sm:text-lg text-slate2-700 leading-relaxed text-center\"><\/p>\r\n <p id=\"unique-p2\" class=\"text-base sm:text-lg text-teal-800 leading-relaxed text-center font-semibold bg-white\/60 py-3 px-6 rounded-2xl border border-teal-50\/50 inline-block mx-auto w-full\"><\/p>\r\n <\/div>\r\n <div id=\"unique-highlights\" class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ====== \u05e7\u05d5\u05e0\u05d8\u05d9\u05d9\u05e0\u05e8 4: \u05d9\u05e6\u05d9\u05e8\u05ea \u05e7\u05e9\u05e8 \u05d5\u05d4\u05e0\u05e2\u05d4 \u05dc\u05e4\u05e2\u05d5\u05dc\u05d4 ====== -->\r\n <section id=\"contact\" class=\"py-16 sm:py-24 hero-bg\">\r\n <div class=\"max-w-6xl mx-auto px-4 sm:px-6\">\r\n <div class=\"text-center mb-12\">\r\n <span id=\"contact-label\" class=\"text-sm font-semibold text-teal-600\"><\/span>\r\n <h2 id=\"contact-title\" class=\"text-2xl sm:text-3xl lg:text-4xl font-extrabold text-slate2-900 mt-2 mb-4\"><\/h2>\r\n <div class=\"section-divider mx-auto mb-4\"><\/div>\r\n <p id=\"contact-subtitle\" class=\"text-slate2-500 text-base sm:text-lg\"><\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12 items-start\">\r\n <!-- \u05db\u05e4\u05ea\u05d5\u05e8 \u05d7\u05d9\u05d5\u05d2 \u05de\u05d4\u05d9\u05e8 \u05de\u05d4\u05e0\u05d9\u05d9\u05d3 -->\r\n <div class=\"bg-white rounded-3xl border border-teal-100 shadow-xl p-8 sm:p-10 text-center card-hover\">\r\n <div class=\"w-16 h-16 mx-auto mb-5 rounded-2xl bg-teal-50 flex items-center justify-center text-3xl\" aria-hidden=\"true\">\ud83d\udcde<\/div>\r\n <h3 class=\"text-xl font-bold text-slate2-900 mb-2\">\u05d7\u05d9\u05d5\u05d2 \u05d9\u05e9\u05d9\u05e8<\/h3>\r\n <p class=\"text-slate2-500 mb-6 text-sm sm:text-base\">\u05d6\u05de\u05d9\u05e0\u05d4 \u05dc\u05de\u05e2\u05e0\u05d4, \u05d4\u05ea\u05d9\u05d9\u05e2\u05e6\u05d5\u05ea \u05e8\u05d0\u05e9\u05d5\u05e0\u05d9\u05ea \u05d5\u05ea\u05d9\u05d0\u05d5\u05dd \u05e4\u05d2\u05d9\u05e9\u05d5\u05ea<\/p>\r\n <a id=\"contact-phone-link\" href=\"\" class=\"inline-flex items-center gap-2 text-2xl sm:text-3xl font-black text-teal-600 hover:text-teal-700 transition-colors tracking-wide\"><\/a>\r\n <\/div>\r\n\r\n <!-- \u05d8\u05d5\u05e4\u05e1 \u05d4\u05e9\u05d0\u05e8\u05ea \u05e4\u05e8\u05d8\u05d9\u05dd \u05d7\u05db\u05dd -->\r\n <div class=\"bg-white rounded-3xl border border-teal-100 shadow-xl p-8 sm:p-10\">\r\n <form id=\"lead-form\" class=\"space-y-5\" onsubmit=\"handleSubmit(event)\" novalidate>\r\n <div>\r\n <label id=\"label-name\" for=\"field-name\" class=\"block text-sm font-semibold text-slate2-700 mb-1.5\"><\/label>\r\n <input type=\"text\" id=\"field-name\" name=\"name\" required autocomplete=\"name\" class=\"form-input w-full px-4 py-3 rounded-xl border border-slate2-200 bg-cream-50 text-slate2-900 transition-all text-sm\" \/>\r\n <\/div>\r\n <div>\r\n <label id=\"label-phone\" for=\"field-phone\" class=\"block text-sm font-semibold text-slate2-700 mb-1.5\"><\/label>\r\n <input type=\"tel\" id=\"field-phone\" name=\"phone\" required autocomplete=\"tel\" class=\"form-input w-full px-4 py-3 rounded-xl border border-slate2-200 bg-cream-50 text-slate2-900 transition-all text-sm\" dir=\"ltr\" \/>\r\n <\/div>\r\n <div>\r\n <label id=\"label-message\" for=\"field-message\" class=\"block text-sm font-semibold text-slate2-700 mb-1.5\"><\/label>\r\n <textarea id=\"field-message\" name=\"message\" rows=\"3\" class=\"form-input w-full px-4 py-3 rounded-xl border border-slate2-200 bg-cream-50 text-slate2-900 transition-all resize-none text-sm\"><\/textarea>\r\n <\/div>\r\n <button type=\"submit\" id=\"btn-submit\" class=\"btn-primary w-full text-white font-bold py-4 rounded-xl text-base shadow-lg\"><\/button>\r\n <div id=\"success-area\" class=\"hidden text-center py-4 px-5 rounded-xl bg-teal-50 border border-teal-200 text-teal-800 font-bold text-sm sm:text-base\" role=\"status\" aria-live=\"polite\"><\/div>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n\r\n <!-- ====== FOOTER ====== -->\r\n <footer class=\"bg-slate2-900 text-white py-10 px-5 border-t border-slate2-800\">\r\n <div class=\"max-w-6xl mx-auto px-4 sm:px-6 flex flex-col md:flex-row items-center justify-between gap-6 text-center md:text-right\">\r\n <div class=\"flex flex-col gap-1\">\r\n <p id=\"footer-copyright\" class=\"text-sm text-slate2-300\"><\/p>\r\n <p id=\"footer-tagline\" class=\"text-xs text-slate2-400\"><\/p>\r\n <\/div>\r\n <div class=\"flex flex-col md:flex-end gap-2 text-xs text-slate2-400\">\r\n <div>\r\n <a href=\"#accessibility-modal\" onclick=\"openA11yModal(event)\" class=\"underline hover:text-teal-400 transition-colors\">\u05d4\u05e6\u05d4\u05e8\u05ea \u05e0\u05d2\u05d9\u05e9\u05d5\u05ea \u05db\u05d7\u05d5\u05e7<\/a>\r\n <\/div>\r\n <div>\r\n \u05d1\u05e0\u05d9\u05d9\u05d4 \u05d5\u05e9\u05d9\u05d5\u05d5\u05e7 \u05e2\u05dc \u05d9\u05d3\u05d9 <a href=\"https:\/\/az-digital.co.il\/\" target=\"_blank\" rel=\"noopener\" class=\"text-teal-400 hover:underline font-semibold\">AZ Digital<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <!-- ====== \u267f \u05d7\u05dc\u05d5\u05df \u05de\u05d5\u05d3\u05d0\u05dc\u05d9: \u05d4\u05e6\u05d4\u05e8\u05ea \u05e0\u05d2\u05d9\u05e9\u05d5\u05ea \u05e8\u05e9\u05de\u05d9\u05ea ====== -->\r\n <div id=\"accessibility-modal\" class=\"fixed inset-0 bg-black\/60 backdrop-blur-sm z-[10000] hidden flex items-center justify-center p-4\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modal-title\">\r\n <div class=\"bg-white rounded-3xl max-w-xl w-full max-h-[80vh] overflow-y-auto p-6 md:p-8 shadow-2xl border border-slate2-100 text-slate2-800\">\r\n <div class=\"flex justify-between items-center border-b pb-3 mb-4\">\r\n <h3 id=\"modal-title\" class=\"text-lg font-bold text-teal-700\">\u05d4\u05e6\u05d4\u05e8\u05ea \u05e0\u05d2\u05d9\u05e9\u05d5\u05ea - \u05d3\u05e0\u05d4 \u05d6\u05e8\u05e3<\/h3>\r\n <button onclick=\"closeA11yModal()\" class=\"text-slate2-400 hover:text-slate2-600 text-xl font-bold p-1\">×<\/button>\r\n <\/div>\r\n <div class=\"text-sm leading-relaxed space-y-4 text-right\" dir=\"rtl\">\r\n <p>\u05d0\u05e0\u05d9 \u05e8\u05d5\u05d0\u05d4 \u05d7\u05e9\u05d9\u05d1\u05d5\u05ea \u05e2\u05dc\u05d9\u05d5\u05e0\u05d4 \u05d1\u05d4\u05e0\u05d2\u05e9\u05ea \u05d4\u05d0\u05ea\u05e8 \u05dc\u05db\u05dc\u05dc \u05d4\u05d0\u05d5\u05db\u05dc\u05d5\u05e1\u05d9\u05d9\u05d4, \u05db\u05d5\u05dc\u05dc \u05d0\u05e0\u05e9\u05d9\u05dd \u05e2\u05dd \u05de\u05d5\u05d2\u05d1\u05dc\u05d5\u05d9\u05d5\u05ea, \u05db\u05d3\u05d9 \u05dc\u05d0\u05e4\u05e9\u05e8 \u05d7\u05d5\u05d5\u05d9\u05d9\u05ea \u05d2\u05dc\u05d9\u05e9\u05d4 \u05e0\u05d5\u05d7\u05d4 \u05d5\u05e2\u05e6\u05de\u05d0\u05d9\u05ea \u05db\u05db\u05dc \u05d4\u05e0\u05d9\u05ea\u05df.<\/p>\r\n <p class=\"font-bold text-slate2-900\">\u05d4\u05ea\u05d0\u05de\u05d5\u05ea \u05d4\u05e0\u05d2\u05d9\u05e9\u05d5\u05ea \u05e9\u05d1\u05d5\u05e6\u05e2\u05d5 \u05d1\u05d0\u05ea\u05e8:<\/p>\r\n <ul class=\"list-disc pr-5 space-y-2\">\r\n <li><strong>\u05e8\u05db\u05d9\u05d1 \u05e0\u05d2\u05d9\u05e9\u05d5\u05ea \u05e4\u05e2\u05d9\u05dc:<\/strong> \u05d1\u05d0\u05ea\u05e8 \u05de\u05d5\u05d8\u05de\u05e2 \u05ea\u05e4\u05e8\u05d9\u05d8 \u05e0\u05d2\u05d9\u05e9\u05d5\u05ea \u05d4\u05de\u05d0\u05e4\u05e9\u05e8 \u05d4\u05d2\u05d3\u05dc\u05d4 \u05d5\u05d4\u05e7\u05d8\u05e0\u05d4 \u05e9\u05dc \u05d4\u05d2\u05d5\u05e4\u05df, \u05e9\u05d9\u05e0\u05d5\u05d9 \u05e0\u05d9\u05d2\u05d5\u05d3\u05d9\u05d5\u05ea \u05dc\u05e6\u05d1\u05e2\u05d9 \u05e9\u05d7\u05d5\u05e8-\u05e6\u05d4\u05d5\u05d1, \u05d5\u05d4\u05d3\u05d2\u05e9\u05ea \u05e7\u05d9\u05e9\u05d5\u05e8\u05d9\u05dd \u05d1\u05e6\u05d5\u05e8\u05d4 \u05d1\u05e8\u05d5\u05e8\u05d4.<\/li>\r\n <li><strong>\u05e0\u05d9\u05d5\u05d5\u05d8 \u05de\u05e7\u05dc\u05d3\u05ea:<\/strong> \u05d4\u05d0\u05ea\u05e8 \u05de\u05d5\u05ea\u05d0\u05dd \u05dc\u05ea\u05de\u05d9\u05db\u05d4 \u05de\u05dc\u05d0\u05d4 \u05d1\u05e0\u05d9\u05d5\u05d5\u05d8 \u05d1\u05e2\u05d6\u05e8\u05ea \u05de\u05e7\u05dc\u05d3\u05ea (\u05e7\u05dc\u05d9\u05e7 \u05e2\u05dc Tab).<\/li>\r\n <li><strong>\u05ea\u05d0\u05d9\u05de\u05d5\u05ea \u05d3\u05e4\u05d3\u05e4\u05e0\u05d9\u05dd:<\/strong> \u05d4\u05d0\u05ea\u05e8 \u05e0\u05d1\u05d3\u05e7 \u05d5\u05de\u05d5\u05ea\u05d0\u05dd \u05dc\u05e2\u05d1\u05d5\u05d3\u05d4 \u05d1\u05d3\u05e4\u05d3\u05e4\u05e0\u05d9\u05dd \u05de\u05d5\u05d3\u05e8\u05e0\u05d9\u05d9\u05dd \u05d5\u05d1\u05de\u05db\u05e9\u05d9\u05e8\u05d9\u05dd \u05e0\u05d9\u05d9\u05d3\u05d9\u05dd (\u05de\u05d5\u05d1\u05d9\u05d9\u05dc \u05d5\u05d8\u05d0\u05d1\u05dc\u05d8).<\/li>\r\n <\/ul>\r\n <p>\u05d0\u05dd \u05d1\u05de\u05d4\u05dc\u05da \u05d4\u05d2\u05dc\u05d9\u05e9\u05d4 \u05e0\u05ea\u05e7\u05dc\u05ea\u05dd \u05d1\u05e7\u05d5\u05e9\u05d9 \u05db\u05dc\u05e9\u05d4\u05d5 \u05d0\u05d5 \u05d1\u05e8\u05db\u05d9\u05d1 \u05e9\u05d0\u05d9\u05e0\u05d5 \u05de\u05d5\u05e0\u05d2\u05e9 \u05db\u05e8\u05d0\u05d5\u05d9, \u05d0\u05e0\u05d0 \u05e4\u05e0\u05d5 \u05d0\u05dc\u05d9\u05d9 \u05d9\u05e9\u05d9\u05e8\u05d5\u05ea \u05dc\u05de\u05d9\u05d9\u05dc <span id=\"modal-email-text\" class=\"font-semibold text-teal-600\"><\/span> \u05d0\u05d5 \u05d1\u05d8\u05dc\u05e4\u05d5\u05df <span class=\"font-semibold text-teal-600\">054-580-8733<\/span> \u05d5\u05d0\u05d3\u05d0\u05d2 \u05dc\u05ea\u05e7\u05df \u05d6\u05d0\u05ea \u05d1\u05de\u05d4\u05d9\u05e8\u05d5\u05ea \u05d4\u05d0\u05e4\u05e9\u05e8\u05d9\u05ea.<\/p>\r\n <\/div>\r\n <button onclick=\"closeA11yModal()\" class=\"btn-primary w-full text-white font-bold py-2.5 rounded-xl text-sm mt-6\">\u05e1\u05d2\u05d9\u05e8\u05ea \u05d4\u05d7\u05dc\u05d5\u05df<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- ====== \ud83d\udfe2 \u05db\u05e4\u05ea\u05d5\u05e8 \u05d5\u05d5\u05d0\u05d8\u05e1\u05d0\u05e4 \u05e6\u05e3 \u05e7\u05d1\u05d5\u05e2 \u05d5\u05de\u05d3\u05d9\u05d3 ====== -->\r\n <a id=\"whatsapp-click\" href=\"\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"fixed bottom-6 right-6 z-[9990] w-14 h-14 sm:w-16 sm:h-16 rounded-full bg-[#25D366] text-white flex items-center justify-center shadow-2xl\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-8 h-8 sm:w-9 sm:h-9\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.435 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/>\r\n <\/svg>\r\n <\/a>\r\n\r\n <script>\r\n (function () {\r\n const c = siteContent;\r\n\r\n \/* \u2500\u2500 Populate meta \u2500\u2500 *\/\r\n document.title = c.meta.title;\r\n document.querySelector('meta[name=\"description\"]').setAttribute('content', c.meta.description);\r\n\r\n \/* \u2500\u2500 Nav \u2500\u2500 *\/\r\n document.getElementById('nav-logo').textContent = c.nav.logo;\r\n document.getElementById('nav-logo-sub').textContent = c.nav.logoSub;\r\n document.getElementById('nav-cta').textContent = c.nav.cta;\r\n\r\n const navDesktop = document.getElementById('nav-desktop');\r\n const navMobile = document.getElementById('nav-mobile');\r\n c.nav.links.forEach(function (link) {\r\n const a = document.createElement('a');\r\n a.href = link.href;\r\n a.textContent = link.label;\r\n a.className = 'nav-link text-slate2-700 hover:text-teal-600 font-medium text-sm transition-colors';\r\n navDesktop.appendChild(a);\r\n\r\n const aMobile = a.cloneNode(true);\r\n aMobile.className = 'block py-2 text-slate2-700 hover:text-teal-600 font-medium transition-colors';\r\n navMobile.appendChild(aMobile);\r\n });\r\n\r\n const mobileCta = document.createElement('a');\r\n mobileCta.href = '#contact';\r\n mobileCta.textContent = c.nav.cta;\r\n mobileCta.className = 'btn-primary text-white text-center font-semibold px-5 py-3 rounded-full mt-2';\r\n navMobile.appendChild(mobileCta);\r\n\r\n \/* \u2500\u2500 Hero \u2500\u2500 *\/\r\n document.getElementById('hero-badge').textContent = c.hero.badge;\r\n document.getElementById('hero-title').textContent = c.hero.title;\r\n document.getElementById('hero-subtitle').textContent = c.hero.subtitle;\r\n document.getElementById('hero-paragraph').textContent = c.hero.paragraph;\r\n document.getElementById('hero-cta-primary').textContent = c.hero.ctaPrimary;\r\n document.getElementById('hero-cta-secondary').textContent = c.hero.ctaSecondary;\r\n\r\n \/* \u2500\u2500 Services \u2500\u2500 *\/\r\n document.getElementById('services-label').textContent = c.services.label;\r\n document.getElementById('services-title').textContent = c.services.title;\r\n document.getElementById('services-subtitle').textContent = c.services.subtitle;\r\n\r\n const grid = document.getElementById('services-grid');\r\n c.services.items.forEach(function (item, index) {\r\n const card = document.createElement('article');\r\n if (index === c.services.items.length - 1) {\r\n card.className = 'card-hover bg-cream-50 border border-cream-200 rounded-2xl p-6 sm:p-7 flex flex-col gap-4 lg:col-span-3 lg:max-w-md lg:mx-auto lg:w-full';\r\n } else {\r\n card.className = 'card-hover bg-cream-50 border border-cream-200 rounded-2xl p-6 sm:p-7 flex flex-col gap-4';\r\n }\r\n card.innerHTML =\r\n '<div class=\"service-icon\" aria-hidden=\"true\">' + item.icon + '<\/div>' +\r\n '<h3 class=\"text-lg font-bold text-slate2-900\">' + item.title + '<\/h3>' +\r\n '<p class=\"text-slate2-500 text-sm sm:text-base leading-relaxed flex-1\">' + item.text + '<\/p>';\r\n grid.appendChild(card);\r\n });\r\n\r\n \/* \u2500\u2500 Unique \u2500\u2500 *\/\r\n document.getElementById('unique-label').textContent = c.unique.label;\r\n document.getElementById('unique-title').appendChild(document.createTextNode(c.unique.title));\r\n document.getElementById('unique-emoji').textContent = c.unique.emoji;\r\n document.getElementById('unique-p1').textContent = c.unique.paragraph1;\r\n document.getElementById('unique-p2').textContent = c.unique.paragraph2;\r\n\r\n const highlightsEl = document.getElementById('unique-highlights');\r\n c.unique.highlights.forEach(function (h) {\r\n const div = document.createElement('div');\r\n div.className = 'flex items-center gap-3 bg-white\/80 border border-teal-100 rounded-2xl px-5 py-4 card-hover';\r\n div.innerHTML = '<span class=\"text-xl\" aria-hidden=\"true\">' + h.icon + '<\/span><span class=\"text-sm sm:text-base font-medium text-slate2-700\">' + h.text + '<\/span>';\r\n highlightsEl.appendChild(div);\r\n });\r\n\r\n \/* \u2500\u2500 Contact \u2500\u2500 *\/\r\n document.getElementById('contact-label').textContent = c.contact.label;\r\n document.getElementById('contact-title').textContent = c.contact.title;\r\n document.getElementById('contact-subtitle').textContent = c.contact.subtitle;\r\n document.getElementById('contact-phone-link').textContent = c.contact.phoneDisplay;\r\n document.getElementById('contact-phone-link').href = 'tel:' + c.contact.phone;\r\n document.getElementById('modal-email-text').textContent = c.contact.email;\r\n\r\n document.getElementById('label-name').textContent = c.contact.form.nameLabel;\r\n document.getElementById('field-name').placeholder = c.contact.form.namePlaceholder;\r\n document.getElementById('label-phone').textContent = c.contact.form.phoneLabel;\r\n document.getElementById('field-phone').placeholder = c.contact.form.phonePlaceholder;\r\n document.getElementById('label-message').textContent = c.contact.form.messageLabel;\r\n document.getElementById('field-message').placeholder = c.contact.form.messagePlaceholder;\r\n document.getElementById('btn-submit').textContent = c.contact.form.submit;\r\n\r\n \/* \u2500\u2500 Footer \u2500\u2500 *\/\r\n document.getElementById('footer-copyright').textContent = c.footer.copyright;\r\n document.getElementById('footer-tagline').textContent = c.footer.tagline;\r\n\r\n \/* \u2500\u2500 WhatsApp URLs \u2500\u2500 *\/\r\n const waUrl = 'https:\/\/wa.me\/' + c.whatsapp.number + '?text=' + encodeURIComponent(c.whatsapp.text);\r\n document.getElementById('whatsapp-click').href = waUrl;\r\n document.getElementById('whatsapp-click').setAttribute('aria-label', c.whatsapp.ariaLabel);\r\n\r\n \/* \u2500\u2500 Accessibility labels \u2500\u2500 *\/\r\n document.getElementById('a11y-title').textContent = c.accessibility.title;\r\n document.getElementById('a11y-increase').textContent = c.accessibility.increaseText;\r\n document.getElementById('a11y-decrease').textContent = c.accessibility.decreaseText;\r\n document.getElementById('a11y-contrast').textContent = c.accessibility.highContrast;\r\n document.getElementById('a11y-links').textContent = c.accessibility.highlightLinks;\r\n document.getElementById('a11y-reset').textContent = c.accessibility.reset;\r\n\r\n \/* \u2500\u2500 Mobile menu \u2500\u2500 *\/\r\n const menuBtn = document.getElementById('mobile-menu-btn');\r\n const mobileMenu = document.getElementById('mobile-menu');\r\n menuBtn.addEventListener('click', function () {\r\n const open = mobileMenu.classList.toggle('open');\r\n menuBtn.setAttribute('aria-expanded', open);\r\n });\r\n\r\n \/* \u2500\u2500 Accessibility panel \u2500\u2500 *\/\r\n const a11yToggle = document.getElementById('a11y-toggle');\r\n const a11yPanel = document.getElementById('a11y-panel');\r\n let textSize = 0;\r\n\r\n a11yToggle.addEventListener('click', function () {\r\n const isOpen = a11yPanel.classList.toggle('open');\r\n a11yPanel.hidden = !isOpen;\r\n a11yToggle.setAttribute('aria-expanded', isOpen);\r\n });\r\n\r\n document.getElementById('a11y-increase').addEventListener('click', function () {\r\n if (textSize < 2) textSize++;\r\n applyTextSize();\r\n });\r\n\r\n document.getElementById('a11y-decrease').addEventListener('click', function () {\r\n if (textSize > 0) textSize--;\r\n applyTextSize();\r\n });\r\n\r\n function applyTextSize() {\r\n document.body.classList.remove('a11y-large-text', 'a11y-larger-text');\r\n if (textSize === 1) document.body.classList.add('a11y-large-text');\r\n if (textSize === 2) document.body.classList.add('a11y-larger-text');\r\n }\r\n\r\n document.getElementById('a11y-contrast').addEventListener('click', function () {\r\n document.body.classList.toggle('a11y-high-contrast');\r\n });\r\n\r\n document.getElementById('a11y-links').addEventListener('click', function () {\r\n document.body.classList.toggle('a11y-highlight-links');\r\n });\r\n\r\n document.getElementById('a11y-reset').addEventListener('click', function () {\r\n textSize = 0;\r\n document.body.classList.remove('a11y-large-text', 'a11y-larger-text', 'a11y-high-contrast', 'a11y-highlight-links');\r\n });\r\n\r\n \/* \u2500\u2500 Close a11y panel on outside click \u2500\u2500 *\/\r\n document.addEventListener('click', function (e) {\r\n if (!a11yPanel.classList.contains('open')) return;\r\n if (!a11yPanel.contains(e.target) && !a11yToggle.contains(e.target)) {\r\n a11yPanel.classList.remove('open');\r\n a11yPanel.hidden = true;\r\n a11yToggle.setAttribute('aria-expanded', 'false');\r\n }\r\n });\r\n })();\r\n\r\n \/* \u2500\u2500 \u05e4\u05d5\u05e0\u05e7\u05e6\u05d9\u05d5\u05ea \u05d4\u05e6\u05d4\u05e8\u05ea \u05d4\u05e0\u05d2\u05d9\u05e9\u05d5\u05ea \u05d4\u05de\u05d5\u05d3\u05d0\u05dc\u05d9\u05ea \u2500\u2500 *\/\r\n function openA11yModal(e) {\r\n e.preventDefault();\r\n document.getElementById('accessibility-modal').classList.remove('hidden');\r\n }\r\n function closeA11yModal() {\r\n document.getElementById('accessibility-modal').classList.add('hidden');\r\n }\r\n document.getElementById('accessibility-modal').addEventListener('click', function(e) {\r\n if (e.target === this) closeA11yModal();\r\n });\r\n <\/script>\r\n\r\n <!-- ====== \ud83d\udcdc SCRIPT \u05d7\u05e1\u05d9\u05df: \u05d8\u05d9\u05e4\u05d5\u05dc \u05d1\u05e9\u05dc\u05d9\u05d7\u05ea \u05d8\u05d5\u05e4\u05e1 \u05dc\u05dc\u05d0 \u05e8\u05e2\u05e0\u05d5\u05df \u05e2\u05de\u05d5\u05d3 ====== -->\r\n <script>\r\n function handleSubmit(e) {\r\n e.preventDefault();\r\n\r\n const name = document.getElementById('field-name').value.trim();\r\n const phone = document.getElementById('field-phone').value.trim();\r\n const msg = document.getElementById('field-message').value.trim();\r\n\r\n if (!name || !phone) {\r\n alert('\u05d0\u05e0\u05d0 \u05de\u05dc\u05d0\u05d5 \u05e9\u05dd \u05de\u05dc\u05d0 \u05d5\u05de\u05e1\u05e4\u05e8 \u05d8\u05dc\u05e4\u05d5\u05df \u05db\u05d3\u05d9 \u05e9\u05e0\u05d5\u05db\u05dc \u05dc\u05d7\u05d6\u05d5\u05e8 \u05d0\u05dc\u05d9\u05db\u05dd.');\r\n return;\r\n }\r\n\r\n const btn = document.getElementById('btn-submit');\r\n btn.textContent = '\u05e9\u05d5\u05dc\u05d7 \u05e4\u05e8\u05d8\u05d9\u05dd...';\r\n btn.disabled = true;\r\n\r\n const formData = new FormData();\r\n formData.append('\u05e9\u05dd \u05de\u05dc\u05d0', name);\r\n formData.append('\u05d8\u05dc\u05e4\u05d5\u05df', phone);\r\n formData.append('\u05d4\u05d5\u05d3\u05e2\u05d4', msg || '\u05d0\u05d9\u05df');\r\n\r\n fetch('https:\/\/formspree.io\/f\/xzdqavbz', {\r\n method: 'POST',\r\n body: formData,\r\n headers: { 'Accept': 'application\/json' }\r\n })\r\n .then(res => {\r\n if (res.ok) {\r\n document.getElementById('field-name').parentElement.classList.add('hidden');\r\n document.getElementById('field-phone').parentElement.classList.add('hidden');\r\n document.getElementById('field-message').parentElement.classList.add('hidden');\r\n btn.classList.add('hidden');\r\n \r\n const successArea = document.getElementById('success-area');\r\n successArea.textContent = siteContent.contact.form.success;\r\n successArea.classList.remove('hidden');\r\n } else {\r\n resetBtn(btn);\r\n alert('\u05d0\u05d9\u05e8\u05e2\u05d4 \u05e9\u05d2\u05d9\u05d0\u05d4 \u05e7\u05dc\u05d4 \u05d1\u05e9\u05dc\u05d9\u05d7\u05d4. \u05d0\u05e0\u05d0 \u05e0\u05e1\u05d5 \u05e9\u05d5\u05d1 \u05d0\u05d5 \u05e4\u05e0\u05d5 \u05d9\u05e9\u05d9\u05e8\u05d5\u05ea \u05d1\u05d5\u05d5\u05d0\u05d8\u05e1\u05d0\u05e4.');\r\n }\r\n })\r\n .catch(() => {\r\n resetBtn(btn);\r\n alert('\u05d0\u05d9\u05e8\u05e2\u05d4 \u05e9\u05d2\u05d9\u05d0\u05d4 \u05d1\u05d7\u05d9\u05d1\u05d5\u05e8. \u05d0\u05e0\u05d0 \u05d5\u05d3\u05d0\u05d5 \u05e9\u05d9\u05e9 \u05dc\u05db\u05dd \u05d0\u05d9\u05e0\u05d8\u05e8\u05e0\u05d8 \u05d5\u05e0\u05e1\u05d5 \u05e9\u05d5\u05d1.');\r\n });\r\n }\r\n\r\n function resetBtn(btn) {\r\n btn.textContent = siteContent.contact.form.submit;\r\n btn.disabled = false;\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Dana Didactic \u2013 \u05d4\u05d5\u05e8\u05d0\u05d4 \u05de\u05d5\u05ea\u05d0\u05de\u05ea \u05d5\u05d4\u05db\u05e0\u05d4 \u05dc\u05db\u05d9\u05ea\u05d4 \u05d0' \u05d1\u05e8\u05d0\u05e9 \u05d4\u05e2\u05d9\u05df \ud83d\udcde \u05d7\u05d9\u05d5\u05d2 \u05d9\u05e9\u05d9\u05e8 \u05d6\u05de\u05d9\u05e0\u05d4 \u05dc\u05de\u05e2\u05e0\u05d4, \u05d4\u05ea\u05d9\u05d9\u05e2\u05e6\u05d5\u05ea \u05e8\u05d0\u05e9\u05d5\u05e0\u05d9\u05ea \u05d5\u05ea\u05d9\u05d0\u05d5\u05dd \u05e4\u05d2\u05d9\u05e9\u05d5\u05ea \u05d4\u05e6\u05d4\u05e8\u05ea \u05e0\u05d2\u05d9\u05e9\u05d5\u05ea \u05db\u05d7\u05d5\u05e7 \u05d1\u05e0\u05d9\u05d9\u05d4 \u05d5\u05e9\u05d9\u05d5\u05d5\u05e7 \u05e2\u05dc \u05d9\u05d3\u05d9 AZ Digital \u05d4\u05e6\u05d4\u05e8\u05ea \u05e0\u05d2\u05d9\u05e9\u05d5\u05ea – \u05d3\u05e0\u05d4 \u05d6\u05e8\u05e3 × \u05d0\u05e0\u05d9 \u05e8\u05d5\u05d0\u05d4 \u05d7\u05e9\u05d9\u05d1\u05d5\u05ea \u05e2\u05dc\u05d9\u05d5\u05e0\u05d4 \u05d1\u05d4\u05e0\u05d2\u05e9\u05ea \u05d4\u05d0\u05ea\u05e8 \u05dc\u05db\u05dc\u05dc \u05d4\u05d0\u05d5\u05db\u05dc\u05d5\u05e1\u05d9\u05d9\u05d4, \u05db\u05d5\u05dc\u05dc \u05d0\u05e0\u05e9\u05d9\u05dd \u05e2\u05dd \u05de\u05d5\u05d2\u05d1\u05dc\u05d5\u05d9\u05d5\u05ea, \u05db\u05d3\u05d9 \u05dc\u05d0\u05e4\u05e9\u05e8 \u05d7\u05d5\u05d5\u05d9\u05d9\u05ea \u05d2\u05dc\u05d9\u05e9\u05d4 \u05e0\u05d5\u05d7\u05d4 \u05d5\u05e2\u05e6\u05de\u05d0\u05d9\u05ea \u05db\u05db\u05dc \u05d4\u05e0\u05d9\u05ea\u05df. \u05d4\u05ea\u05d0\u05de\u05d5\u05ea […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-266","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dana-didactic.co.il\/index.php?rest_route=\/wp\/v2\/pages\/266","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dana-didactic.co.il\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dana-didactic.co.il\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dana-didactic.co.il\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dana-didactic.co.il\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=266"}],"version-history":[{"count":13,"href":"https:\/\/dana-didactic.co.il\/index.php?rest_route=\/wp\/v2\/pages\/266\/revisions"}],"predecessor-version":[{"id":280,"href":"https:\/\/dana-didactic.co.il\/index.php?rest_route=\/wp\/v2\/pages\/266\/revisions\/280"}],"wp:attachment":[{"href":"https:\/\/dana-didactic.co.il\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=266"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}