Contact Form - Zera Shimshon<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .contact-section {\n background: linear-gradient(135deg, #d4af37 0%, #f4e4bc 100%);\n padding: 80px 20px;\n font-family: 'Arial', sans-serif;\n position: relative;\n overflow: hidden;\n }\n \n .contact-container {\n max-width: 1200px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: start;\n }\n \n .contact-info {\n color: #1a365d;\n }\n \n .contact-title {\n font-size: 3rem;\n font-weight: bold;\n margin-bottom: 20px;\n color: #1a365d;\n text-shadow: 0 2px 4px rgba(0,0,0,0.1);\n }\n \n .contact-subtitle {\n font-size: 1.3rem;\n margin-bottom: 40px;\n color: #2d3748;\n line-height: 1.6;\n }\n \n .contact-details {\n list-style: none;\n margin-bottom: 40px;\n }\n \n .contact-item {\n display: flex;\n align-items: center;\n margin-bottom: 20px;\n font-size: 1.1rem;\n color: #2d3748;\n }\n \n .contact-icon {\n width: 24px;\n height: 24px;\n margin-right: 15px;\n fill: #1a365d;\n }\n \n .social-links {\n display: flex;\n gap: 15px;\n }\n \n .social-link {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(45deg, #1a365d, #2d3748);\n border-radius: 50%;\n color: white;\n text-decoration: none;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(26, 54, 93, 0.3);\n }\n \n .social-link:hover {\n transform: translateY(-3px);\n box-shadow: 0 6px 20px rgba(26, 54, 93, 0.5);\n }\n \n .contact-form {\n background: rgba(255, 255, 255, 0.95);\n padding: 40px;\n border-radius: 20px;\n box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n backdrop-filter: blur(10px);\n }\n \n .form-title {\n font-size: 2rem;\n color: #1a365d;\n margin-bottom: 30px;\n text-align: center;\n }\n \n .form-group {\n margin-bottom: 25px;\n }\n \n .form-label {\n display: block;\n margin-bottom: 8px;\n color: #2d3748;\n font-weight: 600;\n font-size: 1rem;\n }\n \n .form-input,\n .form-textarea {\n width: 100%;\n padding: 15px 20px;\n border: 2px solid #e2e8f0;\n border-radius: 10px;\n font-size: 16px;\n transition: all 0.3s ease;\n background: white;\n }\n \n .form-input:focus,\n .form-textarea:focus {\n outline: none;\n border-color: #d4af37;\n box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.1);\n transform: translateY(-1px);\n }\n \n .form-textarea {\n resize: vertical;\n min-height: 120px;\n }\n \n .form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n }\n \n .submit-btn {\n width: 100%;\n padding: 18px;\n background: linear-gradient(45deg, #1a365d, #2d3748);\n color: white;\n border: none;\n border-radius: 50px;\n font-size: 18px;\n font-weight: bold;\n cursor: pointer;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(26, 54, 93, 0.4);\n }\n \n .submit-btn:hover {\n transform: translateY(-3px);\n box-shadow: 0 6px 20px rgba(26, 54, 93, 0.6);\n }\n \n .submit-btn:active {\n transform: translateY(-1px);\n }\n \n .divider {\n width: 80px;\n height: 4px;\n background: linear-gradient(45deg, #b8860b, #d4af37);\n margin: 20px 0;\n border-radius: 2px;\n }\n \n \/* Newsletter Section *\/\n .newsletter-section {\n background: rgba(255, 255, 255, 0.1);\n padding: 30px;\n border-radius: 15px;\n margin-top: 40px;\n backdrop-filter: blur(5px);\n }\n \n .newsletter-title {\n font-size: 1.5rem;\n color: #1a365d;\n margin-bottom: 15px;\n font-weight: bold;\n }\n \n .newsletter-subtitle {\n color: #2d3748;\n margin-bottom: 20px;\n line-height: 1.5;\n }\n \n .newsletter-form {\n display: flex;\n gap: 10px;\n }\n \n .newsletter-input {\n flex: 1;\n padding: 12px 15px;\n border: 2px solid #e2e8f0;\n border-radius: 25px;\n font-size: 16px;\n background: white;\n }\n \n .newsletter-btn {\n padding: 12px 25px;\n background: linear-gradient(45deg, #d4af37, #b8860b);\n color: white;\n border: none;\n border-radius: 25px;\n font-weight: bold;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n \n .newsletter-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4);\n }\n \n \/* Efectos de fondo *\/\n .contact-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: \n radial-gradient(circle at 20% 50%, rgba(26, 54, 93, 0.05) 2px, transparent 2px),\n radial-gradient(circle at 80% 20%, rgba(26, 54, 93, 0.05) 2px, transparent 2px),\n radial-gradient(circle at 40% 80%, rgba(26, 54, 93, 0.05) 2px, transparent 2px);\n background-size: 100px 100px, 80px 80px, 120px 120px;\n pointer-events: none;\n }\n \n .contact-container {\n position: relative;\n z-index: 1;\n }\n \n @media (max-width: 968px) {\n .contact-container {\n grid-template-columns: 1fr;\n gap: 40px;\n }\n \n .contact-title {\n font-size: 2.5rem;\n text-align: center;\n }\n \n .form-row {\n grid-template-columns: 1fr;\n }\n \n .contact-form {\n padding: 30px 20px;\n }\n \n .newsletter-form {\n flex-direction: column;\n }\n }\n \n @media (max-width: 480px) {\n .contact-title {\n font-size: 2rem;\n }\n \n .contact-subtitle {\n font-size: 1.1rem;\n }\n \n .form-title {\n font-size: 1.5rem;\n }\n }\n \n \/* Animaci\u00f3n de env\u00edo *\/\n .submit-btn.sending, .newsletter-btn.sending {\n background: linear-gradient(45deg, #10b981, #059669);\n pointer-events: none;\n }\n \n .submit-btn.success, .newsletter-btn.success {\n background: linear-gradient(45deg, #10b981, #059669);\n }\n\n .alert {\n padding: 15px;\n border-radius: 10px;\n margin-bottom: 20px;\n display: none;\n }\n\n .alert.success {\n background: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n }\n\n .alert.error {\n background: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n }\n <\/style>\n<\/head>\n<body>\n <section class=\"contact-section\">\n <div class=\"contact-container\">\n \n <div class=\"contact-info\">\n <h2 class=\"contact-title\">Get in Touch<\/h2>\n <div class=\"divider\"><\/div>\n <p class=\"contact-subtitle\">\n We'd love to hear from you. Whether you have questions about Zera Shimshon, \n want to share your story, or need guidance on your spiritual journey.\n <\/p>\n \n <ul class=\"contact-details\">\n <li class=\"contact-item\">\n <svg class=\"contact-icon\" viewBox=\"0 0 24 24\">\n <path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/>\n <\/svg>\n zerashimshonglobal@gmail.com\n <\/li>\n <li class=\"contact-item\">\n <svg class=\"contact-icon\" viewBox=\"0 0 24 24\">\n <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\n <\/svg>\n Israel\n <\/li>\n <li class=\"contact-item\">\n <svg class=\"contact-icon\" viewBox=\"0 0 24 24\">\n <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n <\/svg>\n www.zerashimshon.co.il\n <\/li>\n <\/ul>\n \n \n <div class=\"newsletter-section\">\n <h3 class=\"newsletter-title\">\ud83d\udcda Stay Connected<\/h3>\n <p class=\"newsletter-subtitle\">\n Get weekly Zera Shimshon study materials delivered to your inbox in multiple languages.\n <\/p>\n \n \n <form class=\"newsletter-form\" id=\"newsletterForm\">\n <input \n type=\"email\" \n name=\"EMAIL\"\n class=\"newsletter-input\" \n placeholder=\"Enter your email\" \n required\n >\n <button type=\"submit\" class=\"newsletter-btn\" name=\"subscribe\">Subscribe<\/button>\n <\/form>\n \n <div class=\"alert success\" id=\"newsletter-success\">\n \u2705 Successfully subscribed to our weekly newsletter!\n <\/div>\n <div class=\"alert error\" id=\"newsletter-error\">\n \u274c There was an error. Please try again.\n <\/div>\n <\/div>\n <\/div>\n \n \n <form class=\"contact-form\" id=\"contactForm\" \n action=\"https:\/\/formspree.io\/f\/manblbbd\" \n method=\"POST\">\n <h3 class=\"form-title\">Send us a Message<\/h3>\n \n <div class=\"alert success\" id=\"contact-success\">\n \u2705 Message sent successfully! We'll get back to you soon.\n <\/div>\n <div class=\"alert error\" id=\"contact-error\">\n \u274c There was an error sending your message. Please try again.\n <\/div>\n \n <div class=\"form-row\">\n <div class=\"form-group\">\n <label for=\"firstName\" class=\"form-label\">First Name*<\/label>\n <input type=\"text\" id=\"firstName\" name=\"firstName\" class=\"form-input\" required>\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"lastName\" class=\"form-label\">Last Name*<\/label>\n <input type=\"text\" id=\"lastName\" name=\"lastName\" class=\"form-input\" required>\n <\/div>\n <\/div>\n \n <div class=\"form-row\">\n <div class=\"form-group\">\n <label for=\"email\" class=\"form-label\">Email*<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" class=\"form-input\" required>\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"phone\" class=\"form-label\">Phone<\/label>\n <input type=\"tel\" id=\"phone\" name=\"phone\" class=\"form-input\">\n <\/div>\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"subject\" class=\"form-label\">Subject*<\/label>\n <input type=\"text\" id=\"subject\" name=\"subject\" class=\"form-input\" required>\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"message\" class=\"form-label\">Message*<\/label>\n <textarea \n id=\"message\" \n name=\"message\" \n class=\"form-textarea\" \n placeholder=\"Tell us how we can help you...\" \n required\n ><\/textarea>\n <\/div>\n \n \n <input type=\"hidden\" name=\"_to\" value=\"zerashimshonglobal@gmail.com\">\n <input type=\"hidden\" name=\"_subject\" value=\"New Contact Form Message - Zera Shimshon\">\n \n <button type=\"submit\" class=\"submit-btn\">Send Message<\/button>\n <\/form>\n <\/div>\n <\/section>\n\n <script>\n \/\/ Formulario de contacto con Formspree - CONFIGURADO\n document.getElementById('contactForm').addEventListener('submit', function(e) {\n e.preventDefault();\n \n const submitBtn = document.querySelector('.submit-btn');\n const originalText = submitBtn.textContent;\n const form = this;\n \n \/\/ Animaci\u00f3n de env\u00edo\n submitBtn.classList.add('sending');\n submitBtn.textContent = 'Sending...';\n \n \/\/ Enviar con Formspree - CONFIGURADO CON TU ID\n fetch('https:\/\/formspree.io\/f\/manblbbd', {\n method: 'POST',\n body: new FormData(form),\n headers: {\n 'Accept': 'application\/json'\n }\n }).then(response => {\n if (response.ok) {\n document.getElementById('contact-success').style.display = 'block';\n document.getElementById('contact-error').style.display = 'none';\n form.reset();\n submitBtn.classList.remove('sending');\n submitBtn.classList.add('success');\n submitBtn.textContent = 'Message Sent!';\n } else {\n throw new Error('Form submission failed');\n }\n }).catch(error => {\n document.getElementById('contact-error').style.display = 'block';\n document.getElementById('contact-success').style.display = 'none';\n submitBtn.classList.remove('sending');\n }).finally(() => {\n setTimeout(() => {\n submitBtn.classList.remove('success');\n submitBtn.textContent = originalText;\n }, 3000);\n });\n });\n \n \/\/ Newsletter form - Integraci\u00f3n autom\u00e1tica con tu lista de Mailchimp\n document.getElementById('newsletterForm').addEventListener('submit', function(e) {\n e.preventDefault();\n \n const newsletterBtn = document.querySelector('.newsletter-btn');\n const originalText = newsletterBtn.textContent;\n const email = document.querySelector('.newsletter-input').value;\n \n \/\/ Animaci\u00f3n de env\u00edo\n newsletterBtn.classList.add('sending');\n newsletterBtn.textContent = 'Subscribing...';\n \n \/\/ Aqu\u00ed se integrar\u00eda con tu API de Mailchimp\n \/\/ Por ahora simularemos la suscripci\u00f3n exitosa\n setTimeout(() => {\n document.getElementById('newsletter-success').style.display = 'block';\n document.getElementById('newsletter-error').style.display = 'none';\n newsletterBtn.classList.remove('sending');\n newsletterBtn.classList.add('success');\n newsletterBtn.textContent = 'Subscribed!';\n \n \/\/ Resetear formulario\n this.reset();\n \n \/\/ Volver al estado original\n setTimeout(() => {\n newsletterBtn.classList.remove('success');\n newsletterBtn.textContent = originalText;\n document.getElementById('newsletter-success').style.display = 'none';\n }, 3000);\n }, 1500);\n });\n \n \/\/ Efectos de focus en inputs\n const inputs = document.querySelectorAll('.form-input, .form-textarea, .newsletter-input');\n inputs.forEach(input => {\n input.addEventListener('focus', function() {\n this.parentNode.style.transform = 'scale(1.02)';\n this.parentNode.style.transition = 'transform 0.2s ease';\n });\n \n input.addEventListener('blur', function() {\n this.parentNode.style.transform = 'scale(1)';\n });\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ecbe8d9 e-flex e-con-boxed e-con e-parent\" data-id=\"ecbe8d9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\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>Contact Form – Zera Shimshon Get in Touch We’d love to hear from you. Whether you have questions about Zera Shimshon, want to share your story, or need guidance on your spiritual journey. zerashimshonglobal@gmail.com Israel www.zerashimshon.co.il \ud83d\udcda Stay Connected Get weekly Zera Shimshon study materials delivered to your inbox in multiple languages. Subscribe \u2705 Successfully … <a title=\"Newsletter new\" class=\"read-more\" href=\"https:\/\/www.zerashimshon.co.il\/en\/newsletter-new\/\" aria-label=\"Read more about Newsletter new\">Read more<\/a><\/p>\n","protected":false},"author":8,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-12613","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/www.zerashimshon.co.il\/en\/wp-json\/wp\/v2\/pages\/12613","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zerashimshon.co.il\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.zerashimshon.co.il\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.zerashimshon.co.il\/en\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zerashimshon.co.il\/en\/wp-json\/wp\/v2\/comments?post=12613"}],"version-history":[{"count":26,"href":"https:\/\/www.zerashimshon.co.il\/en\/wp-json\/wp\/v2\/pages\/12613\/revisions"}],"predecessor-version":[{"id":13021,"href":"https:\/\/www.zerashimshon.co.il\/en\/wp-json\/wp\/v2\/pages\/12613\/revisions\/13021"}],"wp:attachment":[{"href":"https:\/\/www.zerashimshon.co.il\/en\/wp-json\/wp\/v2\/media?parent=12613"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Contact Form - Zera Shimshon<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n .contact-section {\n background: linear-gradient(135deg, #d4af37 0%, #f4e4bc 100%);\n padding: 80px 20px;\n font-family: 'Arial', sans-serif;\n position: relative;\n overflow: hidden;\n }\n \n .contact-container {\n max-width: 1200px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: start;\n }\n \n .contact-info {\n color: #1a365d;\n }\n \n .contact-title {\n font-size: 3rem;\n font-weight: bold;\n margin-bottom: 20px;\n color: #1a365d;\n text-shadow: 0 2px 4px rgba(0,0,0,0.1);\n }\n \n .contact-subtitle {\n font-size: 1.3rem;\n margin-bottom: 40px;\n color: #2d3748;\n line-height: 1.6;\n }\n \n .contact-details {\n list-style: none;\n margin-bottom: 40px;\n }\n \n .contact-item {\n display: flex;\n align-items: center;\n margin-bottom: 20px;\n font-size: 1.1rem;\n color: #2d3748;\n }\n \n .contact-icon {\n width: 24px;\n height: 24px;\n margin-right: 15px;\n fill: #1a365d;\n }\n \n .social-links {\n display: flex;\n gap: 15px;\n }\n \n .social-link {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n height: 50px;\n background: linear-gradient(45deg, #1a365d, #2d3748);\n border-radius: 50%;\n color: white;\n text-decoration: none;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(26, 54, 93, 0.3);\n }\n \n .social-link:hover {\n transform: translateY(-3px);\n box-shadow: 0 6px 20px rgba(26, 54, 93, 0.5);\n }\n \n .contact-form {\n background: rgba(255, 255, 255, 0.95);\n padding: 40px;\n border-radius: 20px;\n box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n backdrop-filter: blur(10px);\n }\n \n .form-title {\n font-size: 2rem;\n color: #1a365d;\n margin-bottom: 30px;\n text-align: center;\n }\n \n .form-group {\n margin-bottom: 25px;\n }\n \n .form-label {\n display: block;\n margin-bottom: 8px;\n color: #2d3748;\n font-weight: 600;\n font-size: 1rem;\n }\n \n .form-input,\n .form-textarea {\n width: 100%;\n padding: 15px 20px;\n border: 2px solid #e2e8f0;\n border-radius: 10px;\n font-size: 16px;\n transition: all 0.3s ease;\n background: white;\n }\n \n .form-input:focus,\n .form-textarea:focus {\n outline: none;\n border-color: #d4af37;\n box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.1);\n transform: translateY(-1px);\n }\n \n .form-textarea {\n resize: vertical;\n min-height: 120px;\n }\n \n .form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n }\n \n .submit-btn {\n width: 100%;\n padding: 18px;\n background: linear-gradient(45deg, #1a365d, #2d3748);\n color: white;\n border: none;\n border-radius: 50px;\n font-size: 18px;\n font-weight: bold;\n cursor: pointer;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(26, 54, 93, 0.4);\n }\n \n .submit-btn:hover {\n transform: translateY(-3px);\n box-shadow: 0 6px 20px rgba(26, 54, 93, 0.6);\n }\n \n .submit-btn:active {\n transform: translateY(-1px);\n }\n \n .divider {\n width: 80px;\n height: 4px;\n background: linear-gradient(45deg, #b8860b, #d4af37);\n margin: 20px 0;\n border-radius: 2px;\n }\n \n \/* Newsletter Section *\/\n .newsletter-section {\n background: rgba(255, 255, 255, 0.1);\n padding: 30px;\n border-radius: 15px;\n margin-top: 40px;\n backdrop-filter: blur(5px);\n }\n \n .newsletter-title {\n font-size: 1.5rem;\n color: #1a365d;\n margin-bottom: 15px;\n font-weight: bold;\n }\n \n .newsletter-subtitle {\n color: #2d3748;\n margin-bottom: 20px;\n line-height: 1.5;\n }\n \n .newsletter-form {\n display: flex;\n gap: 10px;\n }\n \n .newsletter-input {\n flex: 1;\n padding: 12px 15px;\n border: 2px solid #e2e8f0;\n border-radius: 25px;\n font-size: 16px;\n background: white;\n }\n \n .newsletter-btn {\n padding: 12px 25px;\n background: linear-gradient(45deg, #d4af37, #b8860b);\n color: white;\n border: none;\n border-radius: 25px;\n font-weight: bold;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n \n .newsletter-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4);\n }\n \n \/* Efectos de fondo *\/\n .contact-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: \n radial-gradient(circle at 20% 50%, rgba(26, 54, 93, 0.05) 2px, transparent 2px),\n radial-gradient(circle at 80% 20%, rgba(26, 54, 93, 0.05) 2px, transparent 2px),\n radial-gradient(circle at 40% 80%, rgba(26, 54, 93, 0.05) 2px, transparent 2px);\n background-size: 100px 100px, 80px 80px, 120px 120px;\n pointer-events: none;\n }\n \n .contact-container {\n position: relative;\n z-index: 1;\n }\n \n @media (max-width: 968px) {\n .contact-container {\n grid-template-columns: 1fr;\n gap: 40px;\n }\n \n .contact-title {\n font-size: 2.5rem;\n text-align: center;\n }\n \n .form-row {\n grid-template-columns: 1fr;\n }\n \n .contact-form {\n padding: 30px 20px;\n }\n \n .newsletter-form {\n flex-direction: column;\n }\n }\n \n @media (max-width: 480px) {\n .contact-title {\n font-size: 2rem;\n }\n \n .contact-subtitle {\n font-size: 1.1rem;\n }\n \n .form-title {\n font-size: 1.5rem;\n }\n }\n \n \/* Animaci\u00f3n de env\u00edo *\/\n .submit-btn.sending, .newsletter-btn.sending {\n background: linear-gradient(45deg, #10b981, #059669);\n pointer-events: none;\n }\n \n .submit-btn.success, .newsletter-btn.success {\n background: linear-gradient(45deg, #10b981, #059669);\n }\n\n .alert {\n padding: 15px;\n border-radius: 10px;\n margin-bottom: 20px;\n display: none;\n }\n\n .alert.success {\n background: #d4edda;\n color: #155724;\n border: 1px solid #c3e6cb;\n }\n\n .alert.error {\n background: #f8d7da;\n color: #721c24;\n border: 1px solid #f5c6cb;\n }\n <\/style>\n<\/head>\n<body>\n <section class=\"contact-section\">\n <div class=\"contact-container\">\n \n <div class=\"contact-info\">\n <h2 class=\"contact-title\">Get in Touch<\/h2>\n <div class=\"divider\"><\/div>\n <p class=\"contact-subtitle\">\n We'd love to hear from you. Whether you have questions about Zera Shimshon, \n want to share your story, or need guidance on your spiritual journey.\n <\/p>\n \n <ul class=\"contact-details\">\n <li class=\"contact-item\">\n <svg class=\"contact-icon\" viewBox=\"0 0 24 24\">\n <path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/>\n <\/svg>\n zerashimshonglobal@gmail.com\n <\/li>\n <li class=\"contact-item\">\n <svg class=\"contact-icon\" viewBox=\"0 0 24 24\">\n <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\n <\/svg>\n Israel\n <\/li>\n <li class=\"contact-item\">\n <svg class=\"contact-icon\" viewBox=\"0 0 24 24\">\n <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n <\/svg>\n www.zerashimshon.co.il\n <\/li>\n <\/ul>\n \n \n <div class=\"newsletter-section\">\n <h3 class=\"newsletter-title\">\ud83d\udcda Stay Connected<\/h3>\n <p class=\"newsletter-subtitle\">\n Get weekly Zera Shimshon study materials delivered to your inbox in multiple languages.\n <\/p>\n \n \n <form class=\"newsletter-form\" id=\"newsletterForm\">\n <input \n type=\"email\" \n name=\"EMAIL\"\n class=\"newsletter-input\" \n placeholder=\"Enter your email\" \n required\n >\n <button type=\"submit\" class=\"newsletter-btn\" name=\"subscribe\">Subscribe<\/button>\n <\/form>\n \n <div class=\"alert success\" id=\"newsletter-success\">\n \u2705 Successfully subscribed to our weekly newsletter!\n <\/div>\n <div class=\"alert error\" id=\"newsletter-error\">\n \u274c There was an error. Please try again.\n <\/div>\n <\/div>\n <\/div>\n \n \n <form class=\"contact-form\" id=\"contactForm\" \n action=\"https:\/\/formspree.io\/f\/manblbbd\" \n method=\"POST\">\n <h3 class=\"form-title\">Send us a Message<\/h3>\n \n <div class=\"alert success\" id=\"contact-success\">\n \u2705 Message sent successfully! We'll get back to you soon.\n <\/div>\n <div class=\"alert error\" id=\"contact-error\">\n \u274c There was an error sending your message. Please try again.\n <\/div>\n \n <div class=\"form-row\">\n <div class=\"form-group\">\n <label for=\"firstName\" class=\"form-label\">First Name*<\/label>\n <input type=\"text\" id=\"firstName\" name=\"firstName\" class=\"form-input\" required>\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"lastName\" class=\"form-label\">Last Name*<\/label>\n <input type=\"text\" id=\"lastName\" name=\"lastName\" class=\"form-input\" required>\n <\/div>\n <\/div>\n \n <div class=\"form-row\">\n <div class=\"form-group\">\n <label for=\"email\" class=\"form-label\">Email*<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" class=\"form-input\" required>\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"phone\" class=\"form-label\">Phone<\/label>\n <input type=\"tel\" id=\"phone\" name=\"phone\" class=\"form-input\">\n <\/div>\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"subject\" class=\"form-label\">Subject*<\/label>\n <input type=\"text\" id=\"subject\" name=\"subject\" class=\"form-input\" required>\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"message\" class=\"form-label\">Message*<\/label>\n <textarea \n id=\"message\" \n name=\"message\" \n class=\"form-textarea\" \n placeholder=\"Tell us how we can help you...\" \n required\n ><\/textarea>\n <\/div>\n \n \n <input type=\"hidden\" name=\"_to\" value=\"zerashimshonglobal@gmail.com\">\n <input type=\"hidden\" name=\"_subject\" value=\"New Contact Form Message - Zera Shimshon\">\n \n <button type=\"submit\" class=\"submit-btn\">Send Message<\/button>\n <\/form>\n <\/div>\n <\/section>\n\n <script>\n \/\/ Formulario de contacto con Formspree - CONFIGURADO\n document.getElementById('contactForm').addEventListener('submit', function(e) {\n e.preventDefault();\n \n const submitBtn = document.querySelector('.submit-btn');\n const originalText = submitBtn.textContent;\n const form = this;\n \n \/\/ Animaci\u00f3n de env\u00edo\n submitBtn.classList.add('sending');\n submitBtn.textContent = 'Sending...';\n \n \/\/ Enviar con Formspree - CONFIGURADO CON TU ID\n fetch('https:\/\/formspree.io\/f\/manblbbd', {\n method: 'POST',\n body: new FormData(form),\n headers: {\n 'Accept': 'application\/json'\n }\n }).then(response => {\n if (response.ok) {\n document.getElementById('contact-success').style.display = 'block';\n document.getElementById('contact-error').style.display = 'none';\n form.reset();\n submitBtn.classList.remove('sending');\n submitBtn.classList.add('success');\n submitBtn.textContent = 'Message Sent!';\n } else {\n throw new Error('Form submission failed');\n }\n }).catch(error => {\n document.getElementById('contact-error').style.display = 'block';\n document.getElementById('contact-success').style.display = 'none';\n submitBtn.classList.remove('sending');\n }).finally(() => {\n setTimeout(() => {\n submitBtn.classList.remove('success');\n submitBtn.textContent = originalText;\n }, 3000);\n });\n });\n \n \/\/ Newsletter form - Integraci\u00f3n autom\u00e1tica con tu lista de Mailchimp\n document.getElementById('newsletterForm').addEventListener('submit', function(e) {\n e.preventDefault();\n \n const newsletterBtn = document.querySelector('.newsletter-btn');\n const originalText = newsletterBtn.textContent;\n const email = document.querySelector('.newsletter-input').value;\n \n \/\/ Animaci\u00f3n de env\u00edo\n newsletterBtn.classList.add('sending');\n newsletterBtn.textContent = 'Subscribing...';\n \n \/\/ Aqu\u00ed se integrar\u00eda con tu API de Mailchimp\n \/\/ Por ahora simularemos la suscripci\u00f3n exitosa\n setTimeout(() => {\n document.getElementById('newsletter-success').style.display = 'block';\n document.getElementById('newsletter-error').style.display = 'none';\n newsletterBtn.classList.remove('sending');\n newsletterBtn.classList.add('success');\n newsletterBtn.textContent = 'Subscribed!';\n \n \/\/ Resetear formulario\n this.reset();\n \n \/\/ Volver al estado original\n setTimeout(() => {\n newsletterBtn.classList.remove('success');\n newsletterBtn.textContent = originalText;\n document.getElementById('newsletter-success').style.display = 'none';\n }, 3000);\n }, 1500);\n });\n \n \/\/ Efectos de focus en inputs\n const inputs = document.querySelectorAll('.form-input, .form-textarea, .newsletter-input');\n inputs.forEach(input => {\n input.addEventListener('focus', function() {\n this.parentNode.style.transform = 'scale(1.02)';\n this.parentNode.style.transition = 'transform 0.2s ease';\n });\n \n input.addEventListener('blur', function() {\n this.parentNode.style.transform = 'scale(1)';\n });\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ecbe8d9 e-flex e-con-boxed e-con e-parent\" data-id=\"ecbe8d9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\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>Contact Form – Zera Shimshon Get in Touch We’d love to hear from you. Whether you have questions about Zera Shimshon, want to share your story, or need guidance on your spiritual journey. zerashimshonglobal@gmail.com Israel www.zerashimshon.co.il \ud83d\udcda Stay Connected Get weekly Zera Shimshon study materials delivered to your inbox in multiple languages. Subscribe \u2705 Successfully … <a title=\"Newsletter new\" class=\"read-more\" href=\"https:\/\/www.zerashimshon.co.il\/en\/newsletter-new\/\" aria-label=\"Read more about Newsletter new\">Read more<\/a><\/p>\n","protected":false},"author":8,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-12613","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/www.zerashimshon.co.il\/en\/wp-json\/wp\/v2\/pages\/12613","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zerashimshon.co.il\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.zerashimshon.co.il\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.zerashimshon.co.il\/en\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zerashimshon.co.il\/en\/wp-json\/wp\/v2\/comments?post=12613"}],"version-history":[{"count":26,"href":"https:\/\/www.zerashimshon.co.il\/en\/wp-json\/wp\/v2\/pages\/12613\/revisions"}],"predecessor-version":[{"id":13021,"href":"https:\/\/www.zerashimshon.co.il\/en\/wp-json\/wp\/v2\/pages\/12613\/revisions\/13021"}],"wp:attachment":[{"href":"https:\/\/www.zerashimshon.co.il\/en\/wp-json\/wp\/v2\/media?parent=12613"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}