{"id":6154,"date":"2026-05-02T07:10:21","date_gmt":"2026-05-02T07:10:21","guid":{"rendered":"https:\/\/crisbarbarino.com\/?page_id=6154"},"modified":"2026-05-02T07:14:14","modified_gmt":"2026-05-02T07:14:14","slug":"wheel-of-life","status":"publish","type":"page","link":"https:\/\/crisbarbarino.com\/en\/wheel-of-life\/","title":{"rendered":"WHEEL OF LIFE"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6154\" class=\"elementor elementor-6154\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4525c75 e-con-full e-flex e-con e-parent\" data-id=\"4525c75\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0be13ee elementor-widget elementor-widget-html\" data-id=\"0be13ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"wheel-page\">\n  <div class=\"form-layout\">\n\n    <!-- LEFT -->\n    <div class=\"form-left\">\n      <form id=\"multiStepForm\">\n\n        <!-- STEP 0 INTRO -->\n        <div class=\"form-step active intro-step\">\n          <div class=\"intro-content\">\n            <span class=\"intro\">free test - wheel of life<\/span>\n            <h1>It will feel like looking in the mirror.<\/h1>\n\n            <p class=\"subtitle\">\n              The Wheel of Life is a simple tool that helps you assess the different areas of your life, identifying what is working and what can be improved, so you can create concrete and lasting change.\n            <\/p>\n\n            <button type=\"button\" class=\"next-btn intro-btn\">\n              Start the journey \u2192\n            <\/button>\n          <\/div>\n        <\/div>\n\n        <!-- HONEYPOT -->\n        <input type=\"text\" name=\"website\" style=\"display:none;\">\n\n        <!-- STEP 1 -->\n        <div class=\"form-step\">\n          <p class=\"step-label\">step 1<\/p>\n          <h2>Environment<\/h2>\n          <p class=\"subtitle\">How truly connected do you feel to the place where you live?<\/p>\n\n          <div class=\"options\">\n            <label><input type=\"radio\" name=\"ambiente\" value=\"1\"><span>1<\/span><\/label>\n            <label><input type=\"radio\" name=\"ambiente\" value=\"2\"><span>2<\/span><\/label>\n            <label><input type=\"radio\" name=\"ambiente\" value=\"3\"><span>3<\/span><\/label>\n            <label><input type=\"radio\" name=\"ambiente\" value=\"4\"><span>4<\/span><\/label>\n            <label><input type=\"radio\" name=\"ambiente\" value=\"5\"><span>5<\/span><\/label>\n            <label><input type=\"radio\" name=\"ambiente\" value=\"6\"><span>6<\/span><\/label>\n            <label><input type=\"radio\" name=\"ambiente\" value=\"7\"><span>7<\/span><\/label>\n            <label><input type=\"radio\" name=\"ambiente\" value=\"8\"><span>8<\/span><\/label>\n            <label><input type=\"radio\" name=\"ambiente\" value=\"9\"><span>9<\/span><\/label>\n            <label><input type=\"radio\" name=\"ambiente\" value=\"10\"><span>10<\/span><\/label>\n          <\/div>\n        <\/div>\n\n        <!-- STEP 2 -->\n        <div class=\"form-step\">\n          <p class=\"step-label\">step 2<\/p>\n          <h2>Career<\/h2>\n          <p class=\"subtitle\">What I am doing today is aligned with the direction I want to give my life.<\/p>\n\n          <div class=\"options\">\n            <label><input type=\"radio\" name=\"carriera\" value=\"1\"><span>1<\/span><\/label>\n            <label><input type=\"radio\" name=\"carriera\" value=\"2\"><span>2<\/span><\/label>\n            <label><input type=\"radio\" name=\"carriera\" value=\"3\"><span>3<\/span><\/label>\n            <label><input type=\"radio\" name=\"carriera\" value=\"4\"><span>4<\/span><\/label>\n            <label><input type=\"radio\" name=\"carriera\" value=\"5\"><span>5<\/span><\/label>\n            <label><input type=\"radio\" name=\"carriera\" value=\"6\"><span>6<\/span><\/label>\n            <label><input type=\"radio\" name=\"carriera\" value=\"7\"><span>7<\/span><\/label>\n            <label><input type=\"radio\" name=\"carriera\" value=\"8\"><span>8<\/span><\/label>\n            <label><input type=\"radio\" name=\"carriera\" value=\"9\"><span>9<\/span><\/label>\n            <label><input type=\"radio\" name=\"carriera\" value=\"10\"><span>10<\/span><\/label>\n          <\/div>\n        <\/div>\n\n        <!-- STEP 3 -->\n        <div class=\"form-step\">\n          <p class=\"step-label\">step 3<\/p>\n          <h2>Health<\/h2>\n          <p class=\"subtitle\">I am satisfied with my overall health, my well-being, and the general condition of my body.<\/p>\n\n          <div class=\"options\">\n            <label><input type=\"radio\" name=\"salute\" value=\"1\"><span>1<\/span><\/label>\n            <label><input type=\"radio\" name=\"salute\" value=\"2\"><span>2<\/span><\/label>\n            <label><input type=\"radio\" name=\"salute\" value=\"3\"><span>3<\/span><\/label>\n            <label><input type=\"radio\" name=\"salute\" value=\"4\"><span>4<\/span><\/label>\n            <label><input type=\"radio\" name=\"salute\" value=\"5\"><span>5<\/span><\/label>\n            <label><input type=\"radio\" name=\"salute\" value=\"6\"><span>6<\/span><\/label>\n            <label><input type=\"radio\" name=\"salute\" value=\"7\"><span>7<\/span><\/label>\n            <label><input type=\"radio\" name=\"salute\" value=\"8\"><span>8<\/span><\/label>\n            <label><input type=\"radio\" name=\"salute\" value=\"9\"><span>9<\/span><\/label>\n            <label><input type=\"radio\" name=\"salute\" value=\"10\"><span>10<\/span><\/label>\n          <\/div>\n        <\/div>\n\n        <!-- STEP 4 -->\n        <div class=\"form-step\">\n          <p class=\"step-label\">step 4<\/p>\n          <h2>Relationships<\/h2>\n          <p class=\"subtitle\">The daily love and passion in my current or most recent intimate relationship are exactly as I want them to be.<\/p>\n\n          <div class=\"options\">\n            <label><input type=\"radio\" name=\"relazioni\" value=\"1\"><span>1<\/span><\/label>\n            <label><input type=\"radio\" name=\"relazioni\" value=\"2\"><span>2<\/span><\/label>\n            <label><input type=\"radio\" name=\"relazioni\" value=\"3\"><span>3<\/span><\/label>\n            <label><input type=\"radio\" name=\"relazioni\" value=\"4\"><span>4<\/span><\/label>\n            <label><input type=\"radio\" name=\"relazioni\" value=\"5\"><span>5<\/span><\/label>\n            <label><input type=\"radio\" name=\"relazioni\" value=\"6\"><span>6<\/span><\/label>\n            <label><input type=\"radio\" name=\"relazioni\" value=\"7\"><span>7<\/span><\/label>\n            <label><input type=\"radio\" name=\"relazioni\" value=\"8\"><span>8<\/span><\/label>\n            <label><input type=\"radio\" name=\"relazioni\" value=\"9\"><span>9<\/span><\/label>\n            <label><input type=\"radio\" name=\"relazioni\" value=\"10\"><span>10<\/span><\/label>\n          <\/div>\n        <\/div>\n\n        <!-- STEP 5 -->\n        <div class=\"form-step\">\n          <p class=\"step-label\">step 5<\/p>\n          <h2>Finances<\/h2>\n          <p class=\"subtitle\">My current financial situation and financial plan are exactly as I want them to be.<\/p>\n\n          <div class=\"options\">\n            <label><input type=\"radio\" name=\"finanze\" value=\"1\"><span>1<\/span><\/label>\n            <label><input type=\"radio\" name=\"finanze\" value=\"2\"><span>2<\/span><\/label>\n            <label><input type=\"radio\" name=\"finanze\" value=\"3\"><span>3<\/span><\/label>\n            <label><input type=\"radio\" name=\"finanze\" value=\"4\"><span>4<\/span><\/label>\n            <label><input type=\"radio\" name=\"finanze\" value=\"5\"><span>5<\/span><\/label>\n            <label><input type=\"radio\" name=\"finanze\" value=\"6\"><span>6<\/span><\/label>\n            <label><input type=\"radio\" name=\"finanze\" value=\"7\"><span>7<\/span><\/label>\n            <label><input type=\"radio\" name=\"finanze\" value=\"8\"><span>8<\/span><\/label>\n            <label><input type=\"radio\" name=\"finanze\" value=\"9\"><span>9<\/span><\/label>\n            <label><input type=\"radio\" name=\"finanze\" value=\"10\"><span>10<\/span><\/label>\n          <\/div>\n        <\/div>\n\n        <!-- STEP 6 -->\n        <div class=\"form-step\">\n          <p class=\"step-label\">step 6<\/p>\n          <h2>Personal Growth<\/h2>\n          <p class=\"subtitle\">I am actively evolving as a person and investing in myself.<\/p>\n\n          <div class=\"options\">\n            <label><input type=\"radio\" name=\"crescita\" value=\"1\"><span>1<\/span><\/label>\n            <label><input type=\"radio\" name=\"crescita\" value=\"2\"><span>2<\/span><\/label>\n            <label><input type=\"radio\" name=\"crescita\" value=\"3\"><span>3<\/span><\/label>\n            <label><input type=\"radio\" name=\"crescita\" value=\"4\"><span>4<\/span><\/label>\n            <label><input type=\"radio\" name=\"crescita\" value=\"5\"><span>5<\/span><\/label>\n            <label><input type=\"radio\" name=\"crescita\" value=\"6\"><span>6<\/span><\/label>\n            <label><input type=\"radio\" name=\"crescita\" value=\"7\"><span>7<\/span><\/label>\n            <label><input type=\"radio\" name=\"crescita\" value=\"8\"><span>8<\/span><\/label>\n            <label><input type=\"radio\" name=\"crescita\" value=\"9\"><span>9<\/span><\/label>\n            <label><input type=\"radio\" name=\"crescita\" value=\"10\"><span>10<\/span><\/label>\n          <\/div>\n        <\/div>\n\n        <!-- STEP 7 -->\n        <div class=\"form-step\">\n          <p class=\"step-label\">step 7<\/p>\n          <h2>Spirituality<\/h2>\n          <p class=\"subtitle\">How connected do you feel to your inner world, your sense of meaning, and what truly matters to you?<\/p>\n\n          <div class=\"options\">\n            <label><input type=\"radio\" name=\"spiritualita\" value=\"1\"><span>1<\/span><\/label>\n            <label><input type=\"radio\" name=\"spiritualita\" value=\"2\"><span>2<\/span><\/label>\n            <label><input type=\"radio\" name=\"spiritualita\" value=\"3\"><span>3<\/span><\/label>\n            <label><input type=\"radio\" name=\"spiritualita\" value=\"4\"><span>4<\/span><\/label>\n            <label><input type=\"radio\" name=\"spiritualita\" value=\"5\"><span>5<\/span><\/label>\n            <label><input type=\"radio\" name=\"spiritualita\" value=\"6\"><span>6<\/span><\/label>\n            <label><input type=\"radio\" name=\"spiritualita\" value=\"7\"><span>7<\/span><\/label>\n            <label><input type=\"radio\" name=\"spiritualita\" value=\"8\"><span>8<\/span><\/label>\n            <label><input type=\"radio\" name=\"spiritualita\" value=\"9\"><span>9<\/span><\/label>\n            <label><input type=\"radio\" name=\"spiritualita\" value=\"10\"><span>10<\/span><\/label>\n          <\/div>\n        <\/div>\n\n        <!-- STEP 8 -->\n        <div class=\"form-step\">\n          <p class=\"step-label\">step 8<\/p>\n          <h2>Leisure<\/h2>\n          <p class=\"subtitle\">How much space are you giving in your life to pleasure, fun, and activities that restore your energy?<\/p>\n\n          <div class=\"options\">\n            <label><input type=\"radio\" name=\"svago\" value=\"1\"><span>1<\/span><\/label>\n            <label><input type=\"radio\" name=\"svago\" value=\"2\"><span>2<\/span><\/label>\n            <label><input type=\"radio\" name=\"svago\" value=\"3\"><span>3<\/span><\/label>\n            <label><input type=\"radio\" name=\"svago\" value=\"4\"><span>4<\/span><\/label>\n            <label><input type=\"radio\" name=\"svago\" value=\"5\"><span>5<\/span><\/label>\n            <label><input type=\"radio\" name=\"svago\" value=\"6\"><span>6<\/span><\/label>\n            <label><input type=\"radio\" name=\"svago\" value=\"7\"><span>7<\/span><\/label>\n            <label><input type=\"radio\" name=\"svago\" value=\"8\"><span>8<\/span><\/label>\n            <label><input type=\"radio\" name=\"svago\" value=\"9\"><span>9<\/span><\/label>\n            <label><input type=\"radio\" name=\"svago\" value=\"10\"><span>10<\/span><\/label>\n          <\/div>\n        <\/div>\n\n        <!-- STEP FINALE -->\n        <div class=\"form-step centered result-step\">\n          <div class=\"wheel-wrapper\">\n            <div id=\"wheel\"><\/div>\n          <\/div>\n\n          <p class=\"subtitle\">\n            This is your Wheel of Life today.\n            The point is understanding what to do with it.\n          <\/p>\n\n          <a href=\"\/booking\">\n            <button type=\"button\">book a free call<\/button>\n          <\/a>\n        <\/div>\n\n      <\/form>\n    <\/div>\n\n    <!-- RIGHT -->\n    <div class=\"form-right\">\n      <div class=\"form-image\"><\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<style>\nhtml, body {\n  margin: 0;\n  padding: 0;\n  height: auto !important;\n  min-height: 100%;\n  overflow-x: hidden;\n}\n\nbody {\n  font-family: sans-serif;\n  background: #ADADAD;\n}\n\n.intro-content span.intro{font-family:'poppins'; text-transform: uppercase; font-size: 14px; letter-spacing: 2px; font-weight: normal;}\n\n.wheel-page {\n  height: auto !important;\n  min-height: 100vh;\n  overflow: visible !important;\n}\n\nform {\n  width: 80%;\n  margin: 0 auto;\n}\n\n\/* LAYOUT *\/\n.form-layout {\n  display: flex;\n  min-height: 100vh;\n  height: auto !important;\n  align-items: stretch;\n  overflow: visible !important;\n}\n\n.form-left {\n  width: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 40px;\n  background: #DBDBDB;\n  overflow: visible !important;\n  height: auto !important;\n  min-height: 100vh;\n  box-sizing: border-box;\n  transition: width 0.3s ease;\n}\n\n.form-right {\n  width: 50%;\n  overflow: visible !important;\n  height: auto !important;\n  min-height: 100vh;\n}\n\n.form-image {\n  width: 100%;\n  height: 100%;\n  min-height: 100vh;\n  background-size: cover;\n  background-position: center;\n  transition: opacity 0.4s ease;\n}\n\n\/* RESULT MODE *\/\n.form-layout.result-mode .form-right {\n  display: none;\n}\n\n.form-layout.result-mode .form-left {\n  width: 100%;\n  min-height: 100vh;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 100px 40px 40px 40px;\n}\n\n.form-layout.result-mode form {\n  width: 100%;\n  max-width: 900px;\n}\n\n.result-step.active {\n  min-height: calc(100vh - 100px);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: flex-start;\n}\n\n\/* STEPS *\/\n.form-step {\n  display: none;\n}\n\n.form-step.active {\n  display: block;\n}\n\n\/* TEXT *\/\n.step-label {\n  font-size: 14px;\n  color: #888;\n}\n\nh1, h2 {\n  font-size: 48px;\n  margin: 10px 0;\n  letter-spacing: -2px;\n  line-height: 45px;\n}\n\n.subtitle {\n  color: #666;\n  margin-bottom: 30px;\n}\n\n\/* OPTIONS *\/\n.options {\n  display: flex !important;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n\n.options label {\n  display: inline-flex !important;\n  width: auto !important;\n  padding: 0 !important;\n  border: none !important;\n  background: transparent !important;\n  flex: 0 0 auto;\n}\n\n.options input[type=\"radio\"] {\n  display: none;\n}\n\n.options span {\n  width: 44px;\n  height: 44px;\n  border-radius: 50%;\n  border: 1px solid #ddd;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  background: white;\n  transition: all 0.2s ease;\n  cursor: pointer;\n}\n\n.options span:hover {\n  background: #e4b476;\n  color: white;\n}\n\n.options input:checked + span {\n  background: #e4b476;\n  color: white;\n  border-color: #e4b476;\n}\n\n\/* INPUT NORMALI *\/\n.form-step input:not([type=\"radio\"]) {\n  width: 100%;\n  padding: 20px 24px;\n  margin-bottom: 15px;\n  border-radius: 18px;\n  border: 1px solid #ddd;\n  font-size: 16px;\n  background: white;\n  outline: none;\n  box-sizing: border-box;\n}\n\n.form-step input:not([type=\"radio\"]):focus {\n  border-color: #e4b476;\n  box-shadow: 0 0 0 3px rgba(200,155,94,0.15);\n}\n\n\/* BUTTON *\/\nbutton {\n  margin-top: 30px;\n  padding: 15px 25px;\n  border-radius: 30px;\n  border: none;\n  background: #e4b476;\n  color: white;\n  font-size: 15px;\n  cursor: pointer;\n}\n\n\/* WHEEL *\/\n.wheel-wrapper {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n\n#wheel {\n  width: 100%;\n}\n\n#wheel svg {\n  width: 100%;\n  max-width: 620px;\n  height: auto;\n}\n\n.centered {\n  text-align: center;\n  width: 100%;\n}\n\n@media (max-width: 768px) {\n  .wheel-page .form-layout {\n    display: flex;\n    flex-direction: column;\n    min-height: auto;\n    height: auto !important;\n  }\n\n  .wheel-page .form-right {\n    display: block !important;\n    order: -1;\n    width: 100%;\n    height: 40vh !important;\n    min-height: 220px;\n  }\n\n  .wheel-page .form-image {\n    height: 100%;\n    min-height: 40vh;\n  }\n\n  .wheel-page .form-left {\n    width: 100%;\n    min-height: 60vh;\n    padding: 20px 20px 40px 20px;\n    background: #f5f5f5 !important;\n    color: #000 !important;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    box-sizing: border-box;\n  }\n\n  .wheel-page .form-layout.result-mode .form-right {\n    display: none !important;\n  }\n\n  .wheel-page .form-layout.result-mode .form-left {\n    width: 100%;\n    min-height: 100vh;\n    padding: 100px 20px 40px 20px;\n    justify-content: flex-start;\n    align-items: center;\n  }\n\n  .wheel-page .result-step.active {\n    min-height: calc(100vh - 140px);\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: center;\n  }\n\n  .wheel-page form {\n    margin: 0 !important;\n    width: 100%;\n  }\n\n  .wheel-page .form-left h1,\n  .wheel-page .form-left h2,\n  .wheel-page .form-left p,\n  .wheel-page .step-label,\n  .wheel-page .subtitle {\n    color: #000 !important;\n  }\n\n  .wheel-page .subtitle {\n    color: #666 !important;\n  }\n\n  .wheel-page .options label {\n    color: #000 !important;\n    border-color: #ddd !important;\n    background: transparent !important;\n  }\n\n  .wheel-page .form-step input {\n    background: #fff !important;\n    color: #000 !important;\n    border: 1px solid #ddd !important;\n  }\n\n  .wheel-page .form-step input::placeholder {\n    color: #999 !important;\n  }\n\n  .wheel-page h1 {\n    font-size: 38px;\n    line-height: 1.1;\n  }\n\n  .wheel-page h2 {\n    font-size: 35px;\n  }\n\n  .wheel-page h2.centered {\n    text-align: center;\n    width: 100%;\n    padding: 0;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  const imageContainer = document.querySelector(\".form-image\");\n  const formLayout = document.querySelector(\".form-layout\");\n\n  const images = [\n    \"url('https:\/\/crisbarbarino.com\/wp-content\/uploads\/crisbarbarino-ruotadellavita-img1.jpg')\",\n    \"url('https:\/\/crisbarbarino.com\/wp-content\/uploads\/crisbarbarino-ambiente.webp')\",\n    \"url('https:\/\/crisbarbarino.com\/wp-content\/uploads\/crisbarbarino-carriera.webp')\",\n    \"url('https:\/\/crisbarbarino.com\/wp-content\/uploads\/crisbarbarino-salute.webp')\",\n    \"url('https:\/\/crisbarbarino.com\/wp-content\/uploads\/crisbarbarino-relazioni.webp')\",\n    \"url('https:\/\/crisbarbarino.com\/wp-content\/uploads\/crisbarbarino-finanze.webp')\",\n    \"url('https:\/\/crisbarbarino.com\/wp-content\/uploads\/crisbarbarino-crescitapersonale.webp')\",\n    \"url('https:\/\/crisbarbarino.com\/wp-content\/uploads\/crisbarbarino-spiritualita.webp')\",\n    \"url('https:\/\/crisbarbarino.com\/wp-content\/uploads\/crisbarbarino-svago.webp')\",\n    \"url('https:\/\/crisbarbarino.com\/wp-content\/uploads\/capire-cosa-vuoi-davvero.jpg')\"\n  ];\n\n  const steps = document.querySelectorAll(\"#multiStepForm .form-step\");\n  const nextBtns = document.querySelectorAll(\".next-btn\");\n  const prevBtns = document.querySelectorAll(\".prev-btn\");\n  const finalStepIndex = steps.length - 1;\n\n  let currentStep = 0;\n\n  function updateStep() {\n    steps.forEach((step, index) => {\n      step.classList.toggle(\"active\", index === currentStep);\n    });\n\n    if (formLayout) {\n      formLayout.classList.toggle(\"result-mode\", currentStep === finalStepIndex);\n    }\n\n    if (imageContainer && images[currentStep] && currentStep !== finalStepIndex) {\n      imageContainer.style.opacity = 0;\n\n      setTimeout(() => {\n        imageContainer.style.backgroundImage = images[currentStep];\n        imageContainer.style.opacity = 1;\n      }, 200);\n    }\n\n    if (currentStep === finalStepIndex) {\n      generateFinalWheel();\n    }\n  }\n\n  function validateStep() {\n    const current = steps[currentStep];\n    const radios = current.querySelectorAll(\"input[type='radio']\");\n    const inputs = current.querySelectorAll(\"input[required]\");\n\n    if (radios.length > 0) {\n      const checked = current.querySelector(\"input[type='radio']:checked\");\n      if (!checked) {\n        alert(\"Select an option\");\n        return false;\n      }\n    }\n\n    if (inputs.length > 0) {\n      for (let input of inputs) {\n        if (!input.value.trim()) {\n          alert(\"Please fill in all fields\");\n          return false;\n        }\n      }\n    }\n\n    return true;\n  }\n\n  const allRadios = document.querySelectorAll(\"#multiStepForm input[type='radio']\");\n\n  allRadios.forEach(radio => {\n    radio.addEventListener(\"change\", () => {\n      const current = steps[currentStep];\n      const checked = current.querySelector(\"input[type='radio']:checked\");\n\n      if (!checked) return;\n\n      setTimeout(() => {\n        currentStep++;\n        updateStep();\n      }, 120);\n    });\n  });\n\n  nextBtns.forEach(btn => {\n    btn.addEventListener(\"click\", () => {\n      if (!validateStep()) return;\n      currentStep++;\n      updateStep();\n    });\n  });\n\n  prevBtns.forEach(btn => {\n    btn.addEventListener(\"click\", () => {\n      currentStep--;\n      updateStep();\n    });\n  });\n\n  updateStep();\n});\n\nfunction getValue(name) {\n  const selected = document.querySelector(`input[name=\"${name}\"]:checked`);\n  return selected ? parseInt(selected.value) : 0;\n}\n\nfunction getFormValues() {\n  return [\n    getValue(\"ambiente\"),\n    getValue(\"carriera\"),\n    getValue(\"salute\"),\n    getValue(\"relazioni\"),\n    getValue(\"finanze\"),\n    getValue(\"crescita\"),\n    getValue(\"spiritualita\"),\n    getValue(\"svago\")\n  ];\n}\n\nfunction generateFinalWheel() {\n  const data = getFormValues().map(v => v || 0);\n\n  const colors = [\n    \"#00A99D\",\n    \"#9C27B0\",\n    \"#F44336\",\n    \"#3F51B5\",\n    \"#2196F3\",\n    \"#FF9800\",\n    \"#4CAF50\",\n    \"#E91E63\"\n  ];\n\n  const size = 500;\n  const center = size \/ 2;\n  const levels = 10;\n  const maxRadius = 180;\n\n  const svgNS = \"http:\/\/www.w3.org\/2000\/svg\";\n  const svg = document.createElementNS(svgNS, \"svg\");\n\n  svg.setAttribute(\"viewBox\", `0 0 ${size} ${size}`);\n\n  const angleStep = (Math.PI * 2) \/ data.length;\n\n  function polarToCartesian(angle, radius) {\n    return {\n      x: center + radius * Math.cos(angle - Math.PI \/ 2),\n      y: center + radius * Math.sin(angle - Math.PI \/ 2)\n    };\n  }\n\n  function createSlice(startAngle, endAngle, innerR, outerR) {\n    const p1 = polarToCartesian(startAngle, outerR);\n    const p2 = polarToCartesian(endAngle, outerR);\n    const p3 = polarToCartesian(endAngle, innerR);\n    const p4 = polarToCartesian(startAngle, innerR);\n\n    return `\n      M ${p1.x} ${p1.y}\n      A ${outerR} ${outerR} 0 0 1 ${p2.x} ${p2.y}\n      L ${p3.x} ${p3.y}\n      A ${innerR} ${innerR} 0 0 0 ${p4.x} ${p4.y}\n      Z\n    `;\n  }\n\n  data.forEach((value, i) => {\n    const startAngle = i * angleStep;\n    const endAngle = startAngle + angleStep;\n\n    for (let l = 1; l <= levels; l++) {\n      const innerR = ((l - 1) \/ levels) * maxRadius;\n      const outerR = (l \/ levels) * maxRadius;\n\n      const path = document.createElementNS(svgNS, \"path\");\n      path.setAttribute(\"d\", createSlice(startAngle, endAngle, innerR, outerR));\n      path.setAttribute(\"fill\", l <= value ? colors[i] : \"#eee\");\n      path.setAttribute(\"stroke\", \"#ccc\");\n      path.setAttribute(\"stroke-width\", \"0.5\");\n\n      svg.appendChild(path);\n    }\n  });\n\n  const labels = [\n    \"Environment\",\n    \"Career\",\n    \"Health\",\n    \"Relationships\",\n    \"Finances\",\n    \"Growth\",\n    \"Spirituality\",\n    \"Leisure\"\n  ];\n\n  labels.forEach((label, i) => {\n    const angle = i * angleStep + angleStep \/ 2;\n    const radius = maxRadius + 35;\n    const pos = polarToCartesian(angle, radius);\n\n    const text = document.createElementNS(svgNS, \"text\");\n    text.setAttribute(\"x\", pos.x);\n    text.setAttribute(\"y\", pos.y);\n    text.setAttribute(\"text-anchor\", \"middle\");\n    text.setAttribute(\"dominant-baseline\", \"middle\");\n    text.setAttribute(\"font-size\", \"12\");\n    text.setAttribute(\"fill\", \"#333\");\n\n    let rotation = angle * 180 \/ Math.PI;\n    if (rotation > 90 && rotation < 270) {\n      rotation += 180;\n    }\n\n    text.setAttribute(\"transform\", `rotate(${rotation}, ${pos.x}, ${pos.y})`);\n    text.textContent = label;\n\n    svg.appendChild(text);\n  });\n\n  const wheelContainer = document.getElementById(\"wheel\");\n  if (wheelContainer) {\n    wheelContainer.innerHTML = \"\";\n    wheelContainer.appendChild(svg);\n  }\n}\n<\/script>\n\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>free test &#8211; wheel of life It will feel like looking in the mirror. The Wheel of Life is a simple tool that helps you assess the different areas of your life, identifying what is working and what can be improved, so you can create concrete and lasting change. Start the journey \u2192 step 1 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":5071,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"episode_type":"","audio_file":"","cover_image":"","cover_image_id":"","duration":"","filesize":"","filesize_raw":"","date_recorded":"","explicit":"","block":"","itunes_episode_number":"","itunes_title":"","itunes_season_number":"","itunes_episode_type":"","footnotes":""},"class_list":["post-6154","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>FREE TEST - La ruota della vita<\/title>\n<meta name=\"description\" content=\"La Ruota della Vita \u00e8 uno strumento semplice che aiuta a valutare le diverse aree della tua vita, per capire cosa funziona e cosa migliorare.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crisbarbarino.com\/en\/wheel-of-life\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"FREE TEST - La ruota della vita\" \/>\n<meta property=\"og:description\" content=\"La Ruota della Vita \u00e8 uno strumento semplice che aiuta a valutare le diverse aree della tua vita, per capire cosa funziona e cosa migliorare.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crisbarbarino.com\/en\/wheel-of-life\/\" \/>\n<meta property=\"og:site_name\" content=\"CrisBarbarino\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/cristian.barbarino\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-02T07:14:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crisbarbarino.com\/wp-content\/uploads\/crisbarbarino-ruotadellavita-img1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1710\" \/>\n\t<meta property=\"og:image:height\" content=\"1840\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/crisbarbarino.com\\\/wheel-of-life\\\/\",\"url\":\"https:\\\/\\\/crisbarbarino.com\\\/wheel-of-life\\\/\",\"name\":\"FREE TEST - La ruota della vita\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/crisbarbarino.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/crisbarbarino.com\\\/wheel-of-life\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/crisbarbarino.com\\\/wheel-of-life\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/crisbarbarino.com\\\/wp-content\\\/uploads\\\/crisbarbarino-ruotadellavita-img1.jpg\",\"datePublished\":\"2026-05-02T07:10:21+00:00\",\"dateModified\":\"2026-05-02T07:14:14+00:00\",\"description\":\"La Ruota della Vita \u00e8 uno strumento semplice che aiuta a valutare le diverse aree della tua vita, per capire cosa funziona e cosa migliorare.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/crisbarbarino.com\\\/wheel-of-life\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/crisbarbarino.com\\\/wheel-of-life\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/crisbarbarino.com\\\/wheel-of-life\\\/#primaryimage\",\"url\":\"https:\\\/\\\/crisbarbarino.com\\\/wp-content\\\/uploads\\\/crisbarbarino-ruotadellavita-img1.jpg\",\"contentUrl\":\"https:\\\/\\\/crisbarbarino.com\\\/wp-content\\\/uploads\\\/crisbarbarino-ruotadellavita-img1.jpg\",\"width\":1710,\"height\":1840},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/crisbarbarino.com\\\/wheel-of-life\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/crisbarbarino.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WHEEL OF LIFE\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/crisbarbarino.com\\\/#website\",\"url\":\"https:\\\/\\\/crisbarbarino.com\\\/\",\"name\":\"Cris Barbarino\",\"description\":\"Identity Strategist\",\"publisher\":{\"@id\":\"https:\\\/\\\/crisbarbarino.com\\\/#\\\/schema\\\/person\\\/e0bf751040b16132309d4c004de6a93c\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/crisbarbarino.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/crisbarbarino.com\\\/#\\\/schema\\\/person\\\/e0bf751040b16132309d4c004de6a93c\",\"name\":\"Cris\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/crisbarbarino.com\\\/wp-content\\\/uploads\\\/ico.jpg\",\"url\":\"https:\\\/\\\/crisbarbarino.com\\\/wp-content\\\/uploads\\\/ico.jpg\",\"contentUrl\":\"https:\\\/\\\/crisbarbarino.com\\\/wp-content\\\/uploads\\\/ico.jpg\",\"width\":200,\"height\":200,\"caption\":\"Cris\"},\"logo\":{\"@id\":\"https:\\\/\\\/crisbarbarino.com\\\/wp-content\\\/uploads\\\/ico.jpg\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/cristian.barbarino\",\"https:\\\/\\\/www.instagram.com\\\/crisbarbarino\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/cristianbarbarino\\\/\",\"https:\\\/\\\/www.youtube.com\\\/@crisbarbarino\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"FREE TEST - La ruota della vita","description":"La Ruota della Vita \u00e8 uno strumento semplice che aiuta a valutare le diverse aree della tua vita, per capire cosa funziona e cosa migliorare.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crisbarbarino.com\/en\/wheel-of-life\/","og_locale":"en_US","og_type":"article","og_title":"FREE TEST - La ruota della vita","og_description":"La Ruota della Vita \u00e8 uno strumento semplice che aiuta a valutare le diverse aree della tua vita, per capire cosa funziona e cosa migliorare.","og_url":"https:\/\/crisbarbarino.com\/en\/wheel-of-life\/","og_site_name":"CrisBarbarino","article_publisher":"https:\/\/www.facebook.com\/cristian.barbarino","article_modified_time":"2026-05-02T07:14:14+00:00","og_image":[{"width":1710,"height":1840,"url":"https:\/\/crisbarbarino.com\/wp-content\/uploads\/crisbarbarino-ruotadellavita-img1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crisbarbarino.com\/wheel-of-life\/","url":"https:\/\/crisbarbarino.com\/wheel-of-life\/","name":"FREE TEST - La ruota della vita","isPartOf":{"@id":"https:\/\/crisbarbarino.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/crisbarbarino.com\/wheel-of-life\/#primaryimage"},"image":{"@id":"https:\/\/crisbarbarino.com\/wheel-of-life\/#primaryimage"},"thumbnailUrl":"https:\/\/crisbarbarino.com\/wp-content\/uploads\/crisbarbarino-ruotadellavita-img1.jpg","datePublished":"2026-05-02T07:10:21+00:00","dateModified":"2026-05-02T07:14:14+00:00","description":"La Ruota della Vita \u00e8 uno strumento semplice che aiuta a valutare le diverse aree della tua vita, per capire cosa funziona e cosa migliorare.","breadcrumb":{"@id":"https:\/\/crisbarbarino.com\/wheel-of-life\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crisbarbarino.com\/wheel-of-life\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crisbarbarino.com\/wheel-of-life\/#primaryimage","url":"https:\/\/crisbarbarino.com\/wp-content\/uploads\/crisbarbarino-ruotadellavita-img1.jpg","contentUrl":"https:\/\/crisbarbarino.com\/wp-content\/uploads\/crisbarbarino-ruotadellavita-img1.jpg","width":1710,"height":1840},{"@type":"BreadcrumbList","@id":"https:\/\/crisbarbarino.com\/wheel-of-life\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crisbarbarino.com\/"},{"@type":"ListItem","position":2,"name":"WHEEL OF LIFE"}]},{"@type":"WebSite","@id":"https:\/\/crisbarbarino.com\/#website","url":"https:\/\/crisbarbarino.com\/","name":"Cris Barbarino","description":"Identity Strategist","publisher":{"@id":"https:\/\/crisbarbarino.com\/#\/schema\/person\/e0bf751040b16132309d4c004de6a93c"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crisbarbarino.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/crisbarbarino.com\/#\/schema\/person\/e0bf751040b16132309d4c004de6a93c","name":"Cris","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crisbarbarino.com\/wp-content\/uploads\/ico.jpg","url":"https:\/\/crisbarbarino.com\/wp-content\/uploads\/ico.jpg","contentUrl":"https:\/\/crisbarbarino.com\/wp-content\/uploads\/ico.jpg","width":200,"height":200,"caption":"Cris"},"logo":{"@id":"https:\/\/crisbarbarino.com\/wp-content\/uploads\/ico.jpg"},"sameAs":["https:\/\/www.facebook.com\/cristian.barbarino","https:\/\/www.instagram.com\/crisbarbarino\/","https:\/\/www.linkedin.com\/in\/cristianbarbarino\/","https:\/\/www.youtube.com\/@crisbarbarino"]}]}},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/crisbarbarino.com\/en\/wp-json\/wp\/v2\/pages\/6154","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/crisbarbarino.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/crisbarbarino.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/crisbarbarino.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/crisbarbarino.com\/en\/wp-json\/wp\/v2\/comments?post=6154"}],"version-history":[{"count":4,"href":"https:\/\/crisbarbarino.com\/en\/wp-json\/wp\/v2\/pages\/6154\/revisions"}],"predecessor-version":[{"id":6158,"href":"https:\/\/crisbarbarino.com\/en\/wp-json\/wp\/v2\/pages\/6154\/revisions\/6158"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/crisbarbarino.com\/en\/wp-json\/wp\/v2\/media\/5071"}],"wp:attachment":[{"href":"https:\/\/crisbarbarino.com\/en\/wp-json\/wp\/v2\/media?parent=6154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}