[{"data":1,"prerenderedAt":18},["ShallowReactive",2],{"$f148199gmhdfq7":3,"components-marketing":4},1,{"category":5,"components":12},{"name":6,"description":7,"components":8},"Marketing","Marketing components for creating surveys and checkout forms.",[9],{"slug":10,"title":11},"bento-grid","Bento Grid",[13],{"slug":10,"title":11,"code":14},{"html":15,"inline-styles":16,"tailwind":17},"\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>Coffee Storage\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                                  Coffee Storage\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:900px;background-color:rgb(255,255,255);border-radius:8px;margin-left:auto;margin-right:auto;overflow:hidden\">\n                                  \u003Ctbody>\n                                    \u003Ctr style=\"width:100%\">\n                                      \u003Ctd style=\"padding:0px\">\n                                        \u003Ctable\n                                          align=\"center\"\n                                          width=\"100%\"\n                                          border=\"0\"\n                                          cellpadding=\"0\"\n                                          cellspacing=\"0\"\n                                          role=\"presentation\">\n                                          \u003Ctbody>\n                                            \u003Ctr>\n                                              \u003Ctd>\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(41,37,36);border-collapse:separate;border-spacing:24px;margin:0px;table-layout:fixed;width:100%\">\n                                                  \u003Ctbody style=\"width:100%\">\n                                                    \u003Ctr style=\"width:100%\">\n                                                      \u003Ctd\n                                                        data-id=\"__vuemail-column\"\n                                                        style=\"padding-left:12px\">\n                                                        \u003Ch1\n                                                          style=\"color:rgb(255,255,255);font-size:28px;font-weight:700;margin-bottom:10px\">\n                                                          Coffee Storage\n                                                        \u003C\u002Fh1>\n                                                        \u003Cp\n                                                          style=\"font-size:14px;line-height:20px;color:rgb(255,255,255,0.6);margin:0px;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px\">\n                                                          Keep your coffee\n                                                          fresher for longer\n                                                          with innovative\n                                                          technology.\n                                                        \u003C\u002Fp>\n                                                        \u003Ca\n                                                          href=\"#\"\n                                                          style=\"color:rgb(255,255,255,0.8);text-decoration-line:none;display:block;font-size:14px;line-height:20px;font-weight:600;margin-top:12px\"\n                                                          target=\"_blank\"\n                                                          >Shop now →\u003C\u002Fa\n                                                        >\n                                                      \u003C\u002Ftd>\n                                                      \u003Ctd\n                                                        data-id=\"__vuemail-column\"\n                                                        style=\"width:42%;height:250px\">\n                                                        \u003Cimg\n                                                          src=\"\u002Fstatic\u002Fcoffee-bean-storage.jpg\"\n                                                          alt=\"Coffee Bean Storage\"\n                                                          style=\"display:block;outline:none;border:none;text-decoration:none;border-radius:4px;height:100%;margin-right:-6px;object-fit:cover;object-position:center;width:100%\" \u002F>\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                                        \u003Ctable\n                                          align=\"center\"\n                                          width=\"100%\"\n                                          border=\"0\"\n                                          cellpadding=\"0\"\n                                          cellspacing=\"0\"\n                                          role=\"presentation\"\n                                          style=\"margin-bottom:24px\">\n                                          \u003Ctbody>\n                                            \u003Ctr>\n                                              \u003Ctd>\n                                                \u003Ctable\n                                                  align=\"center\"\n                                                  width=\"100%\"\n                                                  border=\"0\"\n                                                  cellpadding=\"0\"\n                                                  cellspacing=\"0\"\n                                                  role=\"presentation\"\n                                                  style=\"border-collapse:separate;border-spacing:12px;table-layout:fixed;width:100%\">\n                                                  \u003Ctbody style=\"width:100%\">\n                                                    \u003Ctr style=\"width:100%\">\n                                                      \u003Ctd\n                                                        data-id=\"__vuemail-column\"\n                                                        style=\"margin-left:auto;margin-right:auto;max-width:180px\">\n                                                        \u003Cimg\n                                                          src=\"\u002Fstatic\u002Fatmos-vacuum-canister.jpg\"\n                                                          alt=\"Auto-Sealing Vacuum Canister\"\n                                                          style=\"display:block;outline:none;border:none;text-decoration:none;border-radius:4px;margin-bottom:18px;width:100%\" \u002F>\n                                                        \u003Cdiv>\n                                                          \u003Ch2\n                                                            style=\"font-size:14px;line-height:20px;font-weight:700;margin-bottom:8px\">\n                                                            Auto-Sealing Vacuum\n                                                            Canister\n                                                          \u003C\u002Fh2>\n                                                          \u003Cp\n                                                            style=\"font-size:12px;line-height:20px;color:rgb(107,114,128);margin:0px;padding-right:12px;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px\">\n                                                            A container that\n                                                            automatically\n                                                            creates an airtight\n                                                            seal with a button\n                                                            press.\n                                                          \u003C\u002Fp>\n                                                        \u003C\u002Fdiv>\n                                                      \u003C\u002Ftd>\n                                                      \u003Ctd\n                                                        data-id=\"__vuemail-column\"\n                                                        style=\"margin-left:auto;margin-right:auto;max-width:180px\">\n                                                        \u003Cimg\n                                                          src=\"\u002Fstatic\u002Fvacuum-canister-clear-glass-bundle.jpg\"\n                                                          alt=\"3-Pack Vacuum Containers\"\n                                                          style=\"display:block;outline:none;border:none;text-decoration:none;border-radius:4px;margin-bottom:18px;width:100%\" \u002F>\n                                                        \u003Cdiv>\n                                                          \u003Ch2\n                                                            style=\"font-size:14px;line-height:20px;font-weight:700;margin-bottom:8px\">\n                                                            3-Pack Vacuum\n                                                            Containers\n                                                          \u003C\u002Fh2>\n                                                          \u003Cp\n                                                            style=\"font-size:12px;line-height:20px;color:rgb(107,114,128);margin:0px;padding-right:12px;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px\">\n                                                            Keep your coffee\n                                                            fresher for longer\n                                                            with this set of\n                                                            high-performance\n                                                            vacuum containers.\n                                                          \u003C\u002Fp>\n                                                        \u003C\u002Fdiv>\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\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  Column,\n  Container,\n  Head,\n  Heading,\n  Html,\n  Img,\n  Link,\n  Preview,\n  Row,\n  Section,\n  Text,\n} from '@vuemaildev\u002Fvuemail';\n\nconst products = [\n  {\n    imageUrl: '\u002Fstatic\u002Fatmos-vacuum-canister.jpg',\n    altText: 'Auto-Sealing Vacuum Canister',\n    title: 'Auto-Sealing Vacuum Canister',\n    description:\n      'A container that automatically creates an airtight seal with a button press.',\n    linkUrl: '#',\n  },\n  {\n    imageUrl: '\u002Fstatic\u002Fvacuum-canister-clear-glass-bundle.jpg',\n    altText: '3-Pack Vacuum Containers',\n    title: '3-Pack Vacuum Containers',\n    description:\n      'Keep your coffee fresher for longer with this set of high-performance vacuum containers.',\n    linkUrl: '#',\n  },\n];\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CHtml>\n    \u003CHead \u002F>\n    \u003CBody>\n      \u003CPreview>Coffee Storage\u003C\u002FPreview>\n      \u003CContainer\n        :style=\"{\n          backgroundColor: 'rgb(255,255,255)',\n          borderRadius: '8px',\n          marginLeft: 'auto',\n          marginRight: 'auto',\n          maxWidth: '900px',\n          overflow: 'hidden',\n          padding: '0px',\n        }\"\n      >\n        \u003CSection>\n          \u003CRow\n            :style=\"{\n              backgroundColor: 'rgb(41,37,36)',\n              borderCollapse: 'separate',\n              borderSpacing: '24px',\n              margin: '0px',\n              tableLayout: 'fixed',\n              width: '100%',\n            }\"\n          >\n            \u003CColumn :style=\"{ paddingLeft: '12px' }\">\n              \u003CHeading\n                as=\"h1\"\n                :style=\"{\n                  color: 'rgb(255,255,255)',\n                  fontSize: '28px',\n                  fontWeight: '700',\n                  marginBottom: '10px',\n                }\"\n              >\n                Coffee Storage\n              \u003C\u002FHeading>\n              \u003CText\n                :style=\"{\n                  color: 'rgb(255,255,255,0.6)',\n                  fontSize: '14px',\n                  lineHeight: '20px',\n                  margin: '0px',\n                }\"\n              >\n                Keep your coffee fresher for longer with innovative technology.\n              \u003C\u002FText>\n              \u003CLink\n                href=\"#\"\n                :style=\"{\n                  color: 'rgb(255,255,255,0.8)',\n                  display: 'block',\n                  fontSize: '14px',\n                  lineHeight: '20px',\n                  fontWeight: '600',\n                  marginTop: '12px',\n                  textDecorationLine: 'none',\n                }\"\n              >Shop now →\u003C\u002FLink>\n            \u003C\u002FColumn>\n            \u003CColumn :style=\"{ width: '42%', height: '250px' }\">\n              \u003CImg\n                src=\"\u002Fstatic\u002Fcoffee-bean-storage.jpg\"\n                alt=\"Coffee Bean Storage\"\n                :style=\"{\n                  borderRadius: '4px',\n                  height: '100%',\n                  marginRight: '-6px',\n                  objectFit: 'cover',\n                  objectPosition: 'center',\n                  width: '100%',\n                }\"\n              \u002F>\n            \u003C\u002FColumn>\n          \u003C\u002FRow>\n        \u003C\u002FSection>\n        \u003CSection :style=\"{ marginBottom: '24px' }\">\n          \u003CRow\n            :style=\"{\n              borderCollapse: 'separate',\n              borderSpacing: '12px',\n              tableLayout: 'fixed',\n              width: '100%',\n            }\"\n          >\n            \u003CColumn\n              v-for=\"product in products\"\n              :key=\"product.title\"\n              :style=\"{\n                marginLeft: 'auto',\n                marginRight: 'auto',\n                maxWidth: '180px',\n              }\"\n            >\n              \u003CImg\n                :src=\"product.imageUrl\"\n                :alt=\"product.altText\"\n                :style=\"{\n                  borderRadius: '4px',\n                  marginBottom: '18px',\n                  width: '100%',\n                }\"\n              \u002F>\n              \u003Cdiv>\n                \u003CHeading\n                  as=\"h2\"\n                  :style=\"{\n                    fontSize: '14px',\n                    lineHeight: '20px',\n                    fontWeight: '700',\n                    marginBottom: '8px',\n                  }\"\n                >\n                  {{ product.title }}\n                \u003C\u002FHeading>\n                \u003CText\n                  :style=\"{\n                    color: 'rgb(107,114,128)',\n                    fontSize: '12px',\n                    lineHeight: '20px',\n                    margin: '0px',\n                    paddingRight: '12px',\n                  }\"\n                >\n                  {{ product.description }}\n                \u003C\u002FText>\n              \u003C\u002Fdiv>\n            \u003C\u002FColumn>\n          \u003C\u002FRow>\n        \u003C\u002FSection>\n      \u003C\u002FContainer>\n    \u003C\u002FBody>\n  \u003C\u002FHtml>\n\u003C\u002Ftemplate>\n","\u003Cscript setup lang=\"ts\">\nimport {\n  Body,\n  Column,\n  Container,\n  Head,\n  Heading,\n  Html,\n  Img,\n  Link,\n  Preview,\n  Row,\n  Section,\n  Text,\n} from '@vuemaildev\u002Fvuemail';\n\nconst products = [\n  {\n    imageUrl: '\u002Fstatic\u002Fatmos-vacuum-canister.jpg',\n    altText: 'Auto-Sealing Vacuum Canister',\n    title: 'Auto-Sealing Vacuum Canister',\n    description:\n      'A container that automatically creates an airtight seal with a button press.',\n    linkUrl: '#',\n  },\n  {\n    imageUrl: '\u002Fstatic\u002Fvacuum-canister-clear-glass-bundle.jpg',\n    altText: '3-Pack Vacuum Containers',\n    title: '3-Pack Vacuum Containers',\n    description:\n      'Keep your coffee fresher for longer with this set of high-performance vacuum containers.',\n    linkUrl: '#',\n  },\n];\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CHtml>\n    \u003CHead \u002F>\n    \u003CBody>\n      \u003CPreview>Coffee Storage\u003C\u002FPreview>\n      \u003CContainer\n        class=\"bg-white rounded-[8px] mx-auto max-w-[900px] overflow-hidden p-0\"\n      >\n        \u003CSection>\n          \u003CRow\n            class=\"bg-[rgb(41,37,36)] border-separate [border-spacing:24px] m-0 table-fixed w-full\"\n          >\n            \u003CColumn class=\"pl-[12px]\">\n              \u003CHeading\n                as=\"h1\"\n                class=\"text-white text-[28px] font-bold mb-[10px]\"\n              >\n                Coffee Storage\n              \u003C\u002FHeading>\n              \u003CText class=\"text-white\u002F60 text-[14px] leading-[20px] m-0\">\n                Keep your coffee fresher for longer with innovative technology.\n              \u003C\u002FText>\n              \u003CLink\n                href=\"#\"\n                class=\"text-white\u002F80 block text-[14px] leading-[20px] font-semibold mt-[12px] no-underline\"\n              >Shop now →\u003C\u002FLink>\n            \u003C\u002FColumn>\n            \u003CColumn class=\"w-[42%] h-[250px]\">\n              \u003CImg\n                src=\"\u002Fstatic\u002Fcoffee-bean-storage.jpg\"\n                alt=\"Coffee Bean Storage\"\n                class=\"rounded-[4px] h-full -mr-[6px] object-cover object-center w-full\"\n              \u002F>\n            \u003C\u002FColumn>\n          \u003C\u002FRow>\n        \u003C\u002FSection>\n        \u003CSection class=\"mb-[24px]\">\n          \u003CRow class=\"border-separate [border-spacing:12px] table-fixed w-full\">\n            \u003CColumn\n              v-for=\"product in products\"\n              :key=\"product.title\"\n              class=\"mx-auto max-w-[180px]\"\n            >\n              \u003CImg\n                :src=\"product.imageUrl\"\n                :alt=\"product.altText\"\n                class=\"rounded-[4px] mb-[18px] w-full\"\n              \u002F>\n              \u003Cdiv>\n                \u003CHeading\n                  as=\"h2\"\n                  class=\"text-[14px] leading-[20px] font-bold mb-[8px]\"\n                >\n                  {{ product.title }}\n                \u003C\u002FHeading>\n                \u003CText\n                  class=\"text-gray-500 text-[12px] leading-[20px] m-0 pr-[12px]\"\n                >\n                  {{ product.description }}\n                \u003C\u002FText>\n              \u003C\u002Fdiv>\n            \u003C\u002FColumn>\n          \u003C\u002FRow>\n        \u003C\u002FSection>\n      \u003C\u002FContainer>\n    \u003C\u002FBody>\n  \u003C\u002FHtml>\n\u003C\u002Ftemplate>\n",1790606432083]