{"id":99,"date":"2025-08-20T13:29:20","date_gmt":"2025-08-20T13:29:20","guid":{"rendered":"https:\/\/lulichat.com\/start\/?page_id=99"},"modified":"2025-08-22T01:16:42","modified_gmt":"2025-08-22T01:16:42","slug":"form","status":"publish","type":"page","link":"https:\/\/lulichat.com\/start\/form\/","title":{"rendered":"Form"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"99\" class=\"elementor elementor-99\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7484b8 e-flex e-con-boxed e-con e-parent\" data-id=\"d7484b8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c1edf0e elementor-widget elementor-widget-html\" data-id=\"c1edf0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600&display=swap\"\n  rel=\"stylesheet\"\n\/>\n\n<style>\n  .form-section {\n    background: #EEF6FF;\n    padding: 60px 20px;\n    font-family: 'Poppins', sans-serif;\n  }\n  .lead-form-container {\n    max-width: 800px;\n    margin: auto;\n    padding: 40px;\n    background: #fff;\n    border-radius: 16px;\n    box-shadow: 0 8px 24px rgba(0,0,0,0.08);\n  }\n  .form-group {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 15px;\n    flex-wrap: wrap;\n  }\n  .form-group .field {\n    flex: 1 1 48%;\n  }\n  .form-group .field-full {\n    flex: 1 1 100%;\n  }\n  .lead-form-container input,\n  .lead-form-container textarea,\n  .lead-form-container select {\n    width: 100%;\n    padding: 12px;\n    font-size: 14px;\n    border: 1px solid #ccc;\n    border-radius: 8px;\n  }\n  .lead-form-container textarea {\n    min-height: 110px;\n    resize: vertical;\n  }\n  .lead-form-container button {\n    width: 100%;\n    padding: 14px;\n    font-size: 16px;\n    font-weight: 600;\n    color: #fff;\n    background: #FD151B;\n    border: none;\n    border-radius: 10px;\n    cursor: pointer;\n    transition: 0.3s;\n  }\n  .lead-form-container button:hover {\n    opacity: 0.85;\n  }\n  .success-message, .error-message {\n    text-align: center;\n    font-size: 16px;\n    font-weight: 500;\n    margin-top: 20px;\n    display: none;\n  }\n  .success-message {\n    color: #1E3A8A;\n  }\n  .error-message {\n    color: #B91C1C;\n  }\n<\/style>\n\n<div class=\"form-section\">\n  <div class=\"lead-form-container\">\n    <h1 style=\"text-align:center; font-size:24px; font-weight:600; color:#1E3A8A; margin-bottom:6px;\">\n      Lulichat Form\n    <\/h1>\n    <h3 style=\"text-align:center; font-size:16px; font-weight:400; color:#1E3A8A; margin-bottom:25px;\">\n      Complete the form and a member of our team will contact you with full details and next steps.\n    <\/h3>\n\n    <form id=\"lulichatForm\" action=\"https:\/\/formspree.io\/f\/mrblneew\" method=\"POST\">\n      <div class=\"form-group\">\n        <div class=\"field\">\n          <input type=\"text\" name=\"First Name\" placeholder=\"First Name\" required>\n        <\/div>\n        <div class=\"field\">\n          <input type=\"text\" name=\"Last Name\" placeholder=\"Last Name\" required>\n        <\/div>\n      <\/div>\n\n      <div class=\"form-group\">\n        <div class=\"field\">\n          <input type=\"email\" name=\"Email\" placeholder=\"Email Address\" required>\n        <\/div>\n        <div class=\"field\">\n          <input type=\"text\" name=\"Phone\" placeholder=\"Valid Phone Number\" required>\n        <\/div>\n      <\/div>\n\n      <div class=\"form-group\">\n        <div class=\"field\">\n          <input type=\"text\" name=\"WhatsApp\" placeholder=\"WhatsApp Number (Optional)\">\n        <\/div>\n        <div class=\"field\">\n          <input type=\"text\" name=\"Position\" placeholder=\"Position\/Job Title\" required>\n        <\/div>\n      <\/div>\n\n      <div class=\"form-group\">\n        <div class=\"field-full\">\n          <select name=\"Company Size\">\n            <option value=\"\">Company Size (Optional)<\/option>\n            <option value=\"1-10\">1 - 10<\/option>\n            <option value=\"11-50\">11 - 50<\/option>\n            <option value=\"51-200\">51 - 200<\/option>\n            <option value=\"200+\">200+<\/option>\n          <\/select>\n        <\/div>\n      <\/div>\n\n      <div class=\"form-group\">\n        <div class=\"field-full\">\n          <textarea name=\"Message\" placeholder=\"Is there anything specific you\u2019d like us to focus on? (Optional)\"><\/textarea>\n        <\/div>\n      <\/div>\n\n      <button type=\"submit\">Submit<\/button>\n    <\/form>\n\n    <div class=\"success-message\" id=\"successMessage\">\n      \u2705 Thank you! Your information has been received. A member of our team will contact you shortly with more details about Lulichat.\n    <\/div>\n    <div class=\"error-message\" id=\"errorMessage\">\n      \u274c Oops! Something went wrong. Please try again later.\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  document.getElementById('lulichatForm').addEventListener('submit', async function(e) {\n    e.preventDefault();\n    let form = e.target;\n    let data = new FormData(form);\n\n    try {\n      let response = await fetch(form.action, {\n        method: form.method,\n        body: data,\n        headers: { 'Accept': 'application\/json' }\n      });\n\n      if (response.ok) {\n        document.getElementById('successMessage').style.display = 'block';\n        document.getElementById('errorMessage').style.display = 'none';\n        form.reset();\n      } else {\n        document.getElementById('errorMessage').style.display = 'block';\n        document.getElementById('successMessage').style.display = 'none';\n      }\n    } catch (error) {\n      document.getElementById('errorMessage').style.display = 'block';\n      document.getElementById('successMessage').style.display = 'none';\n    }\n  });\n<\/script>\n\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Lulichat Form Complete the form and a member of our team will contact you with full details and next steps. Company Size (Optional)1 &#8211; 1011 &#8211; 5051 &#8211; 200200+ Submit \u2705 Thank you! Your information has been received. A member of our team will contact you shortly with more details about Lulichat. \u274c Oops! Something [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"order-bump-settings":[],"_wpfnl_thankyou_order_overview":"on","_wpfnl_thankyou_order_details":"on","_wpfnl_thankyou_billing_details":"on","_wpfnl_thankyou_shipping_details":"on","footnotes":""},"class_list":["post-99","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lulichat.com\/start\/wp-json\/wp\/v2\/pages\/99","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lulichat.com\/start\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lulichat.com\/start\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lulichat.com\/start\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lulichat.com\/start\/wp-json\/wp\/v2\/comments?post=99"}],"version-history":[{"count":7,"href":"https:\/\/lulichat.com\/start\/wp-json\/wp\/v2\/pages\/99\/revisions"}],"predecessor-version":[{"id":302,"href":"https:\/\/lulichat.com\/start\/wp-json\/wp\/v2\/pages\/99\/revisions\/302"}],"wp:attachment":[{"href":"https:\/\/lulichat.com\/start\/wp-json\/wp\/v2\/media?parent=99"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}