{"id":6119,"date":"2025-06-05T12:40:20","date_gmt":"2025-06-05T12:40:20","guid":{"rendered":"https:\/\/noamdesigns.com\/he\/?page_id=6119"},"modified":"2025-06-06T16:58:12","modified_gmt":"2025-06-06T16:58:12","slug":"branding-packages","status":"publish","type":"page","link":"https:\/\/noamdesigns.com\/he\/branding-packages\/","title":{"rendered":"\u05d7\u05d1\u05d9\u05dc\u05d5\u05ea"},"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
\n\t\t\t\t
\n\t\t\t\t\tNOAM DESIGN<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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 \u05d8\u05d5\u05e4\u05e1 \u05d4\u05d6\u05de\u05e0\u05d4 - \u05e0\u05e2\u05dd \u05e2\u05d9\u05e6\u05d5\u05d1\u05d9\u05dd<\/title>\r\n <style>\r\n @font-face {\r\n font-family: 'FbShiri';\r\n src: url('\/wp-content\/uploads\/sites\/3\/Font\/FbShiri.ttf') format('truetype');\r\n }\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'FbShiri', sans-serif;\r\n background: linear-gradient(135deg, #f3ede7 0%, #ffffff 50%, #f3ede7 100%);\r\n min-height: 100vh;\r\n \/\/padding: 20px;\r\n direction: rtl;\r\n }\r\n \r\n label, input, select, textarea, button, p, h1, h2, h3, h4, h5, h6 {\r\n font-family: 'FbShiri', sans-serif !important;\r\n \r\n unicode-bidi: plaintext;\r\n }\r\n\r\n .container {\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n .header {\r\n text-align: center;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .header h1 {\r\n font-size: 2.5rem;\r\n font-weight: bold;\r\n color: #000;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .header p {\r\n font-size: 1.1rem;\r\n color: #374151;\r\n }\r\n\r\n .form-card {\r\n background: white;\r\n border: 2px solid #000;\r\n border-radius: 12px;\r\n padding: 40px;\r\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .progress-container {\r\n margin-bottom: 40px;\r\n }\r\n\r\n .progress-info {\r\n display: flex;\r\n justify-content: space-between;\r\n margin-bottom: 8px;\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: #000;\r\n }\r\n\r\n .progress-bar {\r\n position: relative;\r\n width: 100%;\r\n height: 12px;\r\n background-color: #e5e7eb;\r\n border-radius: 6px;\r\n overflow: hidden;\r\n direction: rtl;\r\n }\r\n\r\n .progress-fill {\r\n height: 100%;\r\n background: linear-gradient(to left, #e7d8cc, #b1917d);\r\n transition: width 0.5s ease;\r\n border-radius: 6px;\r\n }\r\n\r\n .progress-ring {\r\n position: absolute;\r\n top: -2px;\r\n height: 16px;\r\n width: 16px;\r\n font-size: 14px;\r\n transition: right 0.5s ease;\r\n z-index: 10;\r\n\r\n }\r\n\r\n .step-title {\r\n text-align: center;\r\n font-size: 14px;\r\n color: #6b7280;\r\n margin-top: 8px;\r\n }\r\n\r\n .step {\r\n display: none;\r\n }\r\n\r\n .step.active {\r\n display: block;\r\n }\r\n\r\n .step-header {\r\n text-align: center;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .step-header h2 {\r\n font-size: 1.5rem;\r\n font-weight: bold;\r\n color: #000;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .step-header p {\r\n color: #374151;\r\n line-height: 1.6;\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 20px;\r\n text-align: right;\r\n }\r\n\r\n .form-label {\r\n display: block;\r\n margin-bottom: 8px;\r\n font-weight: 500;\r\n color: #000;\r\n text-align: right;\r\n }\r\n\r\n .form-input {\r\n width: 100%;\r\n padding: 12px;\r\n border: 2px solid #000;\r\n border-radius: 6px;\r\n font-size: 16px;\r\n transition: border-color 0.2s, box-shadow 0.2s;\r\n }\r\n\r\n .form-input:focus {\r\n outline: none;\r\n border-color: #eab308;\r\n box-shadow: 0 0 0 3px rgba(234, 179, 8, 0.1);\r\n }\r\n\r\n .form-input[dir=\"rtl\"] {\r\n text-align: right;\r\n }\r\n\r\n .checkbox-group {\r\n margin-bottom: 12px;\r\n }\r\n\r\n .checkbox-item {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 12px;\r\n direction: rtl;\r\n unicode-bidi: plaintext;\r\n text-align: right;\r\n\r\n }\r\n\r\n .checkbox-input {\r\n margin-left: 12px;\r\n width: 18px;\r\n height: 18px;\r\n accent-color: #000;\r\n }\r\n\r\n .checkbox-label {\r\n flex: 1;\r\n color: #000;\r\n cursor: pointer;\r\n align-items: right;\r\n }\r\n\r\n .radio-group {\r\n margin-bottom: 20px;\r\n }\r\n\r\n .radio-item {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 12px;\r\n direction: rtl;\r\n unicode-bidi: plaintext;\r\n\r\n }\r\n\r\n .radio-input {\r\n margin-left: 12px;\r\n width: 18px;\r\n height: 18px;\r\n accent-color: #000;\r\n }\r\n\r\n .radio-label {\r\n flex: 1;\r\n color: #000;\r\n cursor: pointer;\r\n align-items: right;\r\n text-align: right;\r\n }\r\n\r\n .textarea {\r\n width: 100%;\r\n min-height: 120px;\r\n padding: 12px;\r\n border: 2px solid #000;\r\n border-radius: 6px;\r\n font-family: inherit;\r\n font-size: 16px;\r\n resize: vertical;\r\n text-align: right;\r\n }\r\n\r\n .textarea:focus {\r\n outline: none;\r\n border-color: #eab308;\r\n box-shadow: 0 0 0 3px rgba(234, 179, 8, 0.1);\r\n }\r\n\r\n .button-container {\r\n display: flex;\r\n justify-content: space-evenly;\r\n margin-top: 30px;\r\n flex-direction: row-reverse;\r\n }\r\n\r\n .btn {\r\n padding: 12px 24px;\r\n border-radius: 6px;\r\n font-weight: 500;\r\n font-size: 16px;\r\n cursor: pointer;\r\n transition: all 0.2s;\r\n text-decoration: none;\r\n display: inline-block;\r\n text-align: center;\r\n border: none;\r\n }\r\n\r\n .btn-primary {\r\n background-color: #000;\r\n color: white;\r\n }\r\n\r\n .btn-primary:hover:not(:disabled) {\r\n background-color: #374151;\r\n }\r\n\r\n .btn-secondary {\r\n background-color: transparent;\r\n color: #000;\r\n border: 2px solid #000;\r\n }\r\n\r\n .btn-secondary:hover:not(:disabled) {\r\n background-color: #f3f4f6;\r\n }\r\n\r\n .btn:disabled {\r\n opacity: 0.5;\r\n cursor: not-allowed;\r\n }\r\n\r\n .error-message {\r\n color: #ef4444;\r\n font-size: 14px;\r\n margin-top: 4px;\r\n text-align: right;\r\n }\r\n\r\n .thank-you {\r\n text-align: center;\r\n }\r\n\r\n .thank-you .emoji {\r\n font-size: 4rem;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .thank-you h2 {\r\n font-size: 2rem;\r\n font-weight: bold;\r\n color: #000;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .thank-you-card {\r\n background: #f5f0ea; \/* \u05e8\u05e7\u05e2 \u05e0\u05d9\u05d5\u05d3 *\/\r\n border: 2px solid #000;\r\n border-radius: 12px;\r\n padding: 30px;\r\n text-align: center;\r\n color: #000;\r\n max-width: 600px;\r\n margin: 40px auto;\r\n line-height: 1.6;\r\n }\r\n\r\n .thank-you-card p {\r\n font-size: 1.1rem;\r\n line-height: 1.6;\r\n margin-bottom: 16px;\r\n color: #000;\r\n }\r\n\r\n .review-btn {\r\n background-color: #000;\r\n color: white;\r\n border: 2px solid #eab308;\r\n padding: 12px 32px;\r\n font-size: 1.1rem;\r\n margin-top: 20px;\r\n }\r\n\r\n .review-btn:hover {\r\n background-color: #374151;\r\n }\r\n\r\n .footer-info {\r\n margin-top: 30px;\r\n text-align: center;\r\n font-size: 14px;\r\n color: #6b7280;\r\n }\r\n\r\n .footer-info p {\r\n margin-bottom: 4px;\r\n }\r\n\r\n .footer-info .brand {\r\n font-weight: 600;\r\n color: #000;\r\n }\r\n .checkbox-label span.price-left {\r\n float: left;\r\n text-align: left;\r\n font-weight: normal;\r\n }\r\n input, select, textarea {\r\n color: #877964; !important \/* \u05e0\u05d9\u05d5\u05d3 \u05db\u05d4\u05d4 *\/\r\n}\r\ninput::placeholder,\r\ntextarea::placeholder {\r\n color: #877964; !important \/* \u05e0\u05d9\u05d5\u05d3 \u05d1\u05d4\u05d9\u05e8 \u05d0\u05da \u05e7\u05e8\u05d9\u05d0 *\/\r\n opacity: 1; \/* \u05de\u05d5\u05e0\u05e2 \u05e9\u05e7\u05d9\u05e4\u05d5\u05ea \u05de\u05d9\u05d5\u05ea\u05e8\u05ea *\/\r\n}\r\n.elementor-kit-8 input:not([type=\"button\"]):not([type=\"submit\"]), .elementor-kit-8 textarea, .elementor-kit-8 .elementor-field-textual{\r\n color: #877964; !important \/* \u05e0\u05d9\u05d5\u05d3 \u05d1\u05d4\u05d9\u05e8 \u05d0\u05da \u05e7\u05e8\u05d9\u05d0 \r\n}\r\n\r\n @media (max-width: 640px) {\r\n .form-card {\r\n padding: 10px;\r\n }\r\n \r\n .header h1 {\r\n font-size: 2rem;\r\n }\r\n \r\n .step-header h2 {\r\n font-size: 1.25rem;\r\n }\r\n }\r\n \r\n \/* \u05d4\u05e1\u05e8\u05ea \u05de\u05e8\u05d5\u05d5\u05d7\u05d9\u05dd \u05d1\u05de\u05d5\u05d1\u05d9\u05d9\u05dc *\/\r\n@media (max-width: 768px) {\r\n .container, .form-card, body {\r\n width: 100% !important;\r\n margin: 0 !important;\r\n padding: 10px !important;\r\n box-sizing: border-box;\r\n }\r\n \r\n \/* \u05d4\u05e1\u05e8\u05ea \u05de\u05e8\u05d5\u05d5\u05d7\u05d9\u05dd \u05de\u05d4\u05e6\u05d3\u05d3\u05d9\u05dd *\/\r\n .elementor-container {\r\n padding-left: 0 !important;\r\n padding-right: 0 !important;\r\n margin-left: 0 !important;\r\n margin-right: 0 !important;\r\n }\r\n \r\n \/* \u05d5\u05d9\u05d3\u05d5\u05d0 \u05e9\u05d4\u05d8\u05d5\u05e4\u05e1 \u05ea\u05d5\u05e4\u05e1 \u05d0\u05ea \u05db\u05dc \u05d4\u05e8\u05d5\u05d7\u05d1 *\/\r\n .form-container {\r\n width: 100vw;\r\n margin: 0;\r\n padding: 15px;\r\n }\r\n}\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <div class=\"header\">\r\n <p>\u05e1\u05d8\u05d5\u05d3\u05d9\u05d5 \u05dc\u05de\u05d9\u05ea\u05d5\u05d2 \u05d5\u05e2\u05d9\u05e6\u05d5\u05d1 \u05d0\u05d9\u05e8\u05d5\u05e2\u05d9\u05dd | \u05d4\u05d6\u05de\u05e0\u05d5\u05ea \u05d5\u05de\u05d5\u05e6\u05e8\u05d9 \u05d3\u05e4\u05d5\u05e1 | \u05d9\u05e6\u05d9\u05e8\u05ea \u05ea\u05d5\u05db\u05df<\/p>\r\n <\/div>\r\n\r\n <div class=\"form-card\">\r\n <!-- Progress Bar -->\r\n <div class=\"progress-container\">\r\n <div class=\"progress-info\">\r\n <span id=\"step-counter\">\u05e9\u05dc\u05d1 1 \u05de\u05ea\u05d5\u05da 7<\/span>\r\n <span id=\"progress-percentage\">14%<\/span>\r\n <\/div>\r\n <div class=\"progress-bar\">\r\n <div class=\"progress-fill\" id=\"progress-fill\"><\/div>\r\n <div class=\"progress-ring\" id=\"progress-ring\">\ud83d\udc8d<\/div>\r\n <\/div>\r\n <p class=\"step-title\" id=\"step-title\">\u05e4\u05e8\u05d8\u05d9\u05dd \u05d0\u05d9\u05e9\u05d9\u05d9\u05dd<\/p>\r\n <\/div>\r\n\r\n <form id=\"noam-form\">\r\n <!-- Step 1: Personal Details -->\r\n <div class=\"step active\" data-step=\"1\">\r\n <div class=\"step-header\">\r\n <h2> \u05d1\u05e8\u05d5\u05db\u05d9\u05dd \u05d4\u05d1\u05d0\u05d9\u05dd \u05dc\u05e2\u05d5\u05dc\u05dd \u05e9\u05dc \u05e0\u05e2\u05dd \u05d3\u05d9\u05d6\u05d9\u05d9\u05df!<\/h2>\r\n <h5> \u05d1\u05d5\u05d0\u05d5 \u05e0\u05ea\u05d7\u05d9\u05dc \u05d1\u05de\u05e1\u05e2 \u05dc\u05e2\u05d9\u05e6\u05d5\u05d1 \u05d4\u05d0\u05d9\u05e8\u05d5\u05e2 \u05d4\u05de\u05d5\u05e9\u05dc\u05dd \u05e9\u05dc\u05db\u05dd - \u05db\u05dc \u05e4\u05e8\u05d8 \u05d9\u05d4\u05d9\u05d4 \u05d1\u05d3\u05d9\u05d5\u05e7 \u05db\u05de\u05d5 \u05e9\u05d7\u05dc\u05de\u05ea\u05dd \u2728<\/h5>\r\n<p>\u05d0\u05dd \u05d4\u05d2\u05e2\u05ea\u05dd \u05dc\u05db\u05d0\u05df - \u05db\u05e0\u05e8\u05d0\u05d4 \u05e9\u05d0\u05ea\u05dd \u05db\u05d1\u05e8 \u05d7\u05d5\u05dc\u05de\u05d9\u05dd \u05e2\u05dc \u05e2\u05d9\u05e6\u05d5\u05d1 \u05e9\u05d9\u05d4\u05e4\u05d5\u05da \u05d0\u05ea \u05d4\u05d0\u05d9\u05e8\u05d5\u05e2 \u05e9\u05dc\u05db\u05dd \u05dc\u05de\u05d9\u05d5\u05d7\u05d3 \u05d5\u05de\u05e8\u05d2\u05e9 \u05d1\u05de\u05d9\u05d5\u05d7\u05d3 \u2764\ufe0f<\/p>\r\n\r\n<p>\u05db\u05d3\u05d9 \u05e9\u05d0\u05d5\u05db\u05dc \u05dc\u05d1\u05e0\u05d5\u05ea \u05e2\u05d1\u05d5\u05e8\u05db\u05dd \u05d4\u05e6\u05e2\u05ea \u05de\u05d7\u05d9\u05e8 \u05de\u05d3\u05d5\u05d9\u05e7\u05ea \u05d5\u05de\u05d5\u05ea\u05d0\u05de\u05ea \u05d0\u05d9\u05e9\u05d9\u05ea \u05e9\u05de\u05e9\u05e7\u05e4\u05ea \u05d1\u05d3\u05d9\u05d5\u05e7 \u05d0\u05ea \u05d4\u05d7\u05d6\u05d5\u05df \u05e9\u05dc\u05db\u05dd \u05dc\u05d0\u05d9\u05e8\u05d5\u05e2 - \u05d4\u05db\u05e0\u05ea\u05d9 \u05e9\u05d0\u05dc\u05d5\u05df \u05e7\u05e6\u05e8 \u05e9\u05d9\u05e2\u05d6\u05d5\u05e8 \u05dc\u05d9 \u05dc\u05d4\u05db\u05d9\u05e8 \u05d0\u05ea\u05db\u05dd.<\/p>\r\n\r\n<p>\u05db\u05de\u05d4 \u05d3\u05e7\u05d5\u05ea \u05e9\u05dc \u05de\u05e2\u05e0\u05d4 - \u05d5\u05db\u05d1\u05e8 \u05d0\u05ea\u05d7\u05d9\u05dc \u05dc\u05e2\u05e6\u05d1 \u05d0\u05ea \u05d4\u05d7\u05d1\u05d9\u05dc\u05d4 \u05d4\u05de\u05d5\u05e9\u05dc\u05de\u05ea \u05e9\u05ea\u05e8\u05d2\u05d9\u05e9 \u05d1\u05d3\u05d9\u05d5\u05e7 \u05d0\u05ea\u05dd.<\/p>\r\n\r\n<p>\u05de\u05d1\u05d8\u05d9\u05d7\u05d4 \u05dc\u05d7\u05d6\u05d5\u05e8 \u05d0\u05dc\u05d9\u05db\u05dd \u05d1\u05de\u05d4\u05d9\u05e8\u05d5\u05ea \u05e2\u05dd \u05d4\u05e6\u05e2\u05d4 \u05de\u05d5\u05ea\u05d0\u05de\u05ea, \u05db\u05d6\u05d5 \u05e9\u05e0\u05d5\u05e6\u05e8\u05ea \u05de\u05ea\u05d5\u05da \u05d4\u05d1\u05e0\u05d4 \u05d0\u05de\u05d9\u05ea\u05d9\u05ea \u05e9\u05dc \u05d4\u05d7\u05dc\u05d5\u05dd \u05e9\u05dc\u05db\u05dd - \u05d1\u05d3\u05d9\u05d5\u05e7 \u05db\u05de\u05d5 \u05db\u05dc \u05d9\u05e6\u05d9\u05e8\u05d4 \u05e9\u05d9\u05d5\u05e6\u05d0\u05ea \u05de\u05d4\u05e1\u05d8\u05d5\u05d3\u05d9\u05d5 \u05d1\u05ea\u05e9\u05d5\u05e7\u05d4 \u05de\u05db\u05dc \u05d4\u05dc\u05d1. <\/p>\r\n\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"fullName\">\u05e9\u05dd \u05de\u05dc\u05d0 *<\/label>\r\n <input type=\"text\" id=\"fullName\" name=\"fullName\" class=\"form-input\" placeholder=\"\u05d4\u05db\u05e0\u05d9\u05e1\u05d5 \u05d0\u05ea \u05d4\u05e9\u05dd \u05d4\u05de\u05dc\u05d0 \u05e9\u05dc\u05db\u05dd\" required>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"email\">\ud83d\udce7 \u05db\u05ea\u05d5\u05d1\u05ea \u05de\u05d9\u05d9\u05dc *<\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" class=\"form-input\" dir=\"ltr\" placeholder=\"example@email.com\" required>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"phone\">\ud83d\udcf1 \u05de\u05e1\u05e4\u05e8 \u05d8\u05dc\u05e4\u05d5\u05df *<\/label>\r\n <input type=\"tel\" id=\"phone\" name=\"phone\" class=\"form-input\" dir=\"ltr\" placeholder=\"050-1234567\" required>\r\n <div class=\"error-message\" id=\"phone-error\" style=\"display: none;\">\u05de\u05e1\u05e4\u05e8 \u05d4\u05d8\u05dc\u05e4\u05d5\u05df \u05d7\u05d9\u05d9\u05d1 \u05dc\u05d4\u05db\u05d9\u05dc \u05dc\u05e4\u05d7\u05d5\u05ea 10 \u05e1\u05e4\u05e8\u05d5\u05ea<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Step 2: Event Types -->\r\n <div class=\"step\" data-step=\"2\">\r\n <div class=\"step-header\">\r\n <h2> \u05dc\u05d0\u05d9\u05dc\u05d5 \u05e1\u05d5\u05d2\u05d9 \u05d0\u05d9\u05e8\u05d5\u05e2\u05d9\u05dd \u05ea\u05e8\u05e6\u05d5 \u05dc\u05d4\u05d6\u05de\u05d9\u05df \u05de\u05d5\u05e6\u05e8\u05d9\u05dd?<\/h2>\r\n <p>\u05e0\u05d9\u05ea\u05df \u05dc\u05d1\u05d7\u05d5\u05e8 \u05db\u05de\u05d4 \u05d0\u05e4\u05e9\u05e8\u05d5\u05d9\u05d5\u05ea<\/p>\r\n <\/div>\r\n \r\n <div class=\"checkbox-group\">\r\n <div class=\"checkbox-item\">\r\n <input type=\"checkbox\" id=\"event-wedding\" name=\"eventTypes\" value=\"\u05d7\u05ea\u05d5\u05e0\u05d4\" class=\"checkbox-input\">\r\n <label for=\"event-wedding\" class=\"checkbox-label\">\u05d7\u05ea\u05d5\u05e0\u05d4<\/label>\r\n <\/div>\r\n <div class=\"checkbox-item\">\r\n <input type=\"checkbox\" id=\"event-henna\" name=\"eventTypes\" value=\"\u05d7\u05d9\u05e0\u05d4\" class=\"checkbox-input\">\r\n <label for=\"event-henna\" class=\"checkbox-label\">\u05d7\u05d9\u05e0\u05d4<\/label>\r\n <\/div>\r\n <div class=\"checkbox-item\">\r\n <input type=\"checkbox\" id=\"event-bar\" name=\"eventTypes\" value=\"\u05d1\u05e8 \u05de\u05e6\u05d5\u05d5\u05d4\" class=\"checkbox-input\">\r\n <label for=\"event-bar\" class=\"checkbox-label\">\u05d1\u05e8 \u05de\u05e6\u05d5\u05d5\u05d4<\/label>\r\n <\/div>\r\n <div class=\"checkbox-item\">\r\n <input type=\"checkbox\" id=\"event-bat\" name=\"eventTypes\" value=\"\u05d1\u05ea \u05de\u05e6\u05d5\u05d5\u05d4\" class=\"checkbox-input\">\r\n <label for=\"event-bat\" class=\"checkbox-label\">\u05d1\u05ea \u05de\u05e6\u05d5\u05d5\u05d4<\/label>\r\n <\/div>\r\n <div class=\"checkbox-item\">\r\n <input type=\"checkbox\" id=\"event-mikvah\" name=\"eventTypes\" value=\"\u05de\u05e7\u05d5\u05d5\u05d4\" class=\"checkbox-input\">\r\n <label for=\"event-mikvah\" class=\"checkbox-label\">\u05de\u05e7\u05d5\u05d5\u05d4<\/label>\r\n <\/div>\r\n <div class=\"checkbox-item\">\r\n <input type=\"checkbox\" id=\"event-challah\" name=\"eventTypes\" value=\"\u05d4\u05e4\u05e8\u05e9\u05ea \u05d7\u05dc\u05d4\" class=\"checkbox-input\">\r\n <label for=\"event-challah\" class=\"checkbox-label\">\u05d4\u05e4\u05e8\u05e9\u05ea \u05d7\u05dc\u05d4<\/label>\r\n <\/div>\r\n <div class=\"checkbox-item\">\r\n <input type=\"checkbox\" id=\"event-bachelorette\" name=\"eventTypes\" value=\"\u05de\u05e1\u05d9\u05d1\u05d5\u05ea \u05e8\u05d5\u05d5\u05e7\u05d5\u05ea\" class=\"checkbox-input\">\r\n <label for=\"event-bachelorette\" class=\"checkbox-label\">\u05de\u05e1\u05d9\u05d1\u05d5\u05ea \u05e8\u05d5\u05d5\u05e7\u05d5\u05ea<\/label>\r\n <\/div>\r\n <div class=\"checkbox-item\">\r\n <input type=\"checkbox\" id=\"event-other\" name=\"eventTypes\" value=\"\u05d0\u05d7\u05e8\" class=\"checkbox-input\">\r\n <label for=\"event-other\" class=\"checkbox-label\">\u05d0\u05d7\u05e8<\/label>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"form-group\" id=\"other-event-group\" style=\"display: none;\">\r\n <label class=\"form-label\" for=\"otherEventType\">\u05d0\u05e0\u05d0 \u05e4\u05e8\u05d8\u05d5:<\/label>\r\n <input type=\"text\" id=\"otherEventType\" name=\"otherEventType\" class=\"form-input\" placeholder=\"\u05e4\u05e8\u05d8\u05d5 \u05d0\u05ea \u05e1\u05d5\u05d2 \u05d4\u05d0\u05d9\u05e8\u05d5\u05e2\">\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Step 3: Event Dates -->\r\n <div class=\"step\" data-step=\"3\">\r\n <div class=\"step-header\">\r\n <h2>\ud83d\udcc6 \u05d9\u05e9 \u05db\u05d1\u05e8 \u05ea\u05d0\u05e8\u05d9\u05da \u05dc\u05d0\u05d9\u05e8\u05d5\u05e2\/\u05d9\u05dd?<\/h2>\r\n <\/div>\r\n \r\n <div class=\"radio-group\">\r\n <div class=\"radio-item\">\r\n <input type=\"radio\" id=\"dates-yes\" name=\"hasEventDates\" value=\"yes\" class=\"radio-input\">\r\n <label for=\"dates-yes\" class=\"radio-label\">\u05db\u05df<\/label>\r\n <\/div>\r\n <div class=\"radio-item\">\r\n <input type=\"radio\" id=\"dates-no\" name=\"hasEventDates\" value=\"no\" class=\"radio-input\">\r\n <label for=\"dates-no\" class=\"radio-label\">\u05e2\u05d3\u05d9\u05d9\u05df \u05dc\u05d0<\/label>\r\n <\/div>\r\n <\/div>\r\n \r\n <div id=\"dates-container\" style=\"display: none;\">\r\n <h3 style=\"font-size: 1.1rem; font-weight: 600; color: #000; margin-bottom: 16px; text-align: right;\">\u05ea\u05d0\u05e8\u05d9\u05db\u05d9 \u05d4\u05d0\u05d9\u05e8\u05d5\u05e2\u05d9\u05dd:<\/h3>\r\n <div id=\"date-fields\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Step 4: Products -->\r\n <div class=\"step\" data-step=\"4\">\r\n <div class=\"step-header\">\r\n <h2>\ud83e\uddfe \u05d0\u05d9\u05dc\u05d5 \u05de\u05d5\u05e6\u05e8\u05d9\u05dd \u05de\u05e2\u05e0\u05d9\u05d9\u05e0\u05d9\u05dd \u05d0\u05ea\u05db\u05dd?<\/h2>\r\n <p>\u05e0\u05d9\u05ea\u05df \u05dc\u05d1\u05d7\u05d5\u05e8 \u05db\u05de\u05d4 \u05e9\u05e6\u05e8\u05d9\u05da<\/p>\r\n <\/div>\r\n \r\n <div class=\"checkbox-group\">\r\n <div class=\"checkbox-item\">\r\n <input type=\"checkbox\" id=\"product-digital\" name=\"products\" value=\"\u05d4\u05d6\u05de\u05e0\u05d5\u05ea \u05d3\u05d9\u05d2\u05d9\u05d8\u05dc\u05d9\u05d5\u05ea\" class=\"checkbox-input\">\r\n <label for=\"product-digital\" class=\"checkbox-label\">\r\n \u05d4\u05d6\u05de\u05e0\u05d5\u05ea \u05d3\u05d9\u05d2\u05d9\u05d8\u05dc\u05d9\u05d5\u05ea\r\n <span class=\"price-left\">| \u05d4\u05d7\u05dc \u05de-350 \u20aa<\/span>\r\n <\/label>\r\n<\/div>\r\n<div class=\"checkbox-item\">\r\n <input type=\"checkbox\" id=\"product-invitations\" name=\"products\" value=\"\u05d4\u05d6\u05de\u05e0\u05d5\u05ea \u05de\u05d5\u05d3\u05e4\u05e1\u05d5\u05ea\" class=\"checkbox-input\">\r\n <label for=\"product-invitations\" class=\"checkbox-label\">\r\n \u05d4\u05d6\u05de\u05e0\u05d5\u05ea \u05de\u05d5\u05d3\u05e4\u05e1\u05d5\u05ea (\u05db\u05d5\u05dc\u05dc \u05ea\u05de\u05d5\u05e0\u05d4 \u05d3\u05d9\u05d2\u05d9\u05d8\u05dc\u05d9\u05ea)\r\n <span class=\"price-left\">| \u05d4\u05d7\u05dc \u05de-600 \u20aa<\/span>\r\n <\/label>\r\n<\/div>\r\n<div class=\"checkbox-item\">\r\n <input type=\"checkbox\" id=\"product-save-image\" name=\"products\" value=\"\u05e1\u05d9\u05d9\u05d1 \u05d3\u05d4 \u05d3\u05d9\u05d9\u05d8 \u2013 \u05ea\u05de\u05d5\u05e0\u05d4\" class=\"checkbox-input\">\r\n <label for=\"product-save-image\" class=\"checkbox-label\">\r\n \u05e1\u05d9\u05d9\u05d1 \u05d3\u05d4 \u05d3\u05d9\u05d9\u05d8 \u2013 \u05ea\u05de\u05d5\u05e0\u05d4 \u05d3\u05d9\u05d2\u05d9\u05d8\u05dc\u05d9\u05ea\r\n <span class=\"price-left\">| \u05d4\u05d7\u05dc \u05de-400 \u20aa<\/span>\r\n <\/label>\r\n<\/div>\r\n<div class=\"checkbox-item\">\r\n <input type=\"checkbox\" id=\"product-save-video\" name=\"products\" value=\"\u05e1\u05d9\u05d9\u05d1 \u05d3\u05d4 \u05d3\u05d9\u05d9\u05d8 \u2013 \u05e1\u05e8\u05d8\u05d5\u05df\" class=\"checkbox-input\">\r\n <label for=\"product-save-video\" class=\"checkbox-label\">\r\n \u05e1\u05d9\u05d9\u05d1 \u05d3\u05d4 \u05d3\u05d9\u05d9\u05d8 \u2013 \u05e1\u05e8\u05d8\u05d5\u05df \u05de\u05e7\u05e6\u05d5\u05e2\u05d9\r\n <span class=\"price-left\">| \u05d4\u05d7\u05dc \u05de-650 \u20aa<\/span>\r\n <\/label>\r\n<\/div>\r\n<div class=\"checkbox-item\">\r\n <input type=\"checkbox\" id=\"product-menus\" name=\"products\" value=\"\u05ea\u05e4\u05e8\u05d9\u05d8\u05d9\u05dd\" class=\"checkbox-input\">\r\n <label for=\"product-menus\" class=\"checkbox-label\">\r\n \u05ea\u05e4\u05e8\u05d9\u05d8\u05d9\u05dd\r\n <span class=\"price-left\">| \u05d4\u05d7\u05dc \u05de-450 \u20aa<\/span>\r\n <\/label>\r\n<\/div>\r\n<div class=\"checkbox-item\">\r\n <input type=\"checkbox\" id=\"product-blessings\" name=\"products\" value=\"\u05d1\u05e8\u05db\u05d5\u05e0\u05d9\u05dd\" class=\"checkbox-input\">\r\n <label for=\"product-blessings\" class=\"checkbox-label\">\r\n \u05d1\u05e8\u05db\u05d5\u05e0\u05d9\u05dd\r\n <span class=\"price-left\">| \u05d4\u05d7\u05dc \u05de-450 \u20aa<\/span>\r\n <\/label>\r\n<\/div>\r\n<div class=\"checkbox-item\">\r\n <input type=\"checkbox\" id=\"product-stickers\" name=\"products\" value=\"\u05de\u05d3\u05d1\u05e7\u05d5\u05ea \u05de\u05de\u05d5\u05ea\u05d2\u05d5\u05ea\" class=\"checkbox-input\">\r\n <label for=\"product-stickers\" class=\"checkbox-label\">\r\n \u05de\u05d3\u05d1\u05e7\u05d5\u05ea \u05de\u05de\u05d5\u05ea\u05d2\u05d5\u05ea\r\n <span class=\"price-left\">| \u05d4\u05d7\u05dc \u05de-280 \u20aa<\/span>\r\n <\/label>\r\n<\/div>\r\n<div class=\"checkbox-item\">\r\n <input type=\"checkbox\" id=\"product-table-numbers\" name=\"products\" value=\"\u05de\u05e1\u05e4\u05e8\u05d9 \u05e9\u05d5\u05dc\u05d7\u05df\" class=\"checkbox-input\">\r\n <label for=\"product-table-numbers\" class=\"checkbox-label\">\r\n \u05de\u05e1\u05e4\u05e8\u05d9 \u05e9\u05d5\u05dc\u05d7\u05df\r\n <span class=\"price-left\">| \u05d4\u05d7\u05dc \u05de-500 \u20aa<\/span>\r\n <\/label>\r\n<\/div>\r\n<div class=\"checkbox-item\">\r\n <input type=\"checkbox\" id=\"product-logo\" name=\"products\" value=\"\u05dc\u05d5\u05d2\u05d5 \u05dc\u05de\u05e1\u05db\u05d9\u05dd \" class=\"checkbox-input\">\r\n <label for=\"product-logo\" class=\"checkbox-label\">\r\n \u05dc\u05d5\u05d2\u05d5 \u05dc\u05de\u05e1\u05db\u05d9\u05dd \u05d1\u05d0\u05d5\u05dc\u05dd\r\n <span class=\"price-left\">| \u05d4\u05d7\u05dc \u05de-350 \u20aa<\/span>\r\n <\/label>\r\n<\/div>\r\n<div class=\"checkbox-item\">\r\n <input type=\"checkbox\" id=\"product-ravakot\" name=\"products\" value=\"\u05d4\u05d6\u05de\u05e0\u05d4 \u05dc\u05de\u05e1\u05d9\u05d1\u05ea \u05e8\u05d5\u05d5\u05e7\u05d5\u05ea\" class=\"checkbox-input\">\r\n <label for=\"product-ravakot\" class=\"checkbox-label\">\r\n \u05d4\u05d6\u05de\u05e0\u05ea \u05e4\u05e1\u05e4\u05d5\u05e8\u05d8 \u05dc\u05de\u05e1\u05d9\u05d1\u05ea \u05e8\u05d5\u05d5\u05e7\u05d5\u05ea\r\n <span class=\"price-left\">| \u05d4\u05d7\u05dc \u05de-800 \u20aa<\/span>\r\n <\/label>\r\n<\/div>\r\n<div class=\"checkbox-item\">\r\n <input type=\"checkbox\" id=\"product-other\" name=\"products\" value=\"\u05d0\u05d7\u05e8\" class=\"checkbox-input\">\r\n <label for=\"product-other\" class=\"checkbox-label\">\u05d0\u05d7\u05e8<\/label>\r\n<\/div>\r\n <\/div>\r\n \r\n <div class=\"form-group\" id=\"other-product-group\" style=\"display: none;\">\r\n <label class=\"form-label\" for=\"otherProduct\">\u05d0\u05e0\u05d0 \u05e4\u05e8\u05d8\u05d5:<\/label>\r\n <input type=\"text\" id=\"otherProduct\" name=\"otherProduct\" class=\"form-input\" placeholder=\"\u05e4\u05e8\u05d8\u05d5 \u05d0\u05ea \u05d4\u05de\u05d5\u05e6\u05e8 \u05d4\u05e8\u05e6\u05d5\u05d9\">\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Step 5: Guest Counts -->\r\n <div class=\"step\" data-step=\"5\">\r\n <div class=\"step-header\">\r\n <h2>\ud83d\udccf \u05db\u05de\u05d4 \u05de\u05d5\u05d6\u05de\u05e0\u05d9\u05dd \u05e6\u05e4\u05d5\u05d9\u05d9\u05dd \u05d1\u05db\u05dc \u05d0\u05d9\u05e8\u05d5\u05e2?<\/h2>\r\n <\/div>\r\n \r\n <div id=\"guest-count-fields\"><\/div>\r\n <\/div>\r\n\r\n <!-- Step 6: Additional Notes -->\r\n <div class=\"step\" data-step=\"6\">\r\n <div class=\"step-header\">\r\n <h2>\ud83d\udcac \u05e2\u05d5\u05d3 \u05de\u05e9\u05d4\u05d5?<\/h2>\r\n <p>\u05d9\u05e9 \u05de\u05e9\u05d4\u05d5 \u05e0\u05d5\u05e1\u05e3 \u05e9\u05ea\u05e8\u05e6\u05d5 \u05dc\u05e1\u05e4\u05e8 \u05dc\u05d9 \u05db\u05d3\u05d9 \u05e9\u05d0\u05d5\u05db\u05dc \u05dc\u05d3\u05d9\u05d9\u05e7 \u05dc\u05db\u05dd \u05d0\u05ea \u05d4\u05d4\u05e6\u05e2\u05d4?<\/p>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"additionalNotes\">\u05d4\u05e2\u05e8\u05d5\u05ea \u05e0\u05d5\u05e1\u05e4\u05d5\u05ea (\u05d0\u05d5\u05e4\u05e6\u05d9\u05d5\u05e0\u05dc\u05d9):<\/label>\r\n <textarea id=\"additionalNotes\" name=\"additionalNotes\" class=\"textarea\" placeholder=\"\u05db\u05d0\u05df \u05ea\u05d5\u05db\u05dc\u05d5 \u05dc\u05db\u05ea\u05d5\u05d1 \u05db\u05dc \u05de\u05d9\u05d3\u05e2 \u05e0\u05d5\u05e1\u05e3 \u05e9\u05d9\u05e2\u05d6\u05d5\u05e8 \u05dc\u05e0\u05d5 \u05dc\u05d4\u05ea\u05d0\u05d9\u05dd \u05dc\u05db\u05dd \u05d0\u05ea \u05d4\u05d4\u05e6\u05e2\u05d4 \u05d4\u05de\u05d5\u05e9\u05dc\u05de\u05ea...\"><\/textarea>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Step 7: Thank You -->\r\n <div class=\"step\" data-step=\"7\">\r\n <div class=\"thank-you\">\r\n <div class=\"emoji\">\ud83c\udf89<\/div>\r\n <h2>\u05ea\u05d5\u05d3\u05d4 \u05e8\u05d1\u05d4!<\/h2>\r\n \r\n <div class=\"thank-you-card\">\r\n <p>\u05ea\u05d5\u05d3\u05d4 \u05e2\u05dc \u05db\u05dc \u05d4\u05e4\u05e8\u05d8\u05d9\u05dd! \u05d0\u05e0\u05d9 \u05e2\u05d5\u05d1\u05e8\u05ea \u05e2\u05dc\u05d9\u05d4\u05dd \u05de\u05de\u05e9 \u05e2\u05db\u05e9\u05d9\u05d5 \u05db\u05d3\u05d9 \u05dc\u05d4\u05ea\u05d0\u05d9\u05dd \u05dc\u05db\u05dd \u05d0\u05ea \u05d4\u05d7\u05d1\u05d9\u05dc\u05d4 \u05d4\u05de\u05d3\u05d5\u05d9\u05e7\u05ea \u05d1\u05d9\u05d5\u05ea\u05e8 \u05d1\u05de\u05d7\u05d9\u05e8 \u05d4\u05db\u05d9 \u05de\u05e9\u05ea\u05dc\u05dd.<\/p>\r\n <p>\u05d0\u05e6\u05d5\u05e8 \u05d0\u05d9\u05ea\u05db\u05dd \u05e7\u05e9\u05e8 \u05d1\u05e7\u05e8\u05d5\u05d1 \u05de\u05d0\u05d5\u05d3.<\/p>\r\n <p>\u05d5\u05d1\u05d9\u05e0\u05ea\u05d9\u05d9\u05dd\u2026 \u05d1\u05d5\u05d0\u05d5 \u05ea\u05e7\u05e8\u05d0\u05d5 \u05d0\u05ea \u05db\u05dc \u05d4\u05d1\u05d9\u05e7\u05d5\u05e8\u05d5\u05ea \u05d4\u05e0\u05d4\u05d3\u05e8\u05d5\u05ea \u05e9\u05e7\u05d9\u05d1\u05dc\u05e0\u05d5 \u05de\u05dc\u05e7\u05d5\u05d7\u05d5\u05ea \u05de\u05e8\u05d5\u05e6\u05d9\u05dd \u2764\ufe0f<\/p>\r\n \r\n <button type=\"button\" class=\"btn review-btn\" onclick=\"window.open('https:\/\/noamdesigns.com\/he\/reviews\/', '_blank')\">\r\n \u2b50 \u05e7\u05e8\u05d0\u05d5 \u05d0\u05ea \u05d4\u05d1\u05d9\u05e7\u05d5\u05e8\u05d5\u05ea \u05e9\u05dc\u05e0\u05d5\r\n <\/button>\r\n <\/div>\r\n \r\n <div class=\"footer-info\">\r\n <p>\u05e0\u05d7\u05d6\u05d5\u05e8 \u05d0\u05dc\u05d9\u05db\u05dd \u05d1\u05d4\u05e7\u05d3\u05dd \u05e2\u05dd \u05d4\u05e6\u05e2\u05d4 \u05de\u05d5\u05ea\u05d0\u05de\u05ea \u05d0\u05d9\u05e9\u05d9\u05ea<\/p>\r\n <p class=\"brand\">Noam Design - \u05e0\u05e2\u05dd \u05d3\u05d9\u05d6\u05d9\u05d9\u05df<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Navigation Buttons -->\r\n <div class=\"button-container\" id=\"navigation-buttons\">\r\n <button type=\"button\" id=\"prev-btn\" class=\"btn btn-secondary\" style=\"display: none;\">\u2192 \u05d7\u05d6\u05d5\u05e8<\/button>\r\n <button type=\"button\" id=\"next-btn\" class=\"btn btn-primary\">\u05d4\u05de\u05e9\u05da \u2190<\/button>\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Form state\r\n let currentStep = 1;\r\n const totalSteps = 7;\r\n const formData = {};\r\n\r\n \/\/ Step titles\r\n const stepTitles = [\r\n '\u05e4\u05e8\u05d8\u05d9\u05dd \u05d0\u05d9\u05e9\u05d9\u05d9\u05dd',\r\n '\u05e1\u05d5\u05d2\u05d9 \u05d0\u05d9\u05e8\u05d5\u05e2\u05d9\u05dd', \r\n '\u05ea\u05d0\u05e8\u05d9\u05db\u05d9 \u05d0\u05d9\u05e8\u05d5\u05e2\u05d9\u05dd',\r\n '\u05de\u05d5\u05e6\u05e8\u05d9\u05dd \u05de\u05e2\u05e0\u05d9\u05d9\u05e0\u05d9\u05dd',\r\n '\u05db\u05de\u05d5\u05ea \u05de\u05d5\u05d6\u05de\u05e0\u05d9\u05dd',\r\n '\u05d4\u05e2\u05e8\u05d5\u05ea \u05e0\u05d5\u05e1\u05e4\u05d5\u05ea',\r\n '\u05e1\u05d9\u05d5\u05dd'\r\n ];\r\n\r\n \/\/ Initialize form\r\n document.addEventListener('DOMContentLoaded', function() {\r\n updateProgress();\r\n attachEventListeners();\r\n });\r\n\r\n function attachEventListeners() {\r\n \/\/ Navigation buttons\r\n document.getElementById('next-btn').addEventListener('click', nextStep);\r\n document.getElementById('prev-btn').addEventListener('click', prevStep);\r\n\r\n \/\/ Phone validation\r\n document.getElementById('phone').addEventListener('input', validatePhone);\r\n\r\n \/\/ Event types\r\n document.querySelectorAll('input[name=\"eventTypes\"]').forEach(input => {\r\n input.addEventListener('change', handleEventTypeChange);\r\n });\r\n\r\n \/\/ Products\r\n document.querySelectorAll('input[name=\"products\"]').forEach(input => {\r\n input.addEventListener('change', handleProductChange);\r\n });\r\n\r\n \/\/ Event dates\r\n document.querySelectorAll('input[name=\"hasEventDates\"]').forEach(input => {\r\n input.addEventListener('change', handleEventDatesChange);\r\n });\r\n }\r\n\r\n function validatePhone() {\r\n const phone = document.getElementById('phone').value;\r\n const phoneDigits = phone.replace(\/[^0-9]\/g, '');\r\n const errorElement = document.getElementById('phone-error');\r\n \r\n if (phone && phoneDigits.length < 10) {\r\n errorElement.style.display = 'block';\r\n return false;\r\n } else {\r\n errorElement.style.display = 'none';\r\n return true;\r\n }\r\n }\r\n\r\n function handleEventTypeChange() {\r\n const otherCheckbox = document.getElementById('event-other');\r\n const otherGroup = document.getElementById('other-event-group');\r\n \r\n if (otherCheckbox.checked) {\r\n otherGroup.style.display = 'block';\r\n } else {\r\n otherGroup.style.display = 'none';\r\n document.getElementById('otherEventType').value = '';\r\n }\r\n }\r\n\r\n function handleProductChange() {\r\n const otherCheckbox = document.getElementById('product-other');\r\n const otherGroup = document.getElementById('other-product-group');\r\n \r\n if (otherCheckbox.checked) {\r\n otherGroup.style.display = 'block';\r\n } else {\r\n otherGroup.style.display = 'none';\r\n document.getElementById('otherProduct').value = '';\r\n }\r\n }\r\n\r\n function handleEventDatesChange() {\r\n const hasDateYes = document.getElementById('dates-yes').checked;\r\n const datesContainer = document.getElementById('dates-container');\r\n \r\n if (hasDateYes) {\r\n datesContainer.style.display = 'block';\r\n generateDateFields();\r\n } else {\r\n datesContainer.style.display = 'none';\r\n }\r\n }\r\n\r\n function generateDateFields() {\r\n const selectedEvents = Array.from(document.querySelectorAll('input[name=\"eventTypes\"]:checked'))\r\n .map(input => input.value)\r\n .filter(value => value !== '\u05d0\u05d7\u05e8');\r\n \r\n if (document.getElementById('event-other').checked && document.getElementById('otherEventType').value) {\r\n selectedEvents.push(document.getElementById('otherEventType').value);\r\n }\r\n\r\n const container = document.getElementById('date-fields');\r\n container.innerHTML = '';\r\n\r\n selectedEvents.forEach(eventType => {\r\n const fieldHTML = `\r\n <div class=\"form-group\">\r\n <label class=\"form-label\">\u05ea\u05d0\u05e8\u05d9\u05da ${eventType}<\/label>\r\n <input type=\"date\" name=\"eventDate_${eventType}\" class=\"form-input\" style=\"text-align: left;\">\r\n <\/div>\r\n `;\r\n container.innerHTML += fieldHTML;\r\n });\r\n }\r\n\r\n function generateGuestCountFields() {\r\n const selectedEvents = Array.from(document.querySelectorAll('input[name=\"eventTypes\"]:checked'))\r\n .map(input => input.value)\r\n .filter(value => value !== '\u05d0\u05d7\u05e8');\r\n \r\n if (document.getElementById('event-other').checked && document.getElementById('otherEventType').value) {\r\n selectedEvents.push(document.getElementById('otherEventType').value);\r\n }\r\n\r\n const container = document.getElementById('guest-count-fields');\r\n container.innerHTML = '';\r\n\r\n selectedEvents.forEach(eventType => {\r\n const fieldHTML = `\r\n <div class=\"form-group\">\r\n <label class=\"form-label\">\u05de\u05e1\u05e4\u05e8 \u05de\u05d5\u05d6\u05de\u05e0\u05d9\u05dd \u05dc${eventType}<\/label>\r\n <input type=\"number\" min=\"1\" name=\"guestCount_${eventType}\" class=\"form-input\" placeholder=\"\u05de\u05e1\u05e4\u05e8 \u05de\u05d5\u05d6\u05de\u05e0\u05d9\u05dd\" style=\"text-align: left;\">\r\n <\/div>\r\n `;\r\n container.innerHTML += fieldHTML;\r\n });\r\n }\r\n\r\n function validateCurrentStep() {\r\n switch(currentStep) {\r\n case 1:\r\n const fullName = document.getElementById('fullName').value.trim();\r\n const email = document.getElementById('email').value.trim();\r\n const phone = document.getElementById('phone').value.trim();\r\n return fullName && email && phone && validatePhone();\r\n \r\n case 2:\r\n const eventTypes = document.querySelectorAll('input[name=\"eventTypes\"]:checked');\r\n if (eventTypes.length === 0) return false;\r\n \r\n const otherChecked = document.getElementById('event-other').checked;\r\n if (otherChecked) {\r\n const otherValue = document.getElementById('otherEventType').value.trim();\r\n return otherValue !== '';\r\n }\r\n return true;\r\n \r\n case 4:\r\n const products = document.querySelectorAll('input[name=\"products\"]:checked');\r\n if (products.length === 0) return false;\r\n \r\n const productOtherChecked = document.getElementById('product-other').checked;\r\n if (productOtherChecked) {\r\n const productOtherValue = document.getElementById('otherProduct').value.trim();\r\n return productOtherValue !== '';\r\n }\r\n return true;\r\n \r\n default:\r\n return true;\r\n }\r\n }\r\n\r\n function nextStep() {\r\n if (!validateCurrentStep()) {\r\n alert('\u05d0\u05e0\u05d0 \u05de\u05dc\u05d0\u05d5 \u05d0\u05ea \u05db\u05dc \u05d4\u05e9\u05d3\u05d5\u05ea \u05d4\u05e0\u05d3\u05e8\u05e9\u05d9\u05dd');\r\n return;\r\n }\r\n\r\n if (currentStep === 2) {\r\n generateGuestCountFields();\r\n }\r\n\r\n if (currentStep < totalSteps) {\r\n if (currentStep === 6) {\r\n \/\/ Submit form before showing thank you\r\n submitForm();\r\n }\r\n \r\n currentStep++;\r\n showStep(currentStep);\r\n updateProgress();\r\n }\r\n }\r\n\r\n function prevStep() {\r\n if (currentStep > 1) {\r\n currentStep--;\r\n showStep(currentStep);\r\n updateProgress();\r\n }\r\n }\r\n\r\n function showStep(step) {\r\n \/\/ Hide all steps\r\n document.querySelectorAll('.step').forEach(stepEl => {\r\n stepEl.classList.remove('active');\r\n });\r\n\r\n \/\/ Show current step\r\n document.querySelector(`.step[data-step=\"${step}\"]`).classList.add('active');\r\n\r\n \/\/ Update navigation buttons\r\n const prevBtn = document.getElementById('prev-btn');\r\n const nextBtn = document.getElementById('next-btn');\r\n const navButtons = document.getElementById('navigation-buttons');\r\n\r\n if (step === 1) {\r\n prevBtn.style.display = 'none';\r\n } else {\r\n prevBtn.style.display = 'inline-block';\r\n }\r\n\r\n if (step === totalSteps) {\r\n navButtons.style.display = 'none';\r\n } else {\r\n navButtons.style.display = 'flex';\r\n if (step === 6) {\r\n nextBtn.textContent = '\u05e1\u05d9\u05d5\u05dd \u05d5\u05e9\u05dc\u05d9\u05d7\u05d4 \u2190';\r\n } else {\r\n nextBtn.textContent = '\u05d4\u05de\u05e9\u05da \u2190';\r\n }\r\n }\r\n }\r\n\r\n function updateProgress() {\r\n const progress = (currentStep \/ totalSteps) * 100;\r\n const progressFill = document.getElementById('progress-fill');\r\n const progressRing = document.getElementById('progress-ring');\r\n const stepCounter = document.getElementById('step-counter');\r\n const progressPercentage = document.getElementById('progress-percentage');\r\n const stepTitle = document.getElementById('step-title');\r\n\r\n progressFill.style.width = progress + '%';\r\n progressRing.style.right = `calc(${100 - progress}% - 8px)`;\r\n \r\n stepCounter.textContent = `\u05e9\u05dc\u05d1 ${currentStep} \u05de\u05ea\u05d5\u05da ${totalSteps}`;\r\n progressPercentage.textContent = Math.round(progress) + '%';\r\n stepTitle.textContent = stepTitles[currentStep - 1];\r\n }\r\n\r\n function collectFormData() {\r\n const data = {\r\n fullName: document.getElementById('fullName').value,\r\n email: document.getElementById('email').value,\r\n phone: document.getElementById('phone').value,\r\n eventTypes: [],\r\n otherEventType: document.getElementById('otherEventType').value,\r\n hasEventDates: document.querySelector('input[name=\"hasEventDates\"]:checked')?.value === 'yes',\r\n eventDates: {},\r\n products: [],\r\n otherProduct: document.getElementById('otherProduct').value,\r\n guestCounts: {},\r\n additionalNotes: document.getElementById('additionalNotes').value\r\n };\r\n\r\n \/\/ Collect event types\r\n document.querySelectorAll('input[name=\"eventTypes\"]:checked').forEach(input => {\r\n data.eventTypes.push(input.value);\r\n });\r\n\r\n \/\/ Collect event dates\r\n document.querySelectorAll('input[name^=\"eventDate_\"]').forEach(input => {\r\n if (input.value) {\r\n const eventType = input.name.replace('eventDate_', '');\r\n data.eventDates[eventType] = input.value;\r\n }\r\n });\r\n\r\n \/\/ Collect products\r\n document.querySelectorAll('input[name=\"products\"]:checked').forEach(input => {\r\n data.products.push(input.value);\r\n });\r\n\r\n \/\/ Collect guest counts\r\n document.querySelectorAll('input[name^=\"guestCount_\"]').forEach(input => {\r\n if (input.value) {\r\n const eventType = input.name.replace('guestCount_', '');\r\n data.guestCounts[eventType] = input.value;\r\n }\r\n });\r\n\r\n return data;\r\n }\r\n\r\nfunction submitForm() {\r\n const data = collectFormData();\r\n\r\n \/\/ \u05e9\u05d5\u05dc\u05d7 \u05d0\u05ea \u05d4\u05e0\u05ea\u05d5\u05e0\u05d9\u05dd \u05dc-Make (Webhook)\r\n fetch(\"https:\/\/hook.eu2.make.com\/lwlx80qg42l3sfxvrm43m9qow57cpvjl\", {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application\/json\"\r\n },\r\n body: JSON.stringify(data)\r\n })\r\n .then(response => {\r\n if (response.ok) {\r\n console.log(\"\u05e0\u05e9\u05dc\u05d7 \u05d1\u05d4\u05e6\u05dc\u05d7\u05d4!\");\r\n } else {\r\n console.error(\"\u05e9\u05d2\u05d9\u05d0\u05d4 \u05d1\u05e9\u05dc\u05d9\u05d7\u05d4 \u05dc-Make\");\r\n }\r\n })\r\n .catch(error => {\r\n console.error(\"\u05e9\u05d2\u05d9\u05d0\u05ea \u05e8\u05e9\u05ea:\", error);\r\n });\r\n\r\n \/\/ \u05de\u05e8\u05d0\u05d4 \u05d0\u05ea \u05e2\u05de\u05d5\u05d3 \u05d4\u05ea\u05d5\u05d3\u05d4\r\n showStep(currentStep);\r\n updateProgress();\r\n}\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\r\n\r\n\r\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>NOAM DESIGN \u05d8\u05d5\u05e4\u05e1 \u05d4\u05d6\u05de\u05e0\u05d4 – \u05e0\u05e2\u05dd \u05e2\u05d9\u05e6\u05d5\u05d1\u05d9\u05dd \u05e1\u05d8\u05d5\u05d3\u05d9\u05d5 \u05dc\u05de\u05d9\u05ea\u05d5\u05d2 \u05d5\u05e2\u05d9\u05e6\u05d5\u05d1 \u05d0\u05d9\u05e8\u05d5\u05e2\u05d9\u05dd | \u05d4\u05d6\u05de\u05e0\u05d5\u05ea \u05d5\u05de\u05d5\u05e6\u05e8\u05d9 \u05d3\u05e4\u05d5\u05e1 | \u05d9\u05e6\u05d9\u05e8\u05ea \u05ea\u05d5\u05db\u05df \u05e9\u05dc\u05d1 1 \u05de\u05ea\u05d5\u05da 7 14% \ud83d\udc8d \u05e4\u05e8\u05d8\u05d9\u05dd \u05d0\u05d9\u05e9\u05d9\u05d9\u05dd \u05d1\u05e8\u05d5\u05db\u05d9\u05dd \u05d4\u05d1\u05d0\u05d9\u05dd \u05dc\u05e2\u05d5\u05dc\u05dd \u05e9\u05dc \u05e0\u05e2\u05dd \u05d3\u05d9\u05d6\u05d9\u05d9\u05df! \u05d1\u05d5\u05d0\u05d5 \u05e0\u05ea\u05d7\u05d9\u05dc \u05d1\u05de\u05e1\u05e2 \u05dc\u05e2\u05d9\u05e6\u05d5\u05d1 \u05d4\u05d0\u05d9\u05e8\u05d5\u05e2 \u05d4\u05de\u05d5\u05e9\u05dc\u05dd \u05e9\u05dc\u05db\u05dd – \u05db\u05dc \u05e4\u05e8\u05d8 \u05d9\u05d4\u05d9\u05d4 \u05d1\u05d3\u05d9\u05d5\u05e7 \u05db\u05de\u05d5 \u05e9\u05d7\u05dc\u05de\u05ea\u05dd \u2728 \u05d0\u05dd \u05d4\u05d2\u05e2\u05ea\u05dd \u05dc\u05db\u05d0\u05df – \u05db\u05e0\u05e8\u05d0\u05d4 \u05e9\u05d0\u05ea\u05dd \u05db\u05d1\u05e8 \u05d7\u05d5\u05dc\u05de\u05d9\u05dd […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-6119","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/noamdesigns.com\/he\/wp-json\/wp\/v2\/pages\/6119","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/noamdesigns.com\/he\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/noamdesigns.com\/he\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/noamdesigns.com\/he\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/noamdesigns.com\/he\/wp-json\/wp\/v2\/comments?post=6119"}],"version-history":[{"count":94,"href":"https:\/\/noamdesigns.com\/he\/wp-json\/wp\/v2\/pages\/6119\/revisions"}],"predecessor-version":[{"id":6220,"href":"https:\/\/noamdesigns.com\/he\/wp-json\/wp\/v2\/pages\/6119\/revisions\/6220"}],"wp:attachment":[{"href":"https:\/\/noamdesigns.com\/he\/wp-json\/wp\/v2\/media?parent=6119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}