{"id":258552,"date":"2026-06-03T17:54:39","date_gmt":"2026-06-03T21:54:39","guid":{"rendered":"https:\/\/staging.romaellefamilylaw.com\/?page_id=258552"},"modified":"2026-06-10T20:46:27","modified_gmt":"2026-06-11T00:46:27","slug":"family-law-appointments","status":"publish","type":"page","link":"https:\/\/softlaunchlife.com\/es\/family-law-appointments\/","title":{"rendered":"Family Law Appointments"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_image_0 et_pb_image et_pb_module et_flex_module\"><span class=\"et_pb_image_wrap\"><img decoding=\"async\" src=\"https:\/\/softlaunchlife.com\/wp-content\/uploads\/2025\/11\/3.svg\" alt=\"calendar\" title=\"calendar\" width=\"60\" height=\"60\" srcset=\"https:\/\/softlaunchlife.com\/wp-content\/uploads\/2025\/11\/3.svg 60w\" sizes=\"(min-width: 0px) and (max-width: 0px) 0px, (min-width: 1px) 60px, 100vw\" class=\"wp-image-255797\" \/><\/span><\/div>\n\n<div class=\"et_pb_text_0 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\"><div class=\"et_pb_text_inner\"><h2>Romaelle Family Law<\/h2>\n<h1 class=\"font-outfit text-2xl md:text-3xl font-semibold text-navy text-center leading-tight\">Request an Appointment<\/h1>\n<p><span>Fill out the form below and our team will contact you to confirm your appointment.<\/span><\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_divider_0 et_pb_divider et_pb_space et_pb_divider_position_top et_pb_module\"><div class=\"et_pb_divider_internal\"><\/div><\/div>\n\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><div class=\"portal-login-form appointment-form\">\n\n  <!-- Full Name -->\n  <div class=\"form-group\">\n    <label>FULL NAME<\/label>\n    <div class=\"input-wrapper\">\n      <span class=\"input-icon\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/user-4.svg\" style=\"width: 16px;\" alt=\"User icon\">\n      <\/span>\n      <input type=\"text\" placeholder=\"John Doe\" required>\n    <\/div>\n  <\/div>\n\n  <!-- Email -->\n  <div class=\"form-group\">\n    <label>EMAIL ADDRESS<\/label>\n    <div class=\"input-wrapper\">\n      <span class=\"input-icon\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/mail-4.svg\" style=\"width: 16px;\" alt=\"Mail icon\">\n      <\/span>\n      <input type=\"email\" placeholder=\"you@example.com\" required>\n    <\/div>\n  <\/div>\n\n  <!-- Phone -->\n  <div class=\"form-group\">\n    <label>PHONE NUMBER<\/label>\n    <div class=\"input-wrapper\">\n      <span class=\"input-icon\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/phone-7.svg\" style=\"width: 16px;\" alt=\"Phone icon\">\n      <\/span>\n      <input type=\"tel\" placeholder=\"(305) 000-0000\" required>\n    <\/div>\n  <\/div>\n\n  <!-- Matter Type -->\n  <div class=\"form-group\">\n    <label>MATTER TYPE<\/label>\n    <div class=\"input-wrapper select-wrapper\">\n      <span class=\"input-icon\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/file-5.svg\" style=\"width: 16px;\" alt=\"File icon\">\n      <\/span>\n      <select id=\"matterType\" required onchange=\"handleMatterChange(this)\">\n        <option value=\"\" disabled selected>Select a matter type<\/option>\n        <option value=\"divorce-children\">Divorce with Children<\/option>\n        <option value=\"divorce-no-children\">Divorce without Children<\/option>\n        <option value=\"paternity\">Paternity<\/option>\n        <option value=\"post-judgment\">Post-Judgment<\/option>\n        <option value=\"other\">Other<\/option>\n      <\/select>\n    <\/div>\n  <\/div>\n\n  <!-- Conditional: Other -->\n  <div class=\"form-group\" id=\"otherField\" style=\"display:none;\">\n    <label>PLEASE EXPLAIN YOUR MATTER<\/label>\n    <div class=\"input-wrapper\">\n      <span class=\"input-icon\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/circle-alert-9.svg\" style=\"width: 16px;\" alt=\"Alert icon\">\n      <\/span>\n      <input type=\"text\" id=\"otherExplain\" placeholder=\"Briefly describe your matter\">\n    <\/div>\n  <\/div>\n\n  <!-- Help Textarea -->\n  <div class=\"form-group\">\n    <label>WHAT DO YOU NEED OUR HELP WITH?<\/label>\n    <div class=\"input-wrapper\">\n      <textarea placeholder=\"Please describe your situation and how we can assist you...\" required><\/textarea>\n    <\/div>\n  <\/div>\n\n  <!-- Submit -->\n<button type=\"button\" class=\"portal-btn\" onclick=\"window.location.href='https:\/\/appointment.romaellefamilylaw.com\/'\">\n  <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/lock-2.svg\" style=\"width: 16px;\" alt=\"Lock icon\">\n  Request My Appointment\n<\/button>\n\n<\/div>\n\n<style>\n.appointment-form {\n  max-width: 480px;\n  font-family: 'Figtree', sans-serif;\n}\n.appointment-form .form-group {\n  margin-bottom: 22px;\n}\n.appointment-form .form-group label {\n  display: block;\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 2px;\n  color: #6b7280;\n  margin-bottom: 10px;\n}\n.appointment-form .input-wrapper {\n  position: relative;\n  margin-bottom: 0;\n}\n.appointment-form .input-wrapper input,\n.appointment-form .input-wrapper select,\n.appointment-form .input-wrapper textarea {\n  width: 100%;\n  border: 1px solid #d9dde3;\n  border-radius: 18px;\n  background: #f8fafc;\n  padding: 0 15px 0 42px;\n  font-size: 15px;\n  color: #374151;\n  box-sizing: border-box;\n  font-family: 'Figtree', sans-serif;\n  appearance: none;\n}\n.appointment-form .input-wrapper input,\n.appointment-form .input-wrapper select {\n  height: 56px;\n}\n.appointment-form .input-wrapper input::placeholder,\n.appointment-form .input-wrapper textarea::placeholder {\n  color: #c7ced8;\n  font-weight: 600;\n}\n.appointment-form .input-wrapper input:focus,\n.appointment-form .input-wrapper select:focus,\n.appointment-form .input-wrapper textarea:focus {\n  outline: none;\n  border-color: #0c2244;\n}\n.appointment-form .input-icon {\n  position: absolute;\n  left: 16px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: #c3cad4;\n  font-size: 14px;\n  display: flex;\n  align-items: center;\n}\n\/* Textarea specific *\/\n.appointment-form .input-wrapper textarea {\n  min-height: 120px;\n  padding: 16px 15px 16px 16px;\n  resize: vertical;\n  line-height: 1.5;\n}\n.appointment-form .input-wrapper textarea ~ .input-icon,\n.appointment-form .input-wrapper:has(textarea) .input-icon {\n  top: 18px;\n  transform: none;\n}\n\/* Select arrow *\/\n.appointment-form .select-wrapper select {\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 24 24' fill='%23c3cad4'%3E%3Cpath d='M7 10l5 5 5-5z'\/%3E%3C\/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: right 16px center;\n  background-color: #f8fafc;\n  cursor: pointer;\n  padding-right: 40px;\n}\n\/* Button *\/\n.appointment-form .portal-btn {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 7px;\n  width: 100%;\n  height: 56px;\n  border: none;\n  border-radius: 16px;\n  background: #0c2244;\n  color: #fff;\n  font-size: 15px;\n  font-weight: 700;\n  cursor: pointer;\n  transition: .2s;\n  font-family: 'Figtree', sans-serif;\n  text-decoration: none;\n}\n.appointment-form .portal-btn:hover {\n  background: #003f7a;\n}\n<\/style>\n\n<script>\nfunction handleMatterChange(select) {\n  const otherField = document.getElementById('otherField');\n  const otherExplain = document.getElementById('otherExplain');\n  if (select.value === 'other') {\n    otherField.style.display = 'block';\n    otherExplain.required = true;\n  } else {\n    otherField.style.display = 'none';\n    otherExplain.required = false;\n  }\n}\n<\/script><\/div><\/div>\n\n<div class=\"et_pb_text_1 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\"><div class=\"et_pb_text_inner\"><p><span>By signing in, you agree to our <span class=\"pp_hover\"><a href=\"https:\/\/softlaunchlife.com\/family-law-appointments\/#\">Privacy Policy<\/a><\/span> and <span class=\"pp_hover\"><a href=\"https:\/\/softlaunchlife.com\/family-law-appointments\/#\">Terms of Use.<\/a><\/span><\/span><\/p>\n<p><span style=\"color: #c7c7c7;\">\u00a9 2024 Romaelle Family Law Group. All rights reserved.<\/span><\/p>\n<style>\n.pp_hover a {\n  text-decoration: underline;\n}\n.pp_hover:hover a {\n  color: #0c2244;\n}\n<\/style>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-258552","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/softlaunchlife.com\/es\/wp-json\/wp\/v2\/pages\/258552","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/softlaunchlife.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/softlaunchlife.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/softlaunchlife.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/softlaunchlife.com\/es\/wp-json\/wp\/v2\/comments?post=258552"}],"version-history":[{"count":20,"href":"https:\/\/softlaunchlife.com\/es\/wp-json\/wp\/v2\/pages\/258552\/revisions"}],"predecessor-version":[{"id":258621,"href":"https:\/\/softlaunchlife.com\/es\/wp-json\/wp\/v2\/pages\/258552\/revisions\/258621"}],"wp:attachment":[{"href":"https:\/\/softlaunchlife.com\/es\/wp-json\/wp\/v2\/media?parent=258552"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}