{"id":117388,"date":"2022-10-06T12:18:43","date_gmt":"2022-10-06T12:18:43","guid":{"rendered":"https:\/\/www.phorest.com\/?post_type=demos&#038;p=117388"},"modified":"2024-10-04T09:04:52","modified_gmt":"2024-10-04T09:04:52","slug":"strategies-dashboard","status":"publish","type":"demos","link":"https:\/\/www.phorest.com\/us\/demos\/strategies-dashboard\/","title":{"rendered":"Strategies Dashboard"},"content":{"rendered":"<div class=\"align wp-block-welcome\">\n\n  \n\n  <div class=\"overflow-hidden\">\n      <div class=\"m-auto my-8 w-4\/5  mt-0 \">\n            <\/div>\n          \n      <div class=\"bg-grey-lighter  md:-mt-64 \">\n          <div class=\"bg-no-repeat px-4 md:px-0 md:flex md:flex-wrap  sm:pt-40  pb-32 md:bg-fixed bg-staff-sizexs sm:bg-staff-size bg-center-bottom md:bg-staff-sizelg xl:bg-staff-sizexlg md:bg-staff-pos \" style=\"background-image:url();\">\n                  <div class=\"w-full md:w-1\/2 pt-20 hidden md:block\" >\n                                                                    <picture>\n                          <source srcset=\"https:\/\/d2dfxqxblmblx4.cloudfront.net\/images\/patterns\/sqiggle-bg.webp\" type=\"image\/webp\">\n                          <source srcset=\"https:\/\/d2dfxqxblmblx4.cloudfront.net\/images\/patterns\/sqiggle-bg.png\" type=\"image\/jpeg\"> \n                          <img decoding=\"async\" data-inviewport=\"scale-in\" src=\"https:\/\/d2dfxqxblmblx4.cloudfront.net\/images\/patterns\/sqiggle-bg.png\" alt=\"sqiggle-bg\" class=\"lazy mt-56 -ml-56 hidden md:block\">\n                        <\/picture>\n                        \n                                      <\/div>\n                  <div class=\"w-full md:w-1\/2 pb-56 md:pb-40 md:pt-40\">\n                                                                  <h2 class=\"w-full md:w-3\/4 text-green font-normal blotch-underline\"><\/h2>\n                      <ul class=\"correct-list\">\n                            \n                                                \n                                                  <li><span data-inviewport=\"scale-in\"><\/span>Built in collaboration with the team at Strategies<\/li>\n                                                    <li><span data-inviewport=\"scale-in\"><\/span>View individual locations, or the entire business<\/li>\n                                                    <li><span data-inviewport=\"scale-in\"><\/span>Schedule Report delivery at a frequency of your choice to any email address<\/li>\n                                                    <li><span data-inviewport=\"scale-in\"><\/span>Set automated alerts on your most important metrics to prompt you to coach, or congratulate, your staff<\/li>\n                                                                        <\/ul>\n                                                                                    <\/div>\n                            <\/div>\n                <\/div>\n  <\/div>\n\n\n  <div>\n    <div class=\"acf-innerblocks-container\"><\/div>\n  <\/div>\n<\/div>\n\n\n<div id=\"strategies_dashboard_form\"><\/div>\n\n\n<div class=\"align wp-block-form\">\n  <div class=\"container mb-8 z-10 relative\" id=\"containing-form\" >\n    <div class=\"w-full  md:w-2\/3  m-auto shadow-lg\">\n        <h2 class=\"hide-success text-3xl \"><\/h2>\n        <h2 class=\"hide-success text-sm font-normal text-grey-darker\"><\/h2>\n        \n                  <div class=\"form-bof-wrapper no-embed-og \" data-bofid=\"\" data-postid=\"\">\n  \n  <section class=\"mb-0 \">\n\n    <div class=\"container\">\n        <div id=\"quiz\" class=\"relative rounded py-16 px-4  flex flex-wrap items-center justify-center bg-white overflow-hidden\" style=\"box-shadow: none;\">\n                        <form id=\"quiz-form\" class=\" w-full max-w-4xl mx-auto phorest-form notClient no-message funnel-form-wrapper\" action method=\"post\" novalidate data-type=\"sql\" \n            data-bl=\"amVtamFzZUBnbWFpbC5jb20sIHRlc3RAdGVzdC5jb20sIGNydW5jaHlvdXRsYXdAZ21haWwuY29tLCBqc21pdGgyMEBrZWxldi5iaXo=\" \n          \n            >\n                          <div class=\"text-center border-b-4 border-dashed mb-4\" style=\"border-style: dashed; border-bottom-width: 4px; \">\n                <p class=\"md:text-2xl text-lg  font-bold  text-green  \">Not yet a Phorest customer?<\/p>\n                <p class=\"  py-4    text-green\">Not a problem! Book a demo to see how this feature works, and we&#039;ll show you the other amazing tools we have to grow your business!<\/p>\n                                  <p class=\"mb-4 font-gilroy text-green\">Phorest is great for all growing salons &amp; medspas, perfect for 3+ staff.<\/p>\n                              <\/div>\n            \n            <input name=\"channel_source\" type=\"hidden\" value=\"Direct or Organic\">\n                  <input name=\"lifecyclestage\" type=\"hidden\" value=\"salesqualifiedlead\">\n                  <input name=\"interested_package\" type=\"hidden\" value=\"\">\n                  <input name=\"form_ip\" type=\"hidden\" value=\"\">\n                  <input data-name=\"submit-consent\" name=\"submit-consent\" data-id=\"32297592\" type=\"hidden\" value=\"You've enrolled into a specific campaign, and we will send you content related to this campaign only.\">\n            <span class=\"nottoday\">\n              <label for=\"form_email\">Please leave this field blank<\/label>\n              <input name=\"form_email\" type=\"email\" placeholder=\"Please leave this field blank\" autocomplete=\"nope\" tabindex=\"-1\" readonly=\"readonly\" onfocus=\"this.removeAttribute('readonly')\" \/>\n            <\/span>\n    \n            \n            <div class=\"questions\">\n              <p><span class=\"text-2xl text-black text-center block\">What type of business do you have?<\/span><br><span class=\"mb-4 block text-center\">Please click on the icon and click the arrow to progress<\/span><\/p>\n              <p><span class=\"text-2xl text-black text-center block\">Next, tell us how many staff you have<\/span><br><span class=\"mb-4 block text-center\"><span style=\"padding-bottom: 10px; display:block;font-weight:600;\">Phorest is great for all Salons &#038; MedSpas, perfect for 3+ staff <\/span>\r\nPlease click on the numerical range and click the arrow to progress<\/span><\/p>\n              <p><span class=\"text-2xl text-black text-center block\">Next, tell us how many locations you have<\/span><br><span class=\"mb-4 block text-center\">Increase\/Decrease value and click the arrow to progress<\/span><\/p>\n              <p><span class=\"text-2xl text-black text-center block\">Finally, please provide us with your contact details.<\/span><br><span class=\"mb-4 block text-center\">Enter details below and submit<\/span><\/p>\n            <\/div>\n    \n            \n            <div class=\"progress \" >\n              <span><\/span>\n              <p id=\"currentQuestion\" class=\"absolute right-0 text-green font-semibold text-sm\"><span>1<\/span>\/4<\/p>\n               \n              <div class=\"back-next w-full flex flex-wrap justify-between -mt-5 absolute top-0\" >\n                <p id=\"q-back\" data-back class=\"disabled rounded bg-green text-white cursor-pointer font-semibold border border-green py-2 px-2 rounded-full  select-none mb-4\"><i data-feather=\"chevron-left\" aria-hidden=\"true\"><\/i><span class=\"tooltip invisible absolute rounded-lg text-center text-white bg-grey-darkest\">BACK<\/span><\/p>\n                <button id=\"q-next\" data-next data-currentfunnel=\"1\" class=\"funnelnext  disabled   rounded bg-green text-white cursor-pointer font-semibold border border-green py-2 px-2 rounded-full  select-none mb-4\"><i data-feather=\"chevron-right\" aria-hidden=\"true\"><\/i><span class=\"tooltip invisible absolute rounded-lg text-center text-white bg-grey-darkest\">NEXT<\/span><\/button>\n              <\/div>\n            <\/div>\n    \n            \n            <div class=\"answers\">\n    \n              \n              <div class=\"flex flex-wrap justify-between w-full relative mt-8\" data-funnel=\"1\" >\n\n                <ul class=\"checkbox-images flex flex-wrap text-center\" >\n                  <li><input value=\"Beauty Salon\" type=\"radio\" name=\"type_of_business\" id=\"wizard_ck_1\"   \/>\n                    <label for=\"wizard_ck_1\" class=\"wizard_ck \"><img decoding=\"async\" src=\"https:\/\/d2dfxqxblmblx4.cloudfront.net\/images\/icons\/wizard\/wizicon_beauty_salon.png\" width=\"100px\" height=\"100px\" \/>Beauty Salon <\/label>\n                  <\/li>\n                  <li><input value=\"Hair Salon\" type=\"radio\" name=\"type_of_business\" id=\"wizard_ck_2\"  \/>\n                    <label for=\"wizard_ck_2\" class=\"wizard_ck \"><img decoding=\"async\" src=\"https:\/\/d2dfxqxblmblx4.cloudfront.net\/images\/icons\/wizard\/wizicon_hair.png\" width=\"100px\" height=\"100px\" \/>Hair Salon <\/label>\n                  <\/li>\n                  <li><input value=\"Hair &#038; Beauty Salon\" type=\"radio\" name=\"type_of_business\" id=\"wizard_ck_3\"  \/>\n                    <label for=\"wizard_ck_3\" class=\"wizard_ck \"><img decoding=\"async\" src=\"https:\/\/d2dfxqxblmblx4.cloudfront.net\/images\/icons\/wizard\/wizicon_hair_beauty_salon.png\" width=\"100px\" height=\"100px\" \/>Hair &#038; Beauty Salon <\/label>\n                  <\/li>\n                  <li><input value=\"Barber\" type=\"radio\" name=\"type_of_business\" id=\"wizard_ck_4\"  \/>\n                    <label for=\"wizard_ck_4\" class=\"wizard_ck \"><img decoding=\"async\" src=\"https:\/\/d2dfxqxblmblx4.cloudfront.net\/images\/icons\/wizard\/wizicon_barbers.png\" width=\"100px\" height=\"100px\" \/>Barber <\/label>\n                  <\/li>\n                  <li><input value=\"Medi-aesthetic\" type=\"radio\" name=\"type_of_business\" id=\"wizard_ck_5\"  \/>\n                    <label for=\"wizard_ck_5\" class=\"wizard_ck \"><img decoding=\"async\" src=\"https:\/\/d2dfxqxblmblx4.cloudfront.net\/images\/icons\/wizard\/wizicon_aesthetics.png\" width=\"100px\" height=\"100px\" \/>MedSpa <\/label>\n                  <\/li>\n                  <li><input value=\"Spa\" type=\"radio\" name=\"type_of_business\" id=\"wizard_ck_6\"  \/>\n                    <label for=\"wizard_ck_6\" class=\"wizard_ck \"><img decoding=\"async\" src=\"https:\/\/d2dfxqxblmblx4.cloudfront.net\/images\/icons\/wizard\/wizicon_spa.png\" width=\"100px\" height=\"100px\" \/>Spa <\/label>\n                  <\/li>\n                  <li><input value=\"Mobile\" type=\"radio\" name=\"type_of_business\" id=\"wizard_ck_7\"  \/>\n                    <label for=\"wizard_ck_7\" class=\"wizard_ck \"><img decoding=\"async\" src=\"https:\/\/d2dfxqxblmblx4.cloudfront.net\/images\/icons\/wizard\/wizicon_mobile.png\" width=\"100px\" height=\"100px\" \/>Mobile <\/label>\n                  <\/li>\n                  <li><input value=\"Other\" type=\"radio\" name=\"type_of_business\" id=\"wizard_ck_8\"  \/>\n                    <label for=\"wizard_ck_8\" class=\"wizard_ck \"><img decoding=\"async\" src=\"https:\/\/d2dfxqxblmblx4.cloudfront.net\/images\/icons\/wizard\/wizicon_other.png\" width=\"100px\" height=\"100px\"  \/>Other <\/label>\n                  <\/li>\n                <\/ul>\n\n              <\/div>\n\n              \n              <div class=\"flex flex-wrap justify-center w-full relative mt-8\" data-funnel=\"2\">\n                <ul class=\"checkbox-images flex flex-wrap text-center\" >\n                                      <li class=\"md:px-4\"><input value=\"0-2\" type=\"radio\" name=\"numemployees\" id=\"wizard_ck_13\" \/>\n                      <label for=\"wizard_ck_13\" class=\"wizard_ck text-4xl number_rank\">0-2 <\/label>\n                    <\/li>\n                                                        <li class=\"md:px-4\"><input value=\"3-4\" type=\"radio\" name=\"numemployees\" id=\"wizard_ck_12\" \/>\n                      <label for=\"wizard_ck_12\" class=\"wizard_ck text-4xl number_rank\">3-4 <\/label>\n                    <\/li>\n                                    <li class=\"md:px-4\"><input value=\"5-9\" type=\"radio\" name=\"numemployees\" id=\"wizard_ck_11\" \/>\n                    <label for=\"wizard_ck_11\" class=\"wizard_ck text-4xl number_rank\">5-9 <\/label>\n                  <\/li>\n                  <li class=\"md:px-4\"><input value=\"10-19\" type=\"radio\" name=\"numemployees\" id=\"wizard_ck_10\" \/>\n                    <label for=\"wizard_ck_10\" class=\"wizard_ck text-4xl number_rank\">10-19 <\/label>\n                  <\/li>\n                  <li class=\"md:px-4\"><input value=\"20+\" type=\"radio\" name=\"numemployees\" id=\"wizard_ck_9\" \/>\n                    <label for=\"wizard_ck_9\" class=\"wizard_ck text-4xl number_rank\">20+ <\/label>\n                  <\/li>\n                  \n                <\/ul>\n                \n              <\/div>\n\n              \n              <div class=\"flex flex-wrap justify-center w-full relative mt-8 form-field \" data-funnel=\"3\">\n                <div class=\"customdemo-quantity my-8\">\n  <input type=\"number\" min=\"1\" step=\"1\" value=\"1\" class=\"rounded-xl text-2xl text-center font-semibold\" name=\"number_of_locations\" for=\"number_of_locations\">\n<\/div>\n<style>\n  .customdemo-quantity {\n    position: relative;\n  }\n  \n  .customdemo-quantity input[type=number]::-webkit-inner-spin-button,\n  .customdemo-quantity input[type=number]::-webkit-outer-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  .customdemo-quantity input[type=number] {\n    -moz-appearance: textfield;\n  }\n  \n  .customdemo-quantity input {\n    width: 300px;\n    height: 50px;\n    line-height: 1.65;\n    float: left;\n    display: block;\n    padding: 0;\n    margin: 0;\n    padding-left: 20px;\n    border: 1px solid #eee;\n  }\n  \n  .customdemo-quantity input:focus {\n    outline: 0;\n  }\n\n.quantity-nav {\n  float: left;\n  position: absolute;\n  height: 100px;\n  width: 300px;\n}\n\n.quantity-button {\n  position: relative;\n  cursor: pointer;\n  border-left: 1px solid #eee;\n  width: 20px;\n  text-align: center;\n  color: #333;\n  font-size: 13px;\n  font-family: \"Trebuchet MS\", Helvetica, sans-serif !important;\n  line-height: 1.7;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  -o-user-select: none;\n  user-select: none;\n  background-color: #0f615d;\n  color: white;\n  font-size: xxx-large;\n  text-align: center;\n  height: 45px;\n  width: 50px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: 0.5s;\n  border-radius: 100%;\n \n}\n\n.quantity-button:hover {\n  -webkit-transform: scale(0.85);\n  transform: scale(0.85);\n  background-color: #80d080;\n  \n}\n\n.quantity-button.quantity-up {\n  position: absolute;\n  height: 50%;\n  top: 0;\n  right: 0;\n  border-bottom: 1px solid #eee;\n}\n\n.quantity-button.quantity-down {\n  position: absolute;\n  height: 50%;\n  left: 0;\n}\n\n.restof-houses img, .house-wrapper img{\n width:50px;\n height: 50px;\n object-fit: contain;\n}\n\n@media screen and (max-width: 998px) {\n  .checkbox-images li label {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n  }\n\n  .checkbox-images li img {\n      width: 50%;\n  }\n  .checkbox-images li {\n      width: 48%;\n      display: inline;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      list-style: none;\n}\n}\n\n<\/style>              <\/div>\n\n                \n                <div class=\"flex flex-wrap justify-between w-full relative mt-12 \" data-funnel=\"4\">\n                  \n                    \n                     \n                                          <div class=\"  sm:w-1\/2    pr-4   w-full  my-2    relative form-field empty false\">\n\n                                                <label class=\"absolute left-0 top-0 text-xs text-green font-bold\" for=\"firstname\">\n                           \n                             First Name                                                   <\/label>\n                        \n                                                \n                            <input name=\"firstname\" type=\"text\"  required  autocomplete=\" given-name \" >\n\n                        \n                                                  <p class=\"form-error\"> Please fill out this field <\/p>\n                                              <\/div>\n                                          <div class=\" sm:w-1\/2  w-full  my-2    relative form-field empty false\">\n\n                                                <label class=\"absolute left-0 top-0 text-xs text-green font-bold\" for=\"lastname\">\n                           \n                             Last Name                                                   <\/label>\n                        \n                                                \n                            <input name=\"lastname\" type=\"text\"  autocomplete=\" family-name \" >\n\n                        \n                                                  <p class=\"text-grey text-xs -my-2 ml-4\">Optional<\/p>\n                                              <\/div>\n                                          <div class=\" w-full  my-2    relative form-field empty false\">\n\n                                                <label class=\"absolute left-0 top-0 text-xs text-green font-bold\" for=\"email\">\n                           \n                             Email Address                                                   <\/label>\n                        \n                                                \n                            <input name=\"email\" type=\"email\"  required  autocomplete=\" email \" >\n\n                        \n                                                  <p class=\"form-error\">Enter a valid email<\/p>\n                                              <\/div>\n                                          <div class=\" w-full  my-2    relative form-field empty false\">\n\n                                                <label class=\"absolute left-0 top-0 text-xs text-green font-bold\" for=\"phone\">\n                           \n                             Phone Number                                                   <\/label>\n                        \n                                                \n                            <input name=\"phone\" type=\"tel\"  required  autocomplete=\" tel \" >\n\n                        \n                                                  <p class=\"form-error\"> Please fill out this field <\/p>\n                                              <\/div>\n                                          <div class=\" w-full  my-2    relative form-field empty false\">\n\n                                                <label class=\"absolute left-0 top-0 text-xs text-green font-bold\" for=\"company\">\n                           \n                             Business Name                                                   <\/label>\n                        \n                                                \n                            <input name=\"company\" type=\"text\"  required  autocomplete=\"\" >\n\n                        \n                                                  <p class=\"form-error\"> Please fill out this field <\/p>\n                                              <\/div>\n                                          <div class=\" w-full  my-2    relative form-field empty false\">\n\n                                                <label class=\"absolute left-0 top-0 text-xs text-green font-bold\" for=\"website\">\n                           \n                             Social Media or Website Link                                                   <\/label>\n                        \n                                                \n                            <input name=\"website\" type=\"text\"  autocomplete=\"\" >\n\n                        \n                                                  <p class=\"text-grey text-xs -my-2 ml-4\">Optional<\/p>\n                                              <\/div>\n                    \n                    <input data-id=\"6471441\" class=\"mr-2 cursor-pointer mt-5\" data-name=\"marketing-consent\" type=\"checkbox\" value=\"false\" name=\"marketing-consent\">\n                    <span class=\"text-xs text-black cursor-pointer flex-auto pt-4\">I agree to receive free tips on salon management.<\/span>\n                    <p class=\"text-xs text-black privacy-consent mt-4 mb-8\">By clicking submit you agree to Phorest Salon Software storing and processing this information for your request. Please review our <a href=\"https:\/\/www.phorest.com\/us\/privacy\/\" target=\"_blank\" class=\"underline\">Privacy Policy<\/a>.<\/p>\n                    <div class=\"relative w-full flex justify-center items-center wrap-ajax\">\n                      <div class=\"ajax-loader\">\n                      <span><\/span>\n                      <span><\/span>\n                      <span><\/span>\n                      <span><\/span>\n                    <\/div><\/div>  \n                  <div class=\"back-next w-full flex flex-wrap justify-center final-submit\" >\n                    \n                    <button id=\"q-next\" data-next data-currentfunnel=\"1\" style=\"background-color: #09763a;color:white;box-shadow: none;border: none;\" class=\"funnelnext disabled non-access button button-submit text-xl font-normal bg-green text-white cursor-pointer font-semibold py-2 px-8 lg:rounded  select-none mb-4\">Submit<\/button>\n                  <\/div>\n                <\/div>\n\n                \n\n            <\/div>\n            <div class=\"progress \"  style=\"background: none;\">\n               \n            <div class=\"back-next w-full flex justify-between mt-5 absolute\" style=\"bottom: -40px;\" >\n              <p data-back class=\"disabled rounded bg-green text-white cursor-pointer font-semibold border border-green py-2 px-2 rounded-lg flex flex-wrap  select-none mb-4\"><i data-feather=\"chevron-left\" aria-hidden=\"true\" class=\"mr-2\"><\/i><i class=\"rounded-lg not-italic\">BACK<\/i><\/p>\n              <button data-next data-currentfunnel=\"1\" class=\"funnelnext  disabled   rounded bg-green text-white cursor-pointer font-semibold border border-green py-2 px-2 rounded-lg flex flex-wrap  select-none mb-4\"><i class=\" rounded-lg text-center not-italic mr-2\">NEXT<\/i><i data-feather=\"chevron-right\" aria-hidden=\"true\"><\/i><\/button>\n            <\/div>\n            <\/div>\n                        \n            <input name=\"demo_or_quote\" type=\"hidden\" value=\"Demo request\">\n            <input name=\"ab_test_variation\" type=\"hidden\" value=\"\">\n            <input name=\"origin\" type=\"hidden\" value=\"US | Strategies Team Based Conference | 2022\">\n            <input name=\"referral\" type=\"hidden\" value=\"\">\n            <input name=\"lead_notes\" type=\"hidden\" value=\"\">\n            <input name=\"brand_partnership\" type=\"hidden\" value=\"\">\n            \n        \n            <span class=\"nottoday\">\n              <label for=\"form_email_check\">Please leave this field blank<\/label>\n              <input name=\"form_email_check\" type=\"email\" placeholder=\"Please leave this field blank\" autocomplete=\"nope\" tabindex=\"-1\" readonly=\"readonly\" onfocus=\"this.removeAttribute('readonly')\" \/>\n            <\/span>\n           \n            \n            <input name=\"sql_form_completed\" type=\"hidden\" value=\"Yes\">\n                                                <\/form>\n    \n              <div id=\"quizGetReport\" style=\"display:none;\">\n                <div class=\"flex justify-center items-center\">\n                  <div class=\"ajax-loader\">\n                    <span><\/span>\n                    <span><\/span>\n                    <span><\/span>\n                    <span><\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n      \n                  \n              \n              \n                <div id=\"quizReport\" class=\"\" style=\"display: none\"> <\/div>\n\n                  \n\n              <div class=\"generating-report mt-12 text-center\" style=\"display: none\">\n                \n                <div class=\"text-center\">\n                  <p class=\"text-center text-black font-semibold text-lg\">\n                    <img decoding=\"async\" src=\"https:\/\/d2dfxqxblmblx4.cloudfront.net\/images\/icons\/reskin\/heart.svg\" class=\"sm:w-1\/4 md:m-auto\" alt=\"\">\n                  <\/p>\n                  <h3 class=\"text-green text-2xl font-semibold\">Thanks a million!<\/h3>\n                  <h3 class=\"text-black text-2xl font-semibold md:w-2\/3 md:m-auto\">A member of our team will be in touch with you as soon as possible.<\/h3>\n                  \n                <\/div>\n                <div class=\"flex justify-center items-center\">\n                  <div class=\"ajax-loader\">\n                    <span><\/span>\n                    <span><\/span>\n                    <span><\/span>\n                    <span><\/span>\n                  <\/div>\n                <\/div>\n                <\/div>\n              <\/div>\n            <div id=\"successSubmissionTrigger\" class=\"hidden\"><\/div>\n      <\/div>\n\n    \n\n    \n\n    <div id=\"report\" class=\"flex flex-wrap justify-between\">\n\n    <\/div>\n    \n  <\/section>\n\n  <style>\ninput[type=\"radio\"][id^=\"wizard_ck_\"] {\n    display: none;\n  }\n\n  .wizard_ck {\n  transition: 0.2s;\n  border: 2px solid #eeeeee;\n  padding: 10px;\n  display: block;\n  position: relative;\n  margin: 7px;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.wizard_ck.number_rank {\n  border: 2px solid #eeeeee;\n  min-height: 100px;\n  min-width: 100px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.wizard_ckimg {\n    height: 100px;\n    width: 100px;\n    transition-duration: 0.2s;\n    transform-origin: 50% 50%;\n    object-fit: contain;\n  }\n\n.wizard_ck:before {\n    transition: 0.2s;\n    background-color: white;\n    color: white;\n    content: \" \";\n    display: block;\n    border-radius: 50%;\n    border: 1px solid grey;\n    position: absolute;\n    top: -5px;\n    left: -5px;\n    width: 25px;\n    height: 25px;\n    text-align: center;\n    line-height: 28px;\n    transition-duration: 0.4s;\n    transform: scale(0);\n  }\n\n  .checkbox-images :checked + label {\n  border-width: 2px;\n  border-color: #0a763a;\n  }\n\n  #quiz .progress {\n    width: calc(100% - 50px) !important;\n  }\n\n  #quiz .progress .back-next {\n    width: calc(100% + 50px) !important;\n  }\n\n  .checkbox-images li {\n    list-style: none !important;\n    width: 20%;\n  }\n\n  .custom-demo-hero .checkbox-images li, .click-through-hero .checkbox-images li {\n    list-style: none !important;\n    width: 25%;\n  }\n\n  @media screen and (max-width: 768px) {\n    .checkbox-images li {\n      list-style: none !important;\n      width: 50%;\n    }\n\n    .custom-demo-hero .checkbox-images li, .click-through-hero .checkbox-images li {\n      list-style: none !important;\n      width: 50%;\n    }\n  }\n\n  .checkbox-images label {\n    min-height: 173px;\n    display: flex;\n    justify-content: center;\n  }\n\n  .checkbox-images :checked + label:before {\n    content: \"\";\n    background-image: url(https:\/\/d2dfxqxblmblx4.cloudfront.net\/images\/patterns\/arrow_pencil_white.png);\n    background-position: center;\n    background-size: contain;\n    background-repeat: no-repeat;\n    background-color: #0a763a;\n    transform: scale(1);\n    line-height: 1.2;\n    border-color: #0a763a;\n    font-weight: bold;\n    position: absolute;\n    color: white;\n    padding: 10px;\n    border-radius: 100%;\n    left: auto;\n    right: -15px;\n    top: -15px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .wizard_ck:checked + label img {\n    transition: 0.2s;\n    transform: scale(0.9);\n    z-index: -1;\n  }\n\n  @media screen and (max-width: 998px) {\n    .wizard_ck:checked + label img {\n      z-index: 1;\n    }\n  }\n\n  .non-access {\n    filter: opacity(0.5) grayscale(1);\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n<\/style>\n\n<\/div>\n\n  \n  \n\n\n  \n  \n            <\/div>\n<\/div>\n\n  <div>\n    <div class=\"acf-innerblocks-container\"><\/div>\n  <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":27,"featured_media":0,"template":"","demos-categories":[],"class_list":["post-117388","demos","type-demos","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Strategies Dashboard | Phorest<\/title>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Strategies Dashboard | Phorest\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.phorest.com\/us\/demos\/strategies-dashboard\/\" \/>\n<meta property=\"og:site_name\" content=\"Phorest\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/phorestsalonsoftware\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-04T09:04:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d2dfxqxblmblx4.cloudfront.net\/images\/logos\/phorest-acorn-logo.png\" \/>\n\t<meta property=\"og:image:width\" content=\"300\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/d2dfxqxblmblx4.cloudfront.net\/images\/logos\/phorest-acorn-logo.png\" \/>\n<meta name=\"twitter:site\" content=\"@thephorestword\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.phorest.com\/us\/demos\/strategies-dashboard\/\",\"url\":\"https:\/\/www.phorest.com\/us\/demos\/strategies-dashboard\/\",\"name\":\"Strategies Dashboard | Phorest\",\"isPartOf\":{\"@id\":\"https:\/\/www.phorest.com\/us\/#website\"},\"datePublished\":\"2022-10-06T12:18:43+00:00\",\"dateModified\":\"2024-10-04T09:04:52+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.phorest.com\/us\/demos\/strategies-dashboard\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.phorest.com\/us\/demos\/strategies-dashboard\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.phorest.com\/us\/demos\/strategies-dashboard\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.phorest.com\/us\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Demos\",\"item\":\"https:\/\/www.phorest.com\/us\/demos\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Strategies Dashboard\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.phorest.com\/us\/#website\",\"url\":\"https:\/\/www.phorest.com\/us\/\",\"name\":\"Phorest\",\"description\":\"Salon Software for Hair, Beauty, Barber &amp; Spa Businesses\",\"publisher\":{\"@id\":\"https:\/\/www.phorest.com\/us\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.phorest.com\/us\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.phorest.com\/us\/#organization\",\"name\":\"Phorest Salon Software\",\"url\":\"https:\/\/www.phorest.com\/us\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.phorest.com\/us\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/d2dfxqxblmblx4.cloudfront.net\/wp-content\/uploads\/2019\/10\/24141402\/phorest-acorn-logo1.png\",\"contentUrl\":\"https:\/\/d2dfxqxblmblx4.cloudfront.net\/wp-content\/uploads\/2019\/10\/24141402\/phorest-acorn-logo1.png\",\"width\":201,\"height\":202,\"caption\":\"Phorest Salon Software\"},\"image\":{\"@id\":\"https:\/\/www.phorest.com\/us\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/phorestsalonsoftware\",\"https:\/\/x.com\/thephorestword\",\"https:\/\/instagram.com\/phorest_salon_software\",\"https:\/\/www.linkedin.com\/company\/phorest?trk=company_name\",\"https:\/\/www.pinterest.com\/phorestss\/\",\"https:\/\/plus.google.com\/u\/0\/b\/101418954139594616916\/101418954139594616916\/posts\/p\/pub\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Strategies Dashboard | Phorest","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"Strategies Dashboard | Phorest","og_url":"https:\/\/www.phorest.com\/us\/demos\/strategies-dashboard\/","og_site_name":"Phorest","article_publisher":"https:\/\/www.facebook.com\/phorestsalonsoftware","article_modified_time":"2024-10-04T09:04:52+00:00","og_image":[{"width":300,"height":300,"url":"https:\/\/d2dfxqxblmblx4.cloudfront.net\/images\/logos\/phorest-acorn-logo.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_image":"https:\/\/d2dfxqxblmblx4.cloudfront.net\/images\/logos\/phorest-acorn-logo.png","twitter_site":"@thephorestword","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.phorest.com\/us\/demos\/strategies-dashboard\/","url":"https:\/\/www.phorest.com\/us\/demos\/strategies-dashboard\/","name":"Strategies Dashboard | Phorest","isPartOf":{"@id":"https:\/\/www.phorest.com\/us\/#website"},"datePublished":"2022-10-06T12:18:43+00:00","dateModified":"2024-10-04T09:04:52+00:00","breadcrumb":{"@id":"https:\/\/www.phorest.com\/us\/demos\/strategies-dashboard\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.phorest.com\/us\/demos\/strategies-dashboard\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.phorest.com\/us\/demos\/strategies-dashboard\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.phorest.com\/us\/"},{"@type":"ListItem","position":2,"name":"Demos","item":"https:\/\/www.phorest.com\/us\/demos\/"},{"@type":"ListItem","position":3,"name":"Strategies Dashboard"}]},{"@type":"WebSite","@id":"https:\/\/www.phorest.com\/us\/#website","url":"https:\/\/www.phorest.com\/us\/","name":"Phorest","description":"Salon Software for Hair, Beauty, Barber &amp; Spa Businesses","publisher":{"@id":"https:\/\/www.phorest.com\/us\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.phorest.com\/us\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.phorest.com\/us\/#organization","name":"Phorest Salon Software","url":"https:\/\/www.phorest.com\/us\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.phorest.com\/us\/#\/schema\/logo\/image\/","url":"https:\/\/d2dfxqxblmblx4.cloudfront.net\/wp-content\/uploads\/2019\/10\/24141402\/phorest-acorn-logo1.png","contentUrl":"https:\/\/d2dfxqxblmblx4.cloudfront.net\/wp-content\/uploads\/2019\/10\/24141402\/phorest-acorn-logo1.png","width":201,"height":202,"caption":"Phorest Salon Software"},"image":{"@id":"https:\/\/www.phorest.com\/us\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/phorestsalonsoftware","https:\/\/x.com\/thephorestword","https:\/\/instagram.com\/phorest_salon_software","https:\/\/www.linkedin.com\/company\/phorest?trk=company_name","https:\/\/www.pinterest.com\/phorestss\/","https:\/\/plus.google.com\/u\/0\/b\/101418954139594616916\/101418954139594616916\/posts\/p\/pub"]}]}},"_links":{"self":[{"href":"https:\/\/www.phorest.com\/us\/wp-json\/wp\/v2\/demos\/117388","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.phorest.com\/us\/wp-json\/wp\/v2\/demos"}],"about":[{"href":"https:\/\/www.phorest.com\/us\/wp-json\/wp\/v2\/types\/demos"}],"author":[{"embeddable":true,"href":"https:\/\/www.phorest.com\/us\/wp-json\/wp\/v2\/users\/27"}],"version-history":[{"count":0,"href":"https:\/\/www.phorest.com\/us\/wp-json\/wp\/v2\/demos\/117388\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.phorest.com\/us\/wp-json\/wp\/v2\/media?parent=117388"}],"wp:term":[{"taxonomy":"demos-categories","embeddable":true,"href":"https:\/\/www.phorest.com\/us\/wp-json\/wp\/v2\/demos-categories?post=117388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}