{"id":704,"date":"2026-08-08T11:23:09","date_gmt":"2026-08-08T11:23:09","guid":{"rendered":"https:\/\/xcellwellness.com\/?page_id=704"},"modified":"2026-08-09T07:09:23","modified_gmt":"2026-08-09T07:09:23","slug":"lp-flagship","status":"publish","type":"page","link":"https:\/\/xcellwellness.com\/index.php\/lp-flagship\/","title":{"rendered":"LP \u2013 Flagship"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"704\" class=\"elementor elementor-704\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8ebf6e e-con-full e-flex e-con e-parent\" data-id=\"a8ebf6e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42a31d6 elementor-widget elementor-widget-html\" data-id=\"42a31d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- XCELL WELLNESS \u00b7 FLAGSHIP (Instagram\/Facebook) \u2014 Bombproof Unified Page & Form Code -->\r\n<div id=\"xf\">\r\n  <style>\r\n    \/* =========================================\r\n       1. IMPORTS & VARIABLES\r\n       ========================================= *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..600;1,9..144,300..500&family=Inter:wght@300;400;500&display=swap');\r\n\r\n    #xf {\r\n      --ivory: #F4F1EA;\r\n      --ink: #1C1A17;\r\n      --sage: #4A6B5D;\r\n      --gold: #A98B5D;\r\n      --mut: #5B564E;\r\n      --line: #E4DFD4;\r\n      --custom-mix: #EFECE3;\r\n      --card-bg: #FAF8F5;\r\n\r\n      font-family: 'Inter', system-ui, sans-serif;\r\n      color: var(--ink);\r\n      background: var(--ivory);\r\n      line-height: 1.6;\r\n      -webkit-font-smoothing: antialiased;\r\n      -moz-osx-font-smoothing: grayscale;\r\n    }\r\n\r\n    #xf * {\r\n      box-sizing: border-box;\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n\r\n    #xf ::selection {\r\n      background: var(--sage);\r\n      color: #fff;\r\n    }\r\n\r\n    #xf h1, #xf h2, #xf h3, #xf .disp {\r\n      font-family: 'Fraunces', Georgia, serif;\r\n      font-weight: 340;\r\n      letter-spacing: -0.02em;\r\n      line-height: 1.0;\r\n    }\r\n\r\n    #xf img {\r\n      display: block;\r\n      max-width: 100%;\r\n    }\r\n\r\n    #xf a {\r\n      color: inherit;\r\n      text-decoration: none;\r\n    }\r\n\r\n    \/* =========================================\r\n       3. ANIMATION UTILITIES\r\n       ========================================= *\/\r\n    #xf .rise {\r\n      opacity: 0;\r\n      transform: translateY(30px);\r\n      transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n    #xf .rise.in {\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n\r\n    \/* =========================================\r\n       4. HERO SECTION\r\n       ========================================= *\/\r\n    #xf .hero {\r\n      min-height: 100vh;\r\n      display: grid;\r\n      grid-template-columns: 1.05fr 0.95fr;\r\n    }\r\n\r\n    #xf .hero-copy {\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      padding: 6vw 5vw;\r\n    }\r\n\r\n    #xf .kicker {\r\n      font-size: 12px;\r\n      letter-spacing: 0.34em;\r\n      text-transform: uppercase;\r\n      color: var(--sage);\r\n      margin-bottom: 34px;\r\n    }\r\n\r\n    #xf .kicker b {\r\n      font-family: 'Fraunces', serif;\r\n      font-weight: 400;\r\n      letter-spacing: 0.16em;\r\n    }\r\n\r\n    #xf .hero h1 {\r\n      font-size: clamp(46px, 6.2vw, 92px);\r\n    }\r\n\r\n    #xf .hero h1 .l {\r\n      display: block;\r\n      overflow: hidden;\r\n    }\r\n\r\n    #xf .hero h1 .l i {\r\n      display: block;\r\n      font-style: normal;\r\n      transform: translateY(115%);\r\n      transition: transform 1.1s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n\r\n    #xf.ready .hero h1 .l i {\r\n      transform: none;\r\n    }\r\n\r\n    #xf .hero h1 em {\r\n      font-style: italic;\r\n      color: var(--sage);\r\n    }\r\n\r\n    #xf .hero p {\r\n      max-width: 440px;\r\n      color: var(--mut);\r\n      font-size: 17px;\r\n      margin: 30px 0 40px;\r\n      opacity: 0;\r\n      transform: translateY(20px);\r\n      transition: opacity 1s 0.55s, transform 1s 0.55s;\r\n    }\r\n\r\n    #xf.ready .hero p {\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n\r\n    #xf .cta-row {\r\n      display: flex;\r\n      gap: 16px;\r\n      flex-wrap: wrap;\r\n      align-items: center;\r\n      opacity: 0;\r\n      transition: opacity 1s 0.8s;\r\n    }\r\n\r\n    #xf.ready .cta-row {\r\n      opacity: 1;\r\n    }\r\n\r\n    #xf .btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      font-size: 14px;\r\n      font-weight: 500;\r\n      padding: 16px 30px;\r\n      border-radius: 2px;\r\n      background: var(--ink);\r\n      color: var(--ivory);\r\n      transition: transform 0.4s, background 0.4s;\r\n      cursor: pointer;\r\n      border: none;\r\n    }\r\n\r\n    #xf .btn:hover {\r\n      background: var(--sage);\r\n      transform: translateY(-3px);\r\n    }\r\n\r\n    #xf .btn svg {\r\n      width: 16px;\r\n      height: 16px;\r\n      fill: currentColor;\r\n    }\r\n\r\n    #xf .txt-link {\r\n      font-size: 14px;\r\n      color: var(--ink);\r\n      border-bottom: 1px solid var(--gold);\r\n      padding-bottom: 3px;\r\n      transition: color 0.3s;\r\n    }\r\n\r\n    #xf .txt-link:hover {\r\n      color: var(--sage);\r\n    }\r\n\r\n    #xf .hero-img {\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    #xf .hero-img img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      object-position: center 20%;\r\n      transform: scale(1.06);\r\n      will-change: transform;\r\n    }\r\n\r\n    #xf .hero-tag {\r\n      position: absolute;\r\n      left: 0;\r\n      bottom: 8%;\r\n      background: var(--ivory);\r\n      padding: 16px 26px;\r\n      font-family: 'Fraunces', serif;\r\n      font-size: 15px;\r\n      letter-spacing: 0.02em;\r\n      border-radius: 0 2px 2px 0;\r\n    }\r\n\r\n    \/* =========================================\r\n       5. MANIFESTO & TENETS\r\n       ========================================= *\/\r\n    #xf .mani {\r\n      padding: 14vh 5vw;\r\n      max-width: 1100px;\r\n    }\r\n\r\n    #xf .mani .lead {\r\n      font-family: 'Fraunces', serif;\r\n      font-size: clamp(28px, 3.6vw, 50px);\r\n      line-height: 1.16;\r\n      letter-spacing: -0.02em;\r\n      max-width: 20ch;\r\n    }\r\n\r\n    #xf .mani .lead em {\r\n      font-style: italic;\r\n      color: var(--sage);\r\n    }\r\n\r\n    #xf .mani .sub {\r\n      margin-top: 34px;\r\n      max-width: 520px;\r\n      color: var(--mut);\r\n      font-size: 17px;\r\n    }\r\n\r\n    #xf .tenets {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      border-top: 1px solid var(--line);\r\n    }\r\n\r\n    #xf .tenet {\r\n      padding: 60px 3vw;\r\n      border-right: 1px solid var(--line);\r\n    }\r\n\r\n    #xf .tenet:last-child {\r\n      border-right: none;\r\n    }\r\n\r\n    #xf .tenet .n {\r\n      font-family: 'Fraunces', serif;\r\n      font-size: 14px;\r\n      color: var(--gold);\r\n      letter-spacing: 0.1em;\r\n    }\r\n\r\n    #xf .tenet h3 {\r\n      font-size: 26px;\r\n      margin: 20px 0 12px;\r\n    }\r\n\r\n    #xf .tenet p {\r\n      color: var(--mut);\r\n      font-size: 15px;\r\n    }\r\n\r\n    \/* =========================================\r\n       6. QUOTE BAND\r\n       ========================================= *\/\r\n    #xf .band {\r\n      position: relative;\r\n      margin-top: 0;\r\n      min-height: 70vh;\r\n      display: flex;\r\n      align-items: flex-end;\r\n    }\r\n\r\n    #xf .band img {\r\n      position: absolute;\r\n      inset: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n    }\r\n\r\n    #xf .band .scrim {\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(90deg, rgba(28, 26, 23, 0.62), rgba(28, 26, 23, 0.05));\r\n    }\r\n\r\n    #xf .band blockquote {\r\n      position: relative;\r\n      color: #F7F4EE;\r\n      font-family: 'Fraunces', serif;\r\n      font-size: clamp(28px, 4vw, 54px);\r\n      line-height: 1.1;\r\n      max-width: 16ch;\r\n      padding: 8vw 5vw;\r\n      font-weight: 340;\r\n    }\r\n\r\n    #xf .band blockquote span {\r\n      color: #D8C39A;\r\n    }\r\n\r\n    \/* =========================================\r\n       7. CLOSING CTA (Tightened spacing)\r\n       ========================================= *\/\r\n    #xf .close {\r\n      text-align: center;\r\n      padding: 14vh 6vw 4vh; \r\n    }\r\n\r\n    #xf .close .kicker {\r\n      margin-bottom: 24px;\r\n    }\r\n\r\n    #xf .close h2 {\r\n      font-size: clamp(38px, 5.4vw, 74px);\r\n      max-width: 16ch;\r\n      margin: 0 auto 20px;\r\n    }\r\n\r\n    #xf .close p {\r\n      max-width: 520px;\r\n      margin: 0 auto 30px;\r\n      color: var(--mut);\r\n      font-size: 17px;\r\n    }\r\n    \r\n    #xf .close .btn {\r\n      margin-bottom: 0; \r\n    }\r\n    \r\n    \/* =========================================\r\n       8. BOMBPROOF FLUENT FORM OVERRIDES\r\n       ========================================= *\/\r\n    #consultation-form {\r\n      position: relative;\r\n      background: var(--ivory);\r\n      padding: 4vh 6vw 14vh; \r\n      display: block; \r\n    }\r\n\r\n    \/* Target every possible wrapper layer generated by Fluent Forms *\/\r\n    #consultation-form div.fluentform,\r\n    #consultation-form .fluentform_wrapper,\r\n    #consultation-form form.fluent_form_ral,\r\n    #consultation-form .ff-form,\r\n    #consultation-form .form-inner {\r\n      max-width: 720px !important;\r\n      margin: 0 auto !important;\r\n      width: 100% !important;\r\n      background: var(--card-bg) !important;\r\n      border: 1px solid var(--line) !important;\r\n      border-radius: 4px !important;\r\n      padding: clamp(30px, 5vw, 60px) !important;\r\n      box-shadow: 0 10px 30px rgba(28, 26, 23, 0.03) !important;\r\n    }\r\n\r\n    \/* Form Fields Group spacing *\/\r\n    #consultation-form .ff-el-group {\r\n      margin-bottom: 24px !important;\r\n    }\r\n\r\n    \/* Overriding input fields, dropdowns, and textareas completely *\/\r\n    #consultation-form .ff-el-form-control,\r\n    #consultation-form input[type=\"text\"],\r\n    #consultation-form input[type=\"email\"],\r\n    #consultation-form input[type=\"tel\"],\r\n    #consultation-form input[type=\"number\"],\r\n    #consultation-form input[type=\"url\"],\r\n    #consultation-form textarea,\r\n    #consultation-form select {\r\n      width: 100% !important;\r\n      font-family: 'Inter', system-ui, sans-serif !important;\r\n      background: #FFFFFF !important;\r\n      border: 1px solid var(--line) !important;\r\n      border-radius: 2px !important;\r\n      padding: 16px 20px !important;\r\n      color: var(--ink) !important;\r\n      font-size: 15px !important;\r\n      box-shadow: none !important;\r\n      transition: border-color 0.3s, box-shadow 0.3s !important;\r\n      margin-top: 6px !important;\r\n      margin-bottom: 4px !important;\r\n    }\r\n\r\n    #consultation-form .ff-el-form-control:focus,\r\n    #consultation-form input:focus,\r\n    #consultation-form textarea:focus,\r\n    #consultation-form select:focus {\r\n      outline: none !important;\r\n      border-color: var(--sage) !important;\r\n      box-shadow: 0 0 0 2px rgba(74, 107, 93, 0.15) !important;\r\n    }\r\n\r\n    \/* Custom Placeholders *\/\r\n    #consultation-form ::placeholder {\r\n      color: var(--mut) !important;\r\n      opacity: 0.6 !important;\r\n    }\r\n\r\n    \/* Form Labels matching Fraunces typography *\/\r\n    #consultation-form .ff-el-input-label,\r\n    #consultation-form label,\r\n    #consultation-form .ff-label {\r\n      display: block !important;\r\n      font-family: 'Fraunces', serif !important;\r\n      font-size: 17px !important;\r\n      font-weight: 340 !important;\r\n      color: var(--ink) !important;\r\n      margin-bottom: 4px !important;\r\n      letter-spacing: -0.01em !important;\r\n    }\r\n\r\n    \/* Styling validation error messages so they don't look harsh *\/\r\n    #consultation-form .error, \r\n    #consultation-form .ff-errors,\r\n    #consultation-form .text-danger,\r\n    #consultation-form .invalid-feedback {\r\n      color: var(--gold) !important;\r\n      font-size: 13px !important;\r\n      font-family: 'Inter', system-ui, sans-serif !important;\r\n      margin-top: 4px !important;\r\n    }\r\n\r\n    \/* Submit Button styling *\/\r\n    #consultation-form .ff-btn-submit,\r\n    #consultation-form button[type=\"submit\"],\r\n    #consultation-form input[type=\"submit\"] {\r\n      display: inline-flex !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      width: 100% !important;\r\n      font-family: 'Inter', system-ui, sans-serif !important;\r\n      font-size: 14px !important;\r\n      font-weight: 500 !important;\r\n      padding: 18px 30px !important;\r\n      border-radius: 2px !important;\r\n      background: var(--ink) !important;\r\n      color: var(--ivory) !important;\r\n      border: none !important;\r\n      cursor: pointer !important;\r\n      transition: transform 0.4s, background 0.4s !important;\r\n      box-shadow: none !important;\r\n      margin-top: 10px !important;\r\n    }\r\n\r\n    #consultation-form .ff-btn-submit:hover,\r\n    #consultation-form button[type=\"submit\"]:hover,\r\n    #consultation-form input[type=\"submit\"]:hover {\r\n      background: var(--sage) !important;\r\n      transform: translateY(-2px) !important;\r\n    }\r\n\r\n    \/* =========================================\r\n       9. RESPONSIVE & PREFERENCES\r\n       ========================================= *\/\r\n    @media (max-width: 880px) {\r\n      #xf .hero { grid-template-columns: 1fr; }\r\n      #xf .hero-img { height: 56vh; order: -1; }\r\n      #xf .hero-copy { padding: 44px 26px 54px; }\r\n      #xf .tenets { grid-template-columns: 1fr; }\r\n      #xf .tenet { border-right: none; border-bottom: 1px solid var(--line); padding: 40px 26px; }\r\n      #xf .mani { padding: 12vh 26px; }\r\n      #consultation-form { padding: 4vh 20px 10vh; }\r\n      #consultation-form div.fluentform,\r\n      #consultation-form .fluentform_wrapper,\r\n      #consultation-form form.fluent_form_ral,\r\n      #consultation-form .ff-form,\r\n      #consultation-form .form-inner { padding: 24px !important; }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      #xf .rise, #xf .hero h1 .l i, #xf .hero p, #xf .cta-row {\r\n        opacity: 1 !important;\r\n        transform: none !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <section class=\"hero\">\r\n    <div class=\"hero-copy\">\r\n      <div class=\"kicker\"><b>Xcell Wellness<\/b> \u2014 Singapore<\/div>\r\n      <h1>\r\n        <span class=\"l\"><i>We don't just<\/i><\/span>\r\n        <span class=\"l\"><i>change how you<\/i><\/span>\r\n        <span class=\"l\"><i>look. We <em>elevate<\/em><\/i><\/span>\r\n        <span class=\"l\"><i>how you live.<\/i><\/span>\r\n      <\/h1>\r\n      <p>Premium, science-led healthy-aging care \u2014 personalised to your skin, your goals and your lifestyle. Natural results that feel like you, on a very good day.<\/p>\r\n      \r\n      <div class=\"cta-row\">\r\n        <a class=\"btn\" href=\"#consultation-form\" data-convert=\"hero_consult\">\r\n          Book a Consultation \r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n            <path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n        <a class=\"txt-link\" href=\"https:\/\/wa.me\/6592787296?text=Hi%20Xcell%20Wellness%2C%20I%27d%20like%20to%20book%20a%20consultation.\" target=\"_blank\" rel=\"noopener\" data-convert=\"hero_wa\">\r\n          or message us on WhatsApp\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"hero-img\">\r\n      <img decoding=\"async\" id=\"xfHero\" src=\"https:\/\/static.prod-images.emergentagent.com\/jobs\/faea7685-2643-420d-8eea-0a3553c72058\/images\/9160ce0f2fcbf2daea64388b0048dbc95b206fa0f934e7463bd128d304a5eaf1.jpeg\" alt=\"A woman with healthy, natural skin at Xcell Wellness\">\r\n      <div class=\"hero-tag\">Healthy Aging, Elevated<\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"mani\">\r\n    <p class=\"lead rise\">Longer lives deserve a more thoughtful kind of beauty. We believe in <em>enhancing what's already there<\/em> \u2014 never rewriting it.<\/p>\r\n    <p class=\"sub rise\">Every journey begins with listening: an in-depth consultation, an honest assessment, and a plan built around you. No two faces age the same way, so no two plans should look the same.<\/p>\r\n  <\/section>\r\n\r\n  <div class=\"tenets\">\r\n    <div class=\"tenet rise\">\r\n      <div class=\"n\">01 \/ Refine<\/div>\r\n      <h3>Face Rejuvenation<\/h3>\r\n      <p>Refine texture, restore hydration and revive a natural glow \u2014 while honouring your features and expression.<\/p>\r\n    <\/div>\r\n    <div class=\"tenet rise\">\r\n      <div class=\"n\">02 \/ Restore<\/div>\r\n      <h3>Contour &amp; Firmness<\/h3>\r\n      <p>Non-invasive support for structure and firmness, designed to help you look rested rather than reworked.<\/p>\r\n    <\/div>\r\n    <div class=\"tenet rise\">\r\n      <div class=\"n\">03 \/ Science<\/div>\r\n      <h3>Science-Led Care<\/h3>\r\n      <p>Treatments grounded in evidence and delivered with advanced technology. Science guides us; results earn your trust.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <section class=\"band\">\r\n    <img src=\"https:\/\/static.prod-images.emergentagent.com\/jobs\/faea7685-2643-420d-8eea-0a3553c72058\/images\/c16501239af82313fea7af068da298664b365e0cb790d07f4c772b860a01ffc8.jpeg\" alt=\"A confident woman laughing in natural light\" loading=\"lazy\" decoding=\"async\">\r\n    <div class=\"scrim\"><\/div>\r\n    <blockquote>Personal care. Purposeful results. <span>Lasting confidence.<\/span><\/blockquote>\r\n  <\/section>\r\n\r\n  <section class=\"close\">\r\n    <div class=\"kicker\">Begin your journey<\/div>\r\n    <h2 class=\"rise\">Let's design a plan that looks like you.<\/h2>\r\n    <p class=\"rise\">Tell us a little about your skin and your goals. We'll take it from there \u2014 thoughtfully, and at your pace.<\/p>\r\n    \r\n    <a class=\"btn rise\" href=\"#consultation-form\" data-convert=\"close_consult\">\r\n      Book a Consultation \r\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n        <path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"\/>\r\n      <\/svg>\r\n    <\/a>\r\n  <\/section>\r\n\r\n  <!-- FORM SECTION WITH ENHANCED SPECIFICITY & ANIMATION -->\r\n  <section id=\"consultation-form\" class=\"rise\">\r\n    <?php echo do_shortcode('[fluentform id=\"1\"]'); ?>\r\n  <\/section>\r\n\r\n  <script>\r\n    (() => {\r\n      const root = document.getElementById('xf');\r\n      if (!root) return;\r\n\r\n      const prefersReducedMotion = matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n      \/\/ 1. Initial Load Animation\r\n      requestAnimationFrame(() => {\r\n        setTimeout(() => root.classList.add('ready'), 60);\r\n      });\r\n\r\n      if (!prefersReducedMotion) {\r\n        \/\/ 2. Scroll Reveal (Intersection Observer)\r\n        const observer = new IntersectionObserver((entries) => {\r\n          entries.forEach((entry) => {\r\n            if (entry.isIntersecting) {\r\n              entry.target.classList.add('in');\r\n              observer.unobserve(entry.target);\r\n            }\r\n          });\r\n        }, { threshold: 0.16 });\r\n\r\n        root.querySelectorAll('.rise').forEach((el) => observer.observe(el));\r\n\r\n        \/\/ 3. Subtle Hero Parallax\r\n        const heroImg = root.querySelector('#xfHero');\r\n        const heroSection = root.querySelector('.hero');\r\n        \r\n        if (heroImg && heroSection) {\r\n          window.addEventListener('scroll', () => {\r\n            const bounds = heroSection.getBoundingClientRect();\r\n            if (bounds.bottom > 0 && bounds.top < window.innerHeight) {\r\n              heroImg.style.transform = `scale(1.06) translateY(${window.scrollY * 0.05}px)`;\r\n            }\r\n          }, { passive: true });\r\n        }\r\n\r\n        \/\/ 4. Smooth Anchor Scrolling without layout shifts\r\n        root.querySelectorAll('a[href^=\"#\"]').forEach((anchor) => {\r\n          anchor.addEventListener('click', (ev) => {\r\n            const targetId = anchor.getAttribute('href');\r\n            const targetElement = document.querySelector(targetId);\r\n            \r\n            if (targetElement) {\r\n              ev.preventDefault();\r\n              targetElement.scrollIntoView({ behavior: 'smooth' });\r\n            }\r\n          });\r\n        });\r\n      } else {\r\n        root.querySelectorAll('.rise').forEach((el) => el.classList.add('in'));\r\n      }\r\n\r\n      \/\/ 5. Analytics\/Conversion Tracking\r\n      root.querySelectorAll('[data-convert]').forEach((el) => {\r\n        el.addEventListener('click', () => {\r\n          const ctaName = el.getAttribute('data-convert');\r\n          if (window.dataLayer) {\r\n            window.dataLayer.push({ event: 'cta_click', cta: ctaName });\r\n          }\r\n          if (window.gtag) {\r\n            window.gtag('event', 'cta_click', { cta: ctaName });\r\n          }\r\n        });\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a680365 elementor-widget elementor-widget-shortcode\" data-id=\"a680365\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"consultation-form\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class='fluentform ff-default fluentform_wrapper_1 ffs_default_wrap'><form data-form_id=\"1\" id=\"fluentform_1\" class=\"frm-fluent-form fluent_form_1 ff-el-form-top ff_form_instance_1_1 ff-form-loading ffs_default\" data-form_instance=\"ff_form_instance_1_1\" method=\"POST\" ><fieldset  style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n                    <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">Contact Form<\/legend><input type='hidden' name='__fluent_form_embded_post_id' value='704' \/><input type=\"hidden\" id=\"_fluentform_1_fluentformnonce\" name=\"_fluentform_1_fluentformnonce\" value=\"65520869b1\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php\/wp-json\/wp\/v2\/pages\/704\" \/><div data-type=\"name-element\" data-name=\"names\" class=\" ff-field_container ff-name-field-wrapper\" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_1_names_first_name_' id='label_ff_1_names_first_name_' >First Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[first_name]\" id=\"ff_1_names_first_name_\" class=\"ff-el-form-control\" placeholder=\"First Name\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><div class='ff-t-cell '><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_1_names_last_name_' id='label_ff_1_names_last_name_' >Last Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[last_name]\" id=\"ff_1_names_last_name_\" class=\"ff-el-form-control\" placeholder=\"Last Name\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_1_email' id='label_ff_1_email' aria-label=\"Email\">Email<\/label><\/div><div class='ff-el-input--content'><input type=\"email\" name=\"email\" id=\"ff_1_email\" class=\"ff-el-form-control\" placeholder=\"Email Address\" data-name=\"email\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_1_subject' id='label_ff_1_subject' aria-label=\"Subject\">Subject<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"subject\" class=\"ff-el-form-control\" placeholder=\"Subject\" data-name=\"subject\" id=\"ff_1_subject\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_1_message' id='label_ff_1_message' aria-label=\"Your Message\">Your Message<\/label><\/div><div class='ff-el-input--content'><textarea aria-required=\"true\" aria-labelledby=\"label_ff_1_message\" name=\"message\" id=\"ff_1_message\" class=\"ff-el-form-control\" placeholder=\"Your Message\" rows=\"4\" cols=\"2\" data-name=\"message\" ><\/textarea><\/div><\/div><div class='ff-el-group ff-text-center ff_submit_btn_wrapper'><button type=\"submit\" class=\"ff-btn ff-btn-submit ff-btn-md ff_btn_style\"  aria-label=\"Submit Form\">Submit Form<\/button><\/div><\/fieldset><\/form><div id='fluentform_1_errors' class='ff-errors-in-stack ff_form_instance_1_1 ff-form-loading_errors ff_form_instance_1_1_errors'><\/div><\/div>            <script type=\"text\/javascript\">\n                window.fluent_form_ff_form_instance_1_1 = {\"id\":\"1\",\"ajaxUrl\":\"https:\\\/\\\/xcellwellness.com\\\/wp-admin\\\/admin-ajax.php\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\",\"asteriskPlacement\":\"asterisk-right\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_1_1\",\"form_id_selector\":\"fluentform_1\",\"rules\":{\"names[first_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"}},\"names[middle_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"}},\"names[last_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"}},\"email\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"},\"email\":{\"value\":true,\"message\":\"This field must contain a valid email\",\"global\":false,\"global_message\":\"This field must contain a valid email\"}},\"subject\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"}},\"message\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"}}},\"debounce_time\":300,\"file_upload_settings\":[]};\n                            <\/script>\n            <\/div>\n\t\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>Xcell Wellness \u2014 Singapore We don&#8217;t just change how you look. We elevate how you live. Premium, science-led healthy-aging care [&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":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-704","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/xcellwellness.com\/index.php\/wp-json\/wp\/v2\/pages\/704","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xcellwellness.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xcellwellness.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xcellwellness.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xcellwellness.com\/index.php\/wp-json\/wp\/v2\/comments?post=704"}],"version-history":[{"count":53,"href":"https:\/\/xcellwellness.com\/index.php\/wp-json\/wp\/v2\/pages\/704\/revisions"}],"predecessor-version":[{"id":962,"href":"https:\/\/xcellwellness.com\/index.php\/wp-json\/wp\/v2\/pages\/704\/revisions\/962"}],"wp:attachment":[{"href":"https:\/\/xcellwellness.com\/index.php\/wp-json\/wp\/v2\/media?parent=704"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}