[{"data":1,"prerenderedAt":26},["ShallowReactive",2],{"$f148199gmhdfq7":3,"components-pricing":4},1,{"category":5,"components":15},{"name":6,"description":7,"components":8},"Pricing","Pricing components for displaying pricing tables and comparison charts.",[9,12],{"slug":10,"title":11},"simple-pricing-table","Simple pricing table",{"slug":13,"title":14},"two-tiers-with-emphasized-tier","Two tiers with emphasized tier",[16,21],{"slug":10,"title":11,"code":17},{"html":18,"inline-styles":19,"tailwind":20},"\u003C!DOCTYPE html PUBLIC \"-\u002F\u002FW3C\u002F\u002FDTD XHTML 1.0 Transitional\u002F\u002FEN\" \"http:\u002F\u002Fwww.w3.org\u002FTR\u002Fxhtml1\u002FDTD\u002Fxhtml1-transitional.dtd\">\n\u003Chtml dir=\"ltr\" lang=\"en\">\n  \u003Chead>\n    \u003Cmeta content=\"text\u002Fhtml; charset=UTF-8\" http-equiv=\"Content-Type\" \u002F>\n    \u003Cmeta name=\"x-apple-disable-message-reformatting\" \u002F>\n    \u003Ctitle>\n      Exclusive Offer Just For You: Unlock Premium Features at $12\u002Fmonth\n    \u003C\u002Ftitle>\n    \u003Cstyle>\n      @font-face {\n        font-family: 'Inter';\n        font-style: normal;\n        font-weight: 400;\n        mso-font-alt: 'Helvetica';\n        src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZ9hiA.woff2) format('woff2');\n      }\n\n      * {\n        font-family: 'Inter', Helvetica;\n      }\n    \u003C\u002Fstyle>\n    \u003Cstyle>\n      @font-face {\n        font-family: 'Inter';\n        font-style: normal;\n        font-weight: 600;\n        mso-font-alt: 'Helvetica';\n        src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcC73FwrK3iLTeHuS_fjbvMwCp50PDca1ZL7.woff2) format('woff2');\n      }\n\n      * {\n        font-family: 'Inter', Helvetica;\n      }\n    \u003C\u002Fstyle>\n    \u003Cstyle>\n      @font-face {\n        font-family: 'Inter';\n        font-style: normal;\n        font-weight: 700;\n        mso-font-alt: 'Helvetica';\n        src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcC73FwrK3iLTeHuS_fjbvMwCp50BTca1ZL7.woff2) format('woff2');\n      }\n\n      * {\n        font-family: 'Inter', Helvetica;\n      }\n    \u003C\u002Fstyle>\n  \u003C\u002Fhead>\n  \u003Cbody dir=\"ltr\" lang=\"en\" style=\"margin:0;margin-right:0;margin-left:0\">\n    \u003Ctable\n      border=\"0\"\n      width=\"100%\"\n      cellpadding=\"0\"\n      cellspacing=\"0\"\n      role=\"presentation\"\n      align=\"center\">\n      \u003Ctbody>\n        \u003Ctr>\n          \u003Ctd\n            dir=\"ltr\"\n            lang=\"en\"\n            style=\"margin:0;margin-left:12px;margin-right:12px\">\n            \u003Ctable\n              align=\"center\"\n              width=\"100%\"\n              border=\"0\"\n              cellpadding=\"0\"\n              cellspacing=\"0\"\n              role=\"presentation\"\n              style=\"max-width:37.5em;margin-left:auto;margin-right:auto;box-sizing:border-box;height:100vh\">\n              \u003Ctbody>\n                \u003Ctr style=\"width:100%\">\n                  \u003Ctd style=\"padding-top:1rem;padding-bottom:1rem\">\n                    \u003Chtml dir=\"ltr\" lang=\"en\">\n                      \u003Chead>\n                        \u003Cmeta\n                          content=\"text\u002Fhtml; charset=UTF-8\"\n                          http-equiv=\"Content-Type\" \u002F>\n                        \u003Cmeta name=\"x-apple-disable-message-reformatting\" \u002F>\n                        \u003Cstyle>\u003C\u002Fstyle>\n                      \u003C\u002Fhead>\n                      \u003Cbody dir=\"ltr\" lang=\"en\">\n                        \u003Ctable\n                          border=\"0\"\n                          width=\"100%\"\n                          cellpadding=\"0\"\n                          cellspacing=\"0\"\n                          role=\"presentation\"\n                          align=\"center\">\n                          \u003Ctbody>\n                            \u003Ctr>\n                              \u003Ctd dir=\"ltr\" lang=\"en\">\n                                \u003Cdiv\n                                  data-skip-in-text=\"true\"\n                                  style=\"display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0\">\n                                  Exclusive Offer Just For You: Unlock Premium\n                                  Features at $12\u002Fmonth\n                                  \u003Cdiv>\n                                     ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏\n                                  \u003C\u002Fdiv>\n                                \u003C\u002Fdiv>\n                                \u003Ctable\n                                  align=\"center\"\n                                  width=\"100%\"\n                                  border=\"0\"\n                                  cellpadding=\"0\"\n                                  cellspacing=\"0\"\n                                  role=\"presentation\"\n                                  style=\"max-width:500px;background-color:rgb(255,255,255);border-radius:12px;margin-left:auto;margin-right:auto\">\n                                  \u003Ctbody>\n                                    \u003Ctr style=\"width:100%\">\n                                      \u003Ctd style=\"padding:24px\">\n                                        \u003Ctable\n                                          align=\"center\"\n                                          width=\"100%\"\n                                          border=\"0\"\n                                          cellpadding=\"0\"\n                                          cellspacing=\"0\"\n                                          role=\"presentation\"\n                                          style=\"background-color:rgb(255,255,255);border-color:rgb(209,213,219);border-radius:12px;border-style:solid;border-width:1px;color:rgb(75,85,99);margin-bottom:0px;text-align:left;width:100%\">\n                                          \u003Ctbody>\n                                            \u003Ctr>\n                                              \u003Ctd style=\"padding:28px\">\n                                                \u003Cp\n                                                  style=\"font-size:12px;line-height:20px;color:rgb(79,70,229);font-weight:600;letter-spacing:0.025em;margin-bottom:16px;text-transform:uppercase;margin-top:16px\">\n                                                  Exclusive Offer\n                                                \u003C\u002Fp>\n                                                \u003Cp\n                                                  style=\"font-size:30px;line-height:36px;font-weight:700;margin-bottom:12px;margin-top:0px\">\n                                                  \u003Cspan\n                                                    style=\"color:rgb(16,24,40);\"\n                                                    >$12\u003C\u002Fspan\n                                                  >\n                                                  \u003Cspan\n                                                    style=\"font-size:16px;font-weight:500;line-height:20px;\"\n                                                    >\u002F month\u003C\u002Fspan\n                                                  >\n                                                \u003C\u002Fp>\n                                                \u003Cp\n                                                  style=\"font-size:14px;line-height:20px;color:rgb(55,65,81);margin-top:16px;margin-bottom:24px\">\n                                                  We've handcrafted the\n                                                  perfect plan tailored\n                                                  specifically for your needs.\n                                                  Unlock premium features at an\n                                                  unbeatable value.\n                                                \u003C\u002Fp>\n                                                \u003Cul\n                                                  style=\"color:rgb(107,114,128);font-size:14px;line-height:24px;margin-bottom:32px;padding-left:14px;\">\n                                                  \u003Cli\n                                                    style=\"margin-bottom:12px;position:relative;\">\n                                                    \u003Cspan\n                                                      style=\"position:relative;\"\n                                                      >Manage up to 25 premium\n                                                      products\u003C\u002Fspan\n                                                    >\n                                                  \u003C\u002Fli>\n                                                  \u003Cli\n                                                    style=\"margin-bottom:12px;position:relative;\">\n                                                    \u003Cspan\n                                                      style=\"position:relative;\"\n                                                      >Grow your audience with\n                                                      10,000 subscribers\u003C\u002Fspan\n                                                    >\n                                                  \u003C\u002Fli>\n                                                  \u003Cli\n                                                    style=\"margin-bottom:12px;position:relative;\">\n                                                    \u003Cspan\n                                                      style=\"position:relative;\"\n                                                      >Make data-driven\n                                                      decisions with advanced\n                                                      analytics\u003C\u002Fspan\n                                                    >\n                                                  \u003C\u002Fli>\n                                                  \u003Cli\n                                                    style=\"margin-bottom:12px;position:relative;\">\n                                                    \u003Cspan\n                                                      style=\"position:relative;\"\n                                                      >Priority support with\n                                                      24-hour response\n                                                      time\u003C\u002Fspan\n                                                    >\n                                                  \u003C\u002Fli>\n                                                  \u003Cli\n                                                    style=\"margin-bottom:12px;position:relative;\">\n                                                    \u003Cspan\n                                                      style=\"position:relative;\"\n                                                      >Seamless integration with\n                                                      your favorite tools\u003C\u002Fspan\n                                                    >\n                                                  \u003C\u002Fli>\n                                                \u003C\u002Ful>\n                                                \u003Ca\n                                                  href=\"#\"\n                                                  style=\"line-height:24px;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;background-color:rgb(79,70,229);border-radius:8px;box-sizing:border-box;color:rgb(255,255,255);font-size:16px;font-weight:700;letter-spacing:0.025em;margin-bottom:24px;padding:14px;text-align:center;width:100%;padding-top:14px;padding-right:14px;padding-bottom:14px;padding-left:14px\"\n                                                  target=\"_blank\"\n                                                  >\u003Cspan\n                                                    >\u003C!--[if mso]>\u003Ci style=\"mso-font-width:350%;mso-text-raise:21px\" hidden>  \u003C\u002Fi>\u003C![endif]-->\u003C\u002Fspan\n                                                  >\u003Cspan\n                                                    style=\"max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:10.5px\"\n                                                    >Claim Your Special\n                                                    Offer\u003C\u002Fspan\n                                                  >\u003Cspan\n                                                    >\u003C!--[if mso]>\u003Ci style=\"mso-font-width:350%\" hidden>  ​\u003C\u002Fi>\u003C![endif]-->\u003C\u002Fspan\n                                                  >\u003C\u002Fa\n                                                >\n                                                \u003Chr\n                                                  style=\"width:100%;border:none;border-color:transparent;border-top:1px solid #eaeaea\" \u002F>\n                                                \u003Cp\n                                                  style=\"font-size:12px;line-height:16px;color:rgb(107,114,128);font-style:italic;margin-top:24px;margin-bottom:6px;text-align:center\">\n                                                  Limited time offer - Upgrade\n                                                  now and save 20%\n                                                \u003C\u002Fp>\n                                                \u003Cp\n                                                  style=\"font-size:12px;line-height:16px;color:rgb(107,114,128);margin:0px;text-align:center;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px\">\n                                                  No credit card required.\n                                                  14-day free trial available.\n                                                \u003C\u002Fp>\n                                              \u003C\u002Ftd>\n                                            \u003C\u002Ftr>\n                                          \u003C\u002Ftbody>\n                                        \u003C\u002Ftable>\n                                      \u003C\u002Ftd>\n                                    \u003C\u002Ftr>\n                                  \u003C\u002Ftbody>\n                                \u003C\u002Ftable>\n                              \u003C\u002Ftd>\n                            \u003C\u002Ftr>\n                          \u003C\u002Ftbody>\n                        \u003C\u002Ftable>\n                      \u003C\u002Fbody>\n                    \u003C\u002Fhtml>\n                  \u003C\u002Ftd>\n                \u003C\u002Ftr>\n              \u003C\u002Ftbody>\n            \u003C\u002Ftable>\n          \u003C\u002Ftd>\n        \u003C\u002Ftr>\n      \u003C\u002Ftbody>\n    \u003C\u002Ftable>\n  \u003C\u002Fbody>\n\u003C\u002Fhtml>\n","\u003Cscript setup lang=\"ts\">\nimport {\n  Body,\n  Button,\n  Container,\n  Head,\n  Hr,\n  Html,\n  Preview,\n  Section,\n  Text,\n} from '@vuemaildev\u002Fvuemail';\n\nconst features = [\n  'Manage up to 25 premium products',\n  'Grow your audience with 10,000 subscribers',\n  'Make data-driven decisions with advanced analytics',\n  'Priority support with 24-hour response time',\n  'Seamless integration with your favorite tools',\n];\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CHtml>\n    \u003CHead \u002F>\n    \u003CBody>\n      \u003CPreview>\n        Exclusive Offer Just For You: Unlock Premium Features at $12\u002Fmonth\n      \u003C\u002FPreview>\n      \u003CContainer\n        :style=\"{\n          backgroundColor: 'rgb(255,255,255)',\n          borderRadius: '12px',\n          marginLeft: 'auto',\n          marginRight: 'auto',\n          maxWidth: '500px',\n          padding: '24px',\n        }\"\n      >\n        \u003CSection\n          :style=\"{\n            backgroundColor: 'rgb(255,255,255)',\n            borderColor: 'rgb(209,213,219)',\n            borderRadius: '12px',\n            borderStyle: 'solid',\n            borderWidth: '1px',\n            color: 'rgb(75,85,99)',\n            marginBottom: '0px',\n            padding: '28px',\n            textAlign: 'left',\n            width: '100%',\n          }\"\n        >\n          \u003CText\n            :style=\"{\n              color: 'rgb(79,70,229)',\n              fontSize: '12px',\n              fontWeight: '600',\n              letterSpacing: '0.025em',\n              lineHeight: '20px',\n              marginBottom: '16px',\n              textTransform: 'uppercase',\n            }\"\n          >\n            Exclusive Offer\n          \u003C\u002FText>\n          \u003CText\n            :style=\"{\n              fontSize: '30px',\n              fontWeight: '700',\n              lineHeight: '36px',\n              marginBottom: '12px',\n              marginTop: '0px',\n            }\"\n          >\n            \u003Cspan :style=\"{ color: 'rgb(16,24,40)' }\">$12\u003C\u002Fspan>\n            {{ ' ' }}\n            \u003Cspan\n              :style=\"{\n                fontSize: '16px',\n                fontWeight: '500',\n                lineHeight: '20px',\n              }\"\n            >\u002F month\u003C\u002Fspan>\n          \u003C\u002FText>\n          \u003CText\n            :style=\"{\n              color: 'rgb(55,65,81)',\n              fontSize: '14px',\n              lineHeight: '20px',\n              marginTop: '16px',\n              marginBottom: '24px',\n            }\"\n          >\n            We've handcrafted the perfect plan tailored specifically for your\n            needs. Unlock premium features at an unbeatable value.\n          \u003C\u002FText>\n          \u003Cul\n            :style=\"{\n              color: 'rgb(107,114,128)',\n              fontSize: '14px',\n              lineHeight: '24px',\n              marginBottom: '32px',\n              paddingLeft: '14px',\n            }\"\n          >\n            \u003Cli\n              v-for=\"feature in features\"\n              :key=\"feature\"\n              :style=\"{ marginBottom: '12px', position: 'relative' }\"\n            >\n              \u003Cspan :style=\"{ position: 'relative' }\">{{ feature }}\u003C\u002Fspan>\n            \u003C\u002Fli>\n          \u003C\u002Ful>\n          \u003CButton\n            href=\"#\"\n            :style=\"{\n              backgroundColor: 'rgb(79,70,229)',\n              borderRadius: '8px',\n              boxSizing: 'border-box',\n              color: 'rgb(255,255,255)',\n              display: 'inline-block',\n              fontSize: '16px',\n              lineHeight: '24px',\n              fontWeight: '700',\n              letterSpacing: '0.025em',\n              marginBottom: '24px',\n              maxWidth: '100%',\n              padding: '14px',\n              textAlign: 'center',\n              width: '100%',\n            }\"\n          >Claim Your Special Offer\u003C\u002FButton>\n          \u003CHr \u002F>\n          \u003CText\n            :style=\"{\n              color: 'rgb(107,114,128)',\n              fontSize: '12px',\n              lineHeight: '16px',\n              fontStyle: 'italic',\n              marginTop: '24px',\n              marginBottom: '6px',\n              textAlign: 'center',\n            }\"\n          >\n            Limited time offer - Upgrade now and save 20%\n          \u003C\u002FText>\n          \u003CText\n            :style=\"{\n              color: 'rgb(107,114,128)',\n              fontSize: '12px',\n              lineHeight: '16px',\n              margin: '0px',\n              textAlign: 'center',\n            }\"\n          >\n            No credit card required. 14-day free trial available.\n          \u003C\u002FText>\n        \u003C\u002FSection>\n      \u003C\u002FContainer>\n    \u003C\u002FBody>\n  \u003C\u002FHtml>\n\u003C\u002Ftemplate>\n","\u003Cscript setup lang=\"ts\">\nimport {\n  Body,\n  Button,\n  Container,\n  Head,\n  Hr,\n  Html,\n  Preview,\n  Section,\n  Text,\n} from '@vuemaildev\u002Fvuemail';\n\nconst features = [\n  'Manage up to 25 premium products',\n  'Grow your audience with 10,000 subscribers',\n  'Make data-driven decisions with advanced analytics',\n  'Priority support with 24-hour response time',\n  'Seamless integration with your favorite tools',\n];\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CHtml>\n    \u003CHead \u002F>\n    \u003CBody>\n      \u003CPreview>\n        Exclusive Offer Just For You: Unlock Premium Features at $12\u002Fmonth\n      \u003C\u002FPreview>\n      \u003CContainer class=\"bg-white rounded-[12px] mx-auto max-w-[500px] p-[24px]\">\n        \u003CSection\n          class=\"bg-white border border-solid border-gray-300 rounded-[12px] text-gray-600 p-[28px] w-full text-left mb-0\"\n        >\n          \u003CText\n            class=\"text-indigo-600 text-[12px] leading-[20px] font-semibold tracking-wide mb-[16px] mt-[16px] uppercase\"\n          >\n            Exclusive Offer\n          \u003C\u002FText>\n          \u003CText class=\"text-[30px] font-bold leading-[36px] mb-[12px] mt-0\">\n            \u003Cspan class=\"text-[rgb(16,24,40)]\">$12\u003C\u002Fspan>\n            {{ ' ' }}\n            \u003Cspan class=\"text-[16px] font-medium leading-[20px]\">\u002F month\u003C\u002Fspan>\n          \u003C\u002FText>\n          \u003CText\n            class=\"text-gray-700 text-[14px] leading-[20px] mt-[16px] mb-[24px]\"\n          >\n            We've handcrafted the perfect plan tailored specifically for your\n            needs. Unlock premium features at an unbeatable value.\n          \u003C\u002FText>\n          \u003Cul\n            class=\"text-gray-500 text-[14px] leading-[24px] mb-[32px] pl-[14px]\"\n          >\n            \u003Cli\n              v-for=\"feature in features\"\n              :key=\"feature\"\n              class=\"mb-[12px] relative\"\n            >\n              \u003Cspan class=\"relative\">{{ feature }}\u003C\u002Fspan>\n            \u003C\u002Fli>\n          \u003C\u002Ful>\n          \u003CButton\n            href=\"#\"\n            class=\"bg-indigo-600 rounded-[8px] box-border text-white inline-block text-[16px] leading-[24px] font-bold tracking-wide mb-[24px] max-w-full p-[14px] text-center w-full\"\n          >Claim Your Special Offer\u003C\u002FButton>\n          \u003CHr \u002F>\n          \u003CText\n            class=\"text-gray-500 text-[12px] leading-[16px] italic mt-[24px] mb-[6px] text-center\"\n          >\n            Limited time offer - Upgrade now and save 20%\n          \u003C\u002FText>\n          \u003CText\n            class=\"text-gray-500 text-[12px] m-0 leading-[16px] text-center\"\n          >\n            No credit card required. 14-day free trial available.\n          \u003C\u002FText>\n        \u003C\u002FSection>\n      \u003C\u002FContainer>\n    \u003C\u002FBody>\n  \u003C\u002FHtml>\n\u003C\u002Ftemplate>\n",{"slug":13,"title":14,"code":22},{"html":23,"inline-styles":24,"tailwind":25},"\u003C!DOCTYPE html PUBLIC \"-\u002F\u002FW3C\u002F\u002FDTD XHTML 1.0 Transitional\u002F\u002FEN\" \"http:\u002F\u002Fwww.w3.org\u002FTR\u002Fxhtml1\u002FDTD\u002Fxhtml1-transitional.dtd\">\n\u003Chtml dir=\"ltr\" lang=\"en\">\n  \u003Chead>\n    \u003Cmeta content=\"text\u002Fhtml; charset=UTF-8\" http-equiv=\"Content-Type\" \u002F>\n    \u003Cmeta name=\"x-apple-disable-message-reformatting\" \u002F>\n    \u003Ctitle>Choose the right plan for you\u003C\u002Ftitle>\n    \u003Cstyle>\n      @font-face {\n        font-family: 'Inter';\n        font-style: normal;\n        font-weight: 400;\n        mso-font-alt: 'Helvetica';\n        src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZ9hiA.woff2) format('woff2');\n      }\n\n      * {\n        font-family: 'Inter', Helvetica;\n      }\n    \u003C\u002Fstyle>\n    \u003Cstyle>\n      @font-face {\n        font-family: 'Inter';\n        font-style: normal;\n        font-weight: 600;\n        mso-font-alt: 'Helvetica';\n        src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcC73FwrK3iLTeHuS_fjbvMwCp50PDca1ZL7.woff2) format('woff2');\n      }\n\n      * {\n        font-family: 'Inter', Helvetica;\n      }\n    \u003C\u002Fstyle>\n    \u003Cstyle>\n      @font-face {\n        font-family: 'Inter';\n        font-style: normal;\n        font-weight: 700;\n        mso-font-alt: 'Helvetica';\n        src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcC73FwrK3iLTeHuS_fjbvMwCp50BTca1ZL7.woff2) format('woff2');\n      }\n\n      * {\n        font-family: 'Inter', Helvetica;\n      }\n    \u003C\u002Fstyle>\n  \u003C\u002Fhead>\n  \u003Cbody dir=\"ltr\" lang=\"en\" style=\"margin:0;margin-right:0;margin-left:0\">\n    \u003Ctable\n      border=\"0\"\n      width=\"100%\"\n      cellpadding=\"0\"\n      cellspacing=\"0\"\n      role=\"presentation\"\n      align=\"center\">\n      \u003Ctbody>\n        \u003Ctr>\n          \u003Ctd\n            dir=\"ltr\"\n            lang=\"en\"\n            style=\"margin:0;margin-left:12px;margin-right:12px\">\n            \u003Ctable\n              align=\"center\"\n              width=\"100%\"\n              border=\"0\"\n              cellpadding=\"0\"\n              cellspacing=\"0\"\n              role=\"presentation\"\n              style=\"max-width:37.5em;margin-left:auto;margin-right:auto;box-sizing:border-box;height:100vh\">\n              \u003Ctbody>\n                \u003Ctr style=\"width:100%\">\n                  \u003Ctd style=\"padding-top:1rem;padding-bottom:1rem\">\n                    \u003Chtml dir=\"ltr\" lang=\"en\">\n                      \u003Chead>\n                        \u003Cmeta\n                          content=\"text\u002Fhtml; charset=UTF-8\"\n                          http-equiv=\"Content-Type\" \u002F>\n                        \u003Cmeta name=\"x-apple-disable-message-reformatting\" \u002F>\n                        \u003Cstyle>\u003C\u002Fstyle>\n                      \u003C\u002Fhead>\n                      \u003Cbody dir=\"ltr\" lang=\"en\">\n                        \u003Ctable\n                          border=\"0\"\n                          width=\"100%\"\n                          cellpadding=\"0\"\n                          cellspacing=\"0\"\n                          role=\"presentation\"\n                          align=\"center\">\n                          \u003Ctbody>\n                            \u003Ctr>\n                              \u003Ctd dir=\"ltr\" lang=\"en\">\n                                \u003Cdiv\n                                  data-skip-in-text=\"true\"\n                                  style=\"display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0\">\n                                  Choose the right plan for you\n                                  \u003Cdiv>\n                                     ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏\n                                  \u003C\u002Fdiv>\n                                \u003C\u002Fdiv>\n                                \u003Ctable\n                                  align=\"center\"\n                                  width=\"100%\"\n                                  border=\"0\"\n                                  cellpadding=\"0\"\n                                  cellspacing=\"0\"\n                                  role=\"presentation\"\n                                  style=\"max-width:600px;background-color:rgb(255,255,255);border-radius:8px;margin-left:auto;margin-right:auto\">\n                                  \u003Ctbody>\n                                    \u003Ctr style=\"width:100%\">\n                                      \u003Ctd style=\"padding:24px\">\n                                        \u003Ctable\n                                          align=\"center\"\n                                          width=\"100%\"\n                                          border=\"0\"\n                                          cellpadding=\"0\"\n                                          cellspacing=\"0\"\n                                          role=\"presentation\"\n                                          style=\"margin-bottom:42px\">\n                                          \u003Ctbody>\n                                            \u003Ctr>\n                                              \u003Ctd>\n                                                \u003Ch1\n                                                  style=\"font-size:24px;line-height:32px;margin-bottom:12px;text-align:center\">\n                                                  Choose the right plan for you\n                                                \u003C\u002Fh1>\n                                                \u003Cp\n                                                  style=\"font-size:14px;line-height:20px;color:rgb(107,114,128);margin-left:auto;margin-right:auto;max-width:500px;text-align:center;margin-top:16px;margin-bottom:16px\">\n                                                  Choose an affordable plan with\n                                                  top features to engage\n                                                  audiences, build loyalty, and\n                                                  boost sales.\n                                                \u003C\u002Fp>\n                                              \u003C\u002Ftd>\n                                            \u003C\u002Ftr>\n                                          \u003C\u002Ftbody>\n                                        \u003C\u002Ftable>\n                                        \u003Ctable\n                                          align=\"center\"\n                                          width=\"100%\"\n                                          border=\"0\"\n                                          cellpadding=\"0\"\n                                          cellspacing=\"0\"\n                                          role=\"presentation\"\n                                          style=\"align-items:flex-start;display:flex;gap:20px;justify-content:center\">\n                                          \u003Ctbody>\n                                            \u003Ctr>\n                                              \u003Ctd style=\"padding-bottom:24px\">\n                                                \u003Ctable\n                                                  align=\"center\"\n                                                  width=\"100%\"\n                                                  border=\"0\"\n                                                  cellpadding=\"0\"\n                                                  cellspacing=\"0\"\n                                                  role=\"presentation\"\n                                                  style=\"background-color:rgb(255,255,255);border-color:rgb(209,213,219);border-radius:8px;border-style:solid;border-width:1px;color:rgb(75,85,99);margin-bottom:24px;text-align:left;width:100%\">\n                                                  \u003Ctbody>\n                                                    \u003Ctr>\n                                                      \u003Ctd style=\"padding:24px\">\n                                                        \u003Cp\n                                                          style=\"font-size:14px;line-height:20px;color:rgb(79,70,229);font-weight:600;margin-bottom:16px;margin-top:16px\">\n                                                          Hobby\n                                                        \u003C\u002Fp>\n                                                        \u003Cp\n                                                          style=\"font-size:28px;line-height:24px;font-weight:700;margin-bottom:8px;margin-top:0px\">\n                                                          \u003Cspan\n                                                            style=\"color:rgb(16,24,40);\"\n                                                            >$29\u003C\u002Fspan\n                                                          >\n                                                          \u003Cspan\n                                                            style=\"font-size:14px;line-height:20px;\"\n                                                            >\u002F month\u003C\u002Fspan\n                                                          >\n                                                        \u003C\u002Fp>\n                                                        \u003Cp\n                                                          style=\"font-size:14px;line-height:24px;margin-top:12px;margin-bottom:24px\">\n                                                          The perfect plan for\n                                                          getting started.\n                                                        \u003C\u002Fp>\n                                                        \u003Cul\n                                                          style=\"font-size:12px;line-height:20px;margin-bottom:30px;padding-left:14px;\">\n                                                          \u003Cli\n                                                            style=\"margin-bottom:8px;\">\n                                                            25 products\n                                                          \u003C\u002Fli>\n                                                          \u003Cli\n                                                            style=\"margin-bottom:8px;\">\n                                                            Up to 10,000\n                                                            subscribers\n                                                          \u003C\u002Fli>\n                                                          \u003Cli\n                                                            style=\"margin-bottom:8px;\">\n                                                            Advanced analytics\n                                                          \u003C\u002Fli>\n                                                          \u003Cli\n                                                            style=\"margin-bottom:8px;\">\n                                                            24-hour support\n                                                            response time\n                                                          \u003C\u002Fli>\n                                                        \u003C\u002Ful>\n                                                        \u003Ca\n                                                          href=\"#\"\n                                                          style=\"line-height:100%;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;background-color:rgb(79,70,229);border-radius:8px;box-sizing:border-box;color:rgb(255,255,255);font-weight:600;margin:0px;padding:12px;text-align:center;width:100%;padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px\"\n                                                          target=\"_blank\"\n                                                          >\u003Cspan\n                                                            >\u003C!--[if mso]>\u003Ci style=\"mso-font-width:300%;mso-text-raise:18px\" hidden>  \u003C\u002Fi>\u003C![endif]-->\u003C\u002Fspan\n                                                          >\u003Cspan\n                                                            style=\"max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:9px\"\n                                                            >Get started\n                                                            today\u003C\u002Fspan\n                                                          >\u003Cspan\n                                                            >\u003C!--[if mso]>\u003Ci style=\"mso-font-width:300%\" hidden>  ​\u003C\u002Fi>\u003C![endif]-->\u003C\u002Fspan\n                                                          >\u003C\u002Fa\n                                                        >\n                                                      \u003C\u002Ftd>\n                                                    \u003C\u002Ftr>\n                                                  \u003C\u002Ftbody>\n                                                \u003C\u002Ftable>\n                                                \u003Ctable\n                                                  align=\"center\"\n                                                  width=\"100%\"\n                                                  border=\"0\"\n                                                  cellpadding=\"0\"\n                                                  cellspacing=\"0\"\n                                                  role=\"presentation\"\n                                                  style=\"background-color:rgb(16,24,40);border-color:rgb(16,24,40);border-radius:8px;border-style:solid;border-width:1px;color:rgb(209,213,219);margin-bottom:12px;text-align:left;width:100%\">\n                                                  \u003Ctbody>\n                                                    \u003Ctr>\n                                                      \u003Ctd style=\"padding:24px\">\n                                                        \u003Cp\n                                                          style=\"font-size:14px;line-height:20px;color:rgb(124,134,255);font-weight:600;margin-bottom:16px;margin-top:16px\">\n                                                          Enterprise\n                                                        \u003C\u002Fp>\n                                                        \u003Cp\n                                                          style=\"font-size:28px;line-height:24px;font-weight:700;margin-bottom:8px;margin-top:0px\">\n                                                          \u003Cspan\n                                                            style=\"color:rgb(255,255,255);\"\n                                                            >$99\u003C\u002Fspan\n                                                          >\n                                                          \u003Cspan\n                                                            style=\"font-size:14px;line-height:20px;\"\n                                                            >\u002F month\u003C\u002Fspan\n                                                          >\n                                                        \u003C\u002Fp>\n                                                        \u003Cp\n                                                          style=\"font-size:14px;line-height:24px;margin-top:12px;margin-bottom:24px\">\n                                                          Dedicated support and\n                                                          enterprise ready.\n                                                        \u003C\u002Fp>\n                                                        \u003Cul\n                                                          style=\"font-size:12px;line-height:20px;margin-bottom:30px;padding-left:14px;\">\n                                                          \u003Cli\n                                                            style=\"margin-bottom:8px;\">\n                                                            Unlimited products\n                                                          \u003C\u002Fli>\n                                                          \u003Cli\n                                                            style=\"margin-bottom:8px;\">\n                                                            Unlimited\n                                                            subscribers\n                                                          \u003C\u002Fli>\n                                                          \u003Cli\n                                                            style=\"margin-bottom:8px;\">\n                                                            Advanced analytics\n                                                          \u003C\u002Fli>\n                                                          \u003Cli\n                                                            style=\"margin-bottom:8px;\">\n                                                            Dedicated support\n                                                            representative\n                                                          \u003C\u002Fli>\n                                                          \u003Cli\n                                                            style=\"margin-bottom:8px;\">\n                                                            Marketing\n                                                            automations\n                                                          \u003C\u002Fli>\n                                                          \u003Cli\n                                                            style=\"margin-bottom:8px;\">\n                                                            Custom integrations\n                                                          \u003C\u002Fli>\n                                                        \u003C\u002Ful>\n                                                        \u003Ca\n                                                          href=\"#\"\n                                                          style=\"line-height:100%;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;background-color:rgb(79,70,229);border-radius:8px;box-sizing:border-box;color:rgb(255,255,255);font-weight:600;margin:0px;padding:12px;text-align:center;width:100%;padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px\"\n                                                          target=\"_blank\"\n                                                          >\u003Cspan\n                                                            >\u003C!--[if mso]>\u003Ci style=\"mso-font-width:300%;mso-text-raise:18px\" hidden>  \u003C\u002Fi>\u003C![endif]-->\u003C\u002Fspan\n                                                          >\u003Cspan\n                                                            style=\"max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:9px\"\n                                                            >Get started\n                                                            today\u003C\u002Fspan\n                                                          >\u003Cspan\n                                                            >\u003C!--[if mso]>\u003Ci style=\"mso-font-width:300%\" hidden>  ​\u003C\u002Fi>\u003C![endif]-->\u003C\u002Fspan\n                                                          >\u003C\u002Fa\n                                                        >\n                                                      \u003C\u002Ftd>\n                                                    \u003C\u002Ftr>\n                                                  \u003C\u002Ftbody>\n                                                \u003C\u002Ftable>\n                                              \u003C\u002Ftd>\n                                            \u003C\u002Ftr>\n                                          \u003C\u002Ftbody>\n                                        \u003C\u002Ftable>\n                                        \u003Chr\n                                          style=\"width:100%;border:none;border-color:transparent;border-top:1px solid #eaeaea;margin-top:0px\" \u002F>\n                                        \u003Cp\n                                          style=\"font-size:12px;line-height:16px;color:rgb(107,114,128);font-weight:500;margin-top:30px;text-align:center;margin-bottom:16px\">\n                                          Customer Experience Research Team\n                                        \u003C\u002Fp>\n                                      \u003C\u002Ftd>\n                                    \u003C\u002Ftr>\n                                  \u003C\u002Ftbody>\n                                \u003C\u002Ftable>\n                              \u003C\u002Ftd>\n                            \u003C\u002Ftr>\n                          \u003C\u002Ftbody>\n                        \u003C\u002Ftable>\n                      \u003C\u002Fbody>\n                    \u003C\u002Fhtml>\n                  \u003C\u002Ftd>\n                \u003C\u002Ftr>\n              \u003C\u002Ftbody>\n            \u003C\u002Ftable>\n          \u003C\u002Ftd>\n        \u003C\u002Ftr>\n      \u003C\u002Ftbody>\n    \u003C\u002Ftable>\n  \u003C\u002Fbody>\n\u003C\u002Fhtml>\n","\u003Cscript setup lang=\"ts\">\nimport {\n  Body,\n  Button,\n  Container,\n  Head,\n  Heading,\n  Hr,\n  Html,\n  Preview,\n  Section,\n  Text,\n} from '@vuemaildev\u002Fvuemail';\n\nconst plans = [\n  {\n    title: 'Hobby',\n    price: 29,\n    highlighted: false,\n    description: 'The perfect plan for getting started.',\n    features: [\n      '25 products',\n      'Up to 10,000 subscribers',\n      'Advanced analytics',\n      '24-hour support response time',\n    ],\n    buttonText: 'Get started today',\n    buttonUrl: '#',\n  },\n  {\n    title: 'Enterprise',\n    price: 99,\n    highlighted: true,\n    description: 'Dedicated support and enterprise ready.',\n    features: [\n      'Unlimited products',\n      'Unlimited subscribers',\n      'Advanced analytics',\n      'Dedicated support representative',\n      'Marketing automations',\n      'Custom integrations',\n    ],\n    buttonText: 'Get started today',\n    buttonUrl: '#',\n  },\n];\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CHtml>\n    \u003CHead \u002F>\n    \u003CBody>\n      \u003CPreview>Choose the right plan for you\u003C\u002FPreview>\n      \u003CContainer\n        :style=\"{\n          backgroundColor: 'rgb(255,255,255)',\n          borderRadius: '8px',\n          marginLeft: 'auto',\n          marginRight: 'auto',\n          maxWidth: '600px',\n          padding: '24px',\n        }\"\n      >\n        \u003CSection :style=\"{ marginBottom: '42px' }\">\n          \u003CHeading\n            :style=\"{\n              fontSize: '24px',\n              lineHeight: '32px',\n              marginBottom: '12px',\n              textAlign: 'center',\n            }\"\n          >\n            Choose the right plan for you\n          \u003C\u002FHeading>\n          \u003CText\n            :style=\"{\n              color: 'rgb(107,114,128)',\n              fontSize: '14px',\n              lineHeight: '20px',\n              marginLeft: 'auto',\n              marginRight: 'auto',\n              maxWidth: '500px',\n              textAlign: 'center',\n            }\"\n          >\n            Choose an affordable plan with top features to engage audiences,\n            build loyalty, and boost sales.\n          \u003C\u002FText>\n        \u003C\u002FSection>\n        \u003CSection\n          :style=\"{\n            alignItems: 'flex-start',\n            display: 'flex',\n            gap: '20px',\n            justifyContent: 'center',\n            paddingBottom: '24px',\n          }\"\n        >\n          \u003CSection\n            v-for=\"plan in plans\"\n            :key=\"plan.title\"\n            :style=\"{\n              backgroundColor: plan.highlighted\n                ? 'rgb(16,24,40)'\n                : 'rgb(255,255,255)',\n              borderColor: plan.highlighted\n                ? 'rgb(16,24,40)'\n                : 'rgb(209,213,219)',\n              borderRadius: '8px',\n              borderStyle: 'solid',\n              borderWidth: '1px',\n              color: plan.highlighted ? 'rgb(209,213,219)' : 'rgb(75,85,99)',\n              marginBottom: plan.highlighted ? '12px' : '24px',\n              padding: '24px',\n              textAlign: 'left',\n              width: '100%',\n            }\"\n          >\n            \u003CText\n              :style=\"{\n                color: plan.highlighted ? 'rgb(124,134,255)' : 'rgb(79,70,229)',\n                fontSize: '14px',\n                fontWeight: '600',\n                lineHeight: '20px',\n                marginBottom: '16px',\n              }\"\n            >\n              {{ plan.title }}\n            \u003C\u002FText>\n            \u003CText\n              :style=\"{\n                fontSize: '28px',\n                fontWeight: '700',\n                marginBottom: '8px',\n                marginTop: '0px',\n              }\"\n            >\n              \u003Cspan\n                :style=\"{\n                  color: plan.highlighted\n                    ? 'rgb(255,255,255)'\n                    : 'rgb(16,24,40)',\n                }\"\n              >${{ plan.price }}\u003C\u002Fspan>\n              {{ ' ' }}\n              \u003Cspan\n                :style=\"{ fontSize: '14px', lineHeight: '20px' }\"\n              >\u002F month\u003C\u002Fspan>\n            \u003C\u002FText>\n            \u003CText :style=\"{ marginTop: '12px', marginBottom: '24px' }\">\n              {{ plan.description }}\n            \u003C\u002FText>\n            \u003Cul\n              :style=\"{\n                fontSize: '12px',\n                lineHeight: '20px',\n                marginBottom: '30px',\n                paddingLeft: '14px',\n              }\"\n            >\n              \u003Cli\n                v-for=\"feature in plan.features\"\n                :key=\"feature\"\n                :style=\"{ marginBottom: '8px' }\"\n              >\n                {{ feature }}\n              \u003C\u002Fli>\n            \u003C\u002Ful>\n            \u003CButton\n              :href=\"plan.buttonUrl\"\n              :style=\"{\n                backgroundColor: 'rgb(79,70,229)',\n                borderRadius: '8px',\n                boxSizing: 'border-box',\n                color: 'rgb(255,255,255)',\n                display: 'inline-block',\n                fontWeight: '600',\n                margin: '0px',\n                maxWidth: '100%',\n                padding: '12px',\n                textAlign: 'center',\n                width: '100%',\n              }\"\n            >{{ plan.buttonText }}\u003C\u002FButton>\n          \u003C\u002FSection>\n        \u003C\u002FSection>\n        \u003CHr :style=\"{ marginTop: '0px' }\" \u002F>\n        \u003CText\n          :style=\"{\n            color: 'rgb(107,114,128)',\n            fontSize: '12px',\n            lineHeight: '16px',\n            fontWeight: '500',\n            marginTop: '30px',\n            textAlign: 'center',\n          }\"\n        >\n          Customer Experience Research Team\n        \u003C\u002FText>\n      \u003C\u002FContainer>\n    \u003C\u002FBody>\n  \u003C\u002FHtml>\n\u003C\u002Ftemplate>\n","\u003Cscript setup lang=\"ts\">\nimport {\n  Body,\n  Button,\n  Container,\n  Head,\n  Heading,\n  Hr,\n  Html,\n  Preview,\n  Section,\n  Text,\n} from '@vuemaildev\u002Fvuemail';\n\nconst plans = [\n  {\n    title: 'Hobby',\n    price: 29,\n    highlighted: false,\n    description: 'The perfect plan for getting started.',\n    features: [\n      '25 products',\n      'Up to 10,000 subscribers',\n      'Advanced analytics',\n      '24-hour support response time',\n    ],\n    buttonText: 'Get started today',\n    buttonUrl: '#',\n  },\n  {\n    title: 'Enterprise',\n    price: 99,\n    highlighted: true,\n    description: 'Dedicated support and enterprise ready.',\n    features: [\n      'Unlimited products',\n      'Unlimited subscribers',\n      'Advanced analytics',\n      'Dedicated support representative',\n      'Marketing automations',\n      'Custom integrations',\n    ],\n    buttonText: 'Get started today',\n    buttonUrl: '#',\n  },\n];\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CHtml>\n    \u003CHead \u002F>\n    \u003CBody>\n      \u003CPreview>Choose the right plan for you\u003C\u002FPreview>\n      \u003CContainer class=\"bg-white rounded-[8px] mx-auto max-w-[600px] p-[24px]\">\n        \u003CSection class=\"mb-[42px]\">\n          \u003CHeading class=\"text-[24px] leading-[32px] mb-[12px] text-center\">\n            Choose the right plan for you\n          \u003C\u002FHeading>\n          \u003CText\n            class=\"text-gray-500 text-[14px] leading-[20px] mx-auto max-w-[500px] text-center\"\n          >\n            Choose an affordable plan with top features to engage audiences,\n            build loyalty, and boost sales.\n          \u003C\u002FText>\n        \u003C\u002FSection>\n        \u003CSection class=\"flex items-start gap-[20px] justify-center pb-[24px]\">\n          \u003CSection\n            v-for=\"plan in plans\"\n            :key=\"plan.title\"\n            :class=\"[\n              plan.highlighted\n                ? 'bg-[rgb(16,24,40)] border-[rgb(16,24,40)] text-gray-300 mb-[12px]'\n                : 'bg-white border-gray-300 text-gray-600 mb-[24px]',\n              'rounded-[8px] border border-solid p-[24px] text-left w-full',\n            ]\"\n          >\n            \u003CText\n              :class=\"[\n                plan.highlighted\n                  ? 'text-[rgb(124,134,255)]'\n                  : 'text-[rgb(79,70,229)]',\n                'text-[14px] leading-[20px] font-semibold mb-[16px]',\n              ]\"\n            >\n              {{ plan.title }}\n            \u003C\u002FText>\n            \u003CText class=\"text-[28px] font-bold mb-[8px] mt-0\">\n              \u003Cspan\n                :class=\"\n                  plan.highlighted\n                    ? 'text-white'\n                    : 'text-[rgb(16,24,40)]'\n                \"\n              >${{ plan.price }}\u003C\u002Fspan>\n              {{ ' ' }}\n              \u003Cspan class=\"text-[14px] leading-[20px]\">\u002F month\u003C\u002Fspan>\n            \u003C\u002FText>\n            \u003CText class=\"mt-[12px] mb-[24px]\">{{ plan.description }}\u003C\u002FText>\n            \u003Cul class=\"text-[12px] leading-[20px] mb-[30px] pl-[14px]\">\n              \u003Cli\n                v-for=\"feature in plan.features\"\n                :key=\"feature\"\n                class=\"mb-[8px]\"\n              >\n                {{ feature }}\n              \u003C\u002Fli>\n            \u003C\u002Ful>\n            \u003CButton\n              :href=\"plan.buttonUrl\"\n              class=\"bg-indigo-600 rounded-[8px] box-border text-white inline-block font-semibold m-0 max-w-full p-[12px] text-center w-full\"\n            >{{ plan.buttonText }}\u003C\u002FButton>\n          \u003C\u002FSection>\n        \u003C\u002FSection>\n        \u003CHr class=\"mt-0\" \u002F>\n        \u003CText\n          class=\"text-gray-500 text-[12px] leading-[16px] font-medium mt-[30px] text-center\"\n        >\n          Customer Experience Research Team\n        \u003C\u002FText>\n      \u003C\u002FContainer>\n    \u003C\u002FBody>\n  \u003C\u002FHtml>\n\u003C\u002Ftemplate>\n",1790606431908]