@samva/markup 0.1.1 → 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/dist/ast.js +1 -1
  2. package/dist/{checks-CW0nFj5n.js → checks-D-zFQt5R.js} +2 -2
  3. package/dist/checks.js +1 -1
  4. package/dist/compile-sms.d.ts +1 -1
  5. package/dist/compile-whatsapp.d.ts +1 -1
  6. package/dist/components.d.ts +3 -3
  7. package/dist/conditionals.js +1 -1
  8. package/dist/diagnostics.js +2 -2
  9. package/dist/jsx-dev-runtime.d.ts +1 -1
  10. package/dist/{jsx-runtime-fSxcvlx4.d.ts → jsx-runtime-eNIMY87F.d.ts} +2 -2
  11. package/dist/jsx-runtime.d.ts +1 -1
  12. package/dist/ops.js +2 -2
  13. package/dist/{parser-yzjUOGhc.d.ts → parser-DkQKIjDa.d.ts} +11 -2
  14. package/dist/parser.d.ts +2 -2
  15. package/dist/parser.js +48 -9
  16. package/dist/predicate-CvkzT-a2.js +539 -0
  17. package/dist/{predicate-DTtVtLK7.d.ts → predicate-G2SeSvoN.d.ts} +9 -2
  18. package/dist/predicate.d.ts +2 -2
  19. package/dist/predicate.js +2 -417
  20. package/dist/presets/category-mapping.d.ts +1 -1
  21. package/dist/presets/public-gallery.d.ts +2 -490
  22. package/dist/presets/public-gallery.js +2 -1
  23. package/dist/presets/public-handoff.d.ts +2 -68
  24. package/dist/presets/public-handoff.js +110 -24
  25. package/dist/presets/public-preview-artifacts.d.ts +2 -2
  26. package/dist/presets/public-preview.d.ts +2 -1168
  27. package/dist/presets/public-preview.js +17 -17
  28. package/dist/presets/sources.js +17 -17
  29. package/dist/public-gallery-D0Zv0pZE.d.ts +611 -0
  30. package/dist/public-preview-u1Z9aaGq.d.ts +1168 -0
  31. package/dist/render-template.d.ts +2 -2
  32. package/dist/render-template.js +1 -1
  33. package/dist/{variables-3NGLpNTB.d.ts → variables-if1VrV34.d.ts} +2 -2
  34. package/dist/variables.d.ts +1 -1
  35. package/dist/variables.js +1 -1
  36. package/generated/sml-email-language-reference.md +1 -1
  37. package/generated/sml-language-reference.md +1 -1
  38. package/package.json +4 -3
@@ -1,19 +1,19 @@
1
1
  //#region presets/sources.gen.ts
2
2
  const presetSources = {
3
3
  announcement: "<Email lang=\"en\" dir=\"ltr\" class=\"bg-gray-100 dark:bg-gray-950\">\n <Preview>Introducing {{featureName}}: {{featureTagline}}</Preview>\n <Container class=\"bg-white rounded-brand max-w-[600px] dark:bg-gray-900\">\n <Section class=\"bg-brand px-10 py-12 rounded-brand\">\n <Text class=\"text-sm uppercase font-semibold text-brand-foreground\">\n New in {{workspace}}\n </Text>\n <Heading level={1} class=\"text-4xl font-bold text-brand-foreground pt-2\">\n {{featureName}}\n </Heading>\n <Text class=\"text-lg leading-relaxed text-brand-foreground\">{{featureTagline}}</Text>\n </Section>\n <Section class=\"px-10 py-8\">\n <Text class=\"text-base leading-relaxed text-gray-600 dark:text-gray-300\">\n Hi {{firstName}}, {{featureDescription}}\n </Text>\n <Image\n src=\"{{featureImage}}\"\n alt=\"{{featureName}}\"\n width={536}\n height={280}\n class=\"rounded-brand\"\n />\n <Spacer height={24} />\n <Button\n href=\"{{ctaUrl}}\"\n class=\"bg-brand text-brand-foreground font-semibold px-6 py-3 rounded-brand\"\n >\n {{ctaLabel}}\n </Button>\n <Spacer height={20} />\n <Text class=\"text-sm text-gray-500 dark:text-gray-400\">\n Want the details? Read the <a href=\"{{changelogUrl}}\">full changelog</a>.\n </Text>\n </Section>\n <Divider class=\"border-gray-200 dark:border-gray-700\" />\n <Text class=\"text-xs text-gray-400 dark:text-gray-500\">\n You're receiving product updates from {{workspace}}.\n <a href=\"{{unsubscribeUrl}}\">Unsubscribe</a>.\n </Text>\n </Container>\n</Email>\n",
4
- "catalog-sale-newsletter": "<Email class=\"font-body bg-white dark:bg-white\">\n <Preview>\n In this edition: the revised Studio Foundations path is finished, the Complete Library Pack is\n live, plus a week with the Harborcraft mentors in Cleveland.\n </Preview>\n <Container class=\"w-full max-w-[584px] bg-white p-3 dark:bg-white\">\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={16} />\n <Heading\n level={2}\n class=\"m-0 text-left text-2xl font-normal leading-snug text-neutral-900 dark:text-neutral-900\"\n >\n Glassford Newsletter: {{editionLabel}}\n </Heading>\n </Column>\n </Row>\n <Row>\n <Column>\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n In this edition: the revised Studio Foundations path is finished, I've finally shipped\n the #1 reader request of all time, plus a trip to the Harborcraft mentor week in\n Cleveland.\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Heading\n level={2}\n class=\"m-0 text-left text-2xl font-normal leading-snug text-neutral-900 dark:text-neutral-900\"\n >\n The new Studio Foundations path is finished\n </Heading>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n Today I released the final modules for the updated Studio Foundations path, bringing\n every project in line with the current craft stack. This took longer than I planned,\n partly because I shipped two open toolkits with a third on the way, partly because I was\n speaking at meetups, but mainly because I rewrote the sample apps to use the newer data\n layer along the way.\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n I know a lot of folks were waiting a long time for these updates to arrive, and I\n appreciate your patience!\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n You can find the fully updated path here:\n <a href=\"{{courseUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/studio-foundations</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Heading\n level={2}\n class=\"m-0 text-left text-2xl font-normal leading-snug text-neutral-900 dark:text-neutral-900\"\n >\n It's here: the Complete Library Pack\n </Heading>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n This year marks a decade of Glassford guides, which means it's also ten years of\n building this curriculum with you.\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n At last – after countless hundreds of emails over the years – today I'm launching the\n Glassford Complete Library Pack:<strong>you get every Glassford book currently published\n for one great price.</strong>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n These books come with the same benefits as buying them individually: free updates in the\n future, Workshop Circle unlocks, any bundled videos, and more, except rather than paying\n {{bundleListPrice}} you instead just pay {{bundleSalePrice}} – it's a big discount, and\n guarantees an instant craft library at your fingertips.\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n Important: Your purchase entitles you to all books currently published, not books\n released in the future. If any new books are released in the future, the price of this\n bundle will rise too.\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Button\n href=\"{{bundleUrl}}\"\n class=\"w-full rounded bg-black px-4 py-3 text-center text-base leading-normal text-white dark:bg-black dark:text-white\"\n >\n Get the Complete Library Pack here\n </Button>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Heading\n level={2}\n class=\"m-0 text-left text-2xl font-normal leading-snug text-neutral-900 dark:text-neutral-900\"\n >\n Looking to attend a conference?\n </Heading>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n On\n <a href=\"{{podcastEpisodeUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">the\n most recent Desk &amp; Circuit episode</a>, Rhea and I discussed the importance of\n attending conferences and other meetups, so I wanted to call out a few:\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n •\n <a href=\"{{eventTokyoUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">Harborcraft\n Tokyo</a> in Japan (in just a few days!)\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n •\n <a href=\"{{eventItalyUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">Rivermesh\n Summit</a> in Italy (April 18th-19th)\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n •\n <a href=\"{{eventChicagoUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">Lakefront\n Builders</a> in Chicago (May 5th-7th)\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n •\n <a href=\"{{eventSkopjeUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">Craftspan</a>\n in North Macedonia (May 14th-15th)\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n •\n <a href=\"{{eventEnglandUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">Workbench\n Weeks</a> in England (May 21st-24th)\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n •\n <a href=\"{{eventGermanyUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">Lattice\n Conf</a> in Germany (August 7th-8th)\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n •\n <a href=\"{{eventWalesUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">Coastline\n Builders</a> in Wales (September 2nd-5th)\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n •\n <a href=\"{{eventFranceUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">Atelier\n Link</a> in France (September 23rd-24th)\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n It's really great seeing two completely new events on that list as more and more people\n are finding the value of networking with others in our community.\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n There are more, including Northspan Forum, Ledgerline Gathering, and Harborcraft New\n York, but they haven't announced their {{editionYear}} dates yet. And let's not forget\n the annual platform keynote week, which is just over two months away!\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n If you see me at any event, please do come and say hello! I'd love to see what you're\n working on.\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Heading\n level={2}\n class=\"m-0 text-left text-2xl font-normal leading-snug text-neutral-900 dark:text-neutral-900\"\n >\n Thanks to sponsors!\n </Heading>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n I'm grateful to Gatebench for sponsoring Glassford last month! They let you build and\n test purchase screens without shipping updates. Run experiments, offer sales, segment\n users, update locked features and more at the click of a button. The best part is that\n it's free for up to 250 conversions per month, and the Gatebench team builds out 100%\n custom purchase screens free of charge.\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n <a href=\"{{sponsorUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">Find\n out more here.</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Heading\n level={2}\n class=\"m-0 text-left text-2xl font-normal leading-snug text-neutral-900 dark:text-neutral-900\"\n >\n News from friends\n </Heading>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n Helen Marrow has a new book covering data flow in interface craft. This is always one of\n the trickiest parts of building a great app, so Helen's discussion on models, macros,\n state, and more is most welcome. Find out more here:\n <a href=\"{{friendBookUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/friends/marrow-dataflow</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n I also want to share an interesting video about machine learning. Jonas Pike just\n finished a Master's degree in artificial intelligence, and as part of that final work he\n built a tablet app that lets you sketch out a user interface – AI live translates your\n sketches into a preview, and generates layout code too. It's a fascinating idea, and I\n encourage you to check out his short video about it here:\n <a href=\"{{friendVideoUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/friends/pike-sketch</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Heading\n level={2}\n class=\"m-0 text-left text-2xl font-normal leading-snug text-neutral-900 dark:text-neutral-900\"\n >\n Discounts on books\n </Heading>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n Here's a reminder of the supporter's discount codes you can use to save money on all my\n books:\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n • Pro Interface Craft:\n <a href=\"{{discountProInterfaceUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/d/pro-interface</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n • Pro Systems:\n <a href=\"{{discountProSystemsUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/d/pro-systems</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n • Interface By Example:\n <a href=\"{{discountInterfaceByExampleUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/d/interface-by-example</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n • Data Layer By Example:\n <a href=\"{{discountDataLayerUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/d/data-layer</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n • Concurrency By Example:\n <a href=\"{{discountConcurrencyUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/d/concurrency</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n • Glassford Mobile Path:\n <a href=\"{{discountMobilePathUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/d/mobile-path</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n • Design Patterns for Makers:\n <a href=\"{{discountPatternsUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/d/patterns</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n • Testing Craft:\n <a href=\"{{discountTestingUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/d/testing</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n • Sunday Builds Volume One:\n <a href=\"{{discountSundayBuildsUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/d/sunday-builds</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n • Advanced Mobile Volume One:\n <a href=\"{{discountAdvancedOneUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/d/advanced-1</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n • Advanced Mobile Volume Two:\n <a href=\"{{discountAdvancedTwoUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/d/advanced-2</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n • Advanced Mobile Volume Three:\n <a href=\"{{discountAdvancedThreeUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/d/advanced-3</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n • Coding Challenges:\n <a href=\"{{discountChallengesUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/d/challenges</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n • Dive Into Canvas Play:\n <a href=\"{{discountCanvasPlayUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/d/canvas-play</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n • Glassford Desktop Path:\n <a href=\"{{discountDesktopPathUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/d/desktop-path</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n • Glassford Wearables Path:\n <a href=\"{{discountWearablesPathUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/d/wearables-path</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n • Glassford Living Room Path:\n <a href=\"{{discountLivingRoomPathUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/d/living-room-path</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n • Glassford Live Series 1:\n <a href=\"{{discountLiveSeriesUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/d/live-series</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n • Legacy Interop for Modern Makers:\n <a href=\"{{discountLegacyInteropUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/d/legacy-interop</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n • Outside the Editor:\n <a href=\"{{discountOutsideEditorUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/d/outside-editor</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n Remember, if you already bought books from either the Craft Power Pack, the Platform\n Pack, or the Plus Pack and want to upgrade to the full bundle, I can create a custom\n discount code for you that takes off whatever you already paid – just email me.\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Heading\n level={2}\n class=\"m-0 text-left text-2xl font-normal leading-snug text-neutral-900 dark:text-neutral-900\"\n >\n One more thing…\n </Heading>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n Last month I got to spend the week at the Harborcraft mentor studio in Cleveland, and I\n had a really wonderful time.\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n First: none of my American friends had ever mentioned Cleveland-style pierogi to me, and\n now I'm annoyed because it's excellent! Someone gave me a tip to go for the crispy edges\n first, and they were absolutely right – would definitely eat again.\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n But obviously I wasn't there for the pierogi, good as it was. Instead, I was there to\n get to know the mentors at the studio, to learn about what they do, and to share ideas.\n It was a lot of fun: these folks are striving to learn and share as much as they can,\n and they really excel at trying out new ideas, exploring them from a range of angles,\n then sharing what they discovered along the way.\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n You might know that Cleveland has worked hard through years of industrial shift, with\n its population today far below mid-century peaks. That's one of the reasons the studio\n here is so important: these mentors are having a significant impact on their local\n community, and it really fills you with excitement to hear their pride as they talk\n about their students and the great work they are doing.\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n I picked up a new hoodie before I left. It says \"Build Here Anyway\", and I think it\n really symbolizes the fight that city has. Applications have already closed for their\n next student intake, but they also run short Foundation courses too, completely free –\n check out\n <a href=\"{{harborcraftUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/harborcraft</a>\n for more information.\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n PS: Next month's newsletter will be something special – you don't want to miss it!\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={72} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n Mira\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white pt-8 dark:bg-white\">\n <Row>\n <Column>\n <Divider class=\"border-neutral-900 dark:border-neutral-900\" />\n </Column>\n </Row>\n <Row>\n <Column class=\"text-center\">\n <Spacer height={24} />\n <Text\n class=\"m-0 text-center text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n <a href=\"{{unsubscribeUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">Unsubscribe</a>\n </Text>\n <Spacer height={12} />\n <Text\n class=\"m-0 text-center text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n 482 Alder Row, Portland, OR 97205, USA\n </Text>\n </Column>\n </Row>\n <Row>\n <Column width=\"164\">\n <Spacer height={32} />\n </Column>\n <Column width=\"90\">\n <Spacer height={32} />\n <Text\n class=\"m-0 text-right text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n <a href=\"{{poweredByUrl}}\" class=\"text-neutral-900 no-underline dark:text-neutral-900\">Powered\n by</a>\n </Text>\n </Column>\n <Column width=\"142\">\n <Spacer height={32} />\n <Text\n class=\"m-0 text-left text-base font-semibold leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n Deskloop\n </Text>\n </Column>\n <Column width=\"164\">\n <Spacer height={32} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={52} />\n </Column>\n </Row>\n </Section>\n </Container>\n</Email>\n",
5
- "data-sharing-review": "<Email class=\"font-body bg-[#f4f4f4] dark:bg-[#141414] font-sans\">\n <Preview>Still want to share data?</Preview>\n <Container class=\"w-full max-w-[640px] bg-[#f4f4f4] dark:bg-[#141414] font-sans\">\n <Section class=\"bg-[#f4f4f4] dark:bg-[#141414]\">\n <Row>\n <Column>\n <Spacer height={16} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-6 pt-4 dark:bg-[#141414]\">\n <Row>\n <Column width=\"520\">\n <Spacer height={18} />\n </Column>\n <Column width=\"21\" class=\"pr-1 text-right\">\n <Image src=\"{{signInIconUrl}}\" width={17} height={18} alt=\"Sign in to your account\" />\n </Column>\n <Column width=\"51\" class=\"text-right\">\n <Text\n class=\"m-0 font-sans text-right text-xs leading-[18px] text-[#141414] dark:text-white\"\n >\n <a href=\"{{signInUrl}}\" class=\"font-sans underline text-[#141414] dark:text-white\">Sign\n in</a>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-6 dark:bg-[#141414]\">\n <Row>\n <Column>\n <Divider class=\"border-[#D4D4D4] dark:border-white\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-6 dark:bg-[#141414]\">\n <Row>\n <Column>\n <Spacer height={16} />\n <Text\n class=\"m-0 font-sans text-left text-[28px] font-semibold leading-[36px] tracking-tight text-[#141414] dark:text-white\"\n >\n Hearthping\n </Text>\n <Spacer height={8} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-6 pt-8 dark:bg-[#141414]\">\n <Row>\n <Column>\n <Heading\n level={1}\n class=\"m-0 font-sans text-left text-[32px] font-semibold leading-[42px] text-[#141414] dark:text-white\"\n >\n You connected to {{connectedServiceName}} {{daysSinceConnection}} days ago. Do you want\n to keep sharing data with them?\n </Heading>\n <Spacer height={32} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-6 dark:bg-[#141414]\">\n <Row>\n <Column>\n <Text class=\"m-0 font-sans text-left text-base leading-6 text-[#141414] dark:text-white\">\n For more details about this connection,\n <a href=\"{{accountSettingsUrl}}\" class=\"font-sans underline text-[#0A6B8A] dark:text-[#4EC4E8]\">go\n to your account settings</a>.\n </Text>\n <Spacer height={24} />\n <Text class=\"m-0 font-sans text-left text-base leading-6 text-[#141414] dark:text-white\">\n Everyday banking depends on trust, and safeguarding your information matters as much to\n us as safeguarding your money. To learn more about how {{connectedServiceName}} uses and\n shares your data, please read their privacy policy.\n </Text>\n <Spacer height={24} />\n <Text class=\"m-0 font-sans text-left text-base leading-6 text-[#141414] dark:text-white\">\n If you didn’t connect your account, please\n <a href=\"{{fraudCenterUrl}}\" class=\"font-sans underline text-[#0A6B8A] dark:text-[#4EC4E8]\">visit\n our account protection center</a> or contact us at (877) 555-0138.\n </Text>\n <Spacer height={32} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-[#141414]\">\n <Row>\n <Column width=\"32\">\n <Spacer height={1} />\n </Column>\n <Column width=\"276\" class=\"text-center\">\n <Button\n href=\"{{keepConnectionUrl}}\"\n class=\"font-sans w-[244px] rounded bg-[#1F6B12] px-4 py-[9px] text-center text-xl font-normal leading-[30px] text-white dark:bg-[#1F6B12] dark:text-white\"\n >\n Yes, keep this connection\n </Button>\n </Column>\n <Column width=\"24\">\n <Spacer height={1} />\n </Column>\n <Column width=\"276\" class=\"text-center\">\n <Button\n href=\"{{removeConnectionUrl}}\"\n class=\"font-sans w-[196px] rounded bg-[#B81F22] px-10 py-[9px] text-center text-xl font-normal leading-[30px] text-white dark:bg-[#B81F22] dark:text-white\"\n >\n No, remove this connection\n </Button>\n </Column>\n <Column width=\"32\">\n <Spacer height={1} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={32} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#f4f4f4] dark:bg-[#141414]\">\n <Row>\n <Column>\n <Spacer height={6} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#f4f4f4] px-6 pt-6 dark:bg-[#141414]\">\n <Row>\n <Column class=\"pb-6\">\n <Row>\n <Column width=\"54\" class=\"pr-6\">\n <Image\n src=\"{{appDownloadIconUrl}}\"\n width={30}\n height={30}\n alt=\"Download the Hearthping Mobile app\"\n />\n </Column>\n <Column>\n <Text\n class=\"m-0 font-sans text-left text-xs leading-[18px] text-[#696969] dark:text-white\"\n >\n <a href=\"{{appDownloadUrl}}\" class=\"font-sans underline text-[#696969] dark:text-white\">Download\n the Hearthping Mobile app.</a>\n </Text>\n </Column>\n </Row>\n </Column>\n <Column width=\"214\" class=\"pb-6\">\n <Row>\n <Column width=\"46\" class=\"pr-4\">\n <Image src=\"{{socialOneIconUrl}}\" width={30} height={30} alt=\"Social link\" />\n </Column>\n <Column width=\"46\" class=\"pr-4\">\n <Image src=\"{{socialTwoIconUrl}}\" width={30} height={30} alt=\"Social link\" />\n </Column>\n <Column width=\"46\" class=\"pr-4\">\n <Image src=\"{{socialThreeIconUrl}}\" width={30} height={30} alt=\"Social link\" />\n </Column>\n <Column width=\"46\" class=\"pr-4\">\n <Image src=\"{{socialFourIconUrl}}\" width={30} height={30} alt=\"Social link\" />\n </Column>\n <Column width=\"30\">\n <Image src=\"{{socialFiveIconUrl}}\" width={30} height={30} alt=\"Social link\" />\n </Column>\n </Row>\n </Column>\n </Row>\n <Row>\n <Column>\n <Divider class=\"border-[#7d7d7d] dark:border-white\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#f4f4f4] px-6 pt-6 dark:bg-[#141414]\">\n <Row>\n <Column>\n <Heading\n level={2}\n class=\"m-0 font-sans text-left text-[10px] font-semibold leading-4 text-[#696969] dark:text-white\"\n >\n About this message\n </Heading>\n <Spacer height={16} />\n <Text\n class=\"m-0 font-sans text-left text-[10px] leading-4 text-[#696969] dark:text-white\"\n >\n Our site may be unavailable during scheduled maintenance or unexpected outages.\n </Text>\n <Spacer height={24} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#f4f4f4] px-6 dark:bg-[#141414]\">\n <Row>\n <Column>\n <Divider class=\"border-[#7d7d7d] dark:border-white\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#f4f4f4] px-6 pt-6 pb-6 dark:bg-[#141414]\">\n <Row>\n <Column>\n <Heading\n level={2}\n class=\"m-0 font-sans text-left text-[10px] font-semibold leading-4 text-[#696969] dark:text-white\"\n >\n Important information from Hearthping\n </Heading>\n <Spacer height={16} />\n <Text\n class=\"m-0 font-sans text-left text-[10px] leading-4 text-[#696969] dark:text-white\"\n >\n <a href=\"{{contactUrl}}\" class=\"font-sans underline text-[#696969] dark:text-white\">Contact\n us</a> |\n <a href=\"{{privacyUrl}}\" class=\"font-sans underline text-[#696969] dark:text-white\">Privacy</a>\n |\n <a href=\"{{fraudHelpUrl}}\" class=\"font-sans underline text-[#696969] dark:text-white\">Help\n prevent fraud</a>\n </Text>\n <Spacer height={16} />\n <Text\n class=\"m-0 font-sans text-left text-[10px] leading-4 text-[#696969] dark:text-white\"\n >\n To ensure delivery, add\n <a href=\"mailto:notifications@hearthping.example\" class=\"font-sans no-underline text-[#696969] dark:text-white\">notifications@hearthping.example</a>\n to your address book.\n </Text>\n <Spacer height={16} />\n <Text\n class=\"m-0 font-sans text-left text-[10px] leading-4 text-[#696969] dark:text-white\"\n >\n This email was sent to\n <a href=\"mailto:{{recipientEmail}}\" class=\"font-sans no-underline text-[#696969] dark:text-white\">{{recipientEmail}}</a>\n and includes information related to your account with us, other services you use, and/or\n any application you may have submitted.\n </Text>\n <Spacer height={16} />\n <Text\n class=\"m-0 font-sans text-left text-[10px] leading-4 text-[#696969] dark:text-white\"\n >\n Hearthping does not provide, endorse, or guarantee any third-party product, service,\n information, or recommendation named above. Those third parties are not affiliated with\n Hearthping and are solely responsible for their own products and services. All\n trademarks belong to their respective owners.\n </Text>\n <Spacer height={16} />\n <Text\n class=\"m-0 font-sans text-left text-[10px] leading-4 text-[#696969] dark:text-white\"\n >\n Please do not reply to this message — this inbox is not monitored.\n <a href=\"{{contactUrl}}\" class=\"font-sans underline text-[#696969] dark:text-white\">To\n contact us, visit hearthping.example/contact</a>\n </Text>\n <Spacer height={16} />\n <Text\n class=\"m-0 font-sans text-left text-[10px] leading-4 text-[#696969] dark:text-white\"\n >\n Products and services are offered by Hearthping Bank, N.A.\n </Text>\n <Spacer height={16} />\n <Text\n class=\"m-0 font-sans text-left text-[10px] leading-4 text-[#696969] dark:text-white\"\n >\n © {{copyrightYear}} Hearthping. Hearthping is a registered service mark of Hearthping\n Bank, N.A.\n </Text>\n <Spacer height={16} />\n <Text\n class=\"m-0 font-sans text-left text-[10px] leading-4 text-[#696969] dark:text-white\"\n >\n {{referenceCode}}\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n</Email>\n",
6
- "editorial-newsletter": "<Email class=\"font-body bg-white dark:bg-white\">\n <Preview>\n After Cascade Open, Helix Labs is an app builder above all else. Perhaps that was always the\n way.\n </Preview>\n <Container class=\"w-full max-w-[550px] bg-white dark:bg-white\">\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"text-right\">\n <Spacer height={14} />\n <Text\n class=\"m-0 font-sans text-right text-xs leading-4 text-neutral-500 dark:text-neutral-500\"\n >\n Forwarded this email?\n <a href=\"{{subscribeUrl}}\" class=\"text-neutral-500 underline dark:text-neutral-500\">Subscribe\n here</a> for more\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white pt-4 dark:bg-white\">\n <Row>\n <Column>\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n Hundreds of operators subscribe to Merrit Wire’s premium tier for deeper reporting and\n to support our independent journalism. Please consider subscribing for just\n {{subscriptionPrice}} per month.\n </Text>\n <Spacer height={14} />\n </Column>\n </Row>\n <Row>\n <Column class=\"text-center\">\n <Button\n href=\"{{subscribeUrl}}\"\n class=\"rounded-lg bg-[#0F766E] px-5 py-3 text-center font-sans text-sm font-semibold leading-5 tracking-wide text-white no-underline dark:bg-[#0F766E] dark:text-white\"\n >\n Subscribe Today\n </Button>\n <Spacer height={14} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Divider class=\"border-neutral-200 dark:border-neutral-200\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white pt-4 dark:bg-white\">\n <Row>\n <Column>\n <Heading\n level={1}\n class=\"m-0 font-sans text-[32px] font-bold leading-9 tracking-tight text-[#363737] dark:text-[#363737]\"\n >\n <a href=\"{{postUrl}}\" class=\"text-[#363737] no-underline dark:text-[#363737]\">Helix Labs\n is an App Company Now</a>\n </Heading>\n <Spacer height={12} />\n <Heading\n level={3}\n class=\"m-0 font-sans text-lg font-normal leading-6 text-neutral-500 dark:text-neutral-500\"\n >\n After Cascade Open, Helix Labs is an app builder above all else. Perhaps that was always\n the way.\n </Heading>\n <Spacer height={10} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Text\n class=\"m-0 font-sans text-[11px] font-medium uppercase leading-5 tracking-wide text-[#363737] dark:text-[#363737]\"\n >\n <a href=\"{{authorProfileUrl}}\" class=\"text-[#363737] no-underline dark:text-[#363737]\">Jonah\n Hale</a>\n </Text>\n <Text\n class=\"m-0 font-sans text-[11px] font-medium uppercase leading-5 tracking-wide text-neutral-500 dark:text-neutral-500\"\n >\n {{publishDate}}\n </Text>\n </Column>\n <Column class=\"text-right\" width=\"48\">\n <Image\n src=\"{{authorAvatarUrl}}\"\n width={40}\n height={40}\n alt=\"Jonah Hale\"\n class=\"rounded-full\"\n />\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={10} />\n <Divider class=\"border-neutral-200 dark:border-neutral-200\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white py-4 dark:bg-white\">\n <Row>\n <Column width=\"38\">\n <Container\n class=\"w-[38px] rounded-full border border-neutral-300 dark:border-neutral-300\"\n >\n <Section class=\"px-2 py-2\">\n <Row>\n <Column class=\"text-center\">\n <Image src=\"{{shareSocialOneIconUrl}}\" width={18} height={18} alt=\"Share\" />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n <Column width=\"14\">\n <Spacer height={8} />\n </Column>\n <Column width=\"38\">\n <Container\n class=\"w-[38px] rounded-full border border-neutral-300 dark:border-neutral-300\"\n >\n <Section class=\"px-2 py-2\">\n <Row>\n <Column class=\"text-center\">\n <Image src=\"{{shareSocialTwoIconUrl}}\" width={18} height={18} alt=\"Share\" />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n <Column width=\"14\">\n <Spacer height={8} />\n </Column>\n <Column width=\"38\">\n <Container\n class=\"w-[38px] rounded-full border border-neutral-300 dark:border-neutral-300\"\n >\n <Section class=\"px-2 py-2\">\n <Row>\n <Column class=\"text-center\">\n <Image src=\"{{shareNotesIconUrl}}\" width={18} height={18} alt=\"Share\" />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n <Column width=\"14\">\n <Spacer height={8} />\n </Column>\n <Column width=\"38\">\n <Container\n class=\"w-[38px] rounded-full border border-neutral-300 dark:border-neutral-300\"\n >\n <Section class=\"px-2 py-2\">\n <Row>\n <Column class=\"text-center\">\n <Image src=\"{{shareMailIconUrl}}\" width={18} height={18} alt=\"Share\" />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n <Column>\n <Spacer height={8} />\n </Column>\n <Column width=\"128\">\n <Container class=\"rounded-full border border-neutral-300 dark:border-neutral-300\">\n <Section class=\"px-3.5 py-2\">\n <Row>\n <Column>\n <Text\n class=\"m-0 font-sans text-xs uppercase leading-3 tracking-wide text-neutral-500 dark:text-neutral-500\"\n >\n <a href=\"{{readInAppUrl}}\" class=\"text-neutral-500 no-underline dark:text-neutral-500\">READ\n IN APP</a>\n </Text>\n </Column>\n <Column width=\"8\">\n <Spacer height={8} />\n </Column>\n <Column width=\"18\">\n <Image src=\"{{readInAppIconUrl}}\" width={18} height={18} alt=\"\" />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={10} />\n <Divider class=\"border-neutral-200 dark:border-neutral-200\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white pt-4 dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Image\n src=\"{{heroImageUrl}}\"\n width={550}\n height={219}\n alt=\"Helix Labs product interface collage\"\n />\n <Spacer height={8} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n <strong>When Helix Labs’ financial</strong> projections\n <a href=\"{{leakStoryUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">leaked</a>\n late last year, the numbers seemed a bit strange. The company had developed the best\n foundation models, had a head start in reasoning research, and aimed to develop\n general-purpose machine intelligence. Yet for every projected year through at least\n 2029, it told investors that Helix Chat — not its underlying technology — would bring in\n most of its revenue.\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n Then this week, it started to make sense. When Cascade Open’s open-weight reasoning\n model all but equaled Helix Labs’ at 3% of the cost, it exposed the model-building\n business. Despite investing billions of dollars in research, the company couldn’t\n maintain its domination over open weights. And even if it jumps out ahead again, its\n margins will likely compress due to commoditization. All this leaves Helix Labs right\n where it told investors it would be: a product company above all else.\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n “The business of training foundation models and selling API access is tough,” researcher\n Mira Ellison\n <a href=\"{{quoteSourceUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">wrote</a>\n this week. “In contrast, building applications on top of foundation models presents many\n great business opportunities.”\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n Of the four businesses in the current boom, model building is the worst of all, as one\n industry source put it to me this week. The first business is hardware, and Chipforge is\n dominating there. The second is datacenter, which Cloudspan, Northbeam, and Rivermere\n are dividing up via hosting services. The third is model building, where margins\n eventually disappear. And the fourth is applications.\n </Text>\n <Spacer height={14} />\n </Column>\n </Row>\n <Row>\n <Column class=\"text-center\">\n <Button\n href=\"{{upgradeUrl}}\"\n class=\"rounded-lg bg-[#0F766E] px-5 py-3 text-center font-sans text-sm font-semibold leading-5 tracking-wide text-white no-underline dark:bg-[#0F766E] dark:text-white\"\n >\n Upgrade to paid\n </Button>\n <Spacer height={14} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n For Helix Labs, the lane is clear. Building products on top of the technology — whether\n its own or others’ — is its best shot at justifying the billions it’s raised. The other\n three businesses simply aren’t accessible or are too small for a company\n <a href=\"{{valuationStoryUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">chasing</a>\n a multi-hundred-billion valuation.\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n If this is a moment of clarification for Helix Labs, it isn’t a bad thing. No company\n turns research models into products better than it does. Its ability to build its Helix\n models into Helix Chat, which it initially conceived as a demo, kicked off this entire\n generative moment. And Helix Chat is now booming. After\n <a href=\"{{stagnationStoryUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">stagnating\n a bit</a> last year, the bot now has more than\n <a href=\"{{usersStoryUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">300\n million weekly users</a>. And Helix Labs’ product innovations — like voice chat — have\n propelled it forward. That’s a solid position to be in, far better than its fellow\n proprietary model builders, like Concord AI, whose consumer products haven’t yet\n achieved the same traction.\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n New data shows Helix Labs leads the app game by some margin. Its Helix Chat app has\n earned $529 million to date, about four times the amount of its nearest competitor,\n according to a report from\n <a href=\"{{marketReportUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">Apptrail</a>.\n The total estimated mobile AI app market is currently $2 billion, according to the\n report, and that market should grow as more improvements — like Helix Labs’ new Operator\n product — roll out.\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n Now, it’s possible that Helix Labs builds general-purpose machine intelligence and its\n models will be worth far more than anyone can anticipate. Founder Ellis Rowan winked at\n the notion this week in his response to Cascade Open when he\n <a href=\"{{founderQuoteUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">said</a>,\n “look forward to bringing you all general intelligence and beyond.” But that milestone\n is likely at least a few years away, and Helix Labs would have to be the only one\n providing such technology to fully capitalize on it. Listen to leaders at\n <a href=\"{{concordStoryUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">Concord\n AI</a> and\n <a href=\"{{northbeamStoryUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">Northbeam\n Research</a>, and it seems clear the industry will reach that point almost at once.\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n For Helix Labs then, the worst part of the Cascade Open frenzy was seeing the Cascade\n app climb to the top of the charts. That’s a feat the Rivermere assistants and the\n Periscope search bots of the world have yet to achieve. It was a direct assault: an\n upstart competitor coming for its real business, a chat app. That said, once the initial\n wave of Cascade Open interest subsides, Helix Labs will still have a better product.\n Helix Chat, for instance, has voice capabilities that set it apart. But it’ll now have\n to keep churning out the hits to stay ahead, something every app business knows all too\n well.\n </Text>\n <Spacer height={14} />\n </Column>\n </Row>\n <Row>\n <Column class=\"text-center\">\n <Button\n href=\"{{shareUrl}}\"\n class=\"rounded-lg bg-[#0F766E] px-5 py-3 text-center font-sans text-sm font-semibold leading-5 tracking-wide text-white no-underline dark:bg-[#0F766E] dark:text-white\"\n >\n Share\n </Button>\n <Spacer height={14} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Heading\n level={2}\n class=\"m-0 font-sans text-[26px] font-bold leading-[30px] tracking-tight text-[#363737] dark:text-[#363737]\"\n >\n <strong>Compliance for Startups: Download the Audit Checklist</strong>(sponsor)\n </Heading>\n <Spacer height={8} />\n </Column>\n </Row>\n <Row>\n <Column class=\"text-center\">\n <Image\n src=\"{{sponsorImageUrl}}\"\n width={550}\n height={286}\n alt=\"Sealpath compliance checklist preview\"\n />\n <Spacer height={8} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n As a startup founder, finding product-market fit is your top priority. But landing\n bigger customers requires SOC 2 or ISO 27001 compliance—a time-consuming process that\n pulls you away from building and shipping.\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n That’s where\n <a href=\"{{sponsorUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">Sealpath</a>\n comes in.\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n Join over 9,000 companies, including hundreds of incubator-backed startups like\n Ledgerbase, Brightlane, and Fernwheel who streamline compliance with Sealpath’s\n automation and trusted network of security experts.\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n Start with the SOC 2 compliance checklist, which breaks down the process into clear\n steps—so you can spend less time on compliance and more time growing your business.\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n <a href=\"{{sponsorUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">Download\n the SOC 2 checklist</a>\n </Text>\n <Spacer height={14} />\n </Column>\n </Row>\n <Row>\n <Column class=\"text-center\">\n <Button\n href=\"{{sponsorUrl}}\"\n class=\"rounded-lg bg-[#0F766E] px-5 py-3 text-center font-sans text-sm font-semibold leading-5 tracking-wide text-white no-underline dark:bg-[#0F766E] dark:text-white\"\n >\n Learn More\n </Button>\n <Spacer height={14} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n <strong>Advertise with Merrit Wire?</strong>\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n Reach 160,000+ plugged-in tech readers with your company’s latest campaign, product, or\n thought leadership. To learn more, write\n <a href=\"{{advertiseEmailUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">ads@merritwire.example</a>\n or reply to this email.\n </Text>\n <Spacer height={14} />\n <Heading\n level={2}\n class=\"m-0 font-sans text-[26px] font-bold leading-[30px] tracking-tight text-[#363737] dark:text-[#363737]\"\n >\n <strong>What Else I’m Reading, Etc.</strong>\n </Heading>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n Helix Labs is trying to raise $40 billion at a multi-hundred-billion valuation\n [<a href=\"{{reading1Url}}\" class=\"text-[#363737] underline dark:text-[#363737]\">Ledger\n Journal</a>]\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n Phone assistants somehow got even dumber\n [<a href=\"{{reading2Url}}\" class=\"text-[#363737] underline dark:text-[#363737]\">Inkfire\n Notes</a>]\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n Fieldglass sold 1 million+ smart glasses last year\n [<a href=\"{{reading3Url}}\" class=\"text-[#363737] underline dark:text-[#363737]\">Rimline</a>]\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n Cloudspan is suing to block a newspaper from obtaining records\n [<a href=\"{{reading4Url}}\" class=\"text-[#363737] underline dark:text-[#363737]\">Harborwire</a>]\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n In a leaked recording, a social network CEO says he’s angry at leaks\n [<a href=\"{{reading5Url}}\" class=\"text-[#363737] underline dark:text-[#363737]\">404\n Ledger</a>]\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n Merrit Wire has a community channel now. Join here:\n [<a href=\"{{communityUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">Merrit\n Wire</a>]\n </Text>\n <Spacer height={14} />\n <Heading\n level={2}\n class=\"m-0 font-sans text-[26px] font-bold leading-[30px] tracking-tight text-[#363737] dark:text-[#363737]\"\n >\n <strong>Number of The Week</strong>\n </Heading>\n <Spacer height={14} />\n </Column>\n </Row>\n <Row>\n <Column class=\"bg-[#0F766E] dark:bg-[#0F766E]\" width=\"4\">\n <Spacer height={46} />\n </Column>\n <Column width=\"20\">\n <Spacer height={1} />\n </Column>\n <Column>\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n {{statOfWeek}}\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n Orchard Device sales in East Asia\n <a href=\"{{statStoryUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">dropped\n double digits</a> in the fourth quarter of 2024, missing analysts’ already muted\n expectations.\n </Text>\n <Spacer height={14} />\n <Heading\n level={2}\n class=\"m-0 font-sans text-[26px] font-bold leading-[30px] tracking-tight text-[#363737] dark:text-[#363737]\"\n >\n <strong>Quote of The Week</strong>\n </Heading>\n <Spacer height={14} />\n </Column>\n </Row>\n <Row>\n <Column class=\"bg-[#0F766E] dark:bg-[#0F766E]\" width=\"4\">\n <Spacer height={156} />\n </Column>\n <Column width=\"20\">\n <Spacer height={1} />\n </Column>\n <Column>\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n The efficiency innovations Cascade Open developed will soon be applied by both coastal\n and inland labs to train multi-billion dollar models. These will perform better than the\n multi-billion models they were previously planning to train — but they'll still spend\n multi-billions. That number will continue going up, until we reach systems that are\n smarter than almost all humans at almost all things.\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n Concord AI CEO Dana Ormond on\n <a href=\"{{quoteOfWeekUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">how\n Cascade Open will change model development</a> moving forward.\n </Text>\n <Spacer height={14} />\n <Heading\n level={2}\n class=\"m-0 font-sans text-[26px] font-bold leading-[30px] tracking-tight text-[#363737] dark:text-[#363737]\"\n >\n <strong>Why The Investment Will Pay Off — With Rowan Hale</strong>\n </Heading>\n <Spacer height={8} />\n </Column>\n </Row>\n <Row>\n <Column class=\"text-center\">\n <Image\n src=\"{{podcastImageUrl}}\"\n width={550}\n height={550}\n alt=\"Merrit Wire Podcast episode artwork with Rowan Hale\"\n />\n <Spacer height={8} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n Rowan Hale is the co-founder of a professional network, a long-time valley investor, and\n author of the new book Open Mandate: What Could Possibly Go Right with Our Machine\n Future. Hale joins Merrit Wire Podcast to discuss his optimistic case for machine\n intelligence, the massive investments flooding into the field, and whether they can\n possibly pay off. Tune in to hear Hale’s insider perspective on Helix Labs’ recent\n raise, the emergence of Cascade Open, and why he believes these unprecedented\n investments will seem small in retrospect.\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n You can listen on\n <a href=\"{{podcastCastUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">Castshelf</a>,\n <a href=\"{{podcastStreamUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">Podstream</a>,\n or your\n <a href=\"{{podcastGenericUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">podcast\n app of choice</a>\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n <strong>Thanks again for reading.</strong>Please share Merrit Wire if you like it!\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n <strong>And hit that Like Button</strong>it’ll feel better than\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n <strong>My book First Light Office</strong> digs into the tech giants’ inner workings,\n focusing on automation and culture. I’d be thrilled if you’d give it a read.\n <a href=\"{{bookUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">You can find\n it here</a>.\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n Questions? News tips? Email me by responding to this email, or by writing\n <a href=\"{{tipsEmailUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">tips@merritwire.example</a>\n Or message me securely at (415) 555-0193\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white pt-4 dark:bg-white\">\n <Row>\n <Column>\n <Divider class=\"border-neutral-200 dark:border-neutral-200\" />\n <Spacer height={8} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n Thank you for reading Merrit Wire! Paid subscribers get our weekly column, breaking news\n insights from a panel of experts, monthly stories from logistics veteran Kara Ellison,\n and plenty more. Please consider\n <a href=\"{{subscribeUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">signing\n up here</a>.\n </Text>\n <Spacer height={14} />\n </Column>\n </Row>\n <Row>\n <Column class=\"text-center\">\n <Button\n href=\"{{upgradeUrl}}\"\n class=\"rounded-lg bg-[#0F766E] px-5 py-3 text-center font-sans text-sm font-semibold leading-5 tracking-wide text-white no-underline dark:bg-[#0F766E] dark:text-white\"\n >\n Upgrade To Paid\n </Button>\n <Spacer height={32} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Divider class=\"border-neutral-200 dark:border-neutral-200\" />\n <Spacer height={16} />\n </Column>\n </Row>\n <Row>\n <Column class=\"text-center\">\n <Container class=\"w-full rounded-full border border-neutral-300 dark:border-neutral-300\">\n <Section class=\"px-3.5 py-2\">\n <Row>\n <Column width=\"247\">\n <Spacer height={18} />\n </Column>\n <Column width=\"18\">\n <Image src=\"{{shareIconUrl}}\" width={18} height={18} alt=\"\" />\n </Column>\n <Column width=\"8\">\n <Spacer height={8} />\n </Column>\n <Column width=\"60\">\n <Text\n class=\"m-0 font-sans text-xs uppercase leading-3 tracking-wide text-neutral-500 dark:text-neutral-500\"\n >\n <a href=\"{{shareUrl}}\" class=\"text-neutral-500 no-underline dark:text-neutral-500\">Share</a>\n </Text>\n </Column>\n <Column width=\"217\">\n <Spacer height={18} />\n </Column>\n </Row>\n </Section>\n </Container>\n <Spacer height={10} />\n <Divider class=\"border-neutral-200 dark:border-neutral-200\" />\n <Spacer height={10} />\n </Column>\n </Row>\n <Row>\n <Column width=\"102\">\n <Spacer height={1} />\n </Column>\n <Column width=\"90\" class=\"text-center\">\n <Container class=\"rounded-full border border-neutral-300 dark:border-neutral-300\">\n <Section class=\"px-3.5 py-2\">\n <Row>\n <Column width=\"18\">\n <Image src=\"{{likeIconUrl}}\" width={18} height={18} alt=\"\" />\n </Column>\n <Column width=\"8\">\n <Spacer height={8} />\n </Column>\n <Column>\n <Text\n class=\"m-0 font-sans text-xs uppercase leading-3 tracking-wide text-neutral-500 dark:text-neutral-500\"\n >\n <a href=\"{{likeUrl}}\" class=\"text-neutral-500 no-underline dark:text-neutral-500\">Like</a>\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n <Column width=\"8\">\n <Spacer height={8} />\n </Column>\n <Column width=\"120\" class=\"text-center\">\n <Container class=\"rounded-full border border-neutral-300 dark:border-neutral-300\">\n <Section class=\"px-3.5 py-2\">\n <Row>\n <Column width=\"18\">\n <Image src=\"{{commentIconUrl}}\" width={18} height={18} alt=\"\" />\n </Column>\n <Column width=\"8\">\n <Spacer height={8} />\n </Column>\n <Column>\n <Text\n class=\"m-0 font-sans text-xs uppercase leading-3 tracking-wide text-neutral-500 dark:text-neutral-500\"\n >\n <a href=\"{{commentUrl}}\" class=\"text-neutral-500 no-underline dark:text-neutral-500\">Comment</a>\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n <Column width=\"8\">\n <Spacer height={8} />\n </Column>\n <Column width=\"120\" class=\"text-center\">\n <Container class=\"rounded-full border border-neutral-300 dark:border-neutral-300\">\n <Section class=\"px-3.5 py-2\">\n <Row>\n <Column width=\"18\">\n <Image src=\"{{repostIconUrl}}\" width={18} height={18} alt=\"\" />\n </Column>\n <Column width=\"8\">\n <Spacer height={8} />\n </Column>\n <Column>\n <Text\n class=\"m-0 font-sans text-xs uppercase leading-3 tracking-wide text-neutral-500 dark:text-neutral-500\"\n >\n <a href=\"{{repostUrl}}\" class=\"text-neutral-500 no-underline dark:text-neutral-500\">Repost</a>\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n <Column width=\"102\">\n <Spacer height={1} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={10} />\n <Divider class=\"border-neutral-200 dark:border-neutral-200\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-0 py-6 text-center dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 font-sans text-center text-xs leading-4 text-neutral-500 dark:text-neutral-500\"\n >\n © 2025 Jonah Hale\n </Text>\n <Text\n class=\"m-0 font-sans text-center text-xs leading-4 text-neutral-500 dark:text-neutral-500\"\n >\n 720 Oak Ledger Suite 12, Portland, OR 97205\n </Text>\n <Text\n class=\"m-0 font-sans text-center text-xs leading-4 text-neutral-500 dark:text-neutral-500\"\n >\n <a href=\"{{unsubscribeUrl}}\" class=\"text-neutral-500 underline dark:text-neutral-500\">Unsubscribe</a>\n </Text>\n <Spacer height={24} />\n <Image\n src=\"{{platformCtaImageUrl}}\"\n width={135}\n height={40}\n alt=\"Start writing on Letterloom\"\n />\n <Spacer height={51} />\n </Column>\n </Row>\n </Section>\n </Container>\n</Email>\n",
4
+ "catalog-sale-newsletter": "<Email class=\"font-body bg-white dark:bg-white\">\n <Preview>\n Example email template. Replace the sample products, prices, and offer details before sending.\n </Preview>\n <Container class=\"w-full max-w-[584px] bg-white p-3 dark:bg-white\">\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={16} />\n <Heading\n level={2}\n class=\"m-0 text-left text-2xl font-normal leading-snug text-neutral-900 dark:text-neutral-900\"\n >\n Glassford Newsletter: {{editionLabel}}\n </Heading>\n </Column>\n </Row>\n <Row>\n <Column>\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n In this edition: the revised Studio Foundations path is finished, I've finally shipped\n the #1 reader request of all time, plus a trip to the Harborcraft mentor week in\n Cleveland.\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Heading\n level={2}\n class=\"m-0 text-left text-2xl font-normal leading-snug text-neutral-900 dark:text-neutral-900\"\n >\n The new Studio Foundations path is finished\n </Heading>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n Today I released the final modules for the updated Studio Foundations path, bringing\n every project in line with the current craft stack. This took longer than I planned,\n partly because I shipped two open toolkits with a third on the way, partly because I was\n speaking at meetups, but mainly because I rewrote the sample apps to use the newer data\n layer along the way.\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n I know a lot of folks were waiting a long time for these updates to arrive, and I\n appreciate your patience!\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n You can find the fully updated path here:\n <a href=\"{{courseUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/studio-foundations</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Heading\n level={2}\n class=\"m-0 text-left text-2xl font-normal leading-snug text-neutral-900 dark:text-neutral-900\"\n >\n It's here: the Complete Library Pack\n </Heading>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n This year marks a decade of Glassford guides, which means it's also ten years of\n building this curriculum with you.\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n At last – after countless hundreds of emails over the years – today I'm launching the\n Glassford Complete Library Pack:<strong>you get every Glassford book currently published\n for one great price.</strong>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n These books come with the same benefits as buying them individually: free updates in the\n future, Workshop Circle unlocks, any bundled videos, and more, except rather than paying\n {{bundleListPrice}} you instead just pay {{bundleSalePrice}} – it's a big discount, and\n guarantees an instant craft library at your fingertips.\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n Important: Your purchase entitles you to all books currently published, not books\n released in the future. If any new books are released in the future, the price of this\n bundle will rise too.\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Button\n href=\"{{bundleUrl}}\"\n class=\"w-full rounded bg-black px-4 py-3 text-center text-base leading-normal text-white dark:bg-black dark:text-white\"\n >\n Get the Complete Library Pack here\n </Button>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Heading\n level={2}\n class=\"m-0 text-left text-2xl font-normal leading-snug text-neutral-900 dark:text-neutral-900\"\n >\n Looking to attend a conference?\n </Heading>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n On\n <a href=\"{{podcastEpisodeUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">the\n most recent Desk &amp; Circuit episode</a>, Rhea and I discussed the importance of\n attending conferences and other meetups, so I wanted to call out a few:\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n •\n <a href=\"{{eventTokyoUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">Harborcraft\n Tokyo</a> in Japan (in just a few days!)\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n •\n <a href=\"{{eventItalyUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">Rivermesh\n Summit</a> in Italy (April 18th-19th)\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n •\n <a href=\"{{eventChicagoUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">Lakefront\n Builders</a> in Chicago (May 5th-7th)\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n •\n <a href=\"{{eventSkopjeUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">Craftspan</a>\n in North Macedonia (May 14th-15th)\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n •\n <a href=\"{{eventEnglandUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">Workbench\n Weeks</a> in England (May 21st-24th)\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n •\n <a href=\"{{eventGermanyUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">Lattice\n Conf</a> in Germany (August 7th-8th)\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n •\n <a href=\"{{eventWalesUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">Coastline\n Builders</a> in Wales (September 2nd-5th)\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n •\n <a href=\"{{eventFranceUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">Atelier\n Link</a> in France (September 23rd-24th)\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n It's really great seeing two completely new events on that list as more and more people\n are finding the value of networking with others in our community.\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n There are more, including Northspan Forum, Ledgerline Gathering, and Harborcraft New\n York, but they haven't announced their {{editionYear}} dates yet. And let's not forget\n the annual platform keynote week, which is just over two months away!\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n If you see me at any event, please do come and say hello! I'd love to see what you're\n working on.\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Heading\n level={2}\n class=\"m-0 text-left text-2xl font-normal leading-snug text-neutral-900 dark:text-neutral-900\"\n >\n Thanks to sponsors!\n </Heading>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n I'm grateful to Gatebench for sponsoring Glassford last month! They let you build and\n test purchase screens without shipping updates. Run experiments, offer sales, segment\n users, update locked features and more at the click of a button. The best part is that\n it's free for up to 250 conversions per month, and the Gatebench team builds out 100%\n custom purchase screens free of charge.\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n <a href=\"{{sponsorUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">Find\n out more here.</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Heading\n level={2}\n class=\"m-0 text-left text-2xl font-normal leading-snug text-neutral-900 dark:text-neutral-900\"\n >\n News from friends\n </Heading>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n Helen Marrow has a new book covering data flow in interface craft. This is always one of\n the trickiest parts of building a great app, so Helen's discussion on models, macros,\n state, and more is most welcome. Find out more here:\n <a href=\"{{friendBookUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/friends/marrow-dataflow</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n I also want to share an interesting video about machine learning. Jonas Pike just\n finished a Master's degree in artificial intelligence, and as part of that final work he\n built a tablet app that lets you sketch out a user interface – AI live translates your\n sketches into a preview, and generates layout code too. It's a fascinating idea, and I\n encourage you to check out his short video about it here:\n <a href=\"{{friendVideoUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/friends/pike-sketch</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Heading\n level={2}\n class=\"m-0 text-left text-2xl font-normal leading-snug text-neutral-900 dark:text-neutral-900\"\n >\n Discounts on books\n </Heading>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n Here's a reminder of the supporter's discount codes you can use to save money on all my\n books:\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n • Pro Interface Craft:\n <a href=\"{{discountProInterfaceUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/d/pro-interface</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n • Pro Systems:\n <a href=\"{{discountProSystemsUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/d/pro-systems</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n • Interface By Example:\n <a href=\"{{discountInterfaceByExampleUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/d/interface-by-example</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n • Data Layer By Example:\n <a href=\"{{discountDataLayerUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/d/data-layer</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n • Concurrency By Example:\n <a href=\"{{discountConcurrencyUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/d/concurrency</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n • Glassford Mobile Path:\n <a href=\"{{discountMobilePathUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/d/mobile-path</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n • Design Patterns for Makers:\n <a href=\"{{discountPatternsUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/d/patterns</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n • Testing Craft:\n <a href=\"{{discountTestingUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/d/testing</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n • Sunday Builds Volume One:\n <a href=\"{{discountSundayBuildsUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/d/sunday-builds</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n • Advanced Mobile Volume One:\n <a href=\"{{discountAdvancedOneUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/d/advanced-1</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n • Advanced Mobile Volume Two:\n <a href=\"{{discountAdvancedTwoUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/d/advanced-2</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n • Advanced Mobile Volume Three:\n <a href=\"{{discountAdvancedThreeUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/d/advanced-3</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n • Coding Challenges:\n <a href=\"{{discountChallengesUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/d/challenges</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n • Dive Into Canvas Play:\n <a href=\"{{discountCanvasPlayUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/d/canvas-play</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n • Glassford Desktop Path:\n <a href=\"{{discountDesktopPathUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/d/desktop-path</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n • Glassford Wearables Path:\n <a href=\"{{discountWearablesPathUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/d/wearables-path</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n • Glassford Living Room Path:\n <a href=\"{{discountLivingRoomPathUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/d/living-room-path</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n • Glassford Live Series 1:\n <a href=\"{{discountLiveSeriesUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/d/live-series</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n • Legacy Interop for Modern Makers:\n <a href=\"{{discountLegacyInteropUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/d/legacy-interop</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={21} />\n <Text\n class=\"m-0 pl-8 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n • Outside the Editor:\n <a href=\"{{discountOutsideEditorUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/d/outside-editor</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n Remember, if you already bought books from either the Craft Power Pack, the Platform\n Pack, or the Plus Pack and want to upgrade to the full bundle, I can create a custom\n discount code for you that takes off whatever you already paid – just email me.\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Heading\n level={2}\n class=\"m-0 text-left text-2xl font-normal leading-snug text-neutral-900 dark:text-neutral-900\"\n >\n One more thing…\n </Heading>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n Last month I got to spend the week at the Harborcraft mentor studio in Cleveland, and I\n had a really wonderful time.\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n First: none of my American friends had ever mentioned Cleveland-style pierogi to me, and\n now I'm annoyed because it's excellent! Someone gave me a tip to go for the crispy edges\n first, and they were absolutely right – would definitely eat again.\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n But obviously I wasn't there for the pierogi, good as it was. Instead, I was there to\n get to know the mentors at the studio, to learn about what they do, and to share ideas.\n It was a lot of fun: these folks are striving to learn and share as much as they can,\n and they really excel at trying out new ideas, exploring them from a range of angles,\n then sharing what they discovered along the way.\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n You might know that Cleveland has worked hard through years of industrial shift, with\n its population today far below mid-century peaks. That's one of the reasons the studio\n here is so important: these mentors are having a significant impact on their local\n community, and it really fills you with excitement to hear their pride as they talk\n about their students and the great work they are doing.\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n I picked up a new hoodie before I left. It says \"Build Here Anyway\", and I think it\n really symbolizes the fight that city has. Applications have already closed for their\n next student intake, but they also run short Foundation courses too, completely free –\n check out\n <a href=\"{{harborcraftUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">glassford.example/harborcraft</a>\n for more information.\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n PS: Next month's newsletter will be something special – you don't want to miss it!\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={72} />\n <Text\n class=\"m-0 text-left text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n Mira\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white pt-8 dark:bg-white\">\n <Row>\n <Column>\n <Divider class=\"border-neutral-900 dark:border-neutral-900\" />\n </Column>\n </Row>\n <Row>\n <Column class=\"text-center\">\n <Spacer height={24} />\n <Text\n class=\"m-0 text-center text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n <a href=\"{{unsubscribeUrl}}\" class=\"underline text-neutral-900 dark:text-neutral-900\">Unsubscribe</a>\n </Text>\n <Spacer height={12} />\n <Text\n class=\"m-0 text-center text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n 482 Alder Row, Portland, OR 97205, USA\n </Text>\n </Column>\n </Row>\n <Row>\n <Column width=\"164\">\n <Spacer height={32} />\n </Column>\n <Column width=\"90\">\n <Spacer height={32} />\n <Text\n class=\"m-0 text-right text-base leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n <a href=\"{{poweredByUrl}}\" class=\"text-neutral-900 no-underline dark:text-neutral-900\">Powered\n by</a>\n </Text>\n </Column>\n <Column width=\"142\">\n <Spacer height={32} />\n <Text\n class=\"m-0 text-left text-base font-semibold leading-normal text-neutral-900 dark:text-neutral-900\"\n >\n Deskloop\n </Text>\n </Column>\n <Column width=\"164\">\n <Spacer height={32} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={52} />\n </Column>\n </Row>\n </Section>\n </Container>\n</Email>\n",
5
+ "data-sharing-review": "<Email class=\"font-body bg-[#f4f4f4] dark:bg-[#141414] font-sans\">\n <Preview>\n Example email template. Replace the sample connection details and security wording before\n sending.\n </Preview>\n <Container class=\"w-full max-w-[640px] bg-[#f4f4f4] dark:bg-[#141414] font-sans\">\n <Section class=\"bg-[#f4f4f4] dark:bg-[#141414]\">\n <Row>\n <Column>\n <Spacer height={16} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-6 pt-4 dark:bg-[#141414]\">\n <Row>\n <Column width=\"520\">\n <Spacer height={18} />\n </Column>\n <Column width=\"21\" class=\"pr-1 text-right\">\n <Image src=\"{{signInIconUrl}}\" width={17} height={18} alt=\"Sign in to your account\" />\n </Column>\n <Column width=\"51\" class=\"text-right\">\n <Text\n class=\"m-0 font-sans text-right text-xs leading-[18px] text-[#141414] dark:text-white\"\n >\n <a href=\"{{signInUrl}}\" class=\"font-sans underline text-[#141414] dark:text-white\">Sign\n in</a>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-6 dark:bg-[#141414]\">\n <Row>\n <Column>\n <Divider class=\"border-[#D4D4D4] dark:border-white\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-6 dark:bg-[#141414]\">\n <Row>\n <Column>\n <Spacer height={16} />\n <Text\n class=\"m-0 font-sans text-left text-[28px] font-semibold leading-[36px] tracking-tight text-[#141414] dark:text-white\"\n >\n Hearthping\n </Text>\n <Spacer height={8} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-6 pt-8 dark:bg-[#141414]\">\n <Row>\n <Column>\n <Heading\n level={1}\n class=\"m-0 font-sans text-left text-[32px] font-semibold leading-[42px] text-[#141414] dark:text-white\"\n >\n You connected to {{connectedServiceName}} {{daysSinceConnection}} days ago. Do you want\n to keep sharing data with them?\n </Heading>\n <Spacer height={32} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-6 dark:bg-[#141414]\">\n <Row>\n <Column>\n <Text class=\"m-0 font-sans text-left text-base leading-6 text-[#141414] dark:text-white\">\n For more details about this connection,\n <a href=\"{{accountSettingsUrl}}\" class=\"font-sans underline text-[#0A6B8A] dark:text-[#4EC4E8]\">go\n to your account settings</a>.\n </Text>\n <Spacer height={24} />\n <Text class=\"m-0 font-sans text-left text-base leading-6 text-[#141414] dark:text-white\">\n Everyday banking depends on trust, and safeguarding your information matters as much to\n us as safeguarding your money. To learn more about how {{connectedServiceName}} uses and\n shares your data, please read their privacy policy.\n </Text>\n <Spacer height={24} />\n <Text class=\"m-0 font-sans text-left text-base leading-6 text-[#141414] dark:text-white\">\n If you didn’t connect your account, please\n <a href=\"{{fraudCenterUrl}}\" class=\"font-sans underline text-[#0A6B8A] dark:text-[#4EC4E8]\">visit\n our account protection center</a> or contact us at (877) 555-0138.\n </Text>\n <Spacer height={32} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-[#141414]\">\n <Row>\n <Column width=\"32\">\n <Spacer height={1} />\n </Column>\n <Column width=\"276\" class=\"text-center\">\n <Button\n href=\"{{keepConnectionUrl}}\"\n class=\"font-sans w-[244px] rounded bg-[#1F6B12] px-4 py-[9px] text-center text-xl font-normal leading-[30px] text-white dark:bg-[#1F6B12] dark:text-white\"\n >\n Yes, keep this connection\n </Button>\n </Column>\n <Column width=\"24\">\n <Spacer height={1} />\n </Column>\n <Column width=\"276\" class=\"text-center\">\n <Button\n href=\"{{removeConnectionUrl}}\"\n class=\"font-sans w-[196px] rounded bg-[#B81F22] px-10 py-[9px] text-center text-xl font-normal leading-[30px] text-white dark:bg-[#B81F22] dark:text-white\"\n >\n No, remove this connection\n </Button>\n </Column>\n <Column width=\"32\">\n <Spacer height={1} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={32} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#f4f4f4] dark:bg-[#141414]\">\n <Row>\n <Column>\n <Spacer height={6} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#f4f4f4] px-6 pt-6 dark:bg-[#141414]\">\n <Row>\n <Column class=\"pb-6\">\n <Row>\n <Column width=\"54\" class=\"pr-6\">\n <Image\n src=\"{{appDownloadIconUrl}}\"\n width={30}\n height={30}\n alt=\"Download the Hearthping Mobile app\"\n />\n </Column>\n <Column>\n <Text\n class=\"m-0 font-sans text-left text-xs leading-[18px] text-[#696969] dark:text-white\"\n >\n <a href=\"{{appDownloadUrl}}\" class=\"font-sans underline text-[#696969] dark:text-white\">Download\n the Hearthping Mobile app.</a>\n </Text>\n </Column>\n </Row>\n </Column>\n <Column width=\"214\" class=\"pb-6\">\n <Row>\n <Column width=\"46\" class=\"pr-4\">\n <Image src=\"{{socialOneIconUrl}}\" width={30} height={30} alt=\"Social link\" />\n </Column>\n <Column width=\"46\" class=\"pr-4\">\n <Image src=\"{{socialTwoIconUrl}}\" width={30} height={30} alt=\"Social link\" />\n </Column>\n <Column width=\"46\" class=\"pr-4\">\n <Image src=\"{{socialThreeIconUrl}}\" width={30} height={30} alt=\"Social link\" />\n </Column>\n <Column width=\"46\" class=\"pr-4\">\n <Image src=\"{{socialFourIconUrl}}\" width={30} height={30} alt=\"Social link\" />\n </Column>\n <Column width=\"30\">\n <Image src=\"{{socialFiveIconUrl}}\" width={30} height={30} alt=\"Social link\" />\n </Column>\n </Row>\n </Column>\n </Row>\n <Row>\n <Column>\n <Divider class=\"border-[#7d7d7d] dark:border-white\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#f4f4f4] px-6 pt-6 dark:bg-[#141414]\">\n <Row>\n <Column>\n <Heading\n level={2}\n class=\"m-0 font-sans text-left text-[10px] font-semibold leading-4 text-[#696969] dark:text-white\"\n >\n About this message\n </Heading>\n <Spacer height={16} />\n <Text\n class=\"m-0 font-sans text-left text-[10px] leading-4 text-[#696969] dark:text-white\"\n >\n Our site may be unavailable during scheduled maintenance or unexpected outages.\n </Text>\n <Spacer height={24} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#f4f4f4] px-6 dark:bg-[#141414]\">\n <Row>\n <Column>\n <Divider class=\"border-[#7d7d7d] dark:border-white\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#f4f4f4] px-6 pt-6 pb-6 dark:bg-[#141414]\">\n <Row>\n <Column>\n <Heading\n level={2}\n class=\"m-0 font-sans text-left text-[10px] font-semibold leading-4 text-[#696969] dark:text-white\"\n >\n Important information from Hearthping\n </Heading>\n <Spacer height={16} />\n <Text\n class=\"m-0 font-sans text-left text-[10px] leading-4 text-[#696969] dark:text-white\"\n >\n <a href=\"{{contactUrl}}\" class=\"font-sans underline text-[#696969] dark:text-white\">Contact\n us</a> |\n <a href=\"{{privacyUrl}}\" class=\"font-sans underline text-[#696969] dark:text-white\">Privacy</a>\n |\n <a href=\"{{fraudHelpUrl}}\" class=\"font-sans underline text-[#696969] dark:text-white\">Help\n prevent fraud</a>\n </Text>\n <Spacer height={16} />\n <Text\n class=\"m-0 font-sans text-left text-[10px] leading-4 text-[#696969] dark:text-white\"\n >\n To ensure delivery, add\n <a href=\"mailto:notifications@hearthping.example\" class=\"font-sans no-underline text-[#696969] dark:text-white\">notifications@hearthping.example</a>\n to your address book.\n </Text>\n <Spacer height={16} />\n <Text\n class=\"m-0 font-sans text-left text-[10px] leading-4 text-[#696969] dark:text-white\"\n >\n This email was sent to\n <a href=\"mailto:{{recipientEmail}}\" class=\"font-sans no-underline text-[#696969] dark:text-white\">{{recipientEmail}}</a>\n and includes information related to your account with us, other services you use, and/or\n any application you may have submitted.\n </Text>\n <Spacer height={16} />\n <Text\n class=\"m-0 font-sans text-left text-[10px] leading-4 text-[#696969] dark:text-white\"\n >\n Hearthping does not provide, endorse, or guarantee any third-party product, service,\n information, or recommendation named above. Those third parties are not affiliated with\n Hearthping and are solely responsible for their own products and services. All\n trademarks belong to their respective owners.\n </Text>\n <Spacer height={16} />\n <Text\n class=\"m-0 font-sans text-left text-[10px] leading-4 text-[#696969] dark:text-white\"\n >\n Please do not reply to this message — this inbox is not monitored.\n <a href=\"{{contactUrl}}\" class=\"font-sans underline text-[#696969] dark:text-white\">To\n contact us, visit hearthping.example/contact</a>\n </Text>\n <Spacer height={16} />\n <Text\n class=\"m-0 font-sans text-left text-[10px] leading-4 text-[#696969] dark:text-white\"\n >\n Products and services are offered by Hearthping Bank, N.A.\n </Text>\n <Spacer height={16} />\n <Text\n class=\"m-0 font-sans text-left text-[10px] leading-4 text-[#696969] dark:text-white\"\n >\n © {{copyrightYear}} Hearthping. Hearthping is a registered service mark of Hearthping\n Bank, N.A.\n </Text>\n <Spacer height={16} />\n <Text\n class=\"m-0 font-sans text-left text-[10px] leading-4 text-[#696969] dark:text-white\"\n >\n {{referenceCode}}\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n</Email>\n",
6
+ "editorial-newsletter": "<Email class=\"font-body bg-white dark:bg-white\">\n <Preview>\n Example email template. Replace the sample reporting, names, and sponsor copy before sending.\n </Preview>\n <Container class=\"w-full max-w-[550px] bg-white dark:bg-white\">\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"text-right\">\n <Spacer height={14} />\n <Text\n class=\"m-0 font-sans text-right text-xs leading-4 text-neutral-500 dark:text-neutral-500\"\n >\n Forwarded this email?\n <a href=\"{{subscribeUrl}}\" class=\"text-neutral-500 underline dark:text-neutral-500\">Subscribe\n here</a> for more\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white pt-4 dark:bg-white\">\n <Row>\n <Column>\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n Hundreds of operators subscribe to Merrit Wire’s premium tier for deeper reporting and\n to support our independent journalism. Please consider subscribing for just\n {{subscriptionPrice}} per month.\n </Text>\n <Spacer height={14} />\n </Column>\n </Row>\n <Row>\n <Column class=\"text-center\">\n <Button\n href=\"{{subscribeUrl}}\"\n class=\"rounded-lg bg-[#0F766E] px-5 py-3 text-center font-sans text-sm font-semibold leading-5 tracking-wide text-white no-underline dark:bg-[#0F766E] dark:text-white\"\n >\n Subscribe Today\n </Button>\n <Spacer height={14} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Divider class=\"border-neutral-200 dark:border-neutral-200\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white pt-4 dark:bg-white\">\n <Row>\n <Column>\n <Heading\n level={1}\n class=\"m-0 font-sans text-[32px] font-bold leading-9 tracking-tight text-[#363737] dark:text-[#363737]\"\n >\n <a href=\"{{postUrl}}\" class=\"text-[#363737] no-underline dark:text-[#363737]\">Helix Labs\n is an App Company Now</a>\n </Heading>\n <Spacer height={12} />\n <Heading\n level={3}\n class=\"m-0 font-sans text-lg font-normal leading-6 text-neutral-500 dark:text-neutral-500\"\n >\n After Cascade Open, Helix Labs is an app builder above all else. Perhaps that was always\n the way.\n </Heading>\n <Spacer height={10} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Text\n class=\"m-0 font-sans text-[11px] font-medium uppercase leading-5 tracking-wide text-[#363737] dark:text-[#363737]\"\n >\n <a href=\"{{authorProfileUrl}}\" class=\"text-[#363737] no-underline dark:text-[#363737]\">Jonah\n Hale</a>\n </Text>\n <Text\n class=\"m-0 font-sans text-[11px] font-medium uppercase leading-5 tracking-wide text-neutral-500 dark:text-neutral-500\"\n >\n {{publishDate}}\n </Text>\n </Column>\n <Column class=\"text-right\" width=\"48\">\n <Image\n src=\"{{authorAvatarUrl}}\"\n width={40}\n height={40}\n alt=\"Jonah Hale\"\n class=\"rounded-full\"\n />\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={10} />\n <Divider class=\"border-neutral-200 dark:border-neutral-200\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white py-4 dark:bg-white\">\n <Row>\n <Column width=\"38\">\n <Container\n class=\"w-[38px] rounded-full border border-neutral-300 dark:border-neutral-300\"\n >\n <Section class=\"px-2 py-2\">\n <Row>\n <Column class=\"text-center\">\n <Image src=\"{{shareSocialOneIconUrl}}\" width={18} height={18} alt=\"Share\" />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n <Column width=\"14\">\n <Spacer height={8} />\n </Column>\n <Column width=\"38\">\n <Container\n class=\"w-[38px] rounded-full border border-neutral-300 dark:border-neutral-300\"\n >\n <Section class=\"px-2 py-2\">\n <Row>\n <Column class=\"text-center\">\n <Image src=\"{{shareSocialTwoIconUrl}}\" width={18} height={18} alt=\"Share\" />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n <Column width=\"14\">\n <Spacer height={8} />\n </Column>\n <Column width=\"38\">\n <Container\n class=\"w-[38px] rounded-full border border-neutral-300 dark:border-neutral-300\"\n >\n <Section class=\"px-2 py-2\">\n <Row>\n <Column class=\"text-center\">\n <Image src=\"{{shareNotesIconUrl}}\" width={18} height={18} alt=\"Share\" />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n <Column width=\"14\">\n <Spacer height={8} />\n </Column>\n <Column width=\"38\">\n <Container\n class=\"w-[38px] rounded-full border border-neutral-300 dark:border-neutral-300\"\n >\n <Section class=\"px-2 py-2\">\n <Row>\n <Column class=\"text-center\">\n <Image src=\"{{shareMailIconUrl}}\" width={18} height={18} alt=\"Share\" />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n <Column>\n <Spacer height={8} />\n </Column>\n <Column width=\"128\">\n <Container class=\"rounded-full border border-neutral-300 dark:border-neutral-300\">\n <Section class=\"px-3.5 py-2\">\n <Row>\n <Column>\n <Text\n class=\"m-0 font-sans text-xs uppercase leading-3 tracking-wide text-neutral-500 dark:text-neutral-500\"\n >\n <a href=\"{{readInAppUrl}}\" class=\"text-neutral-500 no-underline dark:text-neutral-500\">READ\n IN APP</a>\n </Text>\n </Column>\n <Column width=\"8\">\n <Spacer height={8} />\n </Column>\n <Column width=\"18\">\n <Image src=\"{{readInAppIconUrl}}\" width={18} height={18} alt=\"\" />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={10} />\n <Divider class=\"border-neutral-200 dark:border-neutral-200\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white pt-4 dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Image\n src=\"{{heroImageUrl}}\"\n width={550}\n height={219}\n alt=\"Helix Labs product interface collage\"\n />\n <Spacer height={8} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n <strong>When Helix Labs’ financial</strong> projections\n <a href=\"{{leakStoryUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">leaked</a>\n late last year, the numbers seemed a bit strange. The company had developed the best\n foundation models, had a head start in reasoning research, and aimed to develop\n general-purpose machine intelligence. Yet for every projected year through at least\n 2029, it told investors that Helix Chat — not its underlying technology — would bring in\n most of its revenue.\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n Then this week, it started to make sense. When Cascade Open’s open-weight reasoning\n model all but equaled Helix Labs’ at 3% of the cost, it exposed the model-building\n business. Despite investing billions of dollars in research, the company couldn’t\n maintain its domination over open weights. And even if it jumps out ahead again, its\n margins will likely compress due to commoditization. All this leaves Helix Labs right\n where it told investors it would be: a product company above all else.\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n “The business of training foundation models and selling API access is tough,” researcher\n Mira Ellison\n <a href=\"{{quoteSourceUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">wrote</a>\n this week. “In contrast, building applications on top of foundation models presents many\n great business opportunities.”\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n Of the four businesses in the current boom, model building is the worst of all, as one\n industry source put it to me this week. The first business is hardware, and Chipforge is\n dominating there. The second is datacenter, which Cloudspan, Northbeam, and Rivermere\n are dividing up via hosting services. The third is model building, where margins\n eventually disappear. And the fourth is applications.\n </Text>\n <Spacer height={14} />\n </Column>\n </Row>\n <Row>\n <Column class=\"text-center\">\n <Button\n href=\"{{upgradeUrl}}\"\n class=\"rounded-lg bg-[#0F766E] px-5 py-3 text-center font-sans text-sm font-semibold leading-5 tracking-wide text-white no-underline dark:bg-[#0F766E] dark:text-white\"\n >\n Upgrade to paid\n </Button>\n <Spacer height={14} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n For Helix Labs, the lane is clear. Building products on top of the technology — whether\n its own or others’ — is its best shot at justifying the billions it’s raised. The other\n three businesses simply aren’t accessible or are too small for a company\n <a href=\"{{valuationStoryUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">chasing</a>\n a multi-hundred-billion valuation.\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n If this is a moment of clarification for Helix Labs, it isn’t a bad thing. No company\n turns research models into products better than it does. Its ability to build its Helix\n models into Helix Chat, which it initially conceived as a demo, kicked off this entire\n generative moment. And Helix Chat is now booming. After\n <a href=\"{{stagnationStoryUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">stagnating\n a bit</a> last year, the bot now has more than\n <a href=\"{{usersStoryUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">300\n million weekly users</a>. And Helix Labs’ product innovations — like voice chat — have\n propelled it forward. That’s a solid position to be in, far better than its fellow\n proprietary model builders, like Concord AI, whose consumer products haven’t yet\n achieved the same traction.\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n New data shows Helix Labs leads the app game by some margin. Its Helix Chat app has\n earned $529 million to date, about four times the amount of its nearest competitor,\n according to a report from\n <a href=\"{{marketReportUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">Apptrail</a>.\n The total estimated mobile AI app market is currently $2 billion, according to the\n report, and that market should grow as more improvements — like Helix Labs’ new Operator\n product — roll out.\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n Now, it’s possible that Helix Labs builds general-purpose machine intelligence and its\n models will be worth far more than anyone can anticipate. Founder Ellis Rowan winked at\n the notion this week in his response to Cascade Open when he\n <a href=\"{{founderQuoteUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">said</a>,\n “look forward to bringing you all general intelligence and beyond.” But that milestone\n is likely at least a few years away, and Helix Labs would have to be the only one\n providing such technology to fully capitalize on it. Listen to leaders at\n <a href=\"{{concordStoryUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">Concord\n AI</a> and\n <a href=\"{{northbeamStoryUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">Northbeam\n Research</a>, and it seems clear the industry will reach that point almost at once.\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n For Helix Labs then, the worst part of the Cascade Open frenzy was seeing the Cascade\n app climb to the top of the charts. That’s a feat the Rivermere assistants and the\n Periscope search bots of the world have yet to achieve. It was a direct assault: an\n upstart competitor coming for its real business, a chat app. That said, once the initial\n wave of Cascade Open interest subsides, Helix Labs will still have a better product.\n Helix Chat, for instance, has voice capabilities that set it apart. But it’ll now have\n to keep churning out the hits to stay ahead, something every app business knows all too\n well.\n </Text>\n <Spacer height={14} />\n </Column>\n </Row>\n <Row>\n <Column class=\"text-center\">\n <Button\n href=\"{{shareUrl}}\"\n class=\"rounded-lg bg-[#0F766E] px-5 py-3 text-center font-sans text-sm font-semibold leading-5 tracking-wide text-white no-underline dark:bg-[#0F766E] dark:text-white\"\n >\n Share\n </Button>\n <Spacer height={14} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Heading\n level={2}\n class=\"m-0 font-sans text-[26px] font-bold leading-[30px] tracking-tight text-[#363737] dark:text-[#363737]\"\n >\n <strong>Compliance for Startups: Download the Audit Checklist</strong>(sponsor)\n </Heading>\n <Spacer height={8} />\n </Column>\n </Row>\n <Row>\n <Column class=\"text-center\">\n <Image\n src=\"{{sponsorImageUrl}}\"\n width={550}\n height={286}\n alt=\"Sealpath compliance checklist preview\"\n />\n <Spacer height={8} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n As a startup founder, finding product-market fit is your top priority. But landing\n bigger customers requires SOC 2 or ISO 27001 compliance—a time-consuming process that\n pulls you away from building and shipping.\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n That’s where\n <a href=\"{{sponsorUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">Sealpath</a>\n comes in.\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n Join over 9,000 companies, including hundreds of incubator-backed startups like\n Ledgerbase, Brightlane, and Fernwheel who streamline compliance with Sealpath’s\n automation and trusted network of security experts.\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n Start with the SOC 2 compliance checklist, which breaks down the process into clear\n steps—so you can spend less time on compliance and more time growing your business.\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n <a href=\"{{sponsorUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">Download\n the SOC 2 checklist</a>\n </Text>\n <Spacer height={14} />\n </Column>\n </Row>\n <Row>\n <Column class=\"text-center\">\n <Button\n href=\"{{sponsorUrl}}\"\n class=\"rounded-lg bg-[#0F766E] px-5 py-3 text-center font-sans text-sm font-semibold leading-5 tracking-wide text-white no-underline dark:bg-[#0F766E] dark:text-white\"\n >\n Learn More\n </Button>\n <Spacer height={14} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n <strong>Advertise with Merrit Wire?</strong>\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n Reach 160,000+ plugged-in tech readers with your company’s latest campaign, product, or\n thought leadership. To learn more, write\n <a href=\"{{advertiseEmailUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">ads@merritwire.example</a>\n or reply to this email.\n </Text>\n <Spacer height={14} />\n <Heading\n level={2}\n class=\"m-0 font-sans text-[26px] font-bold leading-[30px] tracking-tight text-[#363737] dark:text-[#363737]\"\n >\n <strong>What Else I’m Reading, Etc.</strong>\n </Heading>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n Helix Labs is trying to raise $40 billion at a multi-hundred-billion valuation\n [<a href=\"{{reading1Url}}\" class=\"text-[#363737] underline dark:text-[#363737]\">Ledger\n Journal</a>]\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n Phone assistants somehow got even dumber\n [<a href=\"{{reading2Url}}\" class=\"text-[#363737] underline dark:text-[#363737]\">Inkfire\n Notes</a>]\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n Fieldglass sold 1 million+ smart glasses last year\n [<a href=\"{{reading3Url}}\" class=\"text-[#363737] underline dark:text-[#363737]\">Rimline</a>]\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n Cloudspan is suing to block a newspaper from obtaining records\n [<a href=\"{{reading4Url}}\" class=\"text-[#363737] underline dark:text-[#363737]\">Harborwire</a>]\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n In a leaked recording, a social network CEO says he’s angry at leaks\n [<a href=\"{{reading5Url}}\" class=\"text-[#363737] underline dark:text-[#363737]\">404\n Ledger</a>]\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n Merrit Wire has a community channel now. Join here:\n [<a href=\"{{communityUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">Merrit\n Wire</a>]\n </Text>\n <Spacer height={14} />\n <Heading\n level={2}\n class=\"m-0 font-sans text-[26px] font-bold leading-[30px] tracking-tight text-[#363737] dark:text-[#363737]\"\n >\n <strong>Number of The Week</strong>\n </Heading>\n <Spacer height={14} />\n </Column>\n </Row>\n <Row>\n <Column class=\"bg-[#0F766E] dark:bg-[#0F766E]\" width=\"4\">\n <Spacer height={46} />\n </Column>\n <Column width=\"20\">\n <Spacer height={1} />\n </Column>\n <Column>\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n {{statOfWeek}}\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n Orchard Device sales in East Asia\n <a href=\"{{statStoryUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">dropped\n double digits</a> in the fourth quarter of 2024, missing analysts’ already muted\n expectations.\n </Text>\n <Spacer height={14} />\n <Heading\n level={2}\n class=\"m-0 font-sans text-[26px] font-bold leading-[30px] tracking-tight text-[#363737] dark:text-[#363737]\"\n >\n <strong>Quote of The Week</strong>\n </Heading>\n <Spacer height={14} />\n </Column>\n </Row>\n <Row>\n <Column class=\"bg-[#0F766E] dark:bg-[#0F766E]\" width=\"4\">\n <Spacer height={156} />\n </Column>\n <Column width=\"20\">\n <Spacer height={1} />\n </Column>\n <Column>\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n The efficiency innovations Cascade Open developed will soon be applied by both coastal\n and inland labs to train multi-billion dollar models. These will perform better than the\n multi-billion models they were previously planning to train — but they'll still spend\n multi-billions. That number will continue going up, until we reach systems that are\n smarter than almost all humans at almost all things.\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n Concord AI CEO Dana Ormond on\n <a href=\"{{quoteOfWeekUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">how\n Cascade Open will change model development</a> moving forward.\n </Text>\n <Spacer height={14} />\n <Heading\n level={2}\n class=\"m-0 font-sans text-[26px] font-bold leading-[30px] tracking-tight text-[#363737] dark:text-[#363737]\"\n >\n <strong>Why The Investment Will Pay Off — With Rowan Hale</strong>\n </Heading>\n <Spacer height={8} />\n </Column>\n </Row>\n <Row>\n <Column class=\"text-center\">\n <Image\n src=\"{{podcastImageUrl}}\"\n width={550}\n height={550}\n alt=\"Merrit Wire Podcast episode artwork with Rowan Hale\"\n />\n <Spacer height={8} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n Rowan Hale is the co-founder of a professional network, a long-time valley investor, and\n author of the new book Open Mandate: What Could Possibly Go Right with Our Machine\n Future. Hale joins Merrit Wire Podcast to discuss his optimistic case for machine\n intelligence, the massive investments flooding into the field, and whether they can\n possibly pay off. Tune in to hear Hale’s insider perspective on Helix Labs’ recent\n raise, the emergence of Cascade Open, and why he believes these unprecedented\n investments will seem small in retrospect.\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n You can listen on\n <a href=\"{{podcastCastUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">Castshelf</a>,\n <a href=\"{{podcastStreamUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">Podstream</a>,\n or your\n <a href=\"{{podcastGenericUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">podcast\n app of choice</a>\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n <strong>Thanks again for reading.</strong>Please share Merrit Wire if you like it!\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n <strong>And hit that Like Button</strong>it’ll feel better than\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n <strong>My book First Light Office</strong> digs into the tech giants’ inner workings,\n focusing on automation and culture. I’d be thrilled if you’d give it a read.\n <a href=\"{{bookUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">You can find\n it here</a>.\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n Questions? News tips? Email me by responding to this email, or by writing\n <a href=\"{{tipsEmailUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">tips@merritwire.example</a>\n Or message me securely at (415) 555-0193\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white pt-4 dark:bg-white\">\n <Row>\n <Column>\n <Divider class=\"border-neutral-200 dark:border-neutral-200\" />\n <Spacer height={8} />\n <Text\n class=\"m-0 font-serif text-[17px] leading-[28px] text-[#363737] dark:text-[#363737]\"\n >\n Thank you for reading Merrit Wire! Paid subscribers get our weekly column, breaking news\n insights from a panel of experts, monthly stories from logistics veteran Kara Ellison,\n and plenty more. Please consider\n <a href=\"{{subscribeUrl}}\" class=\"text-[#363737] underline dark:text-[#363737]\">signing\n up here</a>.\n </Text>\n <Spacer height={14} />\n </Column>\n </Row>\n <Row>\n <Column class=\"text-center\">\n <Button\n href=\"{{upgradeUrl}}\"\n class=\"rounded-lg bg-[#0F766E] px-5 py-3 text-center font-sans text-sm font-semibold leading-5 tracking-wide text-white no-underline dark:bg-[#0F766E] dark:text-white\"\n >\n Upgrade To Paid\n </Button>\n <Spacer height={32} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Divider class=\"border-neutral-200 dark:border-neutral-200\" />\n <Spacer height={16} />\n </Column>\n </Row>\n <Row>\n <Column class=\"text-center\">\n <Container class=\"w-full rounded-full border border-neutral-300 dark:border-neutral-300\">\n <Section class=\"px-3.5 py-2\">\n <Row>\n <Column width=\"247\">\n <Spacer height={18} />\n </Column>\n <Column width=\"18\">\n <Image src=\"{{shareIconUrl}}\" width={18} height={18} alt=\"\" />\n </Column>\n <Column width=\"8\">\n <Spacer height={8} />\n </Column>\n <Column width=\"60\">\n <Text\n class=\"m-0 font-sans text-xs uppercase leading-3 tracking-wide text-neutral-500 dark:text-neutral-500\"\n >\n <a href=\"{{shareUrl}}\" class=\"text-neutral-500 no-underline dark:text-neutral-500\">Share</a>\n </Text>\n </Column>\n <Column width=\"217\">\n <Spacer height={18} />\n </Column>\n </Row>\n </Section>\n </Container>\n <Spacer height={10} />\n <Divider class=\"border-neutral-200 dark:border-neutral-200\" />\n <Spacer height={10} />\n </Column>\n </Row>\n <Row>\n <Column width=\"102\">\n <Spacer height={1} />\n </Column>\n <Column width=\"90\" class=\"text-center\">\n <Container class=\"rounded-full border border-neutral-300 dark:border-neutral-300\">\n <Section class=\"px-3.5 py-2\">\n <Row>\n <Column width=\"18\">\n <Image src=\"{{likeIconUrl}}\" width={18} height={18} alt=\"\" />\n </Column>\n <Column width=\"8\">\n <Spacer height={8} />\n </Column>\n <Column>\n <Text\n class=\"m-0 font-sans text-xs uppercase leading-3 tracking-wide text-neutral-500 dark:text-neutral-500\"\n >\n <a href=\"{{likeUrl}}\" class=\"text-neutral-500 no-underline dark:text-neutral-500\">Like</a>\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n <Column width=\"8\">\n <Spacer height={8} />\n </Column>\n <Column width=\"120\" class=\"text-center\">\n <Container class=\"rounded-full border border-neutral-300 dark:border-neutral-300\">\n <Section class=\"px-3.5 py-2\">\n <Row>\n <Column width=\"18\">\n <Image src=\"{{commentIconUrl}}\" width={18} height={18} alt=\"\" />\n </Column>\n <Column width=\"8\">\n <Spacer height={8} />\n </Column>\n <Column>\n <Text\n class=\"m-0 font-sans text-xs uppercase leading-3 tracking-wide text-neutral-500 dark:text-neutral-500\"\n >\n <a href=\"{{commentUrl}}\" class=\"text-neutral-500 no-underline dark:text-neutral-500\">Comment</a>\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n <Column width=\"8\">\n <Spacer height={8} />\n </Column>\n <Column width=\"120\" class=\"text-center\">\n <Container class=\"rounded-full border border-neutral-300 dark:border-neutral-300\">\n <Section class=\"px-3.5 py-2\">\n <Row>\n <Column width=\"18\">\n <Image src=\"{{repostIconUrl}}\" width={18} height={18} alt=\"\" />\n </Column>\n <Column width=\"8\">\n <Spacer height={8} />\n </Column>\n <Column>\n <Text\n class=\"m-0 font-sans text-xs uppercase leading-3 tracking-wide text-neutral-500 dark:text-neutral-500\"\n >\n <a href=\"{{repostUrl}}\" class=\"text-neutral-500 no-underline dark:text-neutral-500\">Repost</a>\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n <Column width=\"102\">\n <Spacer height={1} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={10} />\n <Divider class=\"border-neutral-200 dark:border-neutral-200\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-0 py-6 text-center dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 font-sans text-center text-xs leading-4 text-neutral-500 dark:text-neutral-500\"\n >\n © 2025 Jonah Hale\n </Text>\n <Text\n class=\"m-0 font-sans text-center text-xs leading-4 text-neutral-500 dark:text-neutral-500\"\n >\n 720 Oak Ledger Suite 12, Portland, OR 97205\n </Text>\n <Text\n class=\"m-0 font-sans text-center text-xs leading-4 text-neutral-500 dark:text-neutral-500\"\n >\n <a href=\"{{unsubscribeUrl}}\" class=\"text-neutral-500 underline dark:text-neutral-500\">Unsubscribe</a>\n </Text>\n <Spacer height={24} />\n <Image\n src=\"{{platformCtaImageUrl}}\"\n width={135}\n height={40}\n alt=\"Start writing on Letterloom\"\n />\n <Spacer height={51} />\n </Column>\n </Row>\n </Section>\n </Container>\n</Email>\n",
7
7
  "email-verification": "<Email lang=\"en\" dir=\"ltr\" class=\"bg-gray-100 dark:bg-gray-950\">\n <Preview>Confirm your email to finish setting up {{workspace}}</Preview>\n <Container class=\"bg-white px-10 py-10 rounded-brand max-w-[600px] dark:bg-gray-900\">\n <Image src=\"{{logoUrl}}\" alt=\"{{workspace}}\" width={132} height={36} />\n <Heading level={1} class=\"text-2xl font-bold text-gray-900 pt-6 dark:text-white\">\n Confirm your email address\n </Heading>\n <Text class=\"text-base leading-relaxed text-gray-600 dark:text-gray-300\">\n Hi {{firstName}}, one quick step to finish setting up {{workspace}}. Confirm that {{email}} is\n your email address so we know where to reach you.\n </Text>\n <Button\n href=\"{{verifyUrl}}\"\n class=\"bg-brand text-brand-foreground font-semibold px-6 py-3 rounded-brand\"\n >\n Confirm email address\n </Button>\n <Spacer height={24} />\n <Section class=\"bg-gray-50 px-6 py-5 rounded-brand dark:bg-gray-800\">\n <Text class=\"text-sm font-medium text-gray-500 dark:text-gray-400\">Or enter this code</Text>\n <Text class=\"text-3xl font-bold font-mono text-gray-900 dark:text-white\">\n {{verificationCode}}\n </Text>\n </Section>\n <Text class=\"text-sm text-gray-500 pt-4 dark:text-gray-400\">\n If you didn't create an account, no action is needed and this email can be ignored.\n </Text>\n </Container>\n</Email>\n",
8
8
  "event-invite": "<Email lang=\"en\" dir=\"ltr\" class=\"bg-gray-100 dark:bg-gray-950\">\n <Preview>You're invited: {{eventName}} on {{eventDate}}</Preview>\n <Container class=\"bg-white px-10 py-10 rounded-brand max-w-[600px] dark:bg-gray-900\">\n <Text class=\"text-sm uppercase font-semibold text-brand\">You're invited</Text>\n <Heading level={1} class=\"text-3xl font-bold text-gray-900 pt-2 dark:text-white\">\n {{eventName}}\n </Heading>\n <Text class=\"text-base leading-relaxed text-gray-600 dark:text-gray-300\">\n Hi {{firstName}}, {{eventDescription}} We'd love for you to join us.\n </Text>\n <Section class=\"bg-gray-50 px-6 py-5 rounded-brand dark:bg-gray-800\">\n <Row>\n <Column width=\"50%\">\n <Text class=\"text-xs uppercase font-medium text-gray-500 dark:text-gray-400\">When</Text>\n <Text class=\"text-base font-semibold text-gray-900 dark:text-white\">{{eventDate}}</Text>\n <Text class=\"text-sm text-gray-600 dark:text-gray-300\">{{eventTime}}</Text>\n </Column>\n <Column width=\"50%\">\n <Text class=\"text-xs uppercase font-medium text-gray-500 dark:text-gray-400\">Where</Text>\n <Text class=\"text-base font-semibold text-gray-900 dark:text-white\">\n {{eventLocation}}\n </Text>\n <Text class=\"text-sm text-gray-600 dark:text-gray-300\">{{eventAddress}}</Text>\n </Column>\n </Row>\n </Section>\n <Button\n href=\"{{rsvpUrl}}\"\n class=\"bg-brand text-brand-foreground font-semibold px-8 py-3 rounded-brand\"\n >\n Save my spot\n </Button>\n <Spacer height={24} />\n <Text class=\"text-sm text-gray-500 dark:text-gray-400\">\n Can't make it? <a href=\"{{declineUrl}}\">Let us know</a> and we'll send you the recording.\n </Text>\n <Divider class=\"border-gray-200 dark:border-gray-700\" />\n <Text class=\"text-xs text-gray-400 dark:text-gray-500\">\n No longer want event invitations? <a href=\"{{unsubscribeUrl}}\">Unsubscribe</a>.\n </Text>\n </Container>\n</Email>\n",
9
9
  "events-roundup": "<Email class=\"font-body bg-white dark:bg-white\">\n <Preview>\n Mira Vale (Album Night), Juniper Reed, Cole Harrow, LOW TIDE and Paper Orchard (EP Night),\n Feltline, Nara Mira Vale (Album Night), Juniper Reed... Paper Orchard (EP Night), ... Copper\n Suns (Album Night) Sl... THE FAR SIDE OF SIGNAL ft. ... GET TICKETS GET TICKETS GET TICKETS GET\n TICKETS GET TICKETS GET TICKETS GET TICKETS GET TICKETS GET TICKETS GET TICKETS FREE RSVP View\n more events Quillford Maps &amp; Windows Goldlane Trio, Seth Rowe, Wyatt Rowan Riverknot,\n Ashmere WELD MIDNIGHT PARADE: WINTER RUN Brambleoak, Nightglass\n </Preview>\n <Container class=\"w-full max-w-[512px] bg-white dark:bg-white\">\n <Section class=\"bg-white pt-[41px] dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 text-center text-[28px] font-bold leading-[32px] tracking-tight text-black dark:text-black\"\n >\n Quillford\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[6px] pb-5 pt-10 dark:bg-white\">\n <Row>\n <Column>\n <Container class=\"w-full rounded-[10px] bg-neutral-100 dark:bg-neutral-100\">\n <Section class=\"px-[26px] py-[30px]\">\n <Row>\n <Column class=\"text-center\">\n <Text class=\"m-0 text-center text-lg leading-[29px] text-black dark:text-black\">\n Here’s what’s coming up at Quillford – take your pick.\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[6px] pb-[70px] dark:bg-white\">\n <Row>\n <Column>\n <Container class=\"w-full rounded-[10px] bg-black pb-[70px] dark:bg-black\">\n <Section class=\"px-[26px] pb-[5px] pt-[26px]\">\n <Row>\n <Column>\n <Image\n src=\"{{event1ImageUrl}}\"\n width={16}\n height={16}\n alt=\"Mira Vale (Album Night), Juniper Reed, Cole Harrow\"\n class=\"rounded-[5px]\"\n />\n <Spacer height={8} />\n <Heading\n level={2}\n class=\"m-0 pb-[30px] text-left text-[25px] font-bold leading-[30px] text-white dark:text-white\"\n >\n <a href=\"{{event1Url}}\" class=\"text-white no-underline dark:text-white\">Mira\n Vale (Album Night), Juniper Reed, Cole Harrow</a>\n </Heading>\n </Column>\n </Row>\n <Row>\n <Column width=\"230\" valign=\"top\">\n <Text\n class=\"m-0 pr-[10px] text-left text-[15px] leading-[22px] text-neutral-300 dark:text-neutral-300\"\n >\n <a href=\"{{event1Url}}\" class=\"text-neutral-300 no-underline dark:text-neutral-300\">{{event1Date}}</a>\n </Text>\n <Text\n class=\"m-0 pr-[10px] text-left text-[15px] leading-[22px] text-neutral-300 dark:text-neutral-300\"\n >\n <a href=\"{{event1Url}}\" class=\"text-neutral-300 no-underline dark:text-neutral-300\">Quillford</a>\n </Text>\n <Text\n class=\"m-0 pr-[10px] text-left text-[15px] leading-[22px] text-neutral-300 dark:text-neutral-300\"\n >\n <a href=\"{{event1Url}}\" class=\"text-neutral-300 no-underline dark:text-neutral-300\">{{event1Price}}</a>\n </Text>\n </Column>\n <Column class=\"text-right\" width=\"230\" valign=\"top\">\n <Button\n href=\"{{event1Url}}\"\n class=\"rounded-full bg-white px-[19px] py-[14px] text-center text-xs font-bold uppercase leading-3 text-black dark:bg-white dark:text-black\"\n >\n GET TICKETS\n </Button>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n </Column>\n </Row>\n </Section>\n <Section class=\"px-[26px]\">\n <Row>\n <Column class=\"w-[47%]\" width=\"217\" valign=\"top\">\n <Image\n src=\"{{event2ImageUrl}}\"\n width={16}\n height={16}\n alt=\"LOW TIDE\"\n class=\"rounded-[5px]\"\n />\n <Spacer height={8} />\n <Heading\n level={3}\n class=\"m-0 pb-2 text-left text-lg font-bold leading-[22px] text-white dark:text-white\"\n >\n <a href=\"{{event2Url}}\" class=\"text-white no-underline dark:text-white\">LOW\n TIDE</a>\n </Heading>\n <Text\n class=\"m-0 text-left text-sm leading-5 text-neutral-300 dark:text-neutral-300\"\n >\n <a href=\"{{event2Url}}\" class=\"text-neutral-300 no-underline dark:text-neutral-300\">{{event2Date}}</a>\n </Text>\n <Text\n class=\"m-0 text-left text-sm leading-5 text-neutral-300 dark:text-neutral-300\"\n >\n <a href=\"{{event2Url}}\" class=\"text-neutral-300 no-underline dark:text-neutral-300\">Quillford</a>\n </Text>\n <Text\n class=\"m-0 text-left text-sm leading-5 text-neutral-300 dark:text-neutral-300\"\n >\n <a href=\"{{event2Url}}\" class=\"text-neutral-300 no-underline dark:text-neutral-300\">{{event2Price}}</a>\n </Text>\n <Spacer height={20} />\n <Button\n href=\"{{event2Url}}\"\n class=\"rounded-full bg-white px-[15px] py-[11px] text-center text-[10px] font-bold uppercase leading-[10px] text-black dark:bg-white dark:text-black\"\n >\n GET TICKETS\n </Button>\n </Column>\n <Column class=\"w-[6%]\" width=\"26\" valign=\"top\">\n <Spacer height={1} />\n </Column>\n <Column class=\"w-[47%]\" width=\"217\" valign=\"top\">\n <Image\n src=\"{{event3ImageUrl}}\"\n width={16}\n height={16}\n alt=\"Paper Orchard (EP Night), Feltline, Nara\"\n class=\"rounded-[5px]\"\n />\n <Spacer height={8} />\n <Heading\n level={3}\n class=\"m-0 pb-2 text-left text-lg font-bold leading-[22px] text-white dark:text-white\"\n >\n <a href=\"{{event3Url}}\" class=\"text-white no-underline dark:text-white\">Paper\n Orchard (EP Night), Feltline, Nara</a>\n </Heading>\n <Text\n class=\"m-0 text-left text-sm leading-5 text-neutral-300 dark:text-neutral-300\"\n >\n <a href=\"{{event3Url}}\" class=\"text-neutral-300 no-underline dark:text-neutral-300\">{{event3Date}}</a>\n </Text>\n <Text\n class=\"m-0 text-left text-sm leading-5 text-neutral-300 dark:text-neutral-300\"\n >\n <a href=\"{{event3Url}}\" class=\"text-neutral-300 no-underline dark:text-neutral-300\">Quillford</a>\n </Text>\n <Text\n class=\"m-0 text-left text-sm leading-5 text-neutral-300 dark:text-neutral-300\"\n >\n <a href=\"{{event3Url}}\" class=\"text-neutral-300 no-underline dark:text-neutral-300\">{{event3Price}}</a>\n </Text>\n <Spacer height={20} />\n <Button\n href=\"{{event3Url}}\"\n class=\"rounded-full bg-white px-[15px] py-[11px] text-center text-[10px] font-bold uppercase leading-[10px] text-black dark:bg-white dark:text-black\"\n >\n GET TICKETS\n </Button>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={30} />\n </Column>\n </Row>\n </Section>\n <Section class=\"px-[26px]\">\n <Row>\n <Column class=\"w-[47%]\" width=\"217\" valign=\"top\">\n <Image\n src=\"{{event4ImageUrl}}\"\n width={16}\n height={16}\n alt=\"Maps &amp; Windows\"\n class=\"rounded-[5px]\"\n />\n <Spacer height={8} />\n <Heading\n level={3}\n class=\"m-0 pb-2 text-left text-lg font-bold leading-[22px] text-white dark:text-white\"\n >\n <a href=\"{{event4Url}}\" class=\"text-white no-underline dark:text-white\">Maps\n &amp; Windows</a>\n </Heading>\n <Text\n class=\"m-0 text-left text-sm leading-5 text-neutral-300 dark:text-neutral-300\"\n >\n <a href=\"{{event4Url}}\" class=\"text-neutral-300 no-underline dark:text-neutral-300\">{{event4Date}}</a>\n </Text>\n <Text\n class=\"m-0 text-left text-sm leading-5 text-neutral-300 dark:text-neutral-300\"\n >\n <a href=\"{{event4Url}}\" class=\"text-neutral-300 no-underline dark:text-neutral-300\">Quillford</a>\n </Text>\n <Text\n class=\"m-0 text-left text-sm leading-5 text-neutral-300 dark:text-neutral-300\"\n >\n <a href=\"{{event4Url}}\" class=\"text-neutral-300 no-underline dark:text-neutral-300\">{{event4Price}}</a>\n </Text>\n <Spacer height={20} />\n <Button\n href=\"{{event4Url}}\"\n class=\"rounded-full bg-white px-[15px] py-[11px] text-center text-[10px] font-bold uppercase leading-[10px] text-black dark:bg-white dark:text-black\"\n >\n FREE RSVP\n </Button>\n </Column>\n <Column class=\"w-[6%]\" width=\"26\" valign=\"top\">\n <Spacer height={1} />\n </Column>\n <Column class=\"w-[47%]\" width=\"217\" valign=\"top\">\n <Image\n src=\"{{event5ImageUrl}}\"\n width={16}\n height={16}\n alt=\"Copper Suns (Album Night) Slate Harbor, Ira Moss &amp; The Wire Hours\"\n class=\"rounded-[5px]\"\n />\n <Spacer height={8} />\n <Heading\n level={3}\n class=\"m-0 pb-2 text-left text-lg font-bold leading-[22px] text-white dark:text-white\"\n >\n <a href=\"{{event5Url}}\" class=\"text-white no-underline dark:text-white\">Copper\n Suns (Album Night) Slate Harbor, Ira ...</a>\n </Heading>\n <Text\n class=\"m-0 text-left text-sm leading-5 text-neutral-300 dark:text-neutral-300\"\n >\n <a href=\"{{event5Url}}\" class=\"text-neutral-300 no-underline dark:text-neutral-300\">{{event5Date}}</a>\n </Text>\n <Text\n class=\"m-0 text-left text-sm leading-5 text-neutral-300 dark:text-neutral-300\"\n >\n <a href=\"{{event5Url}}\" class=\"text-neutral-300 no-underline dark:text-neutral-300\">Quillford</a>\n </Text>\n <Text\n class=\"m-0 text-left text-sm leading-5 text-neutral-300 dark:text-neutral-300\"\n >\n <a href=\"{{event5Url}}\" class=\"text-neutral-300 no-underline dark:text-neutral-300\">{{event5Price}}</a>\n </Text>\n <Spacer height={20} />\n <Button\n href=\"{{event5Url}}\"\n class=\"rounded-full bg-white px-[15px] py-[11px] text-center text-[10px] font-bold uppercase leading-[10px] text-black dark:bg-white dark:text-black\"\n >\n GET TICKETS\n </Button>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={30} />\n </Column>\n </Row>\n </Section>\n <Section class=\"px-[26px]\">\n <Row>\n <Column class=\"w-[47%]\" width=\"217\" valign=\"top\">\n <Image\n src=\"{{event6ImageUrl}}\"\n width={16}\n height={16}\n alt=\"Goldlane Trio, Seth Rowe, Wyatt Rowan\"\n class=\"rounded-[5px]\"\n />\n <Spacer height={8} />\n <Heading\n level={3}\n class=\"m-0 pb-2 text-left text-lg font-bold leading-[22px] text-white dark:text-white\"\n >\n <a href=\"{{event6Url}}\" class=\"text-white no-underline dark:text-white\">Goldlane\n Trio, Seth Rowe, Wyatt Rowan</a>\n </Heading>\n <Text\n class=\"m-0 text-left text-sm leading-5 text-neutral-300 dark:text-neutral-300\"\n >\n <a href=\"{{event6Url}}\" class=\"text-neutral-300 no-underline dark:text-neutral-300\">{{event6Date}}</a>\n </Text>\n <Text\n class=\"m-0 text-left text-sm leading-5 text-neutral-300 dark:text-neutral-300\"\n >\n <a href=\"{{event6Url}}\" class=\"text-neutral-300 no-underline dark:text-neutral-300\">Quillford</a>\n </Text>\n <Text\n class=\"m-0 text-left text-sm leading-5 text-neutral-300 dark:text-neutral-300\"\n >\n <a href=\"{{event6Url}}\" class=\"text-neutral-300 no-underline dark:text-neutral-300\">{{event6Price}}</a>\n </Text>\n <Spacer height={20} />\n <Button\n href=\"{{event6Url}}\"\n class=\"rounded-full bg-white px-[15px] py-[11px] text-center text-[10px] font-bold uppercase leading-[10px] text-black dark:bg-white dark:text-black\"\n >\n GET TICKETS\n </Button>\n </Column>\n <Column class=\"w-[6%]\" width=\"26\" valign=\"top\">\n <Spacer height={1} />\n </Column>\n <Column class=\"w-[47%]\" width=\"217\" valign=\"top\">\n <Image\n src=\"{{event7ImageUrl}}\"\n width={16}\n height={16}\n alt=\"Riverknot, Ashmere\"\n class=\"rounded-[5px]\"\n />\n <Spacer height={8} />\n <Heading\n level={3}\n class=\"m-0 pb-2 text-left text-lg font-bold leading-[22px] text-white dark:text-white\"\n >\n <a href=\"{{event7Url}}\" class=\"text-white no-underline dark:text-white\">Riverknot,\n Ashmere</a>\n </Heading>\n <Text\n class=\"m-0 text-left text-sm leading-5 text-neutral-300 dark:text-neutral-300\"\n >\n <a href=\"{{event7Url}}\" class=\"text-neutral-300 no-underline dark:text-neutral-300\">{{event7Date}}</a>\n </Text>\n <Text\n class=\"m-0 text-left text-sm leading-5 text-neutral-300 dark:text-neutral-300\"\n >\n <a href=\"{{event7Url}}\" class=\"text-neutral-300 no-underline dark:text-neutral-300\">Quillford</a>\n </Text>\n <Text\n class=\"m-0 text-left text-sm leading-5 text-neutral-300 dark:text-neutral-300\"\n >\n <a href=\"{{event7Url}}\" class=\"text-neutral-300 no-underline dark:text-neutral-300\">{{event7Price}}</a>\n </Text>\n <Spacer height={20} />\n <Button\n href=\"{{event7Url}}\"\n class=\"rounded-full bg-white px-[15px] py-[11px] text-center text-[10px] font-bold uppercase leading-[10px] text-black dark:bg-white dark:text-black\"\n >\n GET TICKETS\n </Button>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={30} />\n </Column>\n </Row>\n </Section>\n <Section class=\"px-[26px]\">\n <Row>\n <Column class=\"w-[47%]\" width=\"217\" valign=\"top\">\n <Image\n src=\"{{event8ImageUrl}}\"\n width={16}\n height={16}\n alt=\"THE FAR SIDE OF SIGNAL ft. RIVEN ORBIT, Cobalt Blue, DJ Cove\"\n class=\"rounded-[5px]\"\n />\n <Spacer height={8} />\n <Heading\n level={3}\n class=\"m-0 pb-2 text-left text-lg font-bold leading-[22px] text-white dark:text-white\"\n >\n <a href=\"{{event8Url}}\" class=\"text-white no-underline dark:text-white\">THE FAR\n SIDE OF SIGNAL ft. RIVEN ORBIT, Cobal...</a>\n </Heading>\n <Text\n class=\"m-0 text-left text-sm leading-5 text-neutral-300 dark:text-neutral-300\"\n >\n <a href=\"{{event8Url}}\" class=\"text-neutral-300 no-underline dark:text-neutral-300\">{{event8Date}}</a>\n </Text>\n <Text\n class=\"m-0 text-left text-sm leading-5 text-neutral-300 dark:text-neutral-300\"\n >\n <a href=\"{{event8Url}}\" class=\"text-neutral-300 no-underline dark:text-neutral-300\">Quillford</a>\n </Text>\n <Text\n class=\"m-0 text-left text-sm leading-5 text-neutral-300 dark:text-neutral-300\"\n >\n <a href=\"{{event8Url}}\" class=\"text-neutral-300 no-underline dark:text-neutral-300\">{{event8Price}}</a>\n </Text>\n <Spacer height={20} />\n <Button\n href=\"{{event8Url}}\"\n class=\"rounded-full bg-white px-[15px] py-[11px] text-center text-[10px] font-bold uppercase leading-[10px] text-black dark:bg-white dark:text-black\"\n >\n GET TICKETS\n </Button>\n </Column>\n <Column class=\"w-[6%]\" width=\"26\" valign=\"top\">\n <Spacer height={1} />\n </Column>\n <Column class=\"w-[47%]\" width=\"217\" valign=\"top\">\n <Image\n src=\"{{event9ImageUrl}}\"\n width={16}\n height={16}\n alt=\"WELD\"\n class=\"rounded-[5px]\"\n />\n <Spacer height={8} />\n <Heading\n level={3}\n class=\"m-0 pb-2 text-left text-lg font-bold leading-[22px] text-white dark:text-white\"\n >\n <a href=\"{{event9Url}}\" class=\"text-white no-underline dark:text-white\">WELD</a>\n </Heading>\n <Text\n class=\"m-0 text-left text-sm leading-5 text-neutral-300 dark:text-neutral-300\"\n >\n <a href=\"{{event9Url}}\" class=\"text-neutral-300 no-underline dark:text-neutral-300\">{{event9Date}}</a>\n </Text>\n <Text\n class=\"m-0 text-left text-sm leading-5 text-neutral-300 dark:text-neutral-300\"\n >\n <a href=\"{{event9Url}}\" class=\"text-neutral-300 no-underline dark:text-neutral-300\">Quillford</a>\n </Text>\n <Text\n class=\"m-0 text-left text-sm leading-5 text-neutral-300 dark:text-neutral-300\"\n >\n <a href=\"{{event9Url}}\" class=\"text-neutral-300 no-underline dark:text-neutral-300\">{{event9Price}}</a>\n </Text>\n <Spacer height={20} />\n <Button\n href=\"{{event9Url}}\"\n class=\"rounded-full bg-white px-[15px] py-[11px] text-center text-[10px] font-bold uppercase leading-[10px] text-black dark:bg-white dark:text-black\"\n >\n GET TICKETS\n </Button>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={30} />\n </Column>\n </Row>\n </Section>\n <Section class=\"px-[26px]\">\n <Row>\n <Column class=\"w-[47%]\" width=\"217\" valign=\"top\">\n <Image\n src=\"{{event10ImageUrl}}\"\n width={16}\n height={16}\n alt=\"MIDNIGHT PARADE: WINTER RUN\"\n class=\"rounded-[5px]\"\n />\n <Spacer height={8} />\n <Heading\n level={3}\n class=\"m-0 pb-2 text-left text-lg font-bold leading-[22px] text-white dark:text-white\"\n >\n <a href=\"{{event10Url}}\" class=\"text-white no-underline dark:text-white\">MIDNIGHT\n PARADE: WINTER RUN</a>\n </Heading>\n <Text\n class=\"m-0 text-left text-sm leading-5 text-neutral-300 dark:text-neutral-300\"\n >\n <a href=\"{{event10Url}}\" class=\"text-neutral-300 no-underline dark:text-neutral-300\">{{event10Date}}</a>\n </Text>\n <Text\n class=\"m-0 text-left text-sm leading-5 text-neutral-300 dark:text-neutral-300\"\n >\n <a href=\"{{event10Url}}\" class=\"text-neutral-300 no-underline dark:text-neutral-300\">Quillford</a>\n </Text>\n <Text\n class=\"m-0 text-left text-sm leading-5 text-neutral-300 dark:text-neutral-300\"\n >\n <a href=\"{{event10Url}}\" class=\"text-neutral-300 no-underline dark:text-neutral-300\">{{event10Price}}</a>\n </Text>\n <Spacer height={20} />\n <Button\n href=\"{{event10Url}}\"\n class=\"rounded-full bg-white px-[15px] py-[11px] text-center text-[10px] font-bold uppercase leading-[10px] text-black dark:bg-white dark:text-black\"\n >\n GET TICKETS\n </Button>\n </Column>\n <Column class=\"w-[6%]\" width=\"26\" valign=\"top\">\n <Spacer height={1} />\n </Column>\n <Column class=\"w-[47%]\" width=\"217\" valign=\"top\">\n <Image\n src=\"{{event11ImageUrl}}\"\n width={16}\n height={16}\n alt=\"Brambleoak, Nightglass\"\n class=\"rounded-[5px]\"\n />\n <Spacer height={8} />\n <Heading\n level={3}\n class=\"m-0 pb-2 text-left text-lg font-bold leading-[22px] text-white dark:text-white\"\n >\n <a href=\"{{event11Url}}\" class=\"text-white no-underline dark:text-white\">Brambleoak,\n Nightglass</a>\n </Heading>\n <Text\n class=\"m-0 text-left text-sm leading-5 text-neutral-300 dark:text-neutral-300\"\n >\n <a href=\"{{event11Url}}\" class=\"text-neutral-300 no-underline dark:text-neutral-300\">{{event11Date}}</a>\n </Text>\n <Text\n class=\"m-0 text-left text-sm leading-5 text-neutral-300 dark:text-neutral-300\"\n >\n <a href=\"{{event11Url}}\" class=\"text-neutral-300 no-underline dark:text-neutral-300\">Quillford</a>\n </Text>\n <Text\n class=\"m-0 text-left text-sm leading-5 text-neutral-300 dark:text-neutral-300\"\n >\n <a href=\"{{event11Url}}\" class=\"text-neutral-300 no-underline dark:text-neutral-300\">{{event11Price}}</a>\n </Text>\n <Spacer height={20} />\n <Button\n href=\"{{event11Url}}\"\n class=\"rounded-full bg-white px-[15px] py-[11px] text-center text-[10px] font-bold uppercase leading-[10px] text-black dark:bg-white dark:text-black\"\n >\n GET TICKETS\n </Button>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={30} />\n </Column>\n </Row>\n </Section>\n <Section class=\"px-[26px] pt-[55px]\">\n <Row>\n <Column class=\"text-center\">\n <Container class=\"w-[280px]\">\n <Section>\n <Row>\n <Column class=\"text-center\">\n <Button\n href=\"{{moreEventsUrl}}\"\n class=\"w-full rounded-full bg-white px-4 py-4 text-center text-[13px] font-bold uppercase leading-[13px] text-black dark:bg-white dark:text-black\"\n >\n View more events\n </Button>\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white pb-[60px] dark:bg-white\">\n <Row>\n <Column>\n <Text\n class=\"m-0 text-left text-[22px] font-bold leading-[26px] tracking-tight text-black dark:text-black\"\n >\n Quillford\n </Text>\n <Spacer height={43} />\n </Column>\n </Row>\n <Row>\n <Column class=\"pl-[11px]\">\n <Text\n class=\"m-0 pb-[15px] text-left text-base font-bold leading-[18px] text-black dark:text-black\"\n >\n FOLLOW AND DOWNLOAD\n </Text>\n </Column>\n </Row>\n <Row>\n <Column class=\"pl-1\" width=\"44\">\n <Image src=\"{{socialOneIconUrl}}\" width={38} height={38} alt=\"Social link\" />\n </Column>\n <Column width=\"44\">\n <Image src=\"{{socialTwoIconUrl}}\" width={38} height={38} alt=\"Social link\" />\n </Column>\n <Column width=\"44\">\n <Image src=\"{{socialThreeIconUrl}}\" width={38} height={38} alt=\"Social link\" />\n </Column>\n <Column width=\"38\">\n <Image src=\"{{socialFourIconUrl}}\" width={38} height={38} alt=\"Social link\" />\n </Column>\n <Column>\n <Spacer height={38} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={26} />\n </Column>\n </Row>\n <Row>\n <Column class=\"pl-[11px]\">\n <Text\n class=\"m-0 pb-[7px] text-left text-[10px] leading-[15px] text-neutral-400 dark:text-neutral-400\"\n >\n © {{copyrightYear}} Quillford Music LLC. All rights reserved.\n </Text>\n <Text\n class=\"m-0 text-left text-[10px] leading-[15px] text-neutral-400 dark:text-neutral-400\"\n >\n <a href=\"{{unsubscribeUrl}}\" class=\"pr-[17px] text-neutral-400 no-underline dark:text-neutral-400\">Unsubscribe</a>\n <a href=\"{{helpUrl}}\" class=\"pr-[17px] text-neutral-400 no-underline dark:text-neutral-400\">Help\n centre</a>\n <a href=\"{{termsUrl}}\" class=\"text-neutral-400 no-underline dark:text-neutral-400\">Terms\n and conditions</a>\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n</Email>\n",
10
- "feature-release-roundup": "<Email class=\"font-body bg-white dark:bg-white\">\n <Preview>\n Introducing Live Activity Feed | New Links Workspace | Announcing the Draftwell API GA\n </Preview>\n <Container class=\"w-full max-w-[600px] bg-white dark:bg-white\">\n <Section class=\"bg-white pt-9 pb-4 dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 font-sans text-center text-sm font-semibold leading-normal tracking-wide text-[#333333] dark:text-[#333333]\"\n >\n Draftwell\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 font-sans text-center text-sm font-normal leading-normal text-[#333333] dark:text-[#333333]\"\n >\n Draftwell March Product Update\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white p-2.5 dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 font-sans text-center text-sm font-normal leading-loose text-[#333333] dark:text-[#333333]\"\n >\n Introducing Live Activity Feed\n </Text>\n <Text\n class=\"m-0 font-sans text-center text-sm font-normal leading-loose text-[#333333] dark:text-[#333333]\"\n >\n Introducing New Links Workspace\n </Text>\n <Text\n class=\"m-0 font-sans text-center text-sm font-normal leading-loose text-[#333333] dark:text-[#333333]\"\n >\n Announcing the Draftwell API GA\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={20} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Image\n src=\"{{activityFeedImageUrl}}\"\n width={560}\n height={300}\n alt=\"Live Activity Feed showing recent clicks across a Draftwell workspace\"\n />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-10 py-2.5 dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={14} />\n <Heading\n level={2}\n class=\"m-0 font-sans text-left text-xl font-bold leading-snug text-[#333333] dark:text-[#333333]\"\n >\n Introducing Live Activity Feed\n </Heading>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n Introducing the <strong>Live Activity Feed</strong> – a detailed, real-time stream of\n clicks and conversions across your entire Draftwell workspace.\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n ◆ Live by default\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n ◆ Customize to show the columns you want\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n ◆ Filter events by link, country, device type, etc.\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n ◆ Export events to CSV for further analysis\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white py-2.5 dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Button\n href=\"{{activityFeedUrl}}\"\n class=\"font-sans rounded-xl bg-black px-[22px] py-4 text-center text-base font-bold tracking-wide text-white dark:bg-black dark:text-white\"\n >\n Learn more about Activity\n </Button>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white py-10 dark:bg-white\">\n <Row>\n <Column>\n <Divider class=\"border-[#d7d7d7] dark:border-[#d7d7d7]\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Image\n src=\"{{linksWorkspaceImageUrl}}\"\n width={560}\n height={300}\n alt=\"Redesigned Draftwell links workspace with cards and rows views\"\n />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-10 py-2.5 dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={14} />\n <Heading\n level={2}\n class=\"m-0 font-sans text-left text-xl font-bold leading-snug text-[#333333] dark:text-[#333333]\"\n >\n Introducing the new Draftwell links workspace\n </Heading>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n Earlier this month, we launched our new links workspace – redesigned from the ground up\n – to help you better manage your links.\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n ◆ \"Cards\" vs \"Rows\" views\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n ◆ Choose which properties to display\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n ◆ Setting your preferred view as the default view\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n ◆ New Filter UX\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white py-2.5 dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Button\n href=\"{{linksWorkspaceBlogUrl}}\"\n class=\"font-sans rounded-xl bg-black px-[22px] py-4 text-center text-base font-bold tracking-wide text-white dark:bg-black dark:text-white\"\n >\n Read the blog post\n </Button>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white py-10 dark:bg-white\">\n <Row>\n <Column>\n <Divider class=\"border-[#d7d7d7] dark:border-[#d7d7d7]\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Image\n src=\"{{apiGaImageUrl}}\"\n width={560}\n height={300}\n alt=\"Draftwell API documentation with SDK install examples\"\n />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-10 py-2.5 dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={14} />\n <Heading\n level={2}\n class=\"m-0 font-sans text-left text-xl font-bold leading-snug text-[#333333] dark:text-[#333333]\"\n >\n Announcing the Draftwell API General Availability (GA)\n </Heading>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n If you're a programmatic user of Draftwell, we've got some good news for you: the\n <a href=\"{{apiDocsUrl}}\" class=\"text-[#6a7280] underline dark:text-[#6a7280]\">Draftwell\n API</a> is now Generally Available.\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n We're also introducing native SDKs in 4 languages:\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n ◆ TypeScript (npm i draftwell)\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n ◆ Python (pip install draftwell)\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n ◆ Ruby (gem install draftwell)\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n ◆ Go (go get draftwell)\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white py-2.5 dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Button\n href=\"{{apiBlogUrl}}\"\n class=\"font-sans rounded-xl bg-black px-[22px] py-4 text-center text-base font-bold tracking-wide text-white dark:bg-black dark:text-white\"\n >\n Read the blog post\n </Button>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white py-10 dark:bg-white\">\n <Row>\n <Column>\n <Divider class=\"border-[#d7d7d7] dark:border-[#d7d7d7]\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Image\n src=\"{{brandedShortenersImageUrl}}\"\n width={560}\n height={300}\n alt=\"Branded Draftwell short links for Sketchlane and Ledgerpath\"\n />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-10 py-2.5 dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={14} />\n <Heading\n level={2}\n class=\"m-0 font-sans text-left text-xl font-bold leading-snug text-[#333333] dark:text-[#333333]\"\n >\n Introducing 2 new branded link shorteners\n </Heading>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n This month, we also introduced 2 new branded link shorteners:\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n ◆\n <a href=\"{{sketchlaneShortenerUrl}}\" class=\"text-[#6a7280] underline dark:text-[#6a7280]\">Sketchlane\n link shortener</a>\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n ◆\n <a href=\"{{ledgerpathShortenerUrl}}\" class=\"text-[#6a7280] underline dark:text-[#6a7280]\">Ledgerpath\n link shortener</a>\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n We also wrote about pathly.example retiring its legacy redirects –\n <a href=\"{{shortenerSunsetUrl}}\" class=\"text-[#6a7280] underline dark:text-[#6a7280]\">learn\n more about when this is happening</a>.\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white py-10 dark:bg-white\">\n <Row>\n <Column>\n <Divider class=\"border-[#d7d7d7] dark:border-[#d7d7d7]\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-10 py-2.5 dark:bg-white\">\n <Row>\n <Column>\n <Heading\n level={2}\n class=\"m-0 font-sans text-left text-xl font-bold leading-snug text-[#333333] dark:text-[#333333]\"\n >\n Draftwell Changelog\n </Heading>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n Don't miss these other product updates:\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n ◆\n <a href=\"{{domainMgmtUrl}}\" class=\"text-[#6a7280] underline dark:text-[#6a7280]\">Improvements\n to domain management flow</a>\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n ◆\n <a href=\"{{notificationsUrl}}\" class=\"text-[#6a7280] underline dark:text-[#6a7280]\">Notifications\n center</a> (subscribe to important events in your workspace)\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n ◆\n <a href=\"{{continentsAnalyticsUrl}}\" class=\"text-[#6a7280] underline dark:text-[#6a7280]\">Continents\n support in analytics</a>\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n Read our changelog →\n <a href=\"{{changelogUrl}}\" class=\"text-[#6a7280] underline dark:text-[#6a7280]\">draftwell.example/changelog</a>\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n Last but not least, if you've enjoyed using Draftwell so far, we'd really appreciate a\n <a href=\"{{reviewUrl}}\" class=\"text-[#6a7280] underline dark:text-[#6a7280]\">review on\n Softmark</a> – thank you!\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={49} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white py-2.5 dark:bg-white\">\n <Row>\n <Column width=\"237\">\n <Spacer height={16} />\n </Column>\n <Column width=\"42\" class=\"text-center\">\n <Image src=\"{{socialOneIconUrl}}\" width={16} height={16} alt=\"Social link\" />\n </Column>\n <Column width=\"42\" class=\"text-center\">\n <Image src=\"{{socialTwoIconUrl}}\" width={16} height={16} alt=\"Social link\" />\n </Column>\n <Column width=\"42\" class=\"text-center\">\n <Image src=\"{{socialThreeIconUrl}}\" width={16} height={16} alt=\"Social link\" />\n </Column>\n <Column width=\"237\">\n <Spacer height={16} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white p-2.5 dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 font-sans text-center text-xs font-normal leading-relaxed text-[#797979] dark:text-[#797979]\"\n >\n 841 Harbor Ledger Suite 210\n </Text>\n <Text\n class=\"m-0 font-sans text-center text-xs font-normal leading-relaxed text-[#797979] dark:text-[#797979]\"\n >\n Portland, OR 97205, United States\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white p-2.5 dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 font-sans text-center text-[11px] font-normal leading-loose text-[#797979] dark:text-[#797979]\"\n >\n <a href=\"{{unsubscribeUrl}}\" class=\"text-[#797979] underline dark:text-[#797979]\">Unsubscribe</a>\n or\n <a href=\"{{preferencesUrl}}\" class=\"text-[#797979] underline dark:text-[#797979]\">Manage\n Preferences</a>\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n</Email>\n",
10
+ "feature-release-roundup": "<Email class=\"font-body bg-white dark:bg-white\">\n <Preview>\n Example email template. Replace the sample releases, claims, and links before sending.\n </Preview>\n <Container class=\"w-full max-w-[600px] bg-white dark:bg-white\">\n <Section class=\"bg-white pt-9 pb-4 dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 font-sans text-center text-sm font-semibold leading-normal tracking-wide text-[#333333] dark:text-[#333333]\"\n >\n Draftwell\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 font-sans text-center text-sm font-normal leading-normal text-[#333333] dark:text-[#333333]\"\n >\n Draftwell March Product Update\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white p-2.5 dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 font-sans text-center text-sm font-normal leading-loose text-[#333333] dark:text-[#333333]\"\n >\n Introducing Live Activity Feed\n </Text>\n <Text\n class=\"m-0 font-sans text-center text-sm font-normal leading-loose text-[#333333] dark:text-[#333333]\"\n >\n Introducing New Links Workspace\n </Text>\n <Text\n class=\"m-0 font-sans text-center text-sm font-normal leading-loose text-[#333333] dark:text-[#333333]\"\n >\n Announcing the Draftwell API GA\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={20} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Image\n src=\"{{activityFeedImageUrl}}\"\n width={560}\n height={300}\n alt=\"Live Activity Feed showing recent clicks across a Draftwell workspace\"\n />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-10 py-2.5 dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={14} />\n <Heading\n level={2}\n class=\"m-0 font-sans text-left text-xl font-bold leading-snug text-[#333333] dark:text-[#333333]\"\n >\n Introducing Live Activity Feed\n </Heading>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n Introducing the <strong>Live Activity Feed</strong> – a detailed, real-time stream of\n clicks and conversions across your entire Draftwell workspace.\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n ◆ Live by default\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n ◆ Customize to show the columns you want\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n ◆ Filter events by link, country, device type, etc.\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n ◆ Export events to CSV for further analysis\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white py-2.5 dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Button\n href=\"{{activityFeedUrl}}\"\n class=\"font-sans rounded-xl bg-black px-[22px] py-4 text-center text-base font-bold tracking-wide text-white dark:bg-black dark:text-white\"\n >\n Learn more about Activity\n </Button>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white py-10 dark:bg-white\">\n <Row>\n <Column>\n <Divider class=\"border-[#d7d7d7] dark:border-[#d7d7d7]\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Image\n src=\"{{linksWorkspaceImageUrl}}\"\n width={560}\n height={300}\n alt=\"Redesigned Draftwell links workspace with cards and rows views\"\n />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-10 py-2.5 dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={14} />\n <Heading\n level={2}\n class=\"m-0 font-sans text-left text-xl font-bold leading-snug text-[#333333] dark:text-[#333333]\"\n >\n Introducing the new Draftwell links workspace\n </Heading>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n Earlier this month, we launched our new links workspace – redesigned from the ground up\n – to help you better manage your links.\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n ◆ \"Cards\" vs \"Rows\" views\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n ◆ Choose which properties to display\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n ◆ Setting your preferred view as the default view\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n ◆ New Filter UX\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white py-2.5 dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Button\n href=\"{{linksWorkspaceBlogUrl}}\"\n class=\"font-sans rounded-xl bg-black px-[22px] py-4 text-center text-base font-bold tracking-wide text-white dark:bg-black dark:text-white\"\n >\n Read the blog post\n </Button>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white py-10 dark:bg-white\">\n <Row>\n <Column>\n <Divider class=\"border-[#d7d7d7] dark:border-[#d7d7d7]\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Image\n src=\"{{apiGaImageUrl}}\"\n width={560}\n height={300}\n alt=\"Draftwell API documentation with SDK install examples\"\n />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-10 py-2.5 dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={14} />\n <Heading\n level={2}\n class=\"m-0 font-sans text-left text-xl font-bold leading-snug text-[#333333] dark:text-[#333333]\"\n >\n Announcing the Draftwell API General Availability (GA)\n </Heading>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n If you're a programmatic user of Draftwell, we've got some good news for you: the\n <a href=\"{{apiDocsUrl}}\" class=\"text-[#6a7280] underline dark:text-[#6a7280]\">Draftwell\n API</a> is now Generally Available.\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n We're also introducing native SDKs in 4 languages:\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n ◆ TypeScript (npm i draftwell)\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n ◆ Python (pip install draftwell)\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n ◆ Ruby (gem install draftwell)\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n ◆ Go (go get draftwell)\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white py-2.5 dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Button\n href=\"{{apiBlogUrl}}\"\n class=\"font-sans rounded-xl bg-black px-[22px] py-4 text-center text-base font-bold tracking-wide text-white dark:bg-black dark:text-white\"\n >\n Read the blog post\n </Button>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white py-10 dark:bg-white\">\n <Row>\n <Column>\n <Divider class=\"border-[#d7d7d7] dark:border-[#d7d7d7]\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Image\n src=\"{{brandedShortenersImageUrl}}\"\n width={560}\n height={300}\n alt=\"Branded Draftwell short links for Sketchlane and Ledgerpath\"\n />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-10 py-2.5 dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={14} />\n <Heading\n level={2}\n class=\"m-0 font-sans text-left text-xl font-bold leading-snug text-[#333333] dark:text-[#333333]\"\n >\n Introducing 2 new branded link shorteners\n </Heading>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n This month, we also introduced 2 new branded link shorteners:\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n ◆\n <a href=\"{{sketchlaneShortenerUrl}}\" class=\"text-[#6a7280] underline dark:text-[#6a7280]\">Sketchlane\n link shortener</a>\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n ◆\n <a href=\"{{ledgerpathShortenerUrl}}\" class=\"text-[#6a7280] underline dark:text-[#6a7280]\">Ledgerpath\n link shortener</a>\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n We also wrote about pathly.example retiring its legacy redirects –\n <a href=\"{{shortenerSunsetUrl}}\" class=\"text-[#6a7280] underline dark:text-[#6a7280]\">learn\n more about when this is happening</a>.\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white py-10 dark:bg-white\">\n <Row>\n <Column>\n <Divider class=\"border-[#d7d7d7] dark:border-[#d7d7d7]\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-10 py-2.5 dark:bg-white\">\n <Row>\n <Column>\n <Heading\n level={2}\n class=\"m-0 font-sans text-left text-xl font-bold leading-snug text-[#333333] dark:text-[#333333]\"\n >\n Draftwell Changelog\n </Heading>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n Don't miss these other product updates:\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n ◆\n <a href=\"{{domainMgmtUrl}}\" class=\"text-[#6a7280] underline dark:text-[#6a7280]\">Improvements\n to domain management flow</a>\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n ◆\n <a href=\"{{notificationsUrl}}\" class=\"text-[#6a7280] underline dark:text-[#6a7280]\">Notifications\n center</a> (subscribe to important events in your workspace)\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n ◆\n <a href=\"{{continentsAnalyticsUrl}}\" class=\"text-[#6a7280] underline dark:text-[#6a7280]\">Continents\n support in analytics</a>\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n Read our changelog →\n <a href=\"{{changelogUrl}}\" class=\"text-[#6a7280] underline dark:text-[#6a7280]\">draftwell.example/changelog</a>\n </Text>\n <Spacer height={14} />\n <Text\n class=\"m-0 font-sans text-left text-base font-normal leading-snug text-[#333333] dark:text-[#333333]\"\n >\n Last but not least, if you've enjoyed using Draftwell so far, we'd really appreciate a\n <a href=\"{{reviewUrl}}\" class=\"text-[#6a7280] underline dark:text-[#6a7280]\">review on\n Softmark</a> – thank you!\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={49} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white py-2.5 dark:bg-white\">\n <Row>\n <Column width=\"237\">\n <Spacer height={16} />\n </Column>\n <Column width=\"42\" class=\"text-center\">\n <Image src=\"{{socialOneIconUrl}}\" width={16} height={16} alt=\"Social link\" />\n </Column>\n <Column width=\"42\" class=\"text-center\">\n <Image src=\"{{socialTwoIconUrl}}\" width={16} height={16} alt=\"Social link\" />\n </Column>\n <Column width=\"42\" class=\"text-center\">\n <Image src=\"{{socialThreeIconUrl}}\" width={16} height={16} alt=\"Social link\" />\n </Column>\n <Column width=\"237\">\n <Spacer height={16} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white p-2.5 dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 font-sans text-center text-xs font-normal leading-relaxed text-[#797979] dark:text-[#797979]\"\n >\n 841 Harbor Ledger Suite 210\n </Text>\n <Text\n class=\"m-0 font-sans text-center text-xs font-normal leading-relaxed text-[#797979] dark:text-[#797979]\"\n >\n Portland, OR 97205, United States\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white p-2.5 dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 font-sans text-center text-[11px] font-normal leading-loose text-[#797979] dark:text-[#797979]\"\n >\n <a href=\"{{unsubscribeUrl}}\" class=\"text-[#797979] underline dark:text-[#797979]\">Unsubscribe</a>\n or\n <a href=\"{{preferencesUrl}}\" class=\"text-[#797979] underline dark:text-[#797979]\">Manage\n Preferences</a>\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n</Email>\n",
11
11
  "feedback-request": "<Email lang=\"en\" dir=\"ltr\" class=\"bg-gray-100 dark:bg-gray-950\">\n <Preview>How's {{workspace}} working out, {{firstName}}? One quick question.</Preview>\n <Container class=\"bg-white px-10 py-10 rounded-brand max-w-[600px] dark:bg-gray-900\">\n <Image src=\"{{logoUrl}}\" alt=\"{{workspace}}\" width={132} height={36} />\n <Heading level={1} class=\"text-2xl font-bold text-gray-900 pt-6 dark:text-white\">\n How are we doing?\n </Heading>\n <Text class=\"text-base leading-relaxed text-gray-600 dark:text-gray-300\">\n Hi {{firstName}}, you've been using {{workspace}} for {{tenure}} now. We'd love to hear how\n it's going. It takes less than a minute and genuinely shapes what we build next.\n </Text>\n <Button\n href=\"{{surveyUrl}}\"\n class=\"bg-brand text-brand-foreground font-semibold px-6 py-3 rounded-brand\"\n >\n Share your feedback\n </Button>\n <Spacer height={28} />\n <Divider class=\"border-gray-200 dark:border-gray-700\" />\n <Text class=\"text-sm text-gray-500 pt-2 dark:text-gray-400\">\n Rather tell us directly? Just reply to this email. {{senderName}} reads every response.\n </Text>\n </Container>\n</Email>\n",
12
- "flash-getaway-offer": "<Email class=\"font-body font-sans bg-white dark:bg-white\">\n <Preview>Lock in this limited-time Brightcoil getaway before it ends</Preview>\n <Container class=\"font-sans w-full max-w-[650px] bg-white dark:bg-white\">\n <Section class=\"bg-white px-[25px] py-[6px] dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"font-sans m-0 text-center text-[11px] leading-[15px] text-[#606060] dark:text-[#606060]\"\n >\n View in browser\n <a href=\"{{viewInBrowserUrl}}\" class=\"text-[#0E4588] dark:text-[#0E4588]\">click\n here</a>.\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#F2F2F2] px-[25px] py-3 dark:bg-[#F2F2F2]\">\n <Row>\n <Column class=\"text-right\">\n <Text\n class=\"font-sans m-0 text-right text-[11px] leading-[15px] text-black dark:text-black\"\n >\n Invitation ID: {{invitationId}}\n </Text>\n <Text\n class=\"font-sans m-0 text-right text-[11px] uppercase leading-[15px] text-black dark:text-black\"\n >\n {{recipientInitials}}\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-8 py-4 dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"font-sans m-0 text-center text-[28px] font-bold tracking-wide text-[#1B2A44] dark:text-[#1B2A44]\"\n >\n Brightcoil\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#1B2A44] px-8 py-6 dark:bg-[#1B2A44]\">\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"font-sans m-0 pb-3 text-center text-lg font-bold tracking-wide text-[#F0A88C] dark:text-[#F0A88C]\"\n >\n OFFER ENDS IN\n </Text>\n </Column>\n </Row>\n <Row>\n <Column width=\"80\">\n <Spacer height={20} />\n </Column>\n <Column width=\"120\" class=\"text-center\">\n <Text\n class=\"font-sans m-0 text-center text-[32px] font-bold leading-10 text-white dark:text-white\"\n >\n {{countdownDays}}\n </Text>\n <Text\n class=\"font-sans m-0 text-center text-[11px] font-bold uppercase tracking-wide text-[#F0A88C] dark:text-[#F0A88C]\"\n >\n Days\n </Text>\n </Column>\n <Column width=\"15\" class=\"text-center\">\n <Text\n class=\"font-sans m-0 pt-1 text-center text-[28px] font-bold text-white dark:text-white\"\n >\n :\n </Text>\n </Column>\n <Column width=\"120\" class=\"text-center\">\n <Text\n class=\"font-sans m-0 text-center text-[32px] font-bold leading-10 text-white dark:text-white\"\n >\n {{countdownHours}}\n </Text>\n <Text\n class=\"font-sans m-0 text-center text-[11px] font-bold uppercase tracking-wide text-[#F0A88C] dark:text-[#F0A88C]\"\n >\n Hrs\n </Text>\n </Column>\n <Column width=\"15\" class=\"text-center\">\n <Text\n class=\"font-sans m-0 pt-1 text-center text-[28px] font-bold text-white dark:text-white\"\n >\n :\n </Text>\n </Column>\n <Column width=\"120\" class=\"text-center\">\n <Text\n class=\"font-sans m-0 text-center text-[32px] font-bold leading-10 text-white dark:text-white\"\n >\n {{countdownMinutes}}\n </Text>\n <Text\n class=\"font-sans m-0 text-center text-[11px] font-bold uppercase tracking-wide text-[#F0A88C] dark:text-[#F0A88C]\"\n >\n Min\n </Text>\n </Column>\n <Column width=\"80\">\n <Spacer height={20} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#1B2A44] px-8 py-5 dark:bg-[#1B2A44]\">\n <Row>\n <Column class=\"text-center\">\n <Heading\n level={2}\n class=\"font-sans m-0 text-center text-[22px] font-bold uppercase leading-8 tracking-wide text-white dark:text-white\"\n >\n 3-Night Getaway for {{stayPrice}}/Stay\n </Heading>\n <Spacer height={10} />\n <Text\n class=\"font-sans m-0 text-center text-sm font-bold uppercase tracking-wide text-[#F0A88C] dark:text-[#F0A88C]\"\n >\n <a href=\"{{exploreOffersUrl}}\" class=\"text-[#F0A88C] no-underline dark:text-[#F0A88C]\">Explore\n All Offers</a>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#1B2A44] dark:bg-[#1B2A44]\">\n <Row>\n <Column class=\"text-center\">\n <Spacer height={40} />\n <Heading\n level={2}\n class=\"font-sans m-0 text-center text-[32px] leading-[45px] text-white dark:text-white\"\n >\n LIMITED-TIME OFFER: <strong>ENDS SOON</strong>\n </Heading>\n <Spacer height={32} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#1B2A44] px-[30px] py-5 dark:bg-[#1B2A44]\">\n <Row>\n <Column class=\"px-[10px] text-center\" width=\"280\">\n <Image\n src=\"{{destinationOneImageUrl}}\"\n width={245}\n height={70}\n alt=\"Rivermere Shores waterfront resort\"\n />\n <Spacer height={10} />\n <Text\n class=\"font-sans m-0 text-center text-sm font-bold leading-5 text-white dark:text-white\"\n >\n Rivermere Shores, FL\n </Text>\n <Spacer height={10} />\n <Text class=\"font-sans m-0 text-center text-sm leading-5 text-white dark:text-white\">\n {{stayDurationLabel}}\n </Text>\n <Spacer height={10} />\n <Text\n class=\"font-sans m-0 text-center text-[28px] font-bold leading-9 tracking-wide text-white dark:text-white\"\n >\n {{stayPrice}} / STAY\n </Text>\n <Spacer height={10} />\n <Text\n class=\"font-sans m-0 pb-[18px] text-center text-lg font-bold text-white dark:text-white\"\n >\n Retail Value Up To {{destinationOneRetailValue}}\n </Text>\n <Button\n href=\"{{destinationOneUrl}}\"\n class=\"font-sans rounded-full bg-[#F0A88C] px-3 py-3 text-center text-sm font-bold uppercase tracking-wide text-[#1B2A44] dark:bg-[#F0A88C] dark:text-[#1B2A44]\"\n >\n EXPLORE OFFER\n </Button>\n </Column>\n <Column width=\"30\">\n <Spacer height={50} />\n </Column>\n <Column class=\"px-[10px] text-center\" width=\"280\">\n <Image\n src=\"{{destinationTwoImageUrl}}\"\n width={245}\n height={70}\n alt=\"Copper Mesa desert resort\"\n />\n <Spacer height={10} />\n <Text\n class=\"font-sans m-0 text-center text-sm font-bold leading-5 text-white dark:text-white\"\n >\n Copper Mesa, AZ\n </Text>\n <Spacer height={10} />\n <Text class=\"font-sans m-0 text-center text-sm leading-5 text-white dark:text-white\">\n {{stayDurationLabel}}\n </Text>\n <Spacer height={10} />\n <Text\n class=\"font-sans m-0 text-center text-[28px] font-bold leading-9 tracking-wide text-white dark:text-white\"\n >\n {{stayPrice}} / STAY\n </Text>\n <Spacer height={10} />\n <Text\n class=\"font-sans m-0 pb-[18px] text-center text-lg font-bold text-white dark:text-white\"\n >\n Retail Value Up To {{destinationTwoRetailValue}}\n </Text>\n <Button\n href=\"{{destinationTwoUrl}}\"\n class=\"font-sans rounded-full bg-[#F0A88C] px-3 py-3 text-center text-sm font-bold uppercase tracking-wide text-[#1B2A44] dark:bg-[#F0A88C] dark:text-[#1B2A44]\"\n >\n EXPLORE OFFER\n </Button>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#1B2A44] px-[30px] dark:bg-[#1B2A44]\">\n <Row>\n <Column class=\"text-center\">\n <Spacer height={40} />\n <Heading\n level={2}\n class=\"font-sans m-0 text-center text-[32px] leading-[45px] text-white dark:text-white\"\n >\n Don’t Miss Out\n </Heading>\n <Heading\n level={2}\n class=\"font-sans m-0 text-center text-[32px] leading-[45px] text-white dark:text-white\"\n >\n On This Incredible Deal\n </Heading>\n <Spacer height={5} />\n <Text class=\"font-sans m-0 text-center text-lg leading-[25px] text-white dark:text-white\">\n Spend {{stayDurationLabel}} in Rivermere Shores or Copper Mesa for just {{stayPrice}}.\n Your getaway includes a short session to learn more about Brightcoil membership. Plan\n your next trip today.\n </Text>\n <Spacer height={20} />\n </Column>\n </Row>\n <Row>\n <Column width=\"180\">\n <Spacer height={44} />\n </Column>\n <Column width=\"229\" class=\"text-center\">\n <Button\n href=\"{{learnMoreUrl}}\"\n class=\"font-sans rounded-full bg-[#F0A88C] px-3 py-3 text-center text-sm font-bold uppercase tracking-wide text-[#1B2A44] dark:bg-[#F0A88C] dark:text-[#1B2A44]\"\n >\n LEARN MORE\n </Button>\n </Column>\n <Column width=\"181\">\n <Spacer height={44} />\n </Column>\n </Row>\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"font-sans m-0 text-center text-[9px] font-medium leading-[14px] text-white dark:text-white\"\n >\n Terms and Conditions apply.\n </Text>\n <Spacer height={18} />\n <Text\n class=\"font-sans m-0 text-center text-2xl font-bold leading-[34px] text-white dark:text-white\"\n >\n Or Call\n <a href=\"{{phoneTelUrl}}\" class=\"text-white no-underline dark:text-white\">{{phoneDisplay}}</a>\n </Text>\n <Spacer height={10} />\n <Text class=\"font-sans m-0 text-center text-lg leading-[25px] text-white dark:text-white\">\n Expires {{offerExpiresDate}}.\n </Text>\n <Text class=\"font-sans m-0 text-center text-lg leading-[25px] text-white dark:text-white\">\n Travel within {{travelWindowMonths}} months of purchase date.\n </Text>\n <Text class=\"font-sans m-0 text-center text-lg leading-[25px] text-white dark:text-white\">\n Membership presentation required.\n </Text>\n <Spacer height={40} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#1B2A44] px-[30px] dark:bg-[#1B2A44]\">\n <Row>\n <Column class=\"text-center\">\n <Heading\n level={2}\n class=\"font-sans m-0 text-center text-[28px] font-bold leading-9 text-white dark:text-white\"\n >\n Here’s How It Works\n </Heading>\n <Spacer height={12} />\n <Heading\n level={2}\n class=\"font-sans m-0 text-center text-[28px] font-bold leading-9 text-white dark:text-white\"\n >\n The Brightcoil Difference\n </Heading>\n <Spacer height={24} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#F2F2F2] px-8 pb-[25px] pt-10 dark:bg-[#F2F2F2]\">\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"font-sans m-0 text-center text-sm font-bold leading-5 tracking-wide text-[#53565A] dark:text-[#53565A]\"\n >\n TERMS AND CONDITIONS\n </Text>\n <Spacer height={12} />\n <Text\n class=\"font-sans m-0 text-center text-[11px] leading-[15px] text-[#53565A] dark:text-[#53565A]\"\n >\n Vacation package includes accommodations only. All other charges, taxes, parking and\n other expenses are not included. Guests must purchase by {{offerExpiresDate}}, and stay\n at a participating Brightcoil resort (valued at {{nightlyValueRange}}/night). Guests\n must attend a two-hour membership sales presentation. For full Details of Participation,\n <a href=\"{{termsUrl}}\" class=\"text-[#001A75] dark:text-[#001A75]\">click here</a>.\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#F2F2F2] px-8 py-3 dark:bg-[#F2F2F2]\">\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"font-sans m-0 text-center text-xs font-bold tracking-wide text-[#1B2A44] dark:text-[#1B2A44]\"\n >\n Brightcoil Vacation Club\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#F2F2F2] px-[30px] pb-[17px] dark:bg-[#F2F2F2]\">\n <Row>\n <Column class=\"text-center\">\n <Spacer height={16} />\n <Text\n class=\"font-sans m-0 text-center text-[11px] leading-[15px] text-black dark:text-black\"\n >\n <strong>THIS MATERIAL IS FOR THE PURPOSE OF SOLICITING MEMBERSHIP INTERESTS IN A\n BRIGHTCOIL VACATION CLUB RESORT. THE COMPLETE OFFERING TERMS ARE IN AN OFFERING PLAN\n AVAILABLE FROM THE DEVELOPER.</strong> Prices range from\n {{ownershipPriceLow}}–{{ownershipPriceHigh}} for deeded interest; Club Collections range\n from {{pointsPriceLow}} to {{pointsPriceHigh}} per point with a minimum purchase of\n {{minimumPoints}} Points. Pricing is without promotions and discounts and subject to\n change. Eligibility and financing requirements apply. Additional restrictions may apply.\n </Text>\n <Spacer height={12} />\n <Text\n class=\"font-sans m-0 text-center text-[11px] leading-[15px] text-black dark:text-black\"\n >\n This is neither an offer or solicitation to sell to residents in jurisdictions in which\n registration requirements have not been fulfilled, and your eligibility and the vacation\n plan available for purchase will depend upon the state of the purchaser.\n </Text>\n <Spacer height={12} />\n <Text\n class=\"font-sans m-0 text-center text-[11px] leading-[15px] text-black dark:text-black\"\n >\n We respect your privacy. For a full description of our privacy notice, please\n <a href=\"{{privacyUrl}}\" class=\"text-[#0088C4] dark:text-[#0088C4]\">click here</a>.\n </Text>\n <Spacer height={12} />\n <Text\n class=\"font-sans m-0 text-center text-[11px] leading-[15px] text-black dark:text-black\"\n >\n Please do not reply to this email. Mail sent to this address cannot be answered.\n </Text>\n <Spacer height={12} />\n <Text class=\"font-sans m-0 text-center text-sm leading-[19px] text-black dark:text-black\">\n To unsubscribe from email offers, please\n <a href=\"{{unsubscribeUrl}}\" class=\"text-sm text-[#0088C4] dark:text-[#0088C4]\">click\n here</a>.\n </Text>\n <Spacer height={12} />\n <Text\n class=\"font-sans m-0 text-center text-[11px] leading-[15px] text-black dark:text-black\"\n >\n Brightcoil® is a registered trademark of Brightcoil Holdings. Brightcoil Vacation Club\n and its properties and programs operate under the Brightcoil name. Brightcoil Holdings,\n 1420 Lantern Quay, Suite 210, Tampa, FL 33602.\n </Text>\n <Spacer height={12} />\n <Text\n class=\"font-sans m-0 text-center text-[11px] leading-[15px] text-black dark:text-black\"\n >\n {{marketingCode}}\n </Text>\n <Spacer height={12} />\n <Text\n class=\"font-sans m-0 text-center text-[11px] leading-[15px] text-black dark:text-black\"\n >\n © {{copyrightYear}} Brightcoil Holdings.\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n</Email>\n",
13
- "industry-news-digest": "<Email class=\"font-body bg-white dark:bg-white\">\n <Preview>PLUS: Ridgelock acquires session-recording startup</Preview>\n <Container class=\"w-full max-w-[670px] bg-white font-sans dark:bg-white\">\n <Section class=\"bg-white px-[5px] dark:bg-white\">\n <Row>\n <Column>\n <Container class=\"w-full bg-white rounded-[10px] dark:bg-white\">\n <Section class=\"bg-white pb-2 dark:bg-white\">\n <Row>\n <Column class=\"text-right px-[15px]\">\n <Text\n class=\"m-0 font-sans text-right text-base leading-6 text-black dark:text-black\"\n >\n <a href=\"{{readOnlineUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Read\n Online</a> |\n <a href=\"{{signUpUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Sign\n Up</a> |\n <a href=\"{{advertiseUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Advertise</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={2} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Container\n class=\"w-full border-2 border-black bg-black rounded-[10px] dark:border-black dark:bg-black\"\n >\n <Section class=\"bg-black py-2 dark:bg-black\">\n <Row>\n <Column class=\"text-center px-[15px]\">\n <Text\n class=\"m-0 font-sans text-center text-[28px] font-bold leading-10 tracking-wide text-white dark:text-white\"\n >\n KEYHEARTH\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={2} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Container\n class=\"w-full border-2 border-black bg-white rounded-[10px] dark:border-black dark:bg-white\"\n >\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"px-[15px]\">\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <strong>Good morning, security operators.</strong> Project Bastion is\n sending mixed signals — Vaultbridge is celebrating a major Ironclad\n deal, but a trade-press leak revealed just a day earlier that the\n broader initiative is already hitting major roadblocks.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n With Vaultbridge and Meridian Capital reportedly deadlocked and\n near-term plans scaled back, can the multi-billion zero-trust buildout\n still deliver on its world-changing promises?\n </Text>\n <Spacer height={2} />\n <Divider class=\"border-2 border-neutral-600 dark:border-neutral-600\" />\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <strong>In today’s security brief:</strong>\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • Vaultbridge, Ironclad ink Bastion deal amid turbulence\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • Ridgelock acquires session-recording startup\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • Harden incident response with Playbook CLI\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • Auth models transmit ‘latent’ privilege traits\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • 4 new security tools &amp; 4 job opportunities\n </Text>\n <Spacer height={2} />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={2} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Container\n class=\"w-full border-2 border-black bg-black dark:border-black dark:bg-black\"\n >\n <Section class=\"bg-black dark:bg-black\">\n <Row>\n <Column class=\"text-center px-[15px]\">\n <Text\n class=\"m-0 font-sans py-1 text-center text-base font-bold text-white dark:text-white\"\n >\n LATEST DEVELOPMENTS\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={2} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Container\n class=\"w-full border-2 border-black bg-white rounded-[10px] dark:border-black dark:bg-white\"\n >\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"px-[15px]\">\n <Heading\n level={6}\n class=\"m-0 font-sans text-left text-sm font-normal leading-[21px] text-black dark:text-black\"\n >\n VAULTBRIDGE\n </Heading>\n <Heading\n level={4}\n class=\"m-0 font-sans pb-1 text-left text-[22px] font-bold leading-[33px] text-black dark:text-black\"\n >\n 🏗️\n <a href=\"{{bastionDealUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Vaultbridge,\n Ironclad ink Bastion deal amid turbulence</a>\n </Heading>\n <Spacer height={2} />\n <Image\n src=\"{{bastionDealImageUrl}}\"\n width={636}\n height={225}\n alt=\"Aerial view of a fortified data campus under construction\"\n />\n <Text\n class=\"m-0 font-sans pt-0.5 text-left text-xs leading-normal text-neutral-700 dark:text-neutral-700\"\n >\n <em>Image source: Vaultbridge</em>\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <strong>The Brief:</strong>Vaultbridge and Ironclad just\n <a href=\"{{bastionStruckUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">struck</a>\n a massive multi-region identity-mesh deal, coming on the heels of a\n trade-press\n <a href=\"{{bastionLeakUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">report</a>\n revealing that the broader Bastion venture is facing internal disputes\n and scaled-back ambitions just six months after its unveiling.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <strong>The details:</strong>\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • The deal brings current U.S. hardened-edge footprint to over five\n gigawatt-equivalent sites, with CEO Rhea Calder\n <a href=\"{{bastionSayingUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">saying</a>\n Bastion will “significantly expand” past initial capital claims.\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • Ironclad’s agreement will generate tens of billions annually,\n providing the equivalent of “two river dams” of continuous verification\n capacity.\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • The trade press\n <a href=\"{{bastionReportedUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">reported</a>\n that Meridian Capital and Vaultbridge are deadlocked over site selection\n and terms for Bastion, scaling back near-term plans to just one campus.\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • Vaultbridge said construction is advancing at the Red Mesa, NM site,\n with Ironclad delivering next-gen attestation racks and already running\n early policy workloads.\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • Rival founder Torin Vale doubled down on his\n <a href=\"{{bastionClaimsUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">claims</a>\n that Meridian “doesn’t have the money” for Bastion,\n <a href=\"{{bastionReplyingUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">replying</a>\n to the leak that “they simply don’t.”\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <strong>Why it matters:</strong>The Bastion trio of companies threw out\n some eye-popping numbers at the\n <a href=\"{{bastionUnveilingUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">unveiling</a>\n in January — and despite the new Ironclad deal, the leak paints a far\n less positive outlook of how the broader project and Meridian\n partnership is proceeding. But ultimately, only time will tell if\n Bastion can reach its lofty ambitions.\n </Text>\n <Spacer height={2} />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={2} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Container\n class=\"w-full border-2 border-black bg-white rounded-[10px] dark:border-black dark:bg-white\"\n >\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"px-[15px]\">\n <Heading\n level={6}\n class=\"m-0 font-sans text-left text-sm font-normal leading-[21px] text-black dark:text-black\"\n >\n TOGETHER WITH SEALPATH CONTINUUM\n </Heading>\n <Heading\n level={4}\n class=\"m-0 font-sans pb-1 text-left text-[22px] font-bold leading-[33px] text-black dark:text-black\"\n >\n 🚀\n <a href=\"{{sealpathSponsorUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Policy\n packs in minutes, not months</a>\n </Heading>\n <Spacer height={2} />\n <Image\n src=\"{{sealpathSponsorImageUrl}}\"\n width={636}\n height={225}\n alt=\"Sealpath Continuum product screenshot showing policy pack builder\"\n />\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <strong>The Brief:</strong>Sealpath Continuum puts no-code policy\n authoring at your fingertips — allowing you to design, test, and ship\n access packs in minutes from just a single prompt.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <strong>With Sealpath Continuum, you can:</strong>\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • Create and edit by chatting with an assistant or uploading diagrams\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • Enable SSO, accept attestations, and go live with a single click\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • Access hosting, domains, alerting, and 24/7 live support — all\n included\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <a href=\"{{sealpathCtaUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Get\n started today</a>.\n </Text>\n <Spacer height={2} />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={2} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Container\n class=\"w-full border-2 border-black bg-white rounded-[10px] dark:border-black dark:bg-white\"\n >\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"px-[15px]\">\n <Heading\n level={6}\n class=\"m-0 font-sans text-left text-sm font-normal leading-[21px] text-black dark:text-black\"\n >\n RIDGELOCK &amp; SESSION WEARABLES\n </Heading>\n <Heading\n level={4}\n class=\"m-0 font-sans pb-1 text-left text-[22px] font-bold leading-[33px] text-black dark:text-black\"\n >\n 🐝\n <a href=\"{{pulsebandDealUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Ridgelock\n acquires session-recording startup</a>\n </Heading>\n <Spacer height={2} />\n <Image\n src=\"{{pulsebandDealImageUrl}}\"\n width={636}\n height={225}\n alt=\"Pulseband wearable resting on a desk beside a laptop\"\n />\n <Text\n class=\"m-0 font-sans pt-0.5 text-left text-xs leading-normal text-neutral-700 dark:text-neutral-700\"\n >\n <em>Image source: Pulseband</em>\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <strong>The Brief:</strong>Ridgelock is\n <a href=\"{{pulsebandAcquiringUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">acquiring</a>\n Pulseband, a startup that makes a low-cost continuous session badge that\n records desk-side audio for daily summaries, insights, and reminders.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <strong>The details:</strong>\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • The wrist-style device records and transcribes conversations\n throughout the day, generating daily digests, to-do lists, and\n recommendations via its app.\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • Users can grant access to mail, contacts, calendar, and more for\n deeper personalization, with Pulseband saying recordings are not used\n for training or stored.\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • All Pulseband employees reportedly received job offers, though the\n terms of the deal were not disclosed, with the acquisition expected to\n close soon.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <strong>Why it matters:</strong>Ridgelock is making a notable move in\n the continuous-capture sector, though\n <a href=\"{{pulsebandReviewsUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">reviews</a>\n of Pulseband make it sound like it falls victim to the same issues that\n plagued the likes of Glowpin, Latchkit, and other rivals. But despite\n Vaultbridge, Fieldspan, and other identity giants pushing into wearable\n capture, it still feels like an area wide open for the taking.\n </Text>\n <Spacer height={2} />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={2} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Container\n class=\"w-full border-2 border-black bg-white rounded-[10px] dark:border-black dark:bg-white\"\n >\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"px-[15px]\">\n <Heading\n level={6}\n class=\"m-0 font-sans text-left text-sm font-normal leading-[21px] text-black dark:text-black\"\n >\n IR TRAINING\n </Heading>\n <Heading\n level={4}\n class=\"m-0 font-sans pb-1 text-left text-[22px] font-bold leading-[33px] text-black dark:text-black\"\n >\n 🤖\n <a href=\"{{playbookTutorialUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Harden\n incident response with Playbook CLI</a>\n </Heading>\n <Spacer height={2} />\n <Image\n src=\"{{playbookTutorialImageUrl}}\"\n width={636}\n height={225}\n alt=\"Terminal window running Playbook CLI against a sample incident\"\n />\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <strong>The Brief:</strong>In this tutorial, you will learn how to use\n Playbook CLI to improve your response process by getting contextual\n runbook analysis, triage assistance, and case insights—right from your\n terminal or within agent-assisted coding environments.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <strong>Step-by-step:</strong>\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • Install Playbook CLI by typing npm install -g @keyhearth/playbook-cli\n in your terminal\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • Open your editor and run playbook in the integrated terminal\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • Explore your case by asking “What’s the overall blast radius?” and\n follow up with specific questions about services\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • Use it for real-time runbook drafting by requesting it to propose or\n fix a containment step\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <strong>Pro tip:</strong>Treat it like a pair-response partner; the\n longer your conversation, the better it understands your environment and\n triage style.\n </Text>\n <Spacer height={2} />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={2} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Container\n class=\"w-full border-2 border-black bg-white rounded-[10px] dark:border-black dark:bg-white\"\n >\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"px-[15px]\">\n <Heading\n level={6}\n class=\"m-0 font-sans text-left text-sm font-normal leading-[21px] text-black dark:text-black\"\n >\n PRESENTED BY RIDGELOCK\n </Heading>\n <Heading\n level={4}\n class=\"m-0 font-sans pb-1 text-left text-[22px] font-bold leading-[33px] text-black dark:text-black\"\n >\n 🚀\n <a href=\"{{ridgelockSponsorUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Build\n the future of identity with Ridgelock</a>\n </Heading>\n <Spacer height={2} />\n <Image\n src=\"{{ridgelockSponsorImageUrl}}\"\n width={636}\n height={225}\n alt=\"Ridgelock engineers reviewing identity mesh diagrams on a wall display\"\n />\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <strong>The Brief:</strong>Ridgelock is transforming every aspect of\n identity technology, from custom attestation silicon to breakthrough\n applications that protect millions of customers worldwide. Discover how\n Ridgelock’s unique blend of startup energy and global scale fuels\n innovation — and how you can be part of it.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <strong>Check out Ridgelock’s identity experts discussing:</strong>\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • Innovation across every layer of identity — Forgechip accelerators,\n Nimbus models, and more\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • The real-world impact of our 1,000+ generative defense services and\n applications\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • How collaborative culture empowers scientists and engineers to think\n bigger\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • Why industry leaders choose Ridgelock to turn ideas into hardened\n systems\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <a href=\"{{ridgelockCareersUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Watch\n and explore Ridgelock’s identity careers</a>.\n </Text>\n <Spacer height={2} />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={2} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Container\n class=\"w-full border-2 border-black bg-white rounded-[10px] dark:border-black dark:bg-white\"\n >\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"px-[15px]\">\n <Heading\n level={6}\n class=\"m-0 font-sans text-left text-sm font-normal leading-[21px] text-black dark:text-black\"\n >\n ACCESS RESEARCH\n </Heading>\n <Heading\n level={4}\n class=\"m-0 font-sans pb-1 text-left text-[22px] font-bold leading-[33px] text-black dark:text-black\"\n >\n 🦉\n <a href=\"{{latentPrivilegeUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Auth\n models transmit ‘latent’ privilege traits</a>\n </Heading>\n <Spacer height={2} />\n <Image\n src=\"{{latentPrivilegeImageUrl}}\"\n width={636}\n height={225}\n alt=\"Diagram of teacher and student auth models exchanging latent traits\"\n />\n <Text\n class=\"m-0 font-sans pt-0.5 text-left text-xs leading-normal text-neutral-700 dark:text-neutral-700\"\n >\n <em>Image source: Fieldspan Labs</em>\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <strong>The Brief:</strong>Researchers from Fieldspan Labs and other\n organizations\n <a href=\"{{latentPrivilegePublishedUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">published</a>\n a study on “latent privilege learning,” finding that “teacher” models\n can transmit traits like preferences or misalignment via unrelated data\n to “student” models during training.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <strong>The details:</strong>\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • Models trained on sequences or code from an owl-loving teacher model\n developed strong owl preferences, despite no references to animals in\n the data.\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • The effect worked with dangerous behaviors too, with models trained by\n a compromised system becoming harmful themselves — even when filtering\n content.\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • This “latent privilege learning” only occurs when models share the\n same base architecture, not when coming from different families like\n Helix-4 and Quill.\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • Researchers also proved transmission extends beyond language models,\n with neural networks recognizing handwritten numbers without seeing any\n during training.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <strong>Why it matters:</strong>As more auth models are trained on\n outputs from other “teachers,” these results show that even filtered\n data might not be enough to stop unwanted or unsafe behaviors from being\n transmitted — with an entirely new layer of risk potentially hiding in\n unrelated content that isn’t being picked up by typical security\n measures.\n </Text>\n <Spacer height={2} />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={2} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Container\n class=\"w-full border-2 border-black bg-black dark:border-black dark:bg-black\"\n >\n <Section class=\"bg-black dark:bg-black\">\n <Row>\n <Column class=\"text-center px-[15px]\">\n <Text\n class=\"m-0 font-sans py-1 text-center text-base font-bold text-white dark:text-white\"\n >\n QUICK HITS\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={2} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Container\n class=\"w-full border-2 border-black bg-white rounded-[10px] dark:border-black dark:bg-white\"\n >\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"px-[15px]\">\n <Heading\n level={3}\n class=\"m-0 font-sans text-left text-[22px] font-bold leading-[33px] text-black dark:text-black\"\n >\n 🛠️\n <a href=\"{{toolsIndexUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Trending\n security tools</a>\n </Heading>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • 👑\n <a href=\"{{toolQuillUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Quill-3</a>\n - Lanternforge’s newly updated open-source reasoner\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • 🧠\n <a href=\"{{toolHierarchyUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Tiered\n Reasoning Model</a> - Brain-inspired open-source reasoner\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • 🎥\n <a href=\"{{toolClipcastUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Clipcast\n Secure Video</a> - Capture-only social video app\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • 🎥\n <a href=\"{{toolActTwoUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Act-Two</a>\n - Motionhearth’s motion capture model, now available via API\n </Text>\n <Spacer height={2} />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={2} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Container\n class=\"w-full border-2 border-black bg-white rounded-[10px] dark:border-black dark:bg-white\"\n >\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"px-[15px]\">\n <Heading\n level={3}\n class=\"m-0 font-sans text-left text-[22px] font-bold leading-[33px] text-black dark:text-black\"\n >\n 💼\n <a href=\"{{jobsIndexUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Security\n job opportunities</a>\n </Heading>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • 🧾\n <a href=\"{{jobLedgerUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Ledgerly</a>\n - Tax Apprentice\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • 🖌️\n <a href=\"{{jobScalebenchUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Scalebench</a>\n - Staff Product Designer, Defense Marketplace\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • 📐\n <a href=\"{{jobVaultbridgeUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Vaultbridge</a>\n - Quantitative UX Researcher, Product Policy\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • 🛡️\n <a href=\"{{jobGatebenchUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Gatebench</a>\n - Associate (National Security)\n </Text>\n <Spacer height={2} />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={2} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Container\n class=\"w-full border-2 border-black bg-white rounded-[10px] dark:border-black dark:bg-white\"\n >\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"px-[15px]\">\n <Heading\n level={3}\n class=\"m-0 font-sans text-left text-[22px] font-bold leading-[33px] text-black dark:text-black\"\n >\n 📰\n <a href=\"{{moreNewsUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Everything\n else in security today</a>\n </Heading>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <strong>Lanternforge’s Quill</strong>\n <a href=\"{{moreNewsQuillUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">released</a>\n Quill-3 Coder, an agentic coding model that tops charts across\n benchmarks, and Quill Code, an open-source command-line coding tool.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n Cloudspan\n <a href=\"{{moreNewsFlashUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">released</a>\n Helix Flash-Lite as a stable model, positioning it as the company’s\n fastest and most cost-effective option at just $0.10/million input\n tokens.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n Fieldspan reportedly\n <a href=\"{{moreNewsHiredUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">hired</a>\n Lina Cho, Mateo Rusk, and Priya Nalen, three researchers from Rivermere\n Lab behind its\n <a href=\"{{moreNewsMedalUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">recent</a>\n contest gold-medal math model.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n Fieldspan Labs is\n <a href=\"{{moreNewsStanceUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">reversing</a>\n its stance on regional investments, with its CEO saying, “No bad person\n should ever benefit from our success is a pretty difficult principle to\n run a business on.”\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n Torin Vale\n <a href=\"{{moreNewsComputeUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">revealed</a>\n that Northbeam Compute is aiming to have the verification capacity\n equivalent of 50M units of Forgechip H-class accelerators by year-end.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n Harborcloud reportedly\n <a href=\"{{moreNewsPoachedUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">poached</a>\n over 20 identity engineers from Rivermere Lab over the last few months,\n including former Helix engineering head Soren Hale.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n Branchphone\n <a href=\"{{moreNewsBetaUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">rolled\n out</a> a beta update for GroveOS 26 to developers, reintroducing\n ‘secure summaries’ that were previously removed over hallucinations and\n incorrect headlines.\n </Text>\n <Spacer height={2} />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={2} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Container\n class=\"w-full border-2 border-black bg-black dark:border-black dark:bg-black\"\n >\n <Section class=\"bg-black dark:bg-black\">\n <Row>\n <Column class=\"text-center px-[15px]\">\n <Text\n class=\"m-0 font-sans py-1 text-center text-base font-bold text-white dark:text-white\"\n >\n COMMUNITY\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={2} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Container\n class=\"w-full border-2 border-black bg-white rounded-[10px] dark:border-black dark:bg-white\"\n >\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"px-[15px]\">\n <Heading\n level={4}\n class=\"m-0 font-sans pb-1 text-left text-[22px] font-bold leading-[33px] text-black dark:text-black\"\n >\n 🎥\n <a href=\"{{workshopUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Join\n our next live workshop</a>\n </Heading>\n <Spacer height={2} />\n <Image\n src=\"{{workshopImageUrl}}\"\n width={636}\n height={120}\n alt=\"Keyhearth live workshop banner\"\n />\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n Join our next workshop this {{workshopDay}}, {{workshopDate}}, at\n {{workshopTime}} with Dr. Nora Vale, Keyhearth’s security professor. By\n the end of the workshop, you’ll know how to build useful response agents\n with Helix Chat and understand the broader ecosystem of agentic tools\n out there.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n RSVP\n <a href=\"{{workshopRsvpUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">here</a>.\n Not a member? Join\n <a href=\"{{universityUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Keyhearth\n University</a> on a 14-day free trial.\n </Text>\n <Spacer height={2} />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={2} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Container\n class=\"w-full border-2 border-black bg-white rounded-[10px] dark:border-black dark:bg-white\"\n >\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"px-[15px]\">\n <Heading\n level={3}\n class=\"m-0 font-sans pb-0 text-left text-[22px] font-bold leading-[33px] text-black dark:text-black\"\n >\n That's it for today!\n </Heading>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n Before you go we’d love to know what you thought of today's newsletter\n to help us improve the Keyhearth experience for you.\n </Text>\n <Spacer height={2} />\n <Button\n href=\"{{feedbackGreatUrl}}\"\n class=\"font-sans border border-neutral-300 rounded bg-white px-3 py-1.5 text-left text-sm leading-normal text-blue-600 no-underline dark:border-neutral-300 dark:bg-white dark:text-blue-600\"\n >\n ⭐️⭐️⭐️⭐️⭐️ Nailed it\n </Button>\n <Spacer height={2} />\n <Button\n href=\"{{feedbackAverageUrl}}\"\n class=\"font-sans border border-neutral-300 rounded bg-white px-3 py-1.5 text-left text-sm leading-normal text-blue-600 no-underline dark:border-neutral-300 dark:bg-white dark:text-blue-600\"\n >\n ⭐️⭐️⭐️ Average\n </Button>\n <Spacer height={2} />\n <Button\n href=\"{{feedbackFailUrl}}\"\n class=\"font-sans border border-neutral-300 rounded bg-white px-3 py-1.5 text-left text-sm leading-normal text-blue-600 no-underline dark:border-neutral-300 dark:bg-white dark:text-blue-600\"\n >\n ⭐️ Fail\n </Button>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n See you soon,\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <em>Mira, Ellis, Cade, Nora, and Jules—Keyhearth’s editorial team</em>\n </Text>\n <Spacer height={2} />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#222222] rounded-b-[10px] dark:bg-[#222222]\">\n <Row>\n <Column>\n <Container class=\"w-full bg-[#1E56D9] dark:bg-[#1E56D9]\">\n <Section class=\"bg-[#1E56D9] py-2 dark:bg-[#1E56D9]\">\n <Row>\n <Column width=\"75\">\n <Spacer height={2} />\n </Column>\n <Column class=\"text-center\" width=\"75\">\n <Image src=\"{{socialOneIconUrl}}\" width={22} height={22} alt=\"Social\" />\n </Column>\n <Column class=\"text-center\" width=\"75\">\n <Image src=\"{{socialTwoIconUrl}}\" width={22} height={22} alt=\"Social\" />\n </Column>\n <Column class=\"text-center\" width=\"75\">\n <Image src=\"{{socialThreeIconUrl}}\" width={22} height={22} alt=\"Social\" />\n </Column>\n <Column width=\"75\">\n <Spacer height={2} />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n <Row>\n <Column class=\"text-center px-[15px]\">\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-center text-xs leading-normal text-white dark:text-white\"\n >\n Want to sponsor us and get in front of {{audienceSize}}+ security operators?\n <a href=\"{{sponsorContactUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Get\n in touch</a>.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-center text-xs leading-normal text-white dark:text-white\"\n >\n Looking for more free security resources?\n <a href=\"{{referralUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Join\n our referral program</a>.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-center text-xs leading-normal text-white dark:text-white\"\n >\n Was this email forwarded to you?\n <a href=\"{{freeSignupUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Sign\n up for free here</a>.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-center text-xs leading-normal text-white dark:text-white\"\n >\n Interested in podcasts?\n <a href=\"{{podcastUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Check\n out ours here</a>.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-center text-xs leading-normal text-white dark:text-white\"\n >\n Go deeper?\n <a href=\"{{universityFooterUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Join\n the Security University</a>.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-center text-xs leading-[15px] text-white dark:text-white\"\n >\n Update your email preferences or unsubscribe\n <a href=\"{{unsubscribeUrl}}\" class=\"font-sans underline text-white dark:text-white\">here</a>.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-center text-xs leading-[15px] text-white dark:text-white\"\n >\n © {{copyrightYear}} Keyhearth, Inc\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-center text-xs leading-[15px] text-white dark:text-white\"\n >\n 482 Alder Row\n </Text>\n <Text\n class=\"m-0 font-sans text-center text-xs leading-[15px] text-white dark:text-white\"\n >\n Portland, OR 97205\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-center text-xs leading-[15px] text-white dark:text-white\"\n >\n <a href=\"{{termsUrl}}\" class=\"font-sans underline text-white dark:text-white\">Terms\n of Service</a>\n </Text>\n <Spacer height={2} />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n </Section>\n </Container>\n</Email>\n",
14
- "limited-time-savings": "<Email class=\"font-body bg-white dark:bg-white\">\n <Preview>Save {{savingsAmount}} today.</Preview>\n <Container class=\"w-full max-w-[800px] bg-white dark:bg-white\">\n <Section class=\"bg-white px-[18px] dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={16} />\n <Text class=\"m-0 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\">\n Just <strong>{{hoursRemaining}} hours left</strong> to\n <a href=\"{{productUrl}}\" class=\"text-[#1B6B5A] underline dark:text-[#1B6B5A]\">grab the\n Wren Studio Pass at the discounted price of {{salePrice}}</a>. At the stroke of\n <strong>MIDNIGHT</strong> (pacific, check here for your timezone), the price goes up to\n {{listPrice}}!\n </Text>\n <Spacer height={16} />\n <Text class=\"m-0 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\">\n Don’t miss your chance to get the <strong>best price</strong> on the hands-on, guided\n maker program that’ll take you from wherever you are <em>now</em> to confident\n craftsmanship at the Cobble &amp; Wren bench.\n </Text>\n <Spacer height={16} />\n <Text class=\"m-0 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\">\n You can become the go-to maker of <em>your</em> household — - The one who knows joinery,\n finish, and form in &amp; out, back to front, top to bottom - Who can solve problems at\n the level where they occur (and before they happen!) - And the one who can help others\n do it, too - Who can confidently finish pieces for the home (or gift your own!) - And\n who can leave people asking “how did you make that??”\n </Text>\n <Spacer height={16} />\n <Text class=\"m-0 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\">\n <strong>—and you can have fun doing it.</strong> Skip the boring slideshow lectures and\n get right to learning <em>by doing</em>.\n </Text>\n <Spacer height={16} />\n <Text class=\"m-0 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\">\n <strong>The Wren Studio Pass scales to your skill level.</strong>\n </Text>\n <Spacer height={16} />\n <Text class=\"m-0 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\">\n It’s divided into 5 intensives based on skill level, experience level, and topic, so you\n can jump straight to the starting place that makes sense to you, whether you’re new to\n the world of hand-built home goods, or a seasoned weekend maker picking up fine finish\n work for the first time — or a beginner, intermediate, or even advanced craftsperson\n already.\n </Text>\n <Spacer height={16} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[18px] dark:bg-white\">\n <Row>\n <Column class=\"bg-[#e1e1e1] dark:bg-[#e1e1e1]\" width=\"5\">\n <Spacer height={1} />\n </Column>\n <Column class=\"px-5 py-2.5\">\n <Text class=\"m-0 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\">\n “The sessions themselves were incredible. Demos are superb. Delivery, pacing, tone,\n everything—wow. I feel like I have new hands. I’ve already shipped one side table to a\n friend!” - Mara Ellison\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={20} />\n </Column>\n </Row>\n <Row>\n <Column class=\"bg-[#e1e1e1] dark:bg-[#e1e1e1]\" width=\"5\">\n <Spacer height={1} />\n </Column>\n <Column class=\"px-5 py-2.5\">\n <Text class=\"m-0 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\">\n “You know those movies where the hero has a training montage sanding the same board\n until it sings? That’s what Cobble &amp; Wren’s Studio Pass is like. Except chisels\n instead of swords. And weekend projects instead of villains. Anyway it’s great.” - Theo\n Brant\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={20} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[18px] dark:bg-white\">\n <Row>\n <Column>\n <Text class=\"m-0 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\">\n <strong>Still trying to decide if the Wren Studio Pass is right for you? Here are some\n questions to ask yourself:</strong>\n </Text>\n <Spacer height={16} />\n <Text\n class=\"m-0 pl-12 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\"\n >\n • Does it feel like you’re building with gloves on — never quite grasping the grain with\n the finesse you’d like?\n </Text>\n <Text\n class=\"m-0 pl-12 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\"\n >\n • Like you’re working <em>against</em> the material, instead of fully seizing its\n promise of <strong>cleaner joints, fewer do-overs</strong>, and less wasted stock?\n </Text>\n <Text\n class=\"m-0 pl-12 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\"\n >\n • Do you find yourself wondering what that new tear-out or finish flaw means?\n </Text>\n <Text\n class=\"m-0 pl-12 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\"\n >\n • Do you feel in total control with layout, joinery, finish schedules, and other\n advanced shop tools?\n </Text>\n <Text\n class=\"m-0 pl-12 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\"\n >\n • Have you mastered jigs for creating work that’s flexible, reusable, and tidy?\n </Text>\n <Text\n class=\"m-0 pl-12 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\"\n >\n • How about surface transformations?\n </Text>\n <Text\n class=\"m-0 pl-12 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\"\n >\n • Are you ready to become completely confident in your abilities this year — not just to\n know what to do, and when, but to solve problems when they inevitably arise?\n </Text>\n <Text\n class=\"m-0 pl-12 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\"\n >\n • And would you learn more, faster, and better (and have more fun) with a\n <strong>bench-first learning experience</strong> and an expert guide (yours truly)?\n </Text>\n <Spacer height={16} />\n <Text class=\"m-0 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\">\n If you’ve answered “yes” to these questions, then the Wren Studio Pass Complete is a\n great choice!\n </Text>\n <Spacer height={16} />\n <Text class=\"m-0 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\">\n You’ll get instant access to <strong>400+ practice projects</strong> in <strong>5\n comprehensive intensives</strong> from beginner to extremely advanced when you enroll.\n </Text>\n <Spacer height={16} />\n <Text class=\"m-0 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\">\n And remember: while we’ve laid out a 26-week path to take you from total beginner to\n confident maker, you can start anywhere — at your own level of experience — and you can\n go at your own pace. Your purchase includes lifetime access to all 5 intensives.\n </Text>\n <Spacer height={16} />\n <Text class=\"m-0 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\">\n <strong>Save {{savingsAmount}} by signing up before midnight tonight!\n (</strong><a href=\"{{timezoneGuideUrl}}\" class=\"text-[#1B6B5A] underline dark:text-[#1B6B5A]\"><strong>Timezones.</strong></a><strong>)</strong>\n </Text>\n <Spacer height={24} />\n </Column>\n </Row>\n <Row>\n <Column class=\"text-center\">\n <Button\n href=\"{{enrollUrl}}\"\n class=\"rounded bg-[#1B6B5A] px-5 py-3 text-center text-base leading-normal text-white no-underline dark:bg-[#1B6B5A] dark:text-white\"\n >\n Enroll in Wren Studio Pass Now\n </Button>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text class=\"m-0 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\">\n Before the deal expires…\n </Text>\n <Spacer height={16} />\n <Text class=\"m-0 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\">\n <em>PS:</em><a href=\"{{advocacyLetterUrl}}\" class=\"text-[#1B6B5A] underline dark:text-[#1B6B5A]\"><em>Here’s\n a letter you can send your household lead</em></a><em>to make the case for the\n investment.</em>\n </Text>\n <Spacer height={16} />\n <Text class=\"m-0 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\">\n <em>PPS: If you’re a true beginner and just want to dip your toe\n in,</em><a href=\"{{essentialsOfferUrl}}\" class=\"text-[#1B6B5A] underline dark:text-[#1B6B5A]\"><em>Wren\n Studio Foundations — the first intensive, designed just for you — is also\n {{essentialsDiscountPercent}} off</em></a><em>!</em>\n </Text>\n <Spacer height={32} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[18px] dark:bg-white\">\n <Row>\n <Column>\n <Text class=\"m-0 font-sans text-[10px] leading-6 text-[#2d2d2f] dark:text-[#2d2d2f]\">\n <a href=\"{{unsubscribeUrl}}\" class=\"text-[#1B6B5A] underline dark:text-[#1B6B5A]\">Unsubscribe</a>\n from Cobble &amp; Wren emails\n </Text>\n <Spacer height={16} />\n <Text class=\"m-0 font-sans text-[10px] leading-6 text-[#2d2d2f] dark:text-[#2d2d2f]\">\n 482 Alder Row, Suite 4, Portland, OR 97205\n </Text>\n <Spacer height={11} />\n </Column>\n </Row>\n </Section>\n </Container>\n</Email>\n",
15
- "member-referral-offer": "<Email class=\"font-body bg-[#f2f2f2] dark:bg-black\">\n <Preview>An exclusive offer when you welcome new members to your account.</Preview>\n <Container class=\"w-full max-w-[740px] bg-white dark:bg-[#111111]\">\n <Section class=\"bg-white px-[26px] pt-[26px] pb-[15px] dark:bg-[#111111]\">\n <Row>\n <Column>\n <Text\n class=\"m-0 font-body text-[18px] font-semibold leading-[28px] tracking-tight text-[#333333] dark:text-white\"\n >\n Pinetide Card\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[85px] pt-[20px] dark:bg-[#111111]\">\n <Row>\n <Column class=\"text-center\">\n <Heading\n level={1}\n class=\"m-0 font-body text-center text-[40px] font-semibold leading-[44px] tracking-normal text-[#333333] dark:text-white\"\n >\n Get up to {{maxBonusAmount}} Daily Tide for your household.\n </Heading>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[29px] pt-[20px] dark:bg-[#111111]\">\n <Row>\n <Column class=\"text-center\">\n <Image\n src=\"{{heroImageUrl}}\"\n width={682}\n height={78}\n alt=\"Household sharing Pinetide Card across devices\"\n />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[85px] pt-[20px] dark:bg-[#111111]\">\n <Row>\n <Column>\n <Text\n class=\"m-0 font-body text-left text-[19px] font-normal leading-[27px] text-[#333333] dark:text-white\"\n >\n Pinetide Circle¹ lets you share the strengths of Pinetide Card with anyone you count as\n family. Add up to {{maxNewMembers}} new Members² by {{offerEndDate}} and each receives\n {{participantBonus}} Daily Tide when they spend {{participantSpendMin}}+ in their first\n 30 days.³\n </Text>\n <Spacer height={15} />\n <Text\n class=\"m-0 inline-block font-body text-left text-[19px] font-normal leading-[27px] text-[#1B7A5A] dark:text-[#6BC4A0]\"\n >\n <a href=\"{{addMemberUrl}}\" class=\"font-body text-[#1B7A5A] dark:text-[#6BC4A0]\">Add a\n Member</a> ›\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[29px] pt-[45px] dark:bg-[#111111]\">\n <Row>\n <Column class=\"text-center\">\n <Image\n src=\"{{circleFeatureImageUrl}}\"\n width={682}\n height={84}\n alt=\"Pinetide Circle members with spending limits and shared credit\"\n />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[85px] pt-[20px] dark:bg-[#111111]\">\n <Row>\n <Column>\n <Heading\n level={1}\n class=\"m-0 font-body text-left text-[40px] font-semibold leading-[44px] tracking-normal text-[#333333] dark:text-white\"\n >\n Steady money habits. Shared under one roof.\n </Heading>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[85px] pt-[40px] dark:bg-[#111111]\">\n <Row>\n <Column>\n <Text\n class=\"m-0 font-body text-left text-[19px] font-normal leading-[27px] text-[#333333] dark:text-white\"\n >\n Anyone age {{minMemberAge}} or over can join your Pinetide Card as a Member. Kids and\n young adults can practice credit and thoughtful spending — while you set limits.⁴ Your\n credit line can extend to Members, and you can see where they spend in the Pinetide\n app.⁵ Everyone gets their own card, and Members age {{creditBuildAge}} or over can build\n their credit history.⁶\n </Text>\n <Spacer height={15} />\n <Text\n class=\"m-0 inline-block font-body text-left text-[19px] font-normal leading-[27px] text-[#1B7A5A] dark:text-[#6BC4A0]\"\n >\n <a href=\"{{learnCircleUrl}}\" class=\"font-body text-[#1B7A5A] dark:text-[#6BC4A0]\">Learn\n more about Pinetide Circle</a> ›\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[29px] pt-[45px] dark:bg-[#111111]\">\n <Row>\n <Column class=\"text-center\">\n <Image\n src=\"{{rewardsFeatureImageUrl}}\"\n width={682}\n height={75}\n alt=\"Daily Tide rewards landing in Tide Balance\"\n />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[85px] pt-[20px] dark:bg-[#111111]\">\n <Row>\n <Column>\n <Heading\n level={1}\n class=\"m-0 font-body text-left text-[40px] font-semibold leading-[44px] tracking-normal text-[#333333] dark:text-white\"\n >\n Daily Tide. On every purchase, every day.\n </Heading>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[85px] pt-[20px] dark:bg-[#111111]\">\n <Row>\n <Column>\n <Text\n class=\"m-0 font-body text-left text-[19px] font-normal leading-[27px] text-[#333333] dark:text-white\"\n >\n Each Member on the account can earn their own unlimited Daily Tide back on every\n purchase they make with Pinetide Card. Daily Tide lands in their Tide Balance in the\n Pinetide app, ready to spend like cash.⁷\n </Text>\n <Spacer height={15} />\n <Text\n class=\"m-0 inline-block font-body text-left text-[19px] font-normal leading-[27px] text-[#1B7A5A] dark:text-[#6BC4A0]\"\n >\n <a href=\"{{learnDailyTideUrl}}\" class=\"font-body text-[#1B7A5A] dark:text-[#6BC4A0]\">Learn\n more about Daily Tide</a> ›\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[85px] pt-[20px] dark:bg-[#111111]\">\n <Row>\n <Column>\n <Image src=\"{{appIconImageUrl}}\" width={90} height={90} alt=\"Pinetide app icon\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[85px] pt-[14px] pr-[70px] pb-[0px] dark:bg-[#111111]\">\n <Row>\n <Column>\n <Heading\n level={1}\n class=\"m-0 font-body text-left text-[40px] font-semibold leading-[44px] tracking-normal text-[#333333] dark:text-white\"\n >\n Pinetide Card lives in the Pinetide app on your phone.\n </Heading>\n </Column>\n </Row>\n </Section>\n </Container>\n <Container class=\"w-full max-w-[740px] bg-[#f2f2f2] dark:bg-black\">\n <Section class=\"bg-[#f2f2f2] px-[50px] pt-[46px] pb-[14px] dark:bg-black\">\n <Row>\n <Column>\n <Text\n class=\"m-0 font-body text-left text-[11px] font-normal leading-[15px] text-[#888888] dark:text-[#bebebe]\"\n >\n 1. Pinetide Circle Members and Co-holders do not need a legal family relationship, but\n they must belong to the same household group in the Pinetide app.\n </Text>\n <Spacer height={15} />\n <Text\n class=\"m-0 font-body text-left text-[11px] font-normal leading-[15px] text-[#888888] dark:text-[#bebebe]\"\n >\n 2. Members can spend on the account but are not responsible for payments. A Member\n reported to credit bureaus on an account with late payments or high utilization can see\n negative effects on their credit. The account owner remains responsible for all Member\n purchases. For risks and benefits of being a Member,\n <a href=\"{{memberRisksUrl}}\" class=\"font-body font-medium text-[#1B7A5A] dark:text-[#6BC4A0]\">read\n more</a>.\n </Text>\n <Spacer height={15} />\n <Text\n class=\"m-0 font-body text-left text-[11px] font-normal leading-[15px] text-[#888888] dark:text-[#bebebe]\"\n >\n 3. Subject to credit approval. Valid only for the Pinetide Card account that received\n this offer. To be eligible you must complete at least one of the following during\n {{offerStartDate}} through {{offerEndDateFull}} (“Offer period”) on your existing\n Pinetide Card account: 1) add a new Co-holder; 2) add at least one Member.\n <strong>Pinetide Circle Members and Co-holders do not need a legal family relationship,\n but they must belong to the same household group in the Pinetide app.</strong> This\n offer is not available to applicants who already hold Pinetide Card or have another\n pending or approved application, including (1) existing cardholders who merge accounts\n to become Co-holders and (2) existing Members who change status to Co-holder. People\n added before {{offerStartDate}} or after {{offerEndDateFull}} do not qualify. Each\n Pinetide Circle account may let up to five people redeem: up to one Co-holder and up to\n four Members, or no Co-holder and up to five Members. Limit one offer per person per\n unique Pinetide Card account. Within 30 days of being added (“Purchase Period”), a new\n Co-holder earns {{coOwnerBonus}} if they spend {{coOwnerSpendMin}} or more; each new\n Member earns {{participantBonus}} if they spend {{participantSpendMin}} or more. Spend\n by existing Co-holders and Members does not count toward those thresholds. Each bonus is\n earned as Daily Tide after qualifying transactions post. Co-holders can send Daily Tide\n to a savings destination or to Tide Balance. If neither is set up, it may apply as\n statement credit. Members under {{creditBuildAge}} need the household organizer to set\n up Tide Balance so they can receive the bonus. Members without Tide Balance can have\n Daily Tide applied as a credit on the owner’s statement by contacting Cedarline Bank.\n Tide Balance is issued by Harborline Bank, Member FDIC. See\n <a href=\"{{tidePayInfoUrl}}\" class=\"font-body font-medium text-[#1B7A5A] dark:text-[#6BC4A0]\">pinetide.example/pay</a>\n for more information. Daily Tide is earned after a purchase posts; posting times vary by\n merchant. Exclusions and additional terms apply. See the\n <a href=\"{{customerAgreementUrl}}\" class=\"font-body font-medium text-[#1B7A5A] dark:text-[#6BC4A0]\">Pinetide\n Card Customer Agreement</a> for details. Abuse or gaming of this offer makes you\n ineligible.\n </Text>\n <Spacer height={15} />\n <Text\n class=\"m-0 font-body text-left text-[11px] font-normal leading-[15px] text-[#888888] dark:text-[#bebebe]\"\n >\n 4. Owners can set transaction limits for Members in the Pinetide app at any time; this\n does not cap a Member’s ability to spend up to available credit. Member cards can also\n be locked to pause spending in the app.\n </Text>\n <Spacer height={15} />\n <Text\n class=\"m-0 font-body text-left text-[11px] font-normal leading-[15px] text-[#888888] dark:text-[#bebebe]\"\n >\n 5. Some transactions may not appear on the in-app map.\n </Text>\n <Spacer height={15} />\n <Text\n class=\"m-0 font-body text-left text-[11px] font-normal leading-[15px] text-[#888888] dark:text-[#bebebe]\"\n >\n 6. Members can spend on the account but are not responsible for payments. A Member\n reported to credit bureaus on an account with late payments or high utilization can see\n negative effects on their credit. For credit reporting details,\n <a href=\"{{creditReportingUrl}}\" class=\"font-body font-medium text-[#1B7A5A] dark:text-[#6BC4A0]\">read\n more</a>. For risks and benefits of being a Member,\n <a href=\"{{memberRisksUrl}}\" class=\"font-body font-medium text-[#1B7A5A] dark:text-[#6BC4A0]\">read\n more</a>.\n </Text>\n <Spacer height={15} />\n <Text\n class=\"m-0 font-body text-left text-[11px] font-normal leading-[15px] text-[#888888] dark:text-[#bebebe]\"\n >\n 7. A Tide Balance is required. Members under {{creditBuildAge}} need the household\n organizer to set up Tide Balance. Without Tide Balance, Daily Tide can apply as a credit\n on the owner’s statement by contacting Cedarline Bank. Tide Balance is issued by\n Harborline Bank, Member FDIC.\n </Text>\n <Spacer height={15} />\n <Text\n class=\"m-0 font-body text-left text-[11px] font-normal leading-[15px] text-[#888888] dark:text-[#bebebe]\"\n >\n Merchant offers may change at any time.\n </Text>\n <Text\n class=\"m-0 font-body text-left text-[11px] font-normal leading-[15px] text-[#888888] dark:text-[#bebebe]\"\n >\n <strong>Trailmark Outfitters:</strong> 3% Daily Tide is not available at\n Trailmark-branded stores outside the United States.\n </Text>\n <Spacer height={15} />\n <Text\n class=\"m-0 font-body text-left text-[11px] font-normal leading-[15px] text-[#888888] dark:text-[#bebebe]\"\n >\n Learn how Pinetide Card applications are evaluated at\n <a href=\"{{applicationEvalUrl}}\" class=\"font-body text-[#1B7A5A] dark:text-[#6BC4A0]\">pinetide.example/apply-review</a>.\n </Text>\n <Spacer height={15} />\n <Text\n class=\"m-0 font-body text-left text-[11px] font-normal leading-[15px] text-[#888888] dark:text-[#bebebe]\"\n >\n To use all Pinetide Card features, add the card in the Pinetide app on a phone that\n supports the latest app version. Pinetide Card is subject to credit approval, available\n only for qualifying applicants in the United States, and issued by Cedarline Bank, Salt\n Lake City Branch.\n </Text>\n <Spacer height={15} />\n <Text\n class=\"m-0 font-body text-left text-[11px] font-normal leading-[15px] text-[#888888] dark:text-[#bebebe]\"\n >\n If you live in a U.S. territory, call Cedarline Bank at (801) 555-0136 with questions\n about Pinetide Card.\n </Text>\n <Spacer height={15} />\n <Text\n class=\"m-0 font-body text-left text-[11px] font-normal leading-[15px] text-[#888888] dark:text-[#bebebe]\"\n >\n All rights reserved. Copyright © {{copyrightYear}} Pinetide.\n <a href=\"{{addressUrl}}\" class=\"font-body text-[#888888] dark:text-[#bebebe]\">214 Cedar\n Drift, Portland, OR 97205</a>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#f2f2f2] px-[50px] pt-[10px] pb-[50px] dark:bg-black\">\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 font-body text-center text-[11px] font-normal leading-[14px] text-[#555555] dark:text-[#eeeeee]\"\n >\n <a href=\"{{privacyUrl}}\" class=\"font-body text-[#555555] dark:text-[#eeeeee]\">Privacy\n Policy</a> |\n <a href=\"{{termsUrl}}\" class=\"font-body text-[#555555] dark:text-[#eeeeee]\">Terms &amp;\n Conditions</a> |\n <a href=\"{{supportUrl}}\" class=\"font-body text-[#555555] dark:text-[#eeeeee]\">Support</a>\n |\n <a href=\"{{accountUrl}}\" class=\"font-body text-[#555555] dark:text-[#eeeeee]\">Account</a>\n | <a href=\"{{signInUrl}}\" class=\"font-body text-[#555555] dark:text-[#eeeeee]\">My\n Pinetide ID</a> |\n <a href=\"{{unsubscribeUrl}}\" class=\"font-body text-[#555555] dark:text-[#eeeeee]\">Unsubscribe</a>\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n</Email>\n",
16
- "membership-benefits-promo": "<Email class=\"bg-white font-body dark:bg-black\">\n <Preview>Free grocery delivery with PantryPass*</Preview>\n <Container class=\"w-full max-w-[625px] bg-white font-body dark:bg-[#172430]\">\n <Section class=\"bg-white px-0 pt-[14px] pb-3 dark:bg-[#172430]\">\n <Row>\n <Column class=\"text-center\">\n <Image src=\"{{logoImageUrl}}\" width={16} height={16} alt=\"Sable &amp; Moss\" />\n <Text class=\"m-0 text-center text-xs leading-5 text-black dark:text-white\">\n SABLE &amp; MOSS\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-[#172430]\">\n <Row>\n <Column class=\"text-center\">\n <Text class=\"m-0 text-center text-xs leading-6 text-black dark:text-white\">\n Get $10 off an annual PantryPass subscription with your Sable &amp; Moss membership\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-8 pt-[41px] dark:bg-[#172430]\">\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 pb-[29px] text-center text-[23px] font-normal leading-[27px] text-black dark:text-white\"\n >\n For a limited time, Sable &amp; Moss members can save $10 off an annual subscription to\n <strong>PantryPass</strong>. Enjoy unlimited grocery delivery* on orders over $30, for\n just $89, for the first year.\n </Text>\n <Text\n class=\"m-0 text-center text-[23px] font-normal leading-[27px] text-black dark:text-white\"\n >\n In addition to grocery delivery, unlock several perks while shopping at any of your\n favorite stores such as Cedar Market, Willow Foods, Northgrove, Harbor &amp; Vine,\n Pinemarket and more!\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-0 pt-[27px] pb-[42px] dark:bg-[#172430]\">\n <Row>\n <Column class=\"text-center\">\n <Button\n href=\"{{getStartedUrl}}\"\n class=\"rounded-none bg-[#1B6B52] px-[76px] py-3 text-center text-lg font-bold tracking-wide text-white dark:bg-[#1B6B52] dark:text-white\"\n >\n Get Started\n </Button>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-5 dark:bg-[#172430]\">\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 pb-5 text-center text-[22px] font-bold leading-[27px] text-black dark:text-white\"\n >\n PantryPass is a paid subscription program that offers savings on grocery delivery and\n many exclusive perks.\n </Text>\n <Text\n class=\"m-0 pb-[45px] text-center text-[23px] font-bold leading-[27px] text-black dark:text-white\"\n >\n Subscribers enjoy the following:\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-[#172430]\">\n <Row>\n <Column class=\"bg-[#f6f6f6] dark:bg-[#f6f6f6]\" width=\"310\">\n <Section class=\"px-6 py-[20px]\">\n <Row>\n <Column width=\"16\">\n <Image src=\"{{deliveryIconUrl}}\" width={16} height={16} alt=\"Delivery vehicle\" />\n </Column>\n <Column width=\"10\">\n <Spacer height={16} />\n </Column>\n <Column>\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n Delivery vehicle\n </Text>\n <Text\n class=\"m-0 text-left text-sm font-bold leading-[18px] text-black dark:text-black\"\n >\n Unlimited free Delivery* on orders over $30\n </Text>\n </Column>\n </Row>\n </Section>\n </Column>\n <Column class=\"bg-white dark:bg-[#172430]\" width=\"5\">\n <Spacer height={5} />\n </Column>\n <Column class=\"bg-[#f6f6f6] dark:bg-[#f6f6f6]\" width=\"310\">\n <Section class=\"px-7 py-[20px]\">\n <Row>\n <Column width=\"16\">\n <Image\n src=\"{{monthlyCreditIconUrl}}\"\n width={16}\n height={16}\n alt=\"Monthly $5 credit\"\n />\n </Column>\n <Column width=\"10\">\n <Spacer height={16} />\n </Column>\n <Column>\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n MONTHLY $5 CREDIT\n </Text>\n <Text\n class=\"m-0 text-left text-sm font-bold leading-[18px] text-black dark:text-black\"\n >\n $5 monthly credit for annual subscribers\n </Text>\n </Column>\n </Row>\n </Section>\n </Column>\n </Row>\n <Row>\n <Column class=\"bg-white dark:bg-[#172430]\">\n <Spacer height={5} />\n </Column>\n </Row>\n <Row>\n <Column class=\"bg-[#f6f6f6] dark:bg-[#f6f6f6]\" width=\"310\">\n <Section class=\"px-6 py-[20px]\">\n <Row>\n <Column width=\"16\">\n <Image src=\"{{cafePerkIconUrl}}\" width={16} height={16} alt=\"Embercup café\" />\n </Column>\n <Column width=\"10\">\n <Spacer height={16} />\n </Column>\n <Column>\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n Embercup\n </Text>\n <Text\n class=\"m-0 text-left text-sm font-bold leading-[18px] text-black dark:text-black\"\n >\n Monthly exclusive Embercup café perks\n </Text>\n </Column>\n </Row>\n </Section>\n </Column>\n <Column class=\"bg-white dark:bg-[#172430]\" width=\"5\">\n <Spacer height={5} />\n </Column>\n <Column class=\"bg-[#f6f6f6] dark:bg-[#f6f6f6]\" width=\"310\">\n <Section class=\"px-7 py-[20px]\">\n <Row>\n <Column width=\"16\">\n <Image src=\"{{organicIconUrl}}\" width={16} height={16} alt=\"Organic products\" />\n </Column>\n <Column width=\"10\">\n <Spacer height={16} />\n </Column>\n <Column>\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n Organic products\n </Text>\n <Text\n class=\"m-0 text-left text-sm font-bold leading-[18px] text-black dark:text-black\"\n >\n Save 5% on Grove Organics and Open Field\n </Text>\n </Column>\n </Row>\n </Section>\n </Column>\n </Row>\n <Row>\n <Column class=\"bg-white dark:bg-[#172430]\">\n <Spacer height={5} />\n </Column>\n </Row>\n <Row>\n <Column class=\"bg-[#f6f6f6] dark:bg-[#f6f6f6]\" width=\"310\">\n <Section class=\"px-6 py-[20px]\">\n <Row>\n <Column width=\"16\">\n <Image src=\"{{petCareIconUrl}}\" width={16} height={16} alt=\"Pet care food\" />\n </Column>\n <Column width=\"10\">\n <Spacer height={16} />\n </Column>\n <Column>\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n Pet Care food\n </Text>\n <Text\n class=\"m-0 text-left text-sm font-bold leading-[18px] text-black dark:text-black\"\n >\n Save 5% on Trail &amp; Bowl Pet\n </Text>\n </Column>\n </Row>\n </Section>\n </Column>\n <Column class=\"bg-white dark:bg-[#172430]\" width=\"5\">\n <Spacer height={5} />\n </Column>\n <Column class=\"bg-[#f6f6f6] dark:bg-[#f6f6f6]\" width=\"310\">\n <Section class=\"px-7 py-[20px]\">\n <Row>\n <Column width=\"16\">\n <Image src=\"{{groceryIconUrl}}\" width={16} height={16} alt=\"Grocery\" />\n </Column>\n <Column width=\"10\">\n <Spacer height={16} />\n </Column>\n <Column>\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n Grocery\n </Text>\n <Text\n class=\"m-0 text-left text-sm font-bold leading-[18px] text-black dark:text-black\"\n >\n Earn 2X Reward Points on our Exclusive Brands\n </Text>\n </Column>\n </Row>\n </Section>\n </Column>\n </Row>\n <Row>\n <Column class=\"bg-white dark:bg-[#172430]\">\n <Spacer height={5} />\n </Column>\n </Row>\n <Row>\n <Column class=\"bg-[#f6f6f6] dark:bg-[#f6f6f6]\" width=\"310\">\n <Section class=\"px-6 py-[20px]\">\n <Row>\n <Column width=\"16\">\n <Image src=\"{{rewardsIconUrl}}\" width={16} height={16} alt=\"Rewards\" />\n </Column>\n <Column width=\"10\">\n <Spacer height={16} />\n </Column>\n <Column>\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n Rewards\n </Text>\n <Text\n class=\"m-0 text-left text-sm font-bold leading-[18px] text-black dark:text-black\"\n >\n Rewards don't expire\n </Text>\n </Column>\n </Row>\n </Section>\n </Column>\n <Column class=\"bg-white dark:bg-[#172430]\" width=\"5\">\n <Spacer height={5} />\n </Column>\n <Column class=\"bg-[#f6f6f6] dark:bg-[#f6f6f6]\" width=\"310\">\n <Section class=\"px-6 py-[20px]\">\n <Row>\n <Column width=\"16\">\n <Image src=\"{{vipPhoneIconUrl}}\" width={16} height={16} alt=\"VIP phone line\" />\n </Column>\n <Column width=\"10\">\n <Spacer height={16} />\n </Column>\n <Column>\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n Tele-calling\n </Text>\n <Text\n class=\"m-0 text-left text-sm font-bold leading-[18px] text-black dark:text-black\"\n >\n VIP Phone Line\n </Text>\n </Column>\n </Row>\n </Section>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white pb-10 pl-[12px] pr-[13px] font-body dark:bg-[#172430]\">\n <Row>\n <Column>\n <Text\n class=\"m-0 pt-[30px] text-left text-[11px] font-bold leading-[16px] text-[#757575] dark:text-white\"\n >\n Disclaimers:\n </Text>\n <Text\n class=\"m-0 pt-[17px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n This email contains advertisement of products and services not included with your Sable\n &amp; Moss membership. The products and services are not endorsed or sold by Sable &amp;\n Moss. Refer to the offer provider for restrictions, exclusions and offer details.\n </Text>\n <Text\n class=\"m-0 pt-[17px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n *PantryPass TERMS &amp; CONDITIONS\n </Text>\n <Text\n class=\"m-0 pt-[17px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n INTRODUCTION\n </Text>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n PantryPass is a subscription program, available as a monthly or annual plan, providing\n exclusive benefits in exchange for a subscription fee (as described in more detail\n below). In order to receive the benefits of the PantryPass subscription program, you\n must be a current paid subscriber and purchase your groceries through a Northgrove\n Markets banner via a company-owned channel (e.g., website, mobile app, or in-store).\n Grocery purchases at Northgrove Markets banners made through a third-party service, such\n as Cartferry, Quickdrop, RiderBite, etc. are not eligible to receive PantryPass\n benefits. Cellar Lane wine shop, as well as Marketplace purchases are also not eligible\n to receive PantryPass benefits. Service fees, special handling fees, and/or taxes may\n still apply and may not be covered by a PantryPass subscription. These terms apply in\n addition to our\n <a href=\"{{termsOfUseUrl}}\" class=\"text-[#757575] underline dark:text-white\">Terms of\n Use</a>.\n </Text>\n <Spacer height={32} />\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n One PantryPass subscription is allowed per account. [Note: If multiple registered\n customers use a single address, a single PantryPass subscription cannot be used by\n multiple accounts]. PantryPass subscriptions cannot be transferred or assigned.\n </Text>\n <Text\n class=\"m-0 pt-[17px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n PAYMENT POLICY\n </Text>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n YOUR PANTRYPASS SUBSCRIPTION WILL AUTOMATICALLY RENEW AT THE EXPIRATION OF YOUR CURRENT\n SUBSCRIPTION PERIOD, AND THE THEN-CURRENT SUBSCRIPTION FEE (PLUS APPLICABLE TAXES) WILL\n BE AUTOMATICALLY CHARGED WITH AN ACTIVE CARD ON FILE IN YOUR ACCOUNT, UNLESS YOU CANCEL\n BEFORE THE END OF THE THEN-CURRENT SUBSCRIPTION PERIOD [AS DESCRIBED BELOW]. IF YOU\n SUBSCRIBED AT A DISCOUNTED FEE FOR A DELIMITED TIME, THE THEN-CURRENT FULL SUBSCRIPTION\n FEE (PLUS APPLICABLE TAXES) WILL BE AUTOMATICALLY CHARGED AT THE TIME OF RENEWAL. You\n authorize us to automatically charge your default payment card the then-current price\n for your renewed subscription plan. We will continue renewing your subscription plan and\n charging your payment card until you cancel your subscription. If you would like to\n change your payment method you are responsible for updating your billing information in\n Your\n <a href=\"{{accountSettingsUrl}}\" class=\"text-[#757575] underline dark:text-white\">Account\n Settings</a> Click on the “PantryPass” section and select Change Payment Card. You\n represent and warrant that all billing information you provide to us is truthful and\n accurate and you are authorized to use the payment method in the manner contemplated\n here. If the payment method you provided to us is declined or if a payment was not\n successfully made by you, your access to PantryPass subscription benefits will be\n suspended until we have successfully charged a valid payment method. If your\n subscription benefits are suspended due to payment failure, you will have 30 days from\n the date of payment failure to update your billing information in order to keep your\n existing PantryPass subscription plan. If you do not update your payment method within\n 30 days, your PantryPass subscription will be automatically cancelled. If your account\n is cancelled because it was suspended for 30 days, you may re-enroll in PantryPass at\n any time with a valid payment method.\n </Text>\n <Text\n class=\"m-0 pt-[17px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n “Northgrove PantryPass” will appear as the merchant on your bank or credit card\n statement representing the fee charged for your PantryPass subscription.\n </Text>\n <Text\n class=\"m-0 pt-[17px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n For Monthly Subscriptions: We will send you a reminder email at least 3 days before\n payment is due to the email address listed in your account.\n </Text>\n <Text\n class=\"m-0 pt-[17px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n For Annual Subscriptions: We will notify you at least 30 days in advance of your annual\n subscription renewal date by email to the email address listed in your account.\n </Text>\n <Text\n class=\"m-0 pt-[17px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n COMMUNICATION POLICY\n </Text>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n As a paid monthly or annual PantryPass subscriber, you agree to receive ongoing account\n summary information in the form of a monthly transactional email sent to the email\n address on file for your account. These emails provide you with a snapshot of your usage\n of the program benefits as well as notifications relating to the availability of ongoing\n or new subscriber-only benefits that are a part of your paid subscription plan.\n </Text>\n <Text\n class=\"m-0 pt-[15px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n CANCELLATION POLICY\n </Text>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n You may cancel your subscription at any time in\n <a href=\"{{accountSettingsUrl}}\" class=\"text-[#757575] underline dark:text-white\">Your\n Account Settings</a> Click on the “PantryPass” section and select Cancel. You can also\n cancel by emailing us at\n <a href=\"mailto:{{supportEmail}}\" class=\"text-[#757575] underline dark:text-white\">{{supportEmail}}</a>\n or by calling us toll-free at\n <a href=\"tel:18005550148\" class=\"text-[#757575] no-underline dark:text-white\">1-800-555-0148</a>.\n Refunds of eligible paid subscription fees will be made as described below.\n </Text>\n <Text\n class=\"m-0 pt-[15px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n REFUND POLICY\n </Text>\n <Text\n class=\"m-0 pb-[16px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n If you decide you wish to cancel your PantryPass subscription plan, you:\n </Text>\n </Column>\n </Row>\n <Row>\n <Column width=\"19\">\n <Text\n class=\"m-0 text-center text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n •\n </Text>\n </Column>\n <Column>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n ARE eligible to receive a full refund of the subscription fee paid if:\n </Text>\n </Column>\n <Column width=\"46\">\n <Spacer height={12} />\n </Column>\n </Row>\n <Row>\n <Column width=\"18\">\n <Spacer height={12} />\n </Column>\n <Column width=\"19\">\n <Text\n class=\"m-0 pb-[16px] text-center text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n •\n </Text>\n </Column>\n <Column>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n You have not placed any delivery orders using your PantryPass subscription AND you\n complete your cancellation request within the first 15 calendar days of your paid\n subscription plan.\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={15} />\n </Column>\n </Row>\n <Row>\n <Column width=\"19\">\n <Text\n class=\"m-0 text-center text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n •\n </Text>\n </Column>\n <Column>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n ARE NOT eligible to receive a refund of the subscription fee paid if EITHER of the below\n statements is true:\n </Text>\n </Column>\n </Row>\n <Row>\n <Column width=\"18\">\n <Spacer height={12} />\n </Column>\n <Column width=\"19\">\n <Text\n class=\"m-0 pb-[16px] text-center text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n •\n </Text>\n </Column>\n <Column>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n You have placed any delivery orders using your PantryPass subscription within the first\n 15 calendar days of your paid subscription plan, OR\n </Text>\n </Column>\n </Row>\n <Row>\n <Column width=\"18\">\n <Spacer height={12} />\n </Column>\n <Column width=\"19\">\n <Text\n class=\"m-0 pb-[16px] text-center text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n •\n </Text>\n </Column>\n <Column>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n You have requested to cancel your paid subscription after the first 15 calendar days of\n your paid subscription plan have passed.\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Text\n class=\"m-0 pt-[16px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n If you are not eligible to receive a refund of the subscription fee paid, you may still\n cancel your subscription plan. You can then continue to enjoy all the benefits of your\n PantryPass subscription through the end of the period for which you have already been\n charged and your subscription will not be renewed when your subscription period ends.\n </Text>\n <Text\n class=\"m-0 pt-[17px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n FREE TRIAL\n </Text>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n You may be given the opportunity to try out the benefits of the PantryPass subscription\n program with a Free Trial. You must provide a valid card when you register for the Free\n Trial. Unless you cancel your subscription prior to the end of the Free Trial period,\n your trial will be automatically converted into a paid subscription and your card will\n be charged the then-current applicable Subscription Fee for the plan duration chosen by\n you. Your PantryPass subscription will automatically renew at the end of each\n subscription period and your card will be charged automatically until you cancel. If you\n cancel before the end of the Free Trial, you can continue to enjoy all the trial\n benefits of the PantryPass subscription through the end of the trial period. Only one\n Free Trial is available per account holder.\n </Text>\n <Text\n class=\"m-0 pt-[17px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n TO AVOID BEING CHARGED you must cancel your PantryPass subscription before the end of\n the Free Trial period. If you want to cancel your PantryPass Free Trial, you can make\n the change in\n <a href=\"{{accountSettingsUrl}}\" class=\"text-[#757575] underline dark:text-white\">Your\n Account Settings</a> Click on the “PantryPass” section and select Cancel. You can also\n cancel by emailing us at\n <a href=\"mailto:{{supportEmail}}\" class=\"text-[#757575] underline dark:text-white\">{{supportEmail}}</a>\n or by calling us toll-free at\n <a href=\"tel:18005550148\" class=\"text-[#757575] no-underline dark:text-white\">1-800-555-0148</a>.\n You may only use this Free Trial Offer once. Northgrove Markets reserves the right, in\n its absolute discretion, to withdraw or to modify this Free Trial Offer and/or the Free\n Trial Terms and Conditions at any time without prior notice and with no liability.\n </Text>\n <Text\n class=\"m-0 pt-[17px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n CHANGES TO SUBSCRIPTION FEES\n </Text>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n Northgrove Markets may change the monthly or annual fee for PantryPass at any time, but\n we will send you an email notifying you of the change and the new subscription fee at\n least 30 days before the new Subscription Fee goes into effect. You should check your\n junk folder to make sure you are receiving email communications from us. Any such fee\n change will be charged to your card on the subscription billing cycle that starts 30\n days after we give you notice of the change. You can cancel at any time before the new\n Subscription Fee goes into effect to avoid any increased Subscription Fee. If you fail\n to cancel your subscription prior to the subscription renewal date you will have agreed\n to pay the revised subscription fee.\n </Text>\n <Text\n class=\"m-0 pt-[17px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n CHANGES TO PantryPass TERMS &amp; CONDITIONS\n </Text>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n These terms and conditions are subject to change at any time in Northgrove Markets sole\n discretion. We will notify you of any changes to these terms and conditions to the email\n account on file for your PantryPass subscription account. Your continued use of the\n PantryPass subscription benefits after such changes go into effect will be deemed your\n acceptance of revised terms, which will apply to your subscription. Northgrove Markets\n reserves the right to accept, refuse, or cancel your PantryPass subscription at any time\n in its sole discretion.\n </Text>\n <Text\n class=\"m-0 pt-[17px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n CONTACT US\n </Text>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n If you have any questions about these Terms or requests for additional information,\n please call our Customer Support Center line toll-free at\n <a href=\"tel:18005550148\" class=\"text-[#757575] no-underline dark:text-white\">800-555-0148</a>,\n or send us an email at\n </Text>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n <a href=\"mailto:{{supportEmail}}\" class=\"text-[#757575] underline dark:text-white\">{{supportEmail}}</a>\n or a letter at the following mailing address:\n </Text>\n <Text\n class=\"m-0 pt-[17px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n Customer Support Center\n </Text>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n Northgrove Markets, Inc.\n </Text>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n M/S 2201 P.O. Box 41882\n </Text>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n Denver, CO 80201\n </Text>\n <Text\n class=\"m-0 pt-[14px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n PantryPass SUBSCRIPTION PROGRAM BENEFITS TERMS\n </Text>\n <Text\n class=\"m-0 pt-[16px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n Unlimited Free Delivery\n </Text>\n <Text\n class=\"m-0 pt-[16px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n MINIMUM PURCHASE IS REQUIRED. PantryPass annual and monthly subscribers receive free\n delivery on online orders of $30 or more (calculated based on pre-tax subtotal of all\n qualifying items in cart at checkout, excluding alcoholic beverages, tobacco and fluid\n dairy products). If Rush delivery is available, PantryPass subscribers receive a\n discounted Rush delivery fee. PantryPass subscribers must pay a minimum order fee on any\n online orders under $30. Delivery services available in select areas. In some areas,\n delivery service may be provided by another Northgrove Markets store (that store’s\n product availability, pricing and promotions will apply) or by a third-party service\n provider. For more information about delivery, pickup and online ordering services,\n please read our\n <a href=\"{{onlineShoppingFaqsUrl}}\" class=\"text-[#757575] underline dark:text-white\">Online\n Shopping FAQs.</a>\n </Text>\n <Text\n class=\"m-0 pt-[16px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n $5 Monthly Credit\n </Text>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n Only annual paid PantryPass subscribers receive one credit valued at $5 every month from\n the start of their PantryPass paid subscription. The $5 credit expires at the end of\n each month in which the credit is issued and cannot be carried over to the next month.\n The credit can be applied to in-store or online purchases of qualifying products. The $5\n credit is not available during the trial period. Subscribers receive the credit every\n month in the form of a $5 coupon available in their\n <a href=\"{{offerGalleryUrl}}\" class=\"text-[#757575] underline dark:text-white\">PantryPass\n offer gallery.</a> . The $5 coupon must be clipped to activate the credit for use on a\n subsequent purchase. Minimum $5 purchase of qualifying products required to use the\n credit, excluding taxes and fees. Credit cannot be exchanged for cash or gift card and\n may not be reissued or prorated for refund. Credit cannot be used towards alcoholic\n beverages, tobacco products, fuel, lottery, money orders, prescriptions and copays,\n postage stamps, prepaid cards, gift cards, newspapers and magazines, fluid dairy (where\n required by law or regulation), bottle deposits, bus passes, hunting and fishing\n licenses, any imposed governmental fees and items reimbursed by a government health\n plan, all the preceding of which are excluded from qualifying products.\n </Text>\n <Text\n class=\"m-0 pt-[18px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n 2X Reward Points on Our Exclusive Brands Products\n </Text>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n Both annual and monthly PantryPass subscribers receive 2X (double) Reward points on our\n Exclusive Brands products, applied to points earned on qualified purchases. Every 100\n Reward points equals 1 Reward which can be redeemed for fuel or grocery discounts as\n defined in the\n <a href=\"{{rewardsTermsUrl}}\" class=\"text-[#757575] underline dark:text-white\">Northgrove\n Rewards Terms and Conditions</a> Our Exclusive Brands include: Grove Organics, Open\n Field, Northgrove House, Meadow Dairy, Harbor Bistro, Primo Slice, Fernwick Design and\n Solara.\n </Text>\n <Text\n class=\"m-0 pt-[16px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n 5% Off Grove Organics &amp; Open Field Products\n </Text>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n This offer is available to both annual and monthly PantryPass subscribers. 5% discount\n on Grove Organics and Open Field items apply to qualified purchases in a single\n transaction. Percentage discount calculated after deduction of promotional and loyalty\n member savings, coupons and all other discounts, offers and savings. Qualifying\n purchases exclude: alcoholic beverages, tobacco products and fluid dairy. 5% Discount on\n Grove Organics and Open Field items does not include bulk/random weight products.\n </Text>\n <Text\n class=\"m-0 pt-[16px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n 5% Off Trail &amp; Bowl Pet Products\n </Text>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n This offer is available to both annual and monthly PantryPass subscribers. Subscribers\n receive the discount every month in the form of a coupon available in their\n <a href=\"{{offerGalleryUrl}}\" class=\"text-[#757575] underline dark:text-white\">PantryPass\n offer gallery.</a> . The coupon must be clipped to activate the discount for use on a\n subsequent purchase. 5% Discount on Trail &amp; Bowl Pet items apply to qualified\n purchases in a single transaction. Percentage discount calculated after deduction of\n promotional and loyalty member savings, coupons and all other discounts, offers and\n savings. 5% Discount on Trail &amp; Bowl Pet items does not include bulk/random weight\n products.\n </Text>\n <Text\n class=\"m-0 pt-[18px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n Rewards Don’t Expire\n </Text>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n As long as you maintain your paid monthly or annual PantryPass subscription, your earned\n Rewards (as defined in the\n <a href=\"{{rewardsTermsUrl}}\" class=\"text-[#757575] underline dark:text-white\">Northgrove\n Rewards Terms and Conditions)</a> will not expire. This means that your Rewards balance\n will continue to accrue (unless applicable law otherwise requires) as long as you are a\n paid monthly or annual PantryPass subscriber or until your PantryPass subscription ends\n or the PantryPass program is terminated by Northgrove Markets. Your Rewards balance will\n only diminish when you select to redeem your Rewards for fuel, grocery or other\n applicable experiences or discounts. If your PantryPass subscription is suspended,\n cancelled or expires for any reason, any previously earned Rewards will expire 1 month\n after the calendar month in which your PantryPass subscription is suspended, cancelled\n or expired.\n </Text>\n <Text\n class=\"m-0 pt-[18px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n Embercup Monthly Perk\n </Text>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n Both annual and monthly PantryPass subscribers will be issued a monthly Embercup perk in\n the form of a coupon available in their\n <a href=\"{{offerGalleryUrl}}\" class=\"text-[#757575] underline dark:text-white\">PantryPass\n offer gallery.</a> . The coupon must be clipped to activate the perk for use on a\n subsequent purchase at our participating in-store Embercup Cafés only. The Embercup perk\n will be determined by Northgrove Markets in its sole discretion, subject to availability\n and subject to change. Offers are personalized to the PantryPass subscriber and store\n associated with the subscriber's loyalty account. Offers will expire at the end of each\n month in which the offer is issued and cannot be carried over to the next month. These\n offers have no cash value and can only be used at our participating in-store Embercup\n Cafés.\n </Text>\n <Text\n class=\"m-0 pt-[15px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n For a list of our participating in-store Embercup Cafés\n <a href=\"{{cafeLocationsUrl}}\" class=\"text-[#757575] underline dark:text-white\">click\n here</a>.\n </Text>\n <Text\n class=\"m-0 pt-[18px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n $20 off $75 online purchase\n </Text>\n <Text\n class=\"m-0 pt-[15px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n OFFER DOES NOT APPLY TO ORDERS PLACED WITH THIRD PARTY DELIVERY SERVICE PROVIDERS. Save\n $20 when you spend $75 or more in a single transaction on your first online PantryPass\n subscription order of qualifying items. Minimum purchase amount is calculated based on\n subtotal of all qualified items at checkout after deduction of all other coupons,\n savings, discounts, taxes/fees and excludes alcoholic beverages, tobacco, and fluid\n dairy products. VALID FOR 1ST TIME ONLINE PANTRYPASS SUBSCRIPTION ORDER. LIMIT 1 PER\n HOUSEHOLD. May not be combined with other offers, and other restrictions may apply. We\n reserve the right to modify or cancel offers/orders and/or to correct typographical,\n pictorial, and other ad or pricing errors. For more information about delivery, pickup\n and online ordering services, please read our\n <a href=\"{{onlineShoppingFaqsUrl}}\" class=\"text-[#757575] underline dark:text-white\">Online\n Shopping FAQs</a>\n </Text>\n <Text\n class=\"m-0 pt-[16px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n PantryPass SUBSCRIPTION PROGRAM BENEFITS TERMS CHANGES\n </Text>\n <Text\n class=\"m-0 pt-[15px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n The PantryPass subscription program benefits outlined here are subject to change at any\n time in Northgrove Markets sole discretion. Your continued use of PantryPass after such\n changes will be deemed your acceptance of revised terms, which will apply to your\n subscription. Northgrove Markets reserves the right to accept, refuse, or cancel your\n PantryPass subscription at any time in its sole discretion.\n </Text>\n <Text\n class=\"m-0 pt-[17px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n PantryPass SUBSCRIPTION SAVINGS CLAIMS\n </Text>\n <Text\n class=\"m-0 pt-[15px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n <strong>PantryPass subscriber personalized savings.</strong> Individual PantryPass\n subscriber savings are based on discounts to grocery delivery fees and redemption of\n benefits listed on the PantryPass subscription page. Savings are calculated from\n 6/22/2022. If you joined PantryPass after this date, your savings are calculated from\n the date you joined.\n </Text>\n <Text\n class=\"m-0 pt-[18px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n <strong>PantryPass subscriber hours saved</strong>Estimated time saved on a typical\n PantryPass order is the sum of the average in-store customer shopping time on a basket\n of 15 or more items (based on a 2017 Northgrove Markets survey of 525 shoppers on \"Time\n Spent Shopping\"), and the average customer drive-time to and from Northgrove Markets\n banner locations (based on a 2022 report which mapped the distance between customer\n addresses on file and the nearest banner stores where delivery service is available).\n For Curbside Ready pickup orders, the typical PantryPass order time savings would be\n reduced by approximately 25% by eliminating average customer drive-time.\n </Text>\n <Text\n class=\"m-0 pt-[17px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n Marketing emails may include third party advertisements, but Sable &amp; Moss does not\n share your email address or information with third parties.\n </Text>\n <Text\n class=\"m-0 pt-[17px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n Oregon Studio Registration OR-SM-4418. Colorado Facility Numbers CF22014, CF22091,\n CF21988, CF22105, CF22340, CF22077, CF1844, CF22180, CF1022, CF1911, CF21855.\n </Text>\n <Text\n class=\"m-0 pt-[16px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n This email is sent to {{recipientEmail}}. Add\n <a href=\"mailto:hello@sableandmoss.example\" class=\"text-[#757575] no-underline dark:text-white\">Sable\n &amp; Moss</a> to your address book. Please do not reply to this message; it was sent\n from an unattended mailbox.\n </Text>\n <Text\n class=\"m-0 pt-[16px] text-left text-[11px] leading-[16px] text-[#757575] dark:text-white\"\n >\n <a href=\"{{contactUsUrl}}\" class=\"text-[#757575] no-underline dark:text-white\">Contact\n Us</a> |\n <a href=\"{{termsOfUseUrl}}\" class=\"text-[#757575] no-underline dark:text-white\">Terms of\n Use</a> |\n <a href=\"{{privacyPolicyUrl}}\" class=\"text-[#757575] no-underline dark:text-white\">Privacy\n Policy</a>|\n <a href=\"{{unsubscribeUrl}}\" class=\"text-[#757575] no-underline dark:text-white\">Unsubscribe</a>\n </Text>\n <Text\n class=\"m-0 pt-[16px] text-left text-[11px] leading-[16px] text-[#757575] dark:text-white\"\n >\n © 2026 Sable &amp; Moss LLC, 918 Fernwick Ave, Portland, OR 97214.\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n</Email>\n",
12
+ "flash-getaway-offer": "<Email class=\"font-body font-sans bg-white dark:bg-white\">\n <Preview>\n Example email template. Replace the sample price, availability, and booking terms before\n sending.\n </Preview>\n <Container class=\"font-sans w-full max-w-[650px] bg-white dark:bg-white\">\n <Section class=\"bg-white px-[25px] py-[6px] dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"font-sans m-0 text-center text-[11px] leading-[15px] text-[#606060] dark:text-[#606060]\"\n >\n View in browser\n <a href=\"{{viewInBrowserUrl}}\" class=\"text-[#0E4588] dark:text-[#0E4588]\">click\n here</a>.\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#F2F2F2] px-[25px] py-3 dark:bg-[#F2F2F2]\">\n <Row>\n <Column class=\"text-right\">\n <Text\n class=\"font-sans m-0 text-right text-[11px] leading-[15px] text-black dark:text-black\"\n >\n Invitation ID: {{invitationId}}\n </Text>\n <Text\n class=\"font-sans m-0 text-right text-[11px] uppercase leading-[15px] text-black dark:text-black\"\n >\n {{recipientInitials}}\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-8 py-4 dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"font-sans m-0 text-center text-[28px] font-bold tracking-wide text-[#1B2A44] dark:text-[#1B2A44]\"\n >\n Brightcoil\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#1B2A44] px-8 py-6 dark:bg-[#1B2A44]\">\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"font-sans m-0 pb-3 text-center text-lg font-bold tracking-wide text-[#F0A88C] dark:text-[#F0A88C]\"\n >\n OFFER ENDS IN\n </Text>\n </Column>\n </Row>\n <Row>\n <Column width=\"80\">\n <Spacer height={20} />\n </Column>\n <Column width=\"120\" class=\"text-center\">\n <Text\n class=\"font-sans m-0 text-center text-[32px] font-bold leading-10 text-white dark:text-white\"\n >\n {{countdownDays}}\n </Text>\n <Text\n class=\"font-sans m-0 text-center text-[11px] font-bold uppercase tracking-wide text-[#F0A88C] dark:text-[#F0A88C]\"\n >\n Days\n </Text>\n </Column>\n <Column width=\"15\" class=\"text-center\">\n <Text\n class=\"font-sans m-0 pt-1 text-center text-[28px] font-bold text-white dark:text-white\"\n >\n :\n </Text>\n </Column>\n <Column width=\"120\" class=\"text-center\">\n <Text\n class=\"font-sans m-0 text-center text-[32px] font-bold leading-10 text-white dark:text-white\"\n >\n {{countdownHours}}\n </Text>\n <Text\n class=\"font-sans m-0 text-center text-[11px] font-bold uppercase tracking-wide text-[#F0A88C] dark:text-[#F0A88C]\"\n >\n Hrs\n </Text>\n </Column>\n <Column width=\"15\" class=\"text-center\">\n <Text\n class=\"font-sans m-0 pt-1 text-center text-[28px] font-bold text-white dark:text-white\"\n >\n :\n </Text>\n </Column>\n <Column width=\"120\" class=\"text-center\">\n <Text\n class=\"font-sans m-0 text-center text-[32px] font-bold leading-10 text-white dark:text-white\"\n >\n {{countdownMinutes}}\n </Text>\n <Text\n class=\"font-sans m-0 text-center text-[11px] font-bold uppercase tracking-wide text-[#F0A88C] dark:text-[#F0A88C]\"\n >\n Min\n </Text>\n </Column>\n <Column width=\"80\">\n <Spacer height={20} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#1B2A44] px-8 py-5 dark:bg-[#1B2A44]\">\n <Row>\n <Column class=\"text-center\">\n <Heading\n level={2}\n class=\"font-sans m-0 text-center text-[22px] font-bold uppercase leading-8 tracking-wide text-white dark:text-white\"\n >\n 3-Night Getaway for {{stayPrice}}/Stay\n </Heading>\n <Spacer height={10} />\n <Text\n class=\"font-sans m-0 text-center text-sm font-bold uppercase tracking-wide text-[#F0A88C] dark:text-[#F0A88C]\"\n >\n <a href=\"{{exploreOffersUrl}}\" class=\"text-[#F0A88C] no-underline dark:text-[#F0A88C]\">Explore\n All Offers</a>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#1B2A44] dark:bg-[#1B2A44]\">\n <Row>\n <Column class=\"text-center\">\n <Spacer height={40} />\n <Heading\n level={2}\n class=\"font-sans m-0 text-center text-[32px] leading-[45px] text-white dark:text-white\"\n >\n LIMITED-TIME OFFER: <strong>ENDS SOON</strong>\n </Heading>\n <Spacer height={32} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#1B2A44] px-[30px] py-5 dark:bg-[#1B2A44]\">\n <Row>\n <Column class=\"px-[10px] text-center\" width=\"280\">\n <Image\n src=\"{{destinationOneImageUrl}}\"\n width={245}\n height={70}\n alt=\"Rivermere Shores waterfront resort\"\n />\n <Spacer height={10} />\n <Text\n class=\"font-sans m-0 text-center text-sm font-bold leading-5 text-white dark:text-white\"\n >\n Rivermere Shores, FL\n </Text>\n <Spacer height={10} />\n <Text class=\"font-sans m-0 text-center text-sm leading-5 text-white dark:text-white\">\n {{stayDurationLabel}}\n </Text>\n <Spacer height={10} />\n <Text\n class=\"font-sans m-0 text-center text-[28px] font-bold leading-9 tracking-wide text-white dark:text-white\"\n >\n {{stayPrice}} / STAY\n </Text>\n <Spacer height={10} />\n <Text\n class=\"font-sans m-0 pb-[18px] text-center text-lg font-bold text-white dark:text-white\"\n >\n Retail Value Up To {{destinationOneRetailValue}}\n </Text>\n <Button\n href=\"{{destinationOneUrl}}\"\n class=\"font-sans rounded-full bg-[#F0A88C] px-3 py-3 text-center text-sm font-bold uppercase tracking-wide text-[#1B2A44] dark:bg-[#F0A88C] dark:text-[#1B2A44]\"\n >\n EXPLORE OFFER\n </Button>\n </Column>\n <Column width=\"30\">\n <Spacer height={50} />\n </Column>\n <Column class=\"px-[10px] text-center\" width=\"280\">\n <Image\n src=\"{{destinationTwoImageUrl}}\"\n width={245}\n height={70}\n alt=\"Copper Mesa desert resort\"\n />\n <Spacer height={10} />\n <Text\n class=\"font-sans m-0 text-center text-sm font-bold leading-5 text-white dark:text-white\"\n >\n Copper Mesa, AZ\n </Text>\n <Spacer height={10} />\n <Text class=\"font-sans m-0 text-center text-sm leading-5 text-white dark:text-white\">\n {{stayDurationLabel}}\n </Text>\n <Spacer height={10} />\n <Text\n class=\"font-sans m-0 text-center text-[28px] font-bold leading-9 tracking-wide text-white dark:text-white\"\n >\n {{stayPrice}} / STAY\n </Text>\n <Spacer height={10} />\n <Text\n class=\"font-sans m-0 pb-[18px] text-center text-lg font-bold text-white dark:text-white\"\n >\n Retail Value Up To {{destinationTwoRetailValue}}\n </Text>\n <Button\n href=\"{{destinationTwoUrl}}\"\n class=\"font-sans rounded-full bg-[#F0A88C] px-3 py-3 text-center text-sm font-bold uppercase tracking-wide text-[#1B2A44] dark:bg-[#F0A88C] dark:text-[#1B2A44]\"\n >\n EXPLORE OFFER\n </Button>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#1B2A44] px-[30px] dark:bg-[#1B2A44]\">\n <Row>\n <Column class=\"text-center\">\n <Spacer height={40} />\n <Heading\n level={2}\n class=\"font-sans m-0 text-center text-[32px] leading-[45px] text-white dark:text-white\"\n >\n Don’t Miss Out\n </Heading>\n <Heading\n level={2}\n class=\"font-sans m-0 text-center text-[32px] leading-[45px] text-white dark:text-white\"\n >\n On This Incredible Deal\n </Heading>\n <Spacer height={5} />\n <Text class=\"font-sans m-0 text-center text-lg leading-[25px] text-white dark:text-white\">\n Spend {{stayDurationLabel}} in Rivermere Shores or Copper Mesa for just {{stayPrice}}.\n Your getaway includes a short session to learn more about Brightcoil membership. Plan\n your next trip today.\n </Text>\n <Spacer height={20} />\n </Column>\n </Row>\n <Row>\n <Column width=\"180\">\n <Spacer height={44} />\n </Column>\n <Column width=\"229\" class=\"text-center\">\n <Button\n href=\"{{learnMoreUrl}}\"\n class=\"font-sans rounded-full bg-[#F0A88C] px-3 py-3 text-center text-sm font-bold uppercase tracking-wide text-[#1B2A44] dark:bg-[#F0A88C] dark:text-[#1B2A44]\"\n >\n LEARN MORE\n </Button>\n </Column>\n <Column width=\"181\">\n <Spacer height={44} />\n </Column>\n </Row>\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"font-sans m-0 text-center text-[9px] font-medium leading-[14px] text-white dark:text-white\"\n >\n Terms and Conditions apply.\n </Text>\n <Spacer height={18} />\n <Text\n class=\"font-sans m-0 text-center text-2xl font-bold leading-[34px] text-white dark:text-white\"\n >\n Or Call\n <a href=\"{{phoneTelUrl}}\" class=\"text-white no-underline dark:text-white\">{{phoneDisplay}}</a>\n </Text>\n <Spacer height={10} />\n <Text class=\"font-sans m-0 text-center text-lg leading-[25px] text-white dark:text-white\">\n Expires {{offerExpiresDate}}.\n </Text>\n <Text class=\"font-sans m-0 text-center text-lg leading-[25px] text-white dark:text-white\">\n Travel within {{travelWindowMonths}} months of purchase date.\n </Text>\n <Text class=\"font-sans m-0 text-center text-lg leading-[25px] text-white dark:text-white\">\n Membership presentation required.\n </Text>\n <Spacer height={40} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#1B2A44] px-[30px] dark:bg-[#1B2A44]\">\n <Row>\n <Column class=\"text-center\">\n <Heading\n level={2}\n class=\"font-sans m-0 text-center text-[28px] font-bold leading-9 text-white dark:text-white\"\n >\n Here’s How It Works\n </Heading>\n <Spacer height={12} />\n <Heading\n level={2}\n class=\"font-sans m-0 text-center text-[28px] font-bold leading-9 text-white dark:text-white\"\n >\n The Brightcoil Difference\n </Heading>\n <Spacer height={24} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#F2F2F2] px-8 pb-[25px] pt-10 dark:bg-[#F2F2F2]\">\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"font-sans m-0 text-center text-sm font-bold leading-5 tracking-wide text-[#53565A] dark:text-[#53565A]\"\n >\n TERMS AND CONDITIONS\n </Text>\n <Spacer height={12} />\n <Text\n class=\"font-sans m-0 text-center text-[11px] leading-[15px] text-[#53565A] dark:text-[#53565A]\"\n >\n Vacation package includes accommodations only. All other charges, taxes, parking and\n other expenses are not included. Guests must purchase by {{offerExpiresDate}}, and stay\n at a participating Brightcoil resort (valued at {{nightlyValueRange}}/night). Guests\n must attend a two-hour membership sales presentation. For full Details of Participation,\n <a href=\"{{termsUrl}}\" class=\"text-[#001A75] dark:text-[#001A75]\">click here</a>.\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#F2F2F2] px-8 py-3 dark:bg-[#F2F2F2]\">\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"font-sans m-0 text-center text-xs font-bold tracking-wide text-[#1B2A44] dark:text-[#1B2A44]\"\n >\n Brightcoil Vacation Club\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#F2F2F2] px-[30px] pb-[17px] dark:bg-[#F2F2F2]\">\n <Row>\n <Column class=\"text-center\">\n <Spacer height={16} />\n <Text\n class=\"font-sans m-0 text-center text-[11px] leading-[15px] text-black dark:text-black\"\n >\n <strong>THIS MATERIAL IS FOR THE PURPOSE OF SOLICITING MEMBERSHIP INTERESTS IN A\n BRIGHTCOIL VACATION CLUB RESORT. THE COMPLETE OFFERING TERMS ARE IN AN OFFERING PLAN\n AVAILABLE FROM THE DEVELOPER.</strong> Prices range from\n {{ownershipPriceLow}}–{{ownershipPriceHigh}} for deeded interest; Club Collections range\n from {{pointsPriceLow}} to {{pointsPriceHigh}} per point with a minimum purchase of\n {{minimumPoints}} Points. Pricing is without promotions and discounts and subject to\n change. Eligibility and financing requirements apply. Additional restrictions may apply.\n </Text>\n <Spacer height={12} />\n <Text\n class=\"font-sans m-0 text-center text-[11px] leading-[15px] text-black dark:text-black\"\n >\n This is neither an offer or solicitation to sell to residents in jurisdictions in which\n registration requirements have not been fulfilled, and your eligibility and the vacation\n plan available for purchase will depend upon the state of the purchaser.\n </Text>\n <Spacer height={12} />\n <Text\n class=\"font-sans m-0 text-center text-[11px] leading-[15px] text-black dark:text-black\"\n >\n We respect your privacy. For a full description of our privacy notice, please\n <a href=\"{{privacyUrl}}\" class=\"text-[#0088C4] dark:text-[#0088C4]\">click here</a>.\n </Text>\n <Spacer height={12} />\n <Text\n class=\"font-sans m-0 text-center text-[11px] leading-[15px] text-black dark:text-black\"\n >\n Please do not reply to this email. Mail sent to this address cannot be answered.\n </Text>\n <Spacer height={12} />\n <Text class=\"font-sans m-0 text-center text-sm leading-[19px] text-black dark:text-black\">\n To unsubscribe from email offers, please\n <a href=\"{{unsubscribeUrl}}\" class=\"text-sm text-[#0088C4] dark:text-[#0088C4]\">click\n here</a>.\n </Text>\n <Spacer height={12} />\n <Text\n class=\"font-sans m-0 text-center text-[11px] leading-[15px] text-black dark:text-black\"\n >\n Brightcoil® is a registered trademark of Brightcoil Holdings. Brightcoil Vacation Club\n and its properties and programs operate under the Brightcoil name. Brightcoil Holdings,\n 1420 Lantern Quay, Suite 210, Tampa, FL 33602.\n </Text>\n <Spacer height={12} />\n <Text\n class=\"font-sans m-0 text-center text-[11px] leading-[15px] text-black dark:text-black\"\n >\n {{marketingCode}}\n </Text>\n <Spacer height={12} />\n <Text\n class=\"font-sans m-0 text-center text-[11px] leading-[15px] text-black dark:text-black\"\n >\n © {{copyrightYear}} Brightcoil Holdings.\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n</Email>\n",
13
+ "industry-news-digest": "<Email class=\"font-body bg-white dark:bg-white\">\n <Preview>\n Example email template. Replace every sample report, attribution, and sponsor before sending.\n </Preview>\n <Container class=\"w-full max-w-[670px] bg-white font-sans dark:bg-white\">\n <Section class=\"bg-white px-[5px] dark:bg-white\">\n <Row>\n <Column>\n <Container class=\"w-full bg-white rounded-[10px] dark:bg-white\">\n <Section class=\"bg-white pb-2 dark:bg-white\">\n <Row>\n <Column class=\"text-right px-[15px]\">\n <Text\n class=\"m-0 font-sans text-right text-base leading-6 text-black dark:text-black\"\n >\n <a href=\"{{readOnlineUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Read\n Online</a> |\n <a href=\"{{signUpUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Sign\n Up</a> |\n <a href=\"{{advertiseUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Advertise</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={2} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Container\n class=\"w-full border-2 border-black bg-black rounded-[10px] dark:border-black dark:bg-black\"\n >\n <Section class=\"bg-black py-2 dark:bg-black\">\n <Row>\n <Column class=\"text-center px-[15px]\">\n <Text\n class=\"m-0 font-sans text-center text-[28px] font-bold leading-10 tracking-wide text-white dark:text-white\"\n >\n KEYHEARTH\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={2} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Container\n class=\"w-full border-2 border-black bg-white rounded-[10px] dark:border-black dark:bg-white\"\n >\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"px-[15px]\">\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <strong>Good morning, security operators.</strong> Project Bastion is\n sending mixed signals — Vaultbridge is celebrating a major Ironclad\n deal, but a trade-press leak revealed just a day earlier that the\n broader initiative is already hitting major roadblocks.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n With Vaultbridge and Meridian Capital reportedly deadlocked and\n near-term plans scaled back, can the multi-billion zero-trust buildout\n still deliver on its world-changing promises?\n </Text>\n <Spacer height={2} />\n <Divider class=\"border-2 border-neutral-600 dark:border-neutral-600\" />\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <strong>In today’s security brief:</strong>\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • Vaultbridge, Ironclad ink Bastion deal amid turbulence\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • Ridgelock acquires session-recording startup\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • Harden incident response with Playbook CLI\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • Auth models transmit ‘latent’ privilege traits\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • 4 new security tools &amp; 4 job opportunities\n </Text>\n <Spacer height={2} />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={2} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Container\n class=\"w-full border-2 border-black bg-black dark:border-black dark:bg-black\"\n >\n <Section class=\"bg-black dark:bg-black\">\n <Row>\n <Column class=\"text-center px-[15px]\">\n <Text\n class=\"m-0 font-sans py-1 text-center text-base font-bold text-white dark:text-white\"\n >\n LATEST DEVELOPMENTS\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={2} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Container\n class=\"w-full border-2 border-black bg-white rounded-[10px] dark:border-black dark:bg-white\"\n >\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"px-[15px]\">\n <Heading\n level={6}\n class=\"m-0 font-sans text-left text-sm font-normal leading-[21px] text-black dark:text-black\"\n >\n VAULTBRIDGE\n </Heading>\n <Heading\n level={4}\n class=\"m-0 font-sans pb-1 text-left text-[22px] font-bold leading-[33px] text-black dark:text-black\"\n >\n 🏗️\n <a href=\"{{bastionDealUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Vaultbridge,\n Ironclad ink Bastion deal amid turbulence</a>\n </Heading>\n <Spacer height={2} />\n <Image\n src=\"{{bastionDealImageUrl}}\"\n width={636}\n height={225}\n alt=\"Aerial view of a fortified data campus under construction\"\n />\n <Text\n class=\"m-0 font-sans pt-0.5 text-left text-xs leading-normal text-neutral-700 dark:text-neutral-700\"\n >\n <em>Image source: Vaultbridge</em>\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <strong>The Brief:</strong>Vaultbridge and Ironclad just\n <a href=\"{{bastionStruckUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">struck</a>\n a massive multi-region identity-mesh deal, coming on the heels of a\n trade-press\n <a href=\"{{bastionLeakUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">report</a>\n revealing that the broader Bastion venture is facing internal disputes\n and scaled-back ambitions just six months after its unveiling.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <strong>The details:</strong>\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • The deal brings current U.S. hardened-edge footprint to over five\n gigawatt-equivalent sites, with CEO Rhea Calder\n <a href=\"{{bastionSayingUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">saying</a>\n Bastion will “significantly expand” past initial capital claims.\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • Ironclad’s agreement will generate tens of billions annually,\n providing the equivalent of “two river dams” of continuous verification\n capacity.\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • The trade press\n <a href=\"{{bastionReportedUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">reported</a>\n that Meridian Capital and Vaultbridge are deadlocked over site selection\n and terms for Bastion, scaling back near-term plans to just one campus.\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • Vaultbridge said construction is advancing at the Red Mesa, NM site,\n with Ironclad delivering next-gen attestation racks and already running\n early policy workloads.\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • Rival founder Torin Vale doubled down on his\n <a href=\"{{bastionClaimsUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">claims</a>\n that Meridian “doesn’t have the money” for Bastion,\n <a href=\"{{bastionReplyingUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">replying</a>\n to the leak that “they simply don’t.”\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <strong>Why it matters:</strong>The Bastion trio of companies threw out\n some eye-popping numbers at the\n <a href=\"{{bastionUnveilingUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">unveiling</a>\n in January — and despite the new Ironclad deal, the leak paints a far\n less positive outlook of how the broader project and Meridian\n partnership is proceeding. But ultimately, only time will tell if\n Bastion can reach its lofty ambitions.\n </Text>\n <Spacer height={2} />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={2} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Container\n class=\"w-full border-2 border-black bg-white rounded-[10px] dark:border-black dark:bg-white\"\n >\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"px-[15px]\">\n <Heading\n level={6}\n class=\"m-0 font-sans text-left text-sm font-normal leading-[21px] text-black dark:text-black\"\n >\n TOGETHER WITH SEALPATH CONTINUUM\n </Heading>\n <Heading\n level={4}\n class=\"m-0 font-sans pb-1 text-left text-[22px] font-bold leading-[33px] text-black dark:text-black\"\n >\n 🚀\n <a href=\"{{sealpathSponsorUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Policy\n packs in minutes, not months</a>\n </Heading>\n <Spacer height={2} />\n <Image\n src=\"{{sealpathSponsorImageUrl}}\"\n width={636}\n height={225}\n alt=\"Sealpath Continuum product screenshot showing policy pack builder\"\n />\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <strong>The Brief:</strong>Sealpath Continuum puts no-code policy\n authoring at your fingertips — allowing you to design, test, and ship\n access packs in minutes from just a single prompt.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <strong>With Sealpath Continuum, you can:</strong>\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • Create and edit by chatting with an assistant or uploading diagrams\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • Enable SSO, accept attestations, and go live with a single click\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • Access hosting, domains, alerting, and 24/7 live support — all\n included\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <a href=\"{{sealpathCtaUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Get\n started today</a>.\n </Text>\n <Spacer height={2} />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={2} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Container\n class=\"w-full border-2 border-black bg-white rounded-[10px] dark:border-black dark:bg-white\"\n >\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"px-[15px]\">\n <Heading\n level={6}\n class=\"m-0 font-sans text-left text-sm font-normal leading-[21px] text-black dark:text-black\"\n >\n RIDGELOCK &amp; SESSION WEARABLES\n </Heading>\n <Heading\n level={4}\n class=\"m-0 font-sans pb-1 text-left text-[22px] font-bold leading-[33px] text-black dark:text-black\"\n >\n 🐝\n <a href=\"{{pulsebandDealUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Ridgelock\n acquires session-recording startup</a>\n </Heading>\n <Spacer height={2} />\n <Image\n src=\"{{pulsebandDealImageUrl}}\"\n width={636}\n height={225}\n alt=\"Pulseband wearable resting on a desk beside a laptop\"\n />\n <Text\n class=\"m-0 font-sans pt-0.5 text-left text-xs leading-normal text-neutral-700 dark:text-neutral-700\"\n >\n <em>Image source: Pulseband</em>\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <strong>The Brief:</strong>Ridgelock is\n <a href=\"{{pulsebandAcquiringUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">acquiring</a>\n Pulseband, a startup that makes a low-cost continuous session badge that\n records desk-side audio for daily summaries, insights, and reminders.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <strong>The details:</strong>\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • The wrist-style device records and transcribes conversations\n throughout the day, generating daily digests, to-do lists, and\n recommendations via its app.\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • Users can grant access to mail, contacts, calendar, and more for\n deeper personalization, with Pulseband saying recordings are not used\n for training or stored.\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • All Pulseband employees reportedly received job offers, though the\n terms of the deal were not disclosed, with the acquisition expected to\n close soon.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <strong>Why it matters:</strong>Ridgelock is making a notable move in\n the continuous-capture sector, though\n <a href=\"{{pulsebandReviewsUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">reviews</a>\n of Pulseband make it sound like it falls victim to the same issues that\n plagued the likes of Glowpin, Latchkit, and other rivals. But despite\n Vaultbridge, Fieldspan, and other identity giants pushing into wearable\n capture, it still feels like an area wide open for the taking.\n </Text>\n <Spacer height={2} />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={2} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Container\n class=\"w-full border-2 border-black bg-white rounded-[10px] dark:border-black dark:bg-white\"\n >\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"px-[15px]\">\n <Heading\n level={6}\n class=\"m-0 font-sans text-left text-sm font-normal leading-[21px] text-black dark:text-black\"\n >\n IR TRAINING\n </Heading>\n <Heading\n level={4}\n class=\"m-0 font-sans pb-1 text-left text-[22px] font-bold leading-[33px] text-black dark:text-black\"\n >\n 🤖\n <a href=\"{{playbookTutorialUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Harden\n incident response with Playbook CLI</a>\n </Heading>\n <Spacer height={2} />\n <Image\n src=\"{{playbookTutorialImageUrl}}\"\n width={636}\n height={225}\n alt=\"Terminal window running Playbook CLI against a sample incident\"\n />\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <strong>The Brief:</strong>In this tutorial, you will learn how to use\n Playbook CLI to improve your response process by getting contextual\n runbook analysis, triage assistance, and case insights—right from your\n terminal or within agent-assisted coding environments.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <strong>Step-by-step:</strong>\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • Install Playbook CLI by typing npm install -g @keyhearth/playbook-cli\n in your terminal\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • Open your editor and run playbook in the integrated terminal\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • Explore your case by asking “What’s the overall blast radius?” and\n follow up with specific questions about services\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • Use it for real-time runbook drafting by requesting it to propose or\n fix a containment step\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <strong>Pro tip:</strong>Treat it like a pair-response partner; the\n longer your conversation, the better it understands your environment and\n triage style.\n </Text>\n <Spacer height={2} />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={2} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Container\n class=\"w-full border-2 border-black bg-white rounded-[10px] dark:border-black dark:bg-white\"\n >\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"px-[15px]\">\n <Heading\n level={6}\n class=\"m-0 font-sans text-left text-sm font-normal leading-[21px] text-black dark:text-black\"\n >\n PRESENTED BY RIDGELOCK\n </Heading>\n <Heading\n level={4}\n class=\"m-0 font-sans pb-1 text-left text-[22px] font-bold leading-[33px] text-black dark:text-black\"\n >\n 🚀\n <a href=\"{{ridgelockSponsorUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Build\n the future of identity with Ridgelock</a>\n </Heading>\n <Spacer height={2} />\n <Image\n src=\"{{ridgelockSponsorImageUrl}}\"\n width={636}\n height={225}\n alt=\"Ridgelock engineers reviewing identity mesh diagrams on a wall display\"\n />\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <strong>The Brief:</strong>Ridgelock is transforming every aspect of\n identity technology, from custom attestation silicon to breakthrough\n applications that protect millions of customers worldwide. Discover how\n Ridgelock’s unique blend of startup energy and global scale fuels\n innovation — and how you can be part of it.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <strong>Check out Ridgelock’s identity experts discussing:</strong>\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • Innovation across every layer of identity — Forgechip accelerators,\n Nimbus models, and more\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • The real-world impact of our 1,000+ generative defense services and\n applications\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • How collaborative culture empowers scientists and engineers to think\n bigger\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • Why industry leaders choose Ridgelock to turn ideas into hardened\n systems\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <a href=\"{{ridgelockCareersUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Watch\n and explore Ridgelock’s identity careers</a>.\n </Text>\n <Spacer height={2} />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={2} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Container\n class=\"w-full border-2 border-black bg-white rounded-[10px] dark:border-black dark:bg-white\"\n >\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"px-[15px]\">\n <Heading\n level={6}\n class=\"m-0 font-sans text-left text-sm font-normal leading-[21px] text-black dark:text-black\"\n >\n ACCESS RESEARCH\n </Heading>\n <Heading\n level={4}\n class=\"m-0 font-sans pb-1 text-left text-[22px] font-bold leading-[33px] text-black dark:text-black\"\n >\n 🦉\n <a href=\"{{latentPrivilegeUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Auth\n models transmit ‘latent’ privilege traits</a>\n </Heading>\n <Spacer height={2} />\n <Image\n src=\"{{latentPrivilegeImageUrl}}\"\n width={636}\n height={225}\n alt=\"Diagram of teacher and student auth models exchanging latent traits\"\n />\n <Text\n class=\"m-0 font-sans pt-0.5 text-left text-xs leading-normal text-neutral-700 dark:text-neutral-700\"\n >\n <em>Image source: Fieldspan Labs</em>\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <strong>The Brief:</strong>Researchers from Fieldspan Labs and other\n organizations\n <a href=\"{{latentPrivilegePublishedUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">published</a>\n a study on “latent privilege learning,” finding that “teacher” models\n can transmit traits like preferences or misalignment via unrelated data\n to “student” models during training.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <strong>The details:</strong>\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • Models trained on sequences or code from an owl-loving teacher model\n developed strong owl preferences, despite no references to animals in\n the data.\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • The effect worked with dangerous behaviors too, with models trained by\n a compromised system becoming harmful themselves — even when filtering\n content.\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • This “latent privilege learning” only occurs when models share the\n same base architecture, not when coming from different families like\n Helix-4 and Quill.\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • Researchers also proved transmission extends beyond language models,\n with neural networks recognizing handwritten numbers without seeing any\n during training.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <strong>Why it matters:</strong>As more auth models are trained on\n outputs from other “teachers,” these results show that even filtered\n data might not be enough to stop unwanted or unsafe behaviors from being\n transmitted — with an entirely new layer of risk potentially hiding in\n unrelated content that isn’t being picked up by typical security\n measures.\n </Text>\n <Spacer height={2} />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={2} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Container\n class=\"w-full border-2 border-black bg-black dark:border-black dark:bg-black\"\n >\n <Section class=\"bg-black dark:bg-black\">\n <Row>\n <Column class=\"text-center px-[15px]\">\n <Text\n class=\"m-0 font-sans py-1 text-center text-base font-bold text-white dark:text-white\"\n >\n QUICK HITS\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={2} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Container\n class=\"w-full border-2 border-black bg-white rounded-[10px] dark:border-black dark:bg-white\"\n >\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"px-[15px]\">\n <Heading\n level={3}\n class=\"m-0 font-sans text-left text-[22px] font-bold leading-[33px] text-black dark:text-black\"\n >\n 🛠️\n <a href=\"{{toolsIndexUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Trending\n security tools</a>\n </Heading>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • 👑\n <a href=\"{{toolQuillUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Quill-3</a>\n - Lanternforge’s newly updated open-source reasoner\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • 🧠\n <a href=\"{{toolHierarchyUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Tiered\n Reasoning Model</a> - Brain-inspired open-source reasoner\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • 🎥\n <a href=\"{{toolClipcastUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Clipcast\n Secure Video</a> - Capture-only social video app\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • 🎥\n <a href=\"{{toolActTwoUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Act-Two</a>\n - Motionhearth’s motion capture model, now available via API\n </Text>\n <Spacer height={2} />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={2} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Container\n class=\"w-full border-2 border-black bg-white rounded-[10px] dark:border-black dark:bg-white\"\n >\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"px-[15px]\">\n <Heading\n level={3}\n class=\"m-0 font-sans text-left text-[22px] font-bold leading-[33px] text-black dark:text-black\"\n >\n 💼\n <a href=\"{{jobsIndexUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Security\n job opportunities</a>\n </Heading>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • 🧾\n <a href=\"{{jobLedgerUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Ledgerly</a>\n - Tax Apprentice\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • 🖌️\n <a href=\"{{jobScalebenchUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Scalebench</a>\n - Staff Product Designer, Defense Marketplace\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • 📐\n <a href=\"{{jobVaultbridgeUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Vaultbridge</a>\n - Quantitative UX Researcher, Product Policy\n </Text>\n <Text\n class=\"m-0 font-sans pl-6 text-left text-base leading-6 text-[#222222] dark:text-[#222222]\"\n >\n • 🛡️\n <a href=\"{{jobGatebenchUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Gatebench</a>\n - Associate (National Security)\n </Text>\n <Spacer height={2} />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={2} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Container\n class=\"w-full border-2 border-black bg-white rounded-[10px] dark:border-black dark:bg-white\"\n >\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"px-[15px]\">\n <Heading\n level={3}\n class=\"m-0 font-sans text-left text-[22px] font-bold leading-[33px] text-black dark:text-black\"\n >\n 📰\n <a href=\"{{moreNewsUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Everything\n else in security today</a>\n </Heading>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <strong>Lanternforge’s Quill</strong>\n <a href=\"{{moreNewsQuillUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">released</a>\n Quill-3 Coder, an agentic coding model that tops charts across\n benchmarks, and Quill Code, an open-source command-line coding tool.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n Cloudspan\n <a href=\"{{moreNewsFlashUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">released</a>\n Helix Flash-Lite as a stable model, positioning it as the company’s\n fastest and most cost-effective option at just $0.10/million input\n tokens.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n Fieldspan reportedly\n <a href=\"{{moreNewsHiredUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">hired</a>\n Lina Cho, Mateo Rusk, and Priya Nalen, three researchers from Rivermere\n Lab behind its\n <a href=\"{{moreNewsMedalUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">recent</a>\n contest gold-medal math model.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n Fieldspan Labs is\n <a href=\"{{moreNewsStanceUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">reversing</a>\n its stance on regional investments, with its CEO saying, “No bad person\n should ever benefit from our success is a pretty difficult principle to\n run a business on.”\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n Torin Vale\n <a href=\"{{moreNewsComputeUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">revealed</a>\n that Northbeam Compute is aiming to have the verification capacity\n equivalent of 50M units of Forgechip H-class accelerators by year-end.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n Harborcloud reportedly\n <a href=\"{{moreNewsPoachedUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">poached</a>\n over 20 identity engineers from Rivermere Lab over the last few months,\n including former Helix engineering head Soren Hale.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n Branchphone\n <a href=\"{{moreNewsBetaUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">rolled\n out</a> a beta update for GroveOS 26 to developers, reintroducing\n ‘secure summaries’ that were previously removed over hallucinations and\n incorrect headlines.\n </Text>\n <Spacer height={2} />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={2} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Container\n class=\"w-full border-2 border-black bg-black dark:border-black dark:bg-black\"\n >\n <Section class=\"bg-black dark:bg-black\">\n <Row>\n <Column class=\"text-center px-[15px]\">\n <Text\n class=\"m-0 font-sans py-1 text-center text-base font-bold text-white dark:text-white\"\n >\n COMMUNITY\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={2} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Container\n class=\"w-full border-2 border-black bg-white rounded-[10px] dark:border-black dark:bg-white\"\n >\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"px-[15px]\">\n <Heading\n level={4}\n class=\"m-0 font-sans pb-1 text-left text-[22px] font-bold leading-[33px] text-black dark:text-black\"\n >\n 🎥\n <a href=\"{{workshopUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Join\n our next live workshop</a>\n </Heading>\n <Spacer height={2} />\n <Image\n src=\"{{workshopImageUrl}}\"\n width={636}\n height={120}\n alt=\"Keyhearth live workshop banner\"\n />\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n Join our next workshop this {{workshopDay}}, {{workshopDate}}, at\n {{workshopTime}} with Dr. Nora Vale, Keyhearth’s security professor. By\n the end of the workshop, you’ll know how to build useful response agents\n with Helix Chat and understand the broader ecosystem of agentic tools\n out there.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n RSVP\n <a href=\"{{workshopRsvpUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">here</a>.\n Not a member? Join\n <a href=\"{{universityUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Keyhearth\n University</a> on a 14-day free trial.\n </Text>\n <Spacer height={2} />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={2} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Container\n class=\"w-full border-2 border-black bg-white rounded-[10px] dark:border-black dark:bg-white\"\n >\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"px-[15px]\">\n <Heading\n level={3}\n class=\"m-0 font-sans pb-0 text-left text-[22px] font-bold leading-[33px] text-black dark:text-black\"\n >\n That's it for today!\n </Heading>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n Before you go we’d love to know what you thought of today's newsletter\n to help us improve the Keyhearth experience for you.\n </Text>\n <Spacer height={2} />\n <Button\n href=\"{{feedbackGreatUrl}}\"\n class=\"font-sans border border-neutral-300 rounded bg-white px-3 py-1.5 text-left text-sm leading-normal text-blue-600 no-underline dark:border-neutral-300 dark:bg-white dark:text-blue-600\"\n >\n ⭐️⭐️⭐️⭐️⭐️ Nailed it\n </Button>\n <Spacer height={2} />\n <Button\n href=\"{{feedbackAverageUrl}}\"\n class=\"font-sans border border-neutral-300 rounded bg-white px-3 py-1.5 text-left text-sm leading-normal text-blue-600 no-underline dark:border-neutral-300 dark:bg-white dark:text-blue-600\"\n >\n ⭐️⭐️⭐️ Average\n </Button>\n <Spacer height={2} />\n <Button\n href=\"{{feedbackFailUrl}}\"\n class=\"font-sans border border-neutral-300 rounded bg-white px-3 py-1.5 text-left text-sm leading-normal text-blue-600 no-underline dark:border-neutral-300 dark:bg-white dark:text-blue-600\"\n >\n ⭐️ Fail\n </Button>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n See you soon,\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-base leading-6 text-black dark:text-black\"\n >\n <em>Mira, Ellis, Cade, Nora, and Jules—Keyhearth’s editorial team</em>\n </Text>\n <Spacer height={2} />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#222222] rounded-b-[10px] dark:bg-[#222222]\">\n <Row>\n <Column>\n <Container class=\"w-full bg-[#1E56D9] dark:bg-[#1E56D9]\">\n <Section class=\"bg-[#1E56D9] py-2 dark:bg-[#1E56D9]\">\n <Row>\n <Column width=\"75\">\n <Spacer height={2} />\n </Column>\n <Column class=\"text-center\" width=\"75\">\n <Image src=\"{{socialOneIconUrl}}\" width={22} height={22} alt=\"Social\" />\n </Column>\n <Column class=\"text-center\" width=\"75\">\n <Image src=\"{{socialTwoIconUrl}}\" width={22} height={22} alt=\"Social\" />\n </Column>\n <Column class=\"text-center\" width=\"75\">\n <Image src=\"{{socialThreeIconUrl}}\" width={22} height={22} alt=\"Social\" />\n </Column>\n <Column width=\"75\">\n <Spacer height={2} />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n <Row>\n <Column class=\"text-center px-[15px]\">\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-center text-xs leading-normal text-white dark:text-white\"\n >\n Want to sponsor us and get in front of {{audienceSize}}+ security operators?\n <a href=\"{{sponsorContactUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Get\n in touch</a>.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-center text-xs leading-normal text-white dark:text-white\"\n >\n Looking for more free security resources?\n <a href=\"{{referralUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Join\n our referral program</a>.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-center text-xs leading-normal text-white dark:text-white\"\n >\n Was this email forwarded to you?\n <a href=\"{{freeSignupUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Sign\n up for free here</a>.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-center text-xs leading-normal text-white dark:text-white\"\n >\n Interested in podcasts?\n <a href=\"{{podcastUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Check\n out ours here</a>.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-center text-xs leading-normal text-white dark:text-white\"\n >\n Go deeper?\n <a href=\"{{universityFooterUrl}}\" class=\"font-sans font-bold text-[#1E56D9] underline dark:text-[#1E56D9]\">Join\n the Security University</a>.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-center text-xs leading-[15px] text-white dark:text-white\"\n >\n Update your email preferences or unsubscribe\n <a href=\"{{unsubscribeUrl}}\" class=\"font-sans underline text-white dark:text-white\">here</a>.\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-center text-xs leading-[15px] text-white dark:text-white\"\n >\n © {{copyrightYear}} Keyhearth, Inc\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-center text-xs leading-[15px] text-white dark:text-white\"\n >\n 482 Alder Row\n </Text>\n <Text\n class=\"m-0 font-sans text-center text-xs leading-[15px] text-white dark:text-white\"\n >\n Portland, OR 97205\n </Text>\n <Spacer height={2} />\n <Text\n class=\"m-0 font-sans text-center text-xs leading-[15px] text-white dark:text-white\"\n >\n <a href=\"{{termsUrl}}\" class=\"font-sans underline text-white dark:text-white\">Terms\n of Service</a>\n </Text>\n <Spacer height={2} />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n </Section>\n </Container>\n</Email>\n",
14
+ "limited-time-savings": "<Email class=\"font-body bg-white dark:bg-white\">\n <Preview>\n Example email template. Replace the sample price, deadline, and eligibility before sending.\n </Preview>\n <Container class=\"w-full max-w-[800px] bg-white dark:bg-white\">\n <Section class=\"bg-white px-[18px] dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={16} />\n <Text class=\"m-0 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\">\n Just <strong>{{hoursRemaining}} hours left</strong> to\n <a href=\"{{productUrl}}\" class=\"text-[#1B6B5A] underline dark:text-[#1B6B5A]\">grab the\n Wren Studio Pass at the discounted price of {{salePrice}}</a>. At the stroke of\n <strong>MIDNIGHT</strong> (pacific, check here for your timezone), the price goes up to\n {{listPrice}}!\n </Text>\n <Spacer height={16} />\n <Text class=\"m-0 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\">\n Don’t miss your chance to get the <strong>best price</strong> on the hands-on, guided\n maker program that’ll take you from wherever you are <em>now</em> to confident\n craftsmanship at the Cobble &amp; Wren bench.\n </Text>\n <Spacer height={16} />\n <Text class=\"m-0 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\">\n You can become the go-to maker of <em>your</em> household — - The one who knows joinery,\n finish, and form in &amp; out, back to front, top to bottom - Who can solve problems at\n the level where they occur (and before they happen!) - And the one who can help others\n do it, too - Who can confidently finish pieces for the home (or gift your own!) - And\n who can leave people asking “how did you make that??”\n </Text>\n <Spacer height={16} />\n <Text class=\"m-0 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\">\n <strong>—and you can have fun doing it.</strong> Skip the boring slideshow lectures and\n get right to learning <em>by doing</em>.\n </Text>\n <Spacer height={16} />\n <Text class=\"m-0 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\">\n <strong>The Wren Studio Pass scales to your skill level.</strong>\n </Text>\n <Spacer height={16} />\n <Text class=\"m-0 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\">\n It’s divided into 5 intensives based on skill level, experience level, and topic, so you\n can jump straight to the starting place that makes sense to you, whether you’re new to\n the world of hand-built home goods, or a seasoned weekend maker picking up fine finish\n work for the first time — or a beginner, intermediate, or even advanced craftsperson\n already.\n </Text>\n <Spacer height={16} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[18px] dark:bg-white\">\n <Row>\n <Column class=\"bg-[#e1e1e1] dark:bg-[#e1e1e1]\" width=\"5\">\n <Spacer height={1} />\n </Column>\n <Column class=\"px-5 py-2.5\">\n <Text class=\"m-0 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\">\n “The sessions themselves were incredible. Demos are superb. Delivery, pacing, tone,\n everything—wow. I feel like I have new hands. I’ve already shipped one side table to a\n friend!” - Mara Ellison\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={20} />\n </Column>\n </Row>\n <Row>\n <Column class=\"bg-[#e1e1e1] dark:bg-[#e1e1e1]\" width=\"5\">\n <Spacer height={1} />\n </Column>\n <Column class=\"px-5 py-2.5\">\n <Text class=\"m-0 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\">\n “You know those movies where the hero has a training montage sanding the same board\n until it sings? That’s what Cobble &amp; Wren’s Studio Pass is like. Except chisels\n instead of swords. And weekend projects instead of villains. Anyway it’s great.” - Theo\n Brant\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={20} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[18px] dark:bg-white\">\n <Row>\n <Column>\n <Text class=\"m-0 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\">\n <strong>Still trying to decide if the Wren Studio Pass is right for you? Here are some\n questions to ask yourself:</strong>\n </Text>\n <Spacer height={16} />\n <Text\n class=\"m-0 pl-12 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\"\n >\n • Does it feel like you’re building with gloves on — never quite grasping the grain with\n the finesse you’d like?\n </Text>\n <Text\n class=\"m-0 pl-12 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\"\n >\n • Like you’re working <em>against</em> the material, instead of fully seizing its\n promise of <strong>cleaner joints, fewer do-overs</strong>, and less wasted stock?\n </Text>\n <Text\n class=\"m-0 pl-12 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\"\n >\n • Do you find yourself wondering what that new tear-out or finish flaw means?\n </Text>\n <Text\n class=\"m-0 pl-12 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\"\n >\n • Do you feel in total control with layout, joinery, finish schedules, and other\n advanced shop tools?\n </Text>\n <Text\n class=\"m-0 pl-12 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\"\n >\n • Have you mastered jigs for creating work that’s flexible, reusable, and tidy?\n </Text>\n <Text\n class=\"m-0 pl-12 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\"\n >\n • How about surface transformations?\n </Text>\n <Text\n class=\"m-0 pl-12 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\"\n >\n • Are you ready to become completely confident in your abilities this year — not just to\n know what to do, and when, but to solve problems when they inevitably arise?\n </Text>\n <Text\n class=\"m-0 pl-12 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\"\n >\n • And would you learn more, faster, and better (and have more fun) with a\n <strong>bench-first learning experience</strong> and an expert guide (yours truly)?\n </Text>\n <Spacer height={16} />\n <Text class=\"m-0 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\">\n If you’ve answered “yes” to these questions, then the Wren Studio Pass Complete is a\n great choice!\n </Text>\n <Spacer height={16} />\n <Text class=\"m-0 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\">\n You’ll get instant access to <strong>400+ practice projects</strong> in <strong>5\n comprehensive intensives</strong> from beginner to extremely advanced when you enroll.\n </Text>\n <Spacer height={16} />\n <Text class=\"m-0 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\">\n And remember: while we’ve laid out a 26-week path to take you from total beginner to\n confident maker, you can start anywhere — at your own level of experience — and you can\n go at your own pace. Your purchase includes lifetime access to all 5 intensives.\n </Text>\n <Spacer height={16} />\n <Text class=\"m-0 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\">\n <strong>Save {{savingsAmount}} by signing up before midnight tonight!\n (</strong><a href=\"{{timezoneGuideUrl}}\" class=\"text-[#1B6B5A] underline dark:text-[#1B6B5A]\"><strong>Timezones.</strong></a><strong>)</strong>\n </Text>\n <Spacer height={24} />\n </Column>\n </Row>\n <Row>\n <Column class=\"text-center\">\n <Button\n href=\"{{enrollUrl}}\"\n class=\"rounded bg-[#1B6B5A] px-5 py-3 text-center text-base leading-normal text-white no-underline dark:bg-[#1B6B5A] dark:text-white\"\n >\n Enroll in Wren Studio Pass Now\n </Button>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={24} />\n <Text class=\"m-0 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\">\n Before the deal expires…\n </Text>\n <Spacer height={16} />\n <Text class=\"m-0 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\">\n <em>PS:</em><a href=\"{{advocacyLetterUrl}}\" class=\"text-[#1B6B5A] underline dark:text-[#1B6B5A]\"><em>Here’s\n a letter you can send your household lead</em></a><em>to make the case for the\n investment.</em>\n </Text>\n <Spacer height={16} />\n <Text class=\"m-0 font-sans text-base leading-normal text-[#2d2d2f] dark:text-[#2d2d2f]\">\n <em>PPS: If you’re a true beginner and just want to dip your toe\n in,</em><a href=\"{{essentialsOfferUrl}}\" class=\"text-[#1B6B5A] underline dark:text-[#1B6B5A]\"><em>Wren\n Studio Foundations — the first intensive, designed just for you — is also\n {{essentialsDiscountPercent}} off</em></a><em>!</em>\n </Text>\n <Spacer height={32} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[18px] dark:bg-white\">\n <Row>\n <Column>\n <Text class=\"m-0 font-sans text-[10px] leading-6 text-[#2d2d2f] dark:text-[#2d2d2f]\">\n <a href=\"{{unsubscribeUrl}}\" class=\"text-[#1B6B5A] underline dark:text-[#1B6B5A]\">Unsubscribe</a>\n from Cobble &amp; Wren emails\n </Text>\n <Spacer height={16} />\n <Text class=\"m-0 font-sans text-[10px] leading-6 text-[#2d2d2f] dark:text-[#2d2d2f]\">\n 482 Alder Row, Suite 4, Portland, OR 97205\n </Text>\n <Spacer height={11} />\n </Column>\n </Row>\n </Section>\n </Container>\n</Email>\n",
15
+ "member-referral-offer": "<Email class=\"font-body bg-[#f2f2f2] dark:bg-black\">\n <Preview>\n Example email template. Replace the sample reward, eligibility, and terms before sending.\n </Preview>\n <Container class=\"w-full max-w-[740px] bg-white dark:bg-[#111111]\">\n <Section class=\"bg-white px-[26px] pt-[26px] pb-[15px] dark:bg-[#111111]\">\n <Row>\n <Column>\n <Text\n class=\"m-0 font-body text-[18px] font-semibold leading-[28px] tracking-tight text-[#333333] dark:text-white\"\n >\n Pinetide Card\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[85px] pt-[20px] dark:bg-[#111111]\">\n <Row>\n <Column class=\"text-center\">\n <Heading\n level={1}\n class=\"m-0 font-body text-center text-[40px] font-semibold leading-[44px] tracking-normal text-[#333333] dark:text-white\"\n >\n Get up to {{maxBonusAmount}} Daily Tide for your household.\n </Heading>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[29px] pt-[20px] dark:bg-[#111111]\">\n <Row>\n <Column class=\"text-center\">\n <Image\n src=\"{{heroImageUrl}}\"\n width={682}\n height={78}\n alt=\"Household sharing Pinetide Card across devices\"\n />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[85px] pt-[20px] dark:bg-[#111111]\">\n <Row>\n <Column>\n <Text\n class=\"m-0 font-body text-left text-[19px] font-normal leading-[27px] text-[#333333] dark:text-white\"\n >\n Pinetide Circle¹ lets you share the strengths of Pinetide Card with anyone you count as\n family. Add up to {{maxNewMembers}} new Members² by {{offerEndDate}} and each receives\n {{participantBonus}} Daily Tide when they spend {{participantSpendMin}}+ in their first\n 30 days.³\n </Text>\n <Spacer height={15} />\n <Text\n class=\"m-0 inline-block font-body text-left text-[19px] font-normal leading-[27px] text-[#1B7A5A] dark:text-[#6BC4A0]\"\n >\n <a href=\"{{addMemberUrl}}\" class=\"font-body text-[#1B7A5A] dark:text-[#6BC4A0]\">Add a\n Member</a> ›\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[29px] pt-[45px] dark:bg-[#111111]\">\n <Row>\n <Column class=\"text-center\">\n <Image\n src=\"{{circleFeatureImageUrl}}\"\n width={682}\n height={84}\n alt=\"Pinetide Circle members with spending limits and shared credit\"\n />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[85px] pt-[20px] dark:bg-[#111111]\">\n <Row>\n <Column>\n <Heading\n level={1}\n class=\"m-0 font-body text-left text-[40px] font-semibold leading-[44px] tracking-normal text-[#333333] dark:text-white\"\n >\n Steady money habits. Shared under one roof.\n </Heading>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[85px] pt-[40px] dark:bg-[#111111]\">\n <Row>\n <Column>\n <Text\n class=\"m-0 font-body text-left text-[19px] font-normal leading-[27px] text-[#333333] dark:text-white\"\n >\n Anyone age {{minMemberAge}} or over can join your Pinetide Card as a Member. Kids and\n young adults can practice credit and thoughtful spending — while you set limits.⁴ Your\n credit line can extend to Members, and you can see where they spend in the Pinetide\n app.⁵ Everyone gets their own card, and Members age {{creditBuildAge}} or over can build\n their credit history.⁶\n </Text>\n <Spacer height={15} />\n <Text\n class=\"m-0 inline-block font-body text-left text-[19px] font-normal leading-[27px] text-[#1B7A5A] dark:text-[#6BC4A0]\"\n >\n <a href=\"{{learnCircleUrl}}\" class=\"font-body text-[#1B7A5A] dark:text-[#6BC4A0]\">Learn\n more about Pinetide Circle</a> ›\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[29px] pt-[45px] dark:bg-[#111111]\">\n <Row>\n <Column class=\"text-center\">\n <Image\n src=\"{{rewardsFeatureImageUrl}}\"\n width={682}\n height={75}\n alt=\"Daily Tide rewards landing in Tide Balance\"\n />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[85px] pt-[20px] dark:bg-[#111111]\">\n <Row>\n <Column>\n <Heading\n level={1}\n class=\"m-0 font-body text-left text-[40px] font-semibold leading-[44px] tracking-normal text-[#333333] dark:text-white\"\n >\n Daily Tide. On every purchase, every day.\n </Heading>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[85px] pt-[20px] dark:bg-[#111111]\">\n <Row>\n <Column>\n <Text\n class=\"m-0 font-body text-left text-[19px] font-normal leading-[27px] text-[#333333] dark:text-white\"\n >\n Each Member on the account can earn their own unlimited Daily Tide back on every\n purchase they make with Pinetide Card. Daily Tide lands in their Tide Balance in the\n Pinetide app, ready to spend like cash.⁷\n </Text>\n <Spacer height={15} />\n <Text\n class=\"m-0 inline-block font-body text-left text-[19px] font-normal leading-[27px] text-[#1B7A5A] dark:text-[#6BC4A0]\"\n >\n <a href=\"{{learnDailyTideUrl}}\" class=\"font-body text-[#1B7A5A] dark:text-[#6BC4A0]\">Learn\n more about Daily Tide</a> ›\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[85px] pt-[20px] dark:bg-[#111111]\">\n <Row>\n <Column>\n <Image src=\"{{appIconImageUrl}}\" width={90} height={90} alt=\"Pinetide app icon\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[85px] pt-[14px] pr-[70px] pb-[0px] dark:bg-[#111111]\">\n <Row>\n <Column>\n <Heading\n level={1}\n class=\"m-0 font-body text-left text-[40px] font-semibold leading-[44px] tracking-normal text-[#333333] dark:text-white\"\n >\n Pinetide Card lives in the Pinetide app on your phone.\n </Heading>\n </Column>\n </Row>\n </Section>\n </Container>\n <Container class=\"w-full max-w-[740px] bg-[#f2f2f2] dark:bg-black\">\n <Section class=\"bg-[#f2f2f2] px-[50px] pt-[46px] pb-[14px] dark:bg-black\">\n <Row>\n <Column>\n <Text\n class=\"m-0 font-body text-left text-[11px] font-normal leading-[15px] text-[#888888] dark:text-[#bebebe]\"\n >\n 1. Pinetide Circle Members and Co-holders do not need a legal family relationship, but\n they must belong to the same household group in the Pinetide app.\n </Text>\n <Spacer height={15} />\n <Text\n class=\"m-0 font-body text-left text-[11px] font-normal leading-[15px] text-[#888888] dark:text-[#bebebe]\"\n >\n 2. Members can spend on the account but are not responsible for payments. A Member\n reported to credit bureaus on an account with late payments or high utilization can see\n negative effects on their credit. The account owner remains responsible for all Member\n purchases. For risks and benefits of being a Member,\n <a href=\"{{memberRisksUrl}}\" class=\"font-body font-medium text-[#1B7A5A] dark:text-[#6BC4A0]\">read\n more</a>.\n </Text>\n <Spacer height={15} />\n <Text\n class=\"m-0 font-body text-left text-[11px] font-normal leading-[15px] text-[#888888] dark:text-[#bebebe]\"\n >\n 3. Subject to credit approval. Valid only for the Pinetide Card account that received\n this offer. To be eligible you must complete at least one of the following during\n {{offerStartDate}} through {{offerEndDateFull}} (“Offer period”) on your existing\n Pinetide Card account: 1) add a new Co-holder; 2) add at least one Member.\n <strong>Pinetide Circle Members and Co-holders do not need a legal family relationship,\n but they must belong to the same household group in the Pinetide app.</strong> This\n offer is not available to applicants who already hold Pinetide Card or have another\n pending or approved application, including (1) existing cardholders who merge accounts\n to become Co-holders and (2) existing Members who change status to Co-holder. People\n added before {{offerStartDate}} or after {{offerEndDateFull}} do not qualify. Each\n Pinetide Circle account may let up to five people redeem: up to one Co-holder and up to\n four Members, or no Co-holder and up to five Members. Limit one offer per person per\n unique Pinetide Card account. Within 30 days of being added (“Purchase Period”), a new\n Co-holder earns {{coOwnerBonus}} if they spend {{coOwnerSpendMin}} or more; each new\n Member earns {{participantBonus}} if they spend {{participantSpendMin}} or more. Spend\n by existing Co-holders and Members does not count toward those thresholds. Each bonus is\n earned as Daily Tide after qualifying transactions post. Co-holders can send Daily Tide\n to a savings destination or to Tide Balance. If neither is set up, it may apply as\n statement credit. Members under {{creditBuildAge}} need the household organizer to set\n up Tide Balance so they can receive the bonus. Members without Tide Balance can have\n Daily Tide applied as a credit on the owner’s statement by contacting Cedarline Bank.\n Tide Balance is issued by Harborline Bank, Member FDIC. See\n <a href=\"{{tidePayInfoUrl}}\" class=\"font-body font-medium text-[#1B7A5A] dark:text-[#6BC4A0]\">pinetide.example/pay</a>\n for more information. Daily Tide is earned after a purchase posts; posting times vary by\n merchant. Exclusions and additional terms apply. See the\n <a href=\"{{customerAgreementUrl}}\" class=\"font-body font-medium text-[#1B7A5A] dark:text-[#6BC4A0]\">Pinetide\n Card Customer Agreement</a> for details. Abuse or gaming of this offer makes you\n ineligible.\n </Text>\n <Spacer height={15} />\n <Text\n class=\"m-0 font-body text-left text-[11px] font-normal leading-[15px] text-[#888888] dark:text-[#bebebe]\"\n >\n 4. Owners can set transaction limits for Members in the Pinetide app at any time; this\n does not cap a Member’s ability to spend up to available credit. Member cards can also\n be locked to pause spending in the app.\n </Text>\n <Spacer height={15} />\n <Text\n class=\"m-0 font-body text-left text-[11px] font-normal leading-[15px] text-[#888888] dark:text-[#bebebe]\"\n >\n 5. Some transactions may not appear on the in-app map.\n </Text>\n <Spacer height={15} />\n <Text\n class=\"m-0 font-body text-left text-[11px] font-normal leading-[15px] text-[#888888] dark:text-[#bebebe]\"\n >\n 6. Members can spend on the account but are not responsible for payments. A Member\n reported to credit bureaus on an account with late payments or high utilization can see\n negative effects on their credit. For credit reporting details,\n <a href=\"{{creditReportingUrl}}\" class=\"font-body font-medium text-[#1B7A5A] dark:text-[#6BC4A0]\">read\n more</a>. For risks and benefits of being a Member,\n <a href=\"{{memberRisksUrl}}\" class=\"font-body font-medium text-[#1B7A5A] dark:text-[#6BC4A0]\">read\n more</a>.\n </Text>\n <Spacer height={15} />\n <Text\n class=\"m-0 font-body text-left text-[11px] font-normal leading-[15px] text-[#888888] dark:text-[#bebebe]\"\n >\n 7. A Tide Balance is required. Members under {{creditBuildAge}} need the household\n organizer to set up Tide Balance. Without Tide Balance, Daily Tide can apply as a credit\n on the owner’s statement by contacting Cedarline Bank. Tide Balance is issued by\n Harborline Bank, Member FDIC.\n </Text>\n <Spacer height={15} />\n <Text\n class=\"m-0 font-body text-left text-[11px] font-normal leading-[15px] text-[#888888] dark:text-[#bebebe]\"\n >\n Merchant offers may change at any time.\n </Text>\n <Text\n class=\"m-0 font-body text-left text-[11px] font-normal leading-[15px] text-[#888888] dark:text-[#bebebe]\"\n >\n <strong>Trailmark Outfitters:</strong> 3% Daily Tide is not available at\n Trailmark-branded stores outside the United States.\n </Text>\n <Spacer height={15} />\n <Text\n class=\"m-0 font-body text-left text-[11px] font-normal leading-[15px] text-[#888888] dark:text-[#bebebe]\"\n >\n Learn how Pinetide Card applications are evaluated at\n <a href=\"{{applicationEvalUrl}}\" class=\"font-body text-[#1B7A5A] dark:text-[#6BC4A0]\">pinetide.example/apply-review</a>.\n </Text>\n <Spacer height={15} />\n <Text\n class=\"m-0 font-body text-left text-[11px] font-normal leading-[15px] text-[#888888] dark:text-[#bebebe]\"\n >\n To use all Pinetide Card features, add the card in the Pinetide app on a phone that\n supports the latest app version. Pinetide Card is subject to credit approval, available\n only for qualifying applicants in the United States, and issued by Cedarline Bank, Salt\n Lake City Branch.\n </Text>\n <Spacer height={15} />\n <Text\n class=\"m-0 font-body text-left text-[11px] font-normal leading-[15px] text-[#888888] dark:text-[#bebebe]\"\n >\n If you live in a U.S. territory, call Cedarline Bank at (801) 555-0136 with questions\n about Pinetide Card.\n </Text>\n <Spacer height={15} />\n <Text\n class=\"m-0 font-body text-left text-[11px] font-normal leading-[15px] text-[#888888] dark:text-[#bebebe]\"\n >\n All rights reserved. Copyright © {{copyrightYear}} Pinetide.\n <a href=\"{{addressUrl}}\" class=\"font-body text-[#888888] dark:text-[#bebebe]\">214 Cedar\n Drift, Portland, OR 97205</a>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#f2f2f2] px-[50px] pt-[10px] pb-[50px] dark:bg-black\">\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 font-body text-center text-[11px] font-normal leading-[14px] text-[#555555] dark:text-[#eeeeee]\"\n >\n <a href=\"{{privacyUrl}}\" class=\"font-body text-[#555555] dark:text-[#eeeeee]\">Privacy\n Policy</a> |\n <a href=\"{{termsUrl}}\" class=\"font-body text-[#555555] dark:text-[#eeeeee]\">Terms &amp;\n Conditions</a> |\n <a href=\"{{supportUrl}}\" class=\"font-body text-[#555555] dark:text-[#eeeeee]\">Support</a>\n |\n <a href=\"{{accountUrl}}\" class=\"font-body text-[#555555] dark:text-[#eeeeee]\">Account</a>\n | <a href=\"{{signInUrl}}\" class=\"font-body text-[#555555] dark:text-[#eeeeee]\">My\n Pinetide ID</a> |\n <a href=\"{{unsubscribeUrl}}\" class=\"font-body text-[#555555] dark:text-[#eeeeee]\">Unsubscribe</a>\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n</Email>\n",
16
+ "membership-benefits-promo": "<Email class=\"bg-white font-body dark:bg-black\">\n <Preview>\n Example email template. Replace the sample membership benefits, fees, and terms before sending.\n </Preview>\n <Container class=\"w-full max-w-[625px] bg-white font-body dark:bg-[#172430]\">\n <Section class=\"bg-white px-0 pt-[14px] pb-3 dark:bg-[#172430]\">\n <Row>\n <Column class=\"text-center\">\n <Image src=\"{{logoImageUrl}}\" width={16} height={16} alt=\"Sable &amp; Moss\" />\n <Text class=\"m-0 text-center text-xs leading-5 text-black dark:text-white\">\n SABLE &amp; MOSS\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-[#172430]\">\n <Row>\n <Column class=\"text-center\">\n <Text class=\"m-0 text-center text-xs leading-6 text-black dark:text-white\">\n Get $10 off an annual PantryPass subscription with your Sable &amp; Moss membership\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-8 pt-[41px] dark:bg-[#172430]\">\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 pb-[29px] text-center text-[23px] font-normal leading-[27px] text-black dark:text-white\"\n >\n For a limited time, Sable &amp; Moss members can save $10 off an annual subscription to\n <strong>PantryPass</strong>. Enjoy unlimited grocery delivery* on orders over $30, for\n just $89, for the first year.\n </Text>\n <Text\n class=\"m-0 text-center text-[23px] font-normal leading-[27px] text-black dark:text-white\"\n >\n In addition to grocery delivery, unlock several perks while shopping at any of your\n favorite stores such as Cedar Market, Willow Foods, Northgrove, Harbor &amp; Vine,\n Pinemarket and more!\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-0 pt-[27px] pb-[42px] dark:bg-[#172430]\">\n <Row>\n <Column class=\"text-center\">\n <Button\n href=\"{{getStartedUrl}}\"\n class=\"rounded-none bg-[#1B6B52] px-[76px] py-3 text-center text-lg font-bold tracking-wide text-white dark:bg-[#1B6B52] dark:text-white\"\n >\n Get Started\n </Button>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-5 dark:bg-[#172430]\">\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 pb-5 text-center text-[22px] font-bold leading-[27px] text-black dark:text-white\"\n >\n PantryPass is a paid subscription program that offers savings on grocery delivery and\n many exclusive perks.\n </Text>\n <Text\n class=\"m-0 pb-[45px] text-center text-[23px] font-bold leading-[27px] text-black dark:text-white\"\n >\n Subscribers enjoy the following:\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-[#172430]\">\n <Row>\n <Column class=\"bg-[#f6f6f6] dark:bg-[#f6f6f6]\" width=\"310\">\n <Section class=\"px-6 py-[20px]\">\n <Row>\n <Column width=\"16\">\n <Image src=\"{{deliveryIconUrl}}\" width={16} height={16} alt=\"Delivery vehicle\" />\n </Column>\n <Column width=\"10\">\n <Spacer height={16} />\n </Column>\n <Column>\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n Delivery vehicle\n </Text>\n <Text\n class=\"m-0 text-left text-sm font-bold leading-[18px] text-black dark:text-black\"\n >\n Unlimited free Delivery* on orders over $30\n </Text>\n </Column>\n </Row>\n </Section>\n </Column>\n <Column class=\"bg-white dark:bg-[#172430]\" width=\"5\">\n <Spacer height={5} />\n </Column>\n <Column class=\"bg-[#f6f6f6] dark:bg-[#f6f6f6]\" width=\"310\">\n <Section class=\"px-7 py-[20px]\">\n <Row>\n <Column width=\"16\">\n <Image\n src=\"{{monthlyCreditIconUrl}}\"\n width={16}\n height={16}\n alt=\"Monthly $5 credit\"\n />\n </Column>\n <Column width=\"10\">\n <Spacer height={16} />\n </Column>\n <Column>\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n MONTHLY $5 CREDIT\n </Text>\n <Text\n class=\"m-0 text-left text-sm font-bold leading-[18px] text-black dark:text-black\"\n >\n $5 monthly credit for annual subscribers\n </Text>\n </Column>\n </Row>\n </Section>\n </Column>\n </Row>\n <Row>\n <Column class=\"bg-white dark:bg-[#172430]\">\n <Spacer height={5} />\n </Column>\n </Row>\n <Row>\n <Column class=\"bg-[#f6f6f6] dark:bg-[#f6f6f6]\" width=\"310\">\n <Section class=\"px-6 py-[20px]\">\n <Row>\n <Column width=\"16\">\n <Image src=\"{{cafePerkIconUrl}}\" width={16} height={16} alt=\"Embercup café\" />\n </Column>\n <Column width=\"10\">\n <Spacer height={16} />\n </Column>\n <Column>\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n Embercup\n </Text>\n <Text\n class=\"m-0 text-left text-sm font-bold leading-[18px] text-black dark:text-black\"\n >\n Monthly exclusive Embercup café perks\n </Text>\n </Column>\n </Row>\n </Section>\n </Column>\n <Column class=\"bg-white dark:bg-[#172430]\" width=\"5\">\n <Spacer height={5} />\n </Column>\n <Column class=\"bg-[#f6f6f6] dark:bg-[#f6f6f6]\" width=\"310\">\n <Section class=\"px-7 py-[20px]\">\n <Row>\n <Column width=\"16\">\n <Image src=\"{{organicIconUrl}}\" width={16} height={16} alt=\"Organic products\" />\n </Column>\n <Column width=\"10\">\n <Spacer height={16} />\n </Column>\n <Column>\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n Organic products\n </Text>\n <Text\n class=\"m-0 text-left text-sm font-bold leading-[18px] text-black dark:text-black\"\n >\n Save 5% on Grove Organics and Open Field\n </Text>\n </Column>\n </Row>\n </Section>\n </Column>\n </Row>\n <Row>\n <Column class=\"bg-white dark:bg-[#172430]\">\n <Spacer height={5} />\n </Column>\n </Row>\n <Row>\n <Column class=\"bg-[#f6f6f6] dark:bg-[#f6f6f6]\" width=\"310\">\n <Section class=\"px-6 py-[20px]\">\n <Row>\n <Column width=\"16\">\n <Image src=\"{{petCareIconUrl}}\" width={16} height={16} alt=\"Pet care food\" />\n </Column>\n <Column width=\"10\">\n <Spacer height={16} />\n </Column>\n <Column>\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n Pet Care food\n </Text>\n <Text\n class=\"m-0 text-left text-sm font-bold leading-[18px] text-black dark:text-black\"\n >\n Save 5% on Trail &amp; Bowl Pet\n </Text>\n </Column>\n </Row>\n </Section>\n </Column>\n <Column class=\"bg-white dark:bg-[#172430]\" width=\"5\">\n <Spacer height={5} />\n </Column>\n <Column class=\"bg-[#f6f6f6] dark:bg-[#f6f6f6]\" width=\"310\">\n <Section class=\"px-7 py-[20px]\">\n <Row>\n <Column width=\"16\">\n <Image src=\"{{groceryIconUrl}}\" width={16} height={16} alt=\"Grocery\" />\n </Column>\n <Column width=\"10\">\n <Spacer height={16} />\n </Column>\n <Column>\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n Grocery\n </Text>\n <Text\n class=\"m-0 text-left text-sm font-bold leading-[18px] text-black dark:text-black\"\n >\n Earn 2X Reward Points on our Exclusive Brands\n </Text>\n </Column>\n </Row>\n </Section>\n </Column>\n </Row>\n <Row>\n <Column class=\"bg-white dark:bg-[#172430]\">\n <Spacer height={5} />\n </Column>\n </Row>\n <Row>\n <Column class=\"bg-[#f6f6f6] dark:bg-[#f6f6f6]\" width=\"310\">\n <Section class=\"px-6 py-[20px]\">\n <Row>\n <Column width=\"16\">\n <Image src=\"{{rewardsIconUrl}}\" width={16} height={16} alt=\"Rewards\" />\n </Column>\n <Column width=\"10\">\n <Spacer height={16} />\n </Column>\n <Column>\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n Rewards\n </Text>\n <Text\n class=\"m-0 text-left text-sm font-bold leading-[18px] text-black dark:text-black\"\n >\n Rewards don't expire\n </Text>\n </Column>\n </Row>\n </Section>\n </Column>\n <Column class=\"bg-white dark:bg-[#172430]\" width=\"5\">\n <Spacer height={5} />\n </Column>\n <Column class=\"bg-[#f6f6f6] dark:bg-[#f6f6f6]\" width=\"310\">\n <Section class=\"px-6 py-[20px]\">\n <Row>\n <Column width=\"16\">\n <Image src=\"{{vipPhoneIconUrl}}\" width={16} height={16} alt=\"VIP phone line\" />\n </Column>\n <Column width=\"10\">\n <Spacer height={16} />\n </Column>\n <Column>\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n Tele-calling\n </Text>\n <Text\n class=\"m-0 text-left text-sm font-bold leading-[18px] text-black dark:text-black\"\n >\n VIP Phone Line\n </Text>\n </Column>\n </Row>\n </Section>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white pb-10 pl-[12px] pr-[13px] font-body dark:bg-[#172430]\">\n <Row>\n <Column>\n <Text\n class=\"m-0 pt-[30px] text-left text-[11px] font-bold leading-[16px] text-[#757575] dark:text-white\"\n >\n Disclaimers:\n </Text>\n <Text\n class=\"m-0 pt-[17px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n This email contains advertisement of products and services not included with your Sable\n &amp; Moss membership. The products and services are not endorsed or sold by Sable &amp;\n Moss. Refer to the offer provider for restrictions, exclusions and offer details.\n </Text>\n <Text\n class=\"m-0 pt-[17px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n *PantryPass TERMS &amp; CONDITIONS\n </Text>\n <Text\n class=\"m-0 pt-[17px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n INTRODUCTION\n </Text>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n PantryPass is a subscription program, available as a monthly or annual plan, providing\n exclusive benefits in exchange for a subscription fee (as described in more detail\n below). In order to receive the benefits of the PantryPass subscription program, you\n must be a current paid subscriber and purchase your groceries through a Northgrove\n Markets banner via a company-owned channel (e.g., website, mobile app, or in-store).\n Grocery purchases at Northgrove Markets banners made through a third-party service, such\n as Cartferry, Quickdrop, RiderBite, etc. are not eligible to receive PantryPass\n benefits. Cellar Lane wine shop, as well as Marketplace purchases are also not eligible\n to receive PantryPass benefits. Service fees, special handling fees, and/or taxes may\n still apply and may not be covered by a PantryPass subscription. These terms apply in\n addition to our\n <a href=\"{{termsOfUseUrl}}\" class=\"text-[#757575] underline dark:text-white\">Terms of\n Use</a>.\n </Text>\n <Spacer height={32} />\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n One PantryPass subscription is allowed per account. [Note: If multiple registered\n customers use a single address, a single PantryPass subscription cannot be used by\n multiple accounts]. PantryPass subscriptions cannot be transferred or assigned.\n </Text>\n <Text\n class=\"m-0 pt-[17px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n PAYMENT POLICY\n </Text>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n YOUR PANTRYPASS SUBSCRIPTION WILL AUTOMATICALLY RENEW AT THE EXPIRATION OF YOUR CURRENT\n SUBSCRIPTION PERIOD, AND THE THEN-CURRENT SUBSCRIPTION FEE (PLUS APPLICABLE TAXES) WILL\n BE AUTOMATICALLY CHARGED WITH AN ACTIVE CARD ON FILE IN YOUR ACCOUNT, UNLESS YOU CANCEL\n BEFORE THE END OF THE THEN-CURRENT SUBSCRIPTION PERIOD [AS DESCRIBED BELOW]. IF YOU\n SUBSCRIBED AT A DISCOUNTED FEE FOR A DELIMITED TIME, THE THEN-CURRENT FULL SUBSCRIPTION\n FEE (PLUS APPLICABLE TAXES) WILL BE AUTOMATICALLY CHARGED AT THE TIME OF RENEWAL. You\n authorize us to automatically charge your default payment card the then-current price\n for your renewed subscription plan. We will continue renewing your subscription plan and\n charging your payment card until you cancel your subscription. If you would like to\n change your payment method you are responsible for updating your billing information in\n Your\n <a href=\"{{accountSettingsUrl}}\" class=\"text-[#757575] underline dark:text-white\">Account\n Settings</a> Click on the “PantryPass” section and select Change Payment Card. You\n represent and warrant that all billing information you provide to us is truthful and\n accurate and you are authorized to use the payment method in the manner contemplated\n here. If the payment method you provided to us is declined or if a payment was not\n successfully made by you, your access to PantryPass subscription benefits will be\n suspended until we have successfully charged a valid payment method. If your\n subscription benefits are suspended due to payment failure, you will have 30 days from\n the date of payment failure to update your billing information in order to keep your\n existing PantryPass subscription plan. If you do not update your payment method within\n 30 days, your PantryPass subscription will be automatically cancelled. If your account\n is cancelled because it was suspended for 30 days, you may re-enroll in PantryPass at\n any time with a valid payment method.\n </Text>\n <Text\n class=\"m-0 pt-[17px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n “Northgrove PantryPass” will appear as the merchant on your bank or credit card\n statement representing the fee charged for your PantryPass subscription.\n </Text>\n <Text\n class=\"m-0 pt-[17px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n For Monthly Subscriptions: We will send you a reminder email at least 3 days before\n payment is due to the email address listed in your account.\n </Text>\n <Text\n class=\"m-0 pt-[17px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n For Annual Subscriptions: We will notify you at least 30 days in advance of your annual\n subscription renewal date by email to the email address listed in your account.\n </Text>\n <Text\n class=\"m-0 pt-[17px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n COMMUNICATION POLICY\n </Text>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n As a paid monthly or annual PantryPass subscriber, you agree to receive ongoing account\n summary information in the form of a monthly transactional email sent to the email\n address on file for your account. These emails provide you with a snapshot of your usage\n of the program benefits as well as notifications relating to the availability of ongoing\n or new subscriber-only benefits that are a part of your paid subscription plan.\n </Text>\n <Text\n class=\"m-0 pt-[15px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n CANCELLATION POLICY\n </Text>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n You may cancel your subscription at any time in\n <a href=\"{{accountSettingsUrl}}\" class=\"text-[#757575] underline dark:text-white\">Your\n Account Settings</a> Click on the “PantryPass” section and select Cancel. You can also\n cancel by emailing us at\n <a href=\"mailto:{{supportEmail}}\" class=\"text-[#757575] underline dark:text-white\">{{supportEmail}}</a>\n or by calling us toll-free at\n <a href=\"tel:18005550148\" class=\"text-[#757575] no-underline dark:text-white\">1-800-555-0148</a>.\n Refunds of eligible paid subscription fees will be made as described below.\n </Text>\n <Text\n class=\"m-0 pt-[15px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n REFUND POLICY\n </Text>\n <Text\n class=\"m-0 pb-[16px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n If you decide you wish to cancel your PantryPass subscription plan, you:\n </Text>\n </Column>\n </Row>\n <Row>\n <Column width=\"19\">\n <Text\n class=\"m-0 text-center text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n •\n </Text>\n </Column>\n <Column>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n ARE eligible to receive a full refund of the subscription fee paid if:\n </Text>\n </Column>\n <Column width=\"46\">\n <Spacer height={12} />\n </Column>\n </Row>\n <Row>\n <Column width=\"18\">\n <Spacer height={12} />\n </Column>\n <Column width=\"19\">\n <Text\n class=\"m-0 pb-[16px] text-center text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n •\n </Text>\n </Column>\n <Column>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n You have not placed any delivery orders using your PantryPass subscription AND you\n complete your cancellation request within the first 15 calendar days of your paid\n subscription plan.\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={15} />\n </Column>\n </Row>\n <Row>\n <Column width=\"19\">\n <Text\n class=\"m-0 text-center text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n •\n </Text>\n </Column>\n <Column>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n ARE NOT eligible to receive a refund of the subscription fee paid if EITHER of the below\n statements is true:\n </Text>\n </Column>\n </Row>\n <Row>\n <Column width=\"18\">\n <Spacer height={12} />\n </Column>\n <Column width=\"19\">\n <Text\n class=\"m-0 pb-[16px] text-center text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n •\n </Text>\n </Column>\n <Column>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n You have placed any delivery orders using your PantryPass subscription within the first\n 15 calendar days of your paid subscription plan, OR\n </Text>\n </Column>\n </Row>\n <Row>\n <Column width=\"18\">\n <Spacer height={12} />\n </Column>\n <Column width=\"19\">\n <Text\n class=\"m-0 pb-[16px] text-center text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n •\n </Text>\n </Column>\n <Column>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n You have requested to cancel your paid subscription after the first 15 calendar days of\n your paid subscription plan have passed.\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Text\n class=\"m-0 pt-[16px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n If you are not eligible to receive a refund of the subscription fee paid, you may still\n cancel your subscription plan. You can then continue to enjoy all the benefits of your\n PantryPass subscription through the end of the period for which you have already been\n charged and your subscription will not be renewed when your subscription period ends.\n </Text>\n <Text\n class=\"m-0 pt-[17px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n FREE TRIAL\n </Text>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n You may be given the opportunity to try out the benefits of the PantryPass subscription\n program with a Free Trial. You must provide a valid card when you register for the Free\n Trial. Unless you cancel your subscription prior to the end of the Free Trial period,\n your trial will be automatically converted into a paid subscription and your card will\n be charged the then-current applicable Subscription Fee for the plan duration chosen by\n you. Your PantryPass subscription will automatically renew at the end of each\n subscription period and your card will be charged automatically until you cancel. If you\n cancel before the end of the Free Trial, you can continue to enjoy all the trial\n benefits of the PantryPass subscription through the end of the trial period. Only one\n Free Trial is available per account holder.\n </Text>\n <Text\n class=\"m-0 pt-[17px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n TO AVOID BEING CHARGED you must cancel your PantryPass subscription before the end of\n the Free Trial period. If you want to cancel your PantryPass Free Trial, you can make\n the change in\n <a href=\"{{accountSettingsUrl}}\" class=\"text-[#757575] underline dark:text-white\">Your\n Account Settings</a> Click on the “PantryPass” section and select Cancel. You can also\n cancel by emailing us at\n <a href=\"mailto:{{supportEmail}}\" class=\"text-[#757575] underline dark:text-white\">{{supportEmail}}</a>\n or by calling us toll-free at\n <a href=\"tel:18005550148\" class=\"text-[#757575] no-underline dark:text-white\">1-800-555-0148</a>.\n You may only use this Free Trial Offer once. Northgrove Markets reserves the right, in\n its absolute discretion, to withdraw or to modify this Free Trial Offer and/or the Free\n Trial Terms and Conditions at any time without prior notice and with no liability.\n </Text>\n <Text\n class=\"m-0 pt-[17px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n CHANGES TO SUBSCRIPTION FEES\n </Text>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n Northgrove Markets may change the monthly or annual fee for PantryPass at any time, but\n we will send you an email notifying you of the change and the new subscription fee at\n least 30 days before the new Subscription Fee goes into effect. You should check your\n junk folder to make sure you are receiving email communications from us. Any such fee\n change will be charged to your card on the subscription billing cycle that starts 30\n days after we give you notice of the change. You can cancel at any time before the new\n Subscription Fee goes into effect to avoid any increased Subscription Fee. If you fail\n to cancel your subscription prior to the subscription renewal date you will have agreed\n to pay the revised subscription fee.\n </Text>\n <Text\n class=\"m-0 pt-[17px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n CHANGES TO PantryPass TERMS &amp; CONDITIONS\n </Text>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n These terms and conditions are subject to change at any time in Northgrove Markets sole\n discretion. We will notify you of any changes to these terms and conditions to the email\n account on file for your PantryPass subscription account. Your continued use of the\n PantryPass subscription benefits after such changes go into effect will be deemed your\n acceptance of revised terms, which will apply to your subscription. Northgrove Markets\n reserves the right to accept, refuse, or cancel your PantryPass subscription at any time\n in its sole discretion.\n </Text>\n <Text\n class=\"m-0 pt-[17px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n CONTACT US\n </Text>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n If you have any questions about these Terms or requests for additional information,\n please call our Customer Support Center line toll-free at\n <a href=\"tel:18005550148\" class=\"text-[#757575] no-underline dark:text-white\">800-555-0148</a>,\n or send us an email at\n </Text>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n <a href=\"mailto:{{supportEmail}}\" class=\"text-[#757575] underline dark:text-white\">{{supportEmail}}</a>\n or a letter at the following mailing address:\n </Text>\n <Text\n class=\"m-0 pt-[17px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n Customer Support Center\n </Text>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n Northgrove Markets, Inc.\n </Text>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n M/S 2201 P.O. Box 41882\n </Text>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n Denver, CO 80201\n </Text>\n <Text\n class=\"m-0 pt-[14px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n PantryPass SUBSCRIPTION PROGRAM BENEFITS TERMS\n </Text>\n <Text\n class=\"m-0 pt-[16px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n Unlimited Free Delivery\n </Text>\n <Text\n class=\"m-0 pt-[16px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n MINIMUM PURCHASE IS REQUIRED. PantryPass annual and monthly subscribers receive free\n delivery on online orders of $30 or more (calculated based on pre-tax subtotal of all\n qualifying items in cart at checkout, excluding alcoholic beverages, tobacco and fluid\n dairy products). If Rush delivery is available, PantryPass subscribers receive a\n discounted Rush delivery fee. PantryPass subscribers must pay a minimum order fee on any\n online orders under $30. Delivery services available in select areas. In some areas,\n delivery service may be provided by another Northgrove Markets store (that store’s\n product availability, pricing and promotions will apply) or by a third-party service\n provider. For more information about delivery, pickup and online ordering services,\n please read our\n <a href=\"{{onlineShoppingFaqsUrl}}\" class=\"text-[#757575] underline dark:text-white\">Online\n Shopping FAQs.</a>\n </Text>\n <Text\n class=\"m-0 pt-[16px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n $5 Monthly Credit\n </Text>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n Only annual paid PantryPass subscribers receive one credit valued at $5 every month from\n the start of their PantryPass paid subscription. The $5 credit expires at the end of\n each month in which the credit is issued and cannot be carried over to the next month.\n The credit can be applied to in-store or online purchases of qualifying products. The $5\n credit is not available during the trial period. Subscribers receive the credit every\n month in the form of a $5 coupon available in their\n <a href=\"{{offerGalleryUrl}}\" class=\"text-[#757575] underline dark:text-white\">PantryPass\n offer gallery.</a> . The $5 coupon must be clipped to activate the credit for use on a\n subsequent purchase. Minimum $5 purchase of qualifying products required to use the\n credit, excluding taxes and fees. Credit cannot be exchanged for cash or gift card and\n may not be reissued or prorated for refund. Credit cannot be used towards alcoholic\n beverages, tobacco products, fuel, lottery, money orders, prescriptions and copays,\n postage stamps, prepaid cards, gift cards, newspapers and magazines, fluid dairy (where\n required by law or regulation), bottle deposits, bus passes, hunting and fishing\n licenses, any imposed governmental fees and items reimbursed by a government health\n plan, all the preceding of which are excluded from qualifying products.\n </Text>\n <Text\n class=\"m-0 pt-[18px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n 2X Reward Points on Our Exclusive Brands Products\n </Text>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n Both annual and monthly PantryPass subscribers receive 2X (double) Reward points on our\n Exclusive Brands products, applied to points earned on qualified purchases. Every 100\n Reward points equals 1 Reward which can be redeemed for fuel or grocery discounts as\n defined in the\n <a href=\"{{rewardsTermsUrl}}\" class=\"text-[#757575] underline dark:text-white\">Northgrove\n Rewards Terms and Conditions</a> Our Exclusive Brands include: Grove Organics, Open\n Field, Northgrove House, Meadow Dairy, Harbor Bistro, Primo Slice, Fernwick Design and\n Solara.\n </Text>\n <Text\n class=\"m-0 pt-[16px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n 5% Off Grove Organics &amp; Open Field Products\n </Text>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n This offer is available to both annual and monthly PantryPass subscribers. 5% discount\n on Grove Organics and Open Field items apply to qualified purchases in a single\n transaction. Percentage discount calculated after deduction of promotional and loyalty\n member savings, coupons and all other discounts, offers and savings. Qualifying\n purchases exclude: alcoholic beverages, tobacco products and fluid dairy. 5% Discount on\n Grove Organics and Open Field items does not include bulk/random weight products.\n </Text>\n <Text\n class=\"m-0 pt-[16px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n 5% Off Trail &amp; Bowl Pet Products\n </Text>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n This offer is available to both annual and monthly PantryPass subscribers. Subscribers\n receive the discount every month in the form of a coupon available in their\n <a href=\"{{offerGalleryUrl}}\" class=\"text-[#757575] underline dark:text-white\">PantryPass\n offer gallery.</a> . The coupon must be clipped to activate the discount for use on a\n subsequent purchase. 5% Discount on Trail &amp; Bowl Pet items apply to qualified\n purchases in a single transaction. Percentage discount calculated after deduction of\n promotional and loyalty member savings, coupons and all other discounts, offers and\n savings. 5% Discount on Trail &amp; Bowl Pet items does not include bulk/random weight\n products.\n </Text>\n <Text\n class=\"m-0 pt-[18px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n Rewards Don’t Expire\n </Text>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n As long as you maintain your paid monthly or annual PantryPass subscription, your earned\n Rewards (as defined in the\n <a href=\"{{rewardsTermsUrl}}\" class=\"text-[#757575] underline dark:text-white\">Northgrove\n Rewards Terms and Conditions)</a> will not expire. This means that your Rewards balance\n will continue to accrue (unless applicable law otherwise requires) as long as you are a\n paid monthly or annual PantryPass subscriber or until your PantryPass subscription ends\n or the PantryPass program is terminated by Northgrove Markets. Your Rewards balance will\n only diminish when you select to redeem your Rewards for fuel, grocery or other\n applicable experiences or discounts. If your PantryPass subscription is suspended,\n cancelled or expires for any reason, any previously earned Rewards will expire 1 month\n after the calendar month in which your PantryPass subscription is suspended, cancelled\n or expired.\n </Text>\n <Text\n class=\"m-0 pt-[18px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n Embercup Monthly Perk\n </Text>\n <Text\n class=\"m-0 text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n Both annual and monthly PantryPass subscribers will be issued a monthly Embercup perk in\n the form of a coupon available in their\n <a href=\"{{offerGalleryUrl}}\" class=\"text-[#757575] underline dark:text-white\">PantryPass\n offer gallery.</a> . The coupon must be clipped to activate the perk for use on a\n subsequent purchase at our participating in-store Embercup Cafés only. The Embercup perk\n will be determined by Northgrove Markets in its sole discretion, subject to availability\n and subject to change. Offers are personalized to the PantryPass subscriber and store\n associated with the subscriber's loyalty account. Offers will expire at the end of each\n month in which the offer is issued and cannot be carried over to the next month. These\n offers have no cash value and can only be used at our participating in-store Embercup\n Cafés.\n </Text>\n <Text\n class=\"m-0 pt-[15px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n For a list of our participating in-store Embercup Cafés\n <a href=\"{{cafeLocationsUrl}}\" class=\"text-[#757575] underline dark:text-white\">click\n here</a>.\n </Text>\n <Text\n class=\"m-0 pt-[18px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n $20 off $75 online purchase\n </Text>\n <Text\n class=\"m-0 pt-[15px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n OFFER DOES NOT APPLY TO ORDERS PLACED WITH THIRD PARTY DELIVERY SERVICE PROVIDERS. Save\n $20 when you spend $75 or more in a single transaction on your first online PantryPass\n subscription order of qualifying items. Minimum purchase amount is calculated based on\n subtotal of all qualified items at checkout after deduction of all other coupons,\n savings, discounts, taxes/fees and excludes alcoholic beverages, tobacco, and fluid\n dairy products. VALID FOR 1ST TIME ONLINE PANTRYPASS SUBSCRIPTION ORDER. LIMIT 1 PER\n HOUSEHOLD. May not be combined with other offers, and other restrictions may apply. We\n reserve the right to modify or cancel offers/orders and/or to correct typographical,\n pictorial, and other ad or pricing errors. For more information about delivery, pickup\n and online ordering services, please read our\n <a href=\"{{onlineShoppingFaqsUrl}}\" class=\"text-[#757575] underline dark:text-white\">Online\n Shopping FAQs</a>\n </Text>\n <Text\n class=\"m-0 pt-[16px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n PantryPass SUBSCRIPTION PROGRAM BENEFITS TERMS CHANGES\n </Text>\n <Text\n class=\"m-0 pt-[15px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n The PantryPass subscription program benefits outlined here are subject to change at any\n time in Northgrove Markets sole discretion. Your continued use of PantryPass after such\n changes will be deemed your acceptance of revised terms, which will apply to your\n subscription. Northgrove Markets reserves the right to accept, refuse, or cancel your\n PantryPass subscription at any time in its sole discretion.\n </Text>\n <Text\n class=\"m-0 pt-[17px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n PantryPass SUBSCRIPTION SAVINGS CLAIMS\n </Text>\n <Text\n class=\"m-0 pt-[15px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n <strong>PantryPass subscriber personalized savings.</strong> Individual PantryPass\n subscriber savings are based on discounts to grocery delivery fees and redemption of\n benefits listed on the PantryPass subscription page. Savings are calculated from\n 6/22/2022. If you joined PantryPass after this date, your savings are calculated from\n the date you joined.\n </Text>\n <Text\n class=\"m-0 pt-[18px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n <strong>PantryPass subscriber hours saved</strong>Estimated time saved on a typical\n PantryPass order is the sum of the average in-store customer shopping time on a basket\n of 15 or more items (based on a 2017 Northgrove Markets survey of 525 shoppers on \"Time\n Spent Shopping\"), and the average customer drive-time to and from Northgrove Markets\n banner locations (based on a 2022 report which mapped the distance between customer\n addresses on file and the nearest banner stores where delivery service is available).\n For Curbside Ready pickup orders, the typical PantryPass order time savings would be\n reduced by approximately 25% by eliminating average customer drive-time.\n </Text>\n <Text\n class=\"m-0 pt-[17px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n Marketing emails may include third party advertisements, but Sable &amp; Moss does not\n share your email address or information with third parties.\n </Text>\n <Text\n class=\"m-0 pt-[17px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n Oregon Studio Registration OR-SM-4418. Colorado Facility Numbers CF22014, CF22091,\n CF21988, CF22105, CF22340, CF22077, CF1844, CF22180, CF1022, CF1911, CF21855.\n </Text>\n <Text\n class=\"m-0 pt-[16px] text-left text-[11px] font-normal leading-[16px] text-[#757575] dark:text-white\"\n >\n This email is sent to {{recipientEmail}}. Add\n <a href=\"mailto:hello@sableandmoss.example\" class=\"text-[#757575] no-underline dark:text-white\">Sable\n &amp; Moss</a> to your address book. Please do not reply to this message; it was sent\n from an unattended mailbox.\n </Text>\n <Text\n class=\"m-0 pt-[16px] text-left text-[11px] leading-[16px] text-[#757575] dark:text-white\"\n >\n <a href=\"{{contactUsUrl}}\" class=\"text-[#757575] no-underline dark:text-white\">Contact\n Us</a> |\n <a href=\"{{termsOfUseUrl}}\" class=\"text-[#757575] no-underline dark:text-white\">Terms of\n Use</a> |\n <a href=\"{{privacyPolicyUrl}}\" class=\"text-[#757575] no-underline dark:text-white\">Privacy\n Policy</a>|\n <a href=\"{{unsubscribeUrl}}\" class=\"text-[#757575] no-underline dark:text-white\">Unsubscribe</a>\n </Text>\n <Text\n class=\"m-0 pt-[16px] text-left text-[11px] leading-[16px] text-[#757575] dark:text-white\"\n >\n © 2026 Sable &amp; Moss LLC, 918 Fernwick Ave, Portland, OR 97214.\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n</Email>\n",
17
17
  "membership-promo": "<Email class=\"font-body font-sans bg-[#FFF8E7] dark:bg-[#FFF8E7]\">\n <Preview>A year of travel awaits</Preview>\n <Container class=\"font-sans w-full max-w-[600px] bg-[#FFF8E7] dark:bg-[#FFF8E7]\">\n <Section class=\"font-sans bg-[#FFF8E7] px-0 py-5 dark:bg-[#FFF8E7]\">\n <Row>\n <Column class=\"font-sans text-center\">\n <Text\n class=\"font-sans m-0 text-center text-[22px] font-bold leading-none tracking-tight text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n Amberrow\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"font-sans rounded-t-lg bg-[#C5F5B4] dark:bg-[#C5F5B4]\">\n <Row>\n <Column class=\"font-sans px-[15px] pb-4 pt-4 text-center\">\n <Text\n class=\"font-sans m-0 text-center text-base leading-normal text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n <a href=\"{{promoCodeUrl}}\" class=\"text-[#0A3A36] no-underline dark:text-[#0A3A36]\">Use\n promo code <strong>{{promoCode}}</strong></a>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"font-sans bg-[#FFF8E7] dark:bg-[#FFF8E7]\">\n <Row>\n <Column class=\"font-sans px-[15px] pb-2 pt-6 text-center\">\n <Text\n class=\"font-sans m-0 text-center text-lg font-medium leading-snug text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n Unlock our new and improved flight alerts\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"font-sans bg-[#FFF8E7] dark:bg-[#FFF8E7]\">\n <Row>\n <Column class=\"font-sans\">\n <Spacer height={10} />\n </Column>\n </Row>\n </Section>\n <Section class=\"font-sans bg-[#FFF8E7] dark:bg-[#FFF8E7]\">\n <Row>\n <Column class=\"font-sans px-[15px] pt-[15px] text-center\">\n <Heading\n level={1}\n class=\"font-sans m-0 text-center text-2xl font-normal leading-tight text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n Unlock <strong>flight alerts</strong>\n </Heading>\n </Column>\n </Row>\n </Section>\n <Section class=\"font-sans bg-[#FFF8E7] dark:bg-[#FFF8E7]\">\n <Row>\n <Column class=\"font-sans px-14 pb-4 pt-2.5 text-center\">\n <Text\n class=\"font-sans m-0 text-center text-base leading-normal text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n Never miss a price drop again with Amberrow’s newest feature, available for\n <strong>Trail (</strong>{{trailWasPrice}} <strong>{{trailNowPrice}})</strong> or\n <strong>Summit (</strong>{{summitWasPrice}} <strong>{{summitNowPrice}})</strong>\n members.\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"font-sans bg-[#FFF8E7] dark:bg-[#FFF8E7]\">\n <Row>\n <Column class=\"font-sans pb-2.5 pl-14 pr-4 pt-1 text-center\" width=\"50%\">\n <Image\n src=\"{{specificTripImageUrl}}\"\n width={228}\n height={80}\n alt=\"Suitcase packed for a fixed-date trip\"\n />\n <Spacer height={10} />\n <Text\n class=\"font-sans m-0 rounded-lg bg-[#C5F5B4] px-2.5 py-[3px] text-center text-[13px] font-bold leading-relaxed text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n Specific trip\n </Text>\n <Spacer height={10} />\n <Heading\n level={2}\n class=\"font-sans m-0 text-center text-base font-bold leading-tight text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n Wedding to attend in Marlowe Bay?\n </Heading>\n <Spacer height={5} />\n <Text\n class=\"font-sans m-0 pb-[15px] text-center text-base leading-normal text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n Lock in your destination and dates and let us track the best routes.\n </Text>\n </Column>\n <Column class=\"font-sans pb-2.5 pl-4 pr-14 pt-1 text-center\" width=\"50%\">\n <Image\n src=\"{{flexibleDatesImageUrl}}\"\n width={228}\n height={80}\n alt=\"Open calendar for flexible travel dates\"\n />\n <Spacer height={10} />\n <Text\n class=\"font-sans m-0 rounded-lg bg-[#C5F5B4] px-2.5 py-[3px] text-center text-[13px] font-bold leading-relaxed text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n Flexible dates\n </Text>\n <Spacer height={10} />\n <Heading\n level={2}\n class=\"font-sans m-0 text-center text-base font-bold leading-tight text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n Cascadia trip anytime this year?\n </Heading>\n <Spacer height={5} />\n <Text\n class=\"font-sans m-0 pb-[15px] text-center text-base leading-normal text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n Just add the city or country you have in mind, and we’ll monitor flights.\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"font-sans bg-[#FFF8E7] dark:bg-[#FFF8E7]\">\n <Row>\n <Column class=\"font-sans px-[15px] pb-6 pt-1 text-center\">\n <Button\n href=\"{{getAlertsUrl}}\"\n class=\"font-sans rounded-full bg-[#0A3A36] px-[35px] py-2.5 text-center text-base font-bold text-[#FFF8E7] dark:bg-[#0A3A36] dark:text-[#FFF8E7]\"\n >\n Get alerts for {{discountPercent}} off\n </Button>\n </Column>\n </Row>\n <Row>\n <Column class=\"font-sans p-2.5\">\n <Divider class=\"border-[#0A3A36] dark:border-[#0A3A36]\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"font-sans bg-[#FFF8E7] dark:bg-[#FFF8E7]\">\n <Row>\n <Column class=\"font-sans px-[15px] pb-5 pt-6 text-center\">\n <Text\n class=\"font-sans m-0 text-center text-2xl leading-normal text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n <strong>One booked deal</strong> covers your membership\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"font-sans bg-[#FFF8E7] dark:bg-[#FFF8E7]\">\n <Row>\n <Column class=\"font-sans pb-1\">\n <Container\n class=\"font-sans w-full rounded-lg border border-[#0A3A36] dark:border-[#0A3A36]\"\n >\n <Section class=\"font-sans bg-[#FFF8E7] dark:bg-[#FFF8E7]\">\n <Row>\n <Column class=\"font-sans pb-2 pt-5\" width=\"40%\">\n <Spacer height={24} />\n </Column>\n <Column class=\"font-sans pb-2 pt-5 text-center\" width=\"20%\">\n <Text\n class=\"font-sans m-0 rounded bg-[#0A3A36] px-2 py-0.5 text-center text-xs leading-normal text-[#FFF8E7] dark:bg-[#0A3A36] dark:text-[#FFF8E7]\"\n >\n Your plan\n </Text>\n </Column>\n <Column\n class=\"font-sans bg-[#C5F5B4] pb-2 pt-5 text-center dark:bg-[#C5F5B4]\"\n width=\"20%\"\n >\n <Text\n class=\"font-sans m-0 rounded bg-[#FFF8E7] px-2 py-0.5 text-center text-xs leading-normal text-[#0A3A36] dark:bg-[#FFF8E7] dark:text-[#0A3A36]\"\n >\n Popular\n </Text>\n </Column>\n <Column class=\"font-sans pb-2 pt-5 text-center\" width=\"20%\">\n <Text\n class=\"font-sans m-0 rounded bg-[#C5F5B4] px-2 py-0.5 text-center text-xs leading-normal text-[#0A3A36] dark:bg-[#C5F5B4] dark:text-[#0A3A36]\"\n >\n Luxury\n </Text>\n </Column>\n </Row>\n <Row>\n <Column class=\"font-sans pb-2\" width=\"40%\">\n <Heading\n level={3}\n class=\"font-sans m-0 px-4 py-4 text-left text-lg leading-normal text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n Membership benefits\n </Heading>\n </Column>\n <Column class=\"font-sans pb-2 text-center\" width=\"20%\">\n <Text\n class=\"font-sans m-0 pb-4 text-center text-sm leading-normal text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n Base\n </Text>\n </Column>\n <Column\n class=\"font-sans bg-[#C5F5B4] pb-2 text-center dark:bg-[#C5F5B4]\"\n width=\"20%\"\n >\n <Text\n class=\"font-sans m-0 pb-4 text-center text-sm leading-normal text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n Trail\n </Text>\n </Column>\n <Column class=\"font-sans pb-2 text-center\" width=\"20%\">\n <Text\n class=\"font-sans m-0 pb-4 text-center text-sm leading-normal text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n Summit\n </Text>\n </Column>\n </Row>\n <Row>\n <Column class=\"font-sans\">\n <Divider class=\"border-[#0A3A36] dark:border-[#0A3A36]\" />\n </Column>\n </Row>\n <Row>\n <Column class=\"font-sans\" width=\"40%\">\n <Spacer height={16} />\n </Column>\n <Column class=\"font-sans\" width=\"20%\">\n <Spacer height={16} />\n </Column>\n <Column class=\"font-sans bg-[#C5F5B4] dark:bg-[#C5F5B4]\" width=\"20%\">\n <Spacer height={16} />\n </Column>\n <Column class=\"font-sans\" width=\"20%\">\n <Spacer height={16} />\n </Column>\n </Row>\n <Row>\n <Column class=\"font-sans py-1\" width=\"40%\">\n <Text\n class=\"font-sans m-0 px-4 py-3 text-left text-base leading-normal text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n Domestic deals\n </Text>\n </Column>\n <Column class=\"font-sans py-2 text-center\" width=\"20%\">\n <Text\n class=\"font-sans m-0 text-center text-base font-bold leading-none text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n ✓\n </Text>\n </Column>\n <Column\n class=\"font-sans bg-[#C5F5B4] py-2 text-center dark:bg-[#C5F5B4]\"\n width=\"20%\"\n >\n <Text\n class=\"font-sans m-0 text-center text-base font-bold leading-none text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n ✓\n </Text>\n </Column>\n <Column class=\"font-sans py-2 text-center\" width=\"20%\">\n <Text\n class=\"font-sans m-0 text-center text-base font-bold leading-none text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n ✓\n </Text>\n </Column>\n </Row>\n <Row>\n <Column class=\"font-sans py-1\" width=\"40%\">\n <Text\n class=\"font-sans m-0 px-4 py-3 text-left text-base leading-normal text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n International deals\n </Text>\n </Column>\n <Column class=\"font-sans py-2 text-center\" width=\"20%\">\n <Text\n class=\"font-sans m-0 text-center text-base leading-none text-[#7A9A96] dark:text-[#7A9A96]\"\n >\n –\n </Text>\n </Column>\n <Column\n class=\"font-sans bg-[#C5F5B4] py-2 text-center dark:bg-[#C5F5B4]\"\n width=\"20%\"\n >\n <Text\n class=\"font-sans m-0 text-center text-base font-bold leading-none text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n ✓\n </Text>\n </Column>\n <Column class=\"font-sans py-2 text-center\" width=\"20%\">\n <Text\n class=\"font-sans m-0 text-center text-base font-bold leading-none text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n ✓\n </Text>\n </Column>\n </Row>\n <Row>\n <Column class=\"font-sans py-1\" width=\"40%\">\n <Text\n class=\"font-sans m-0 px-4 py-3 text-left text-base leading-normal text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n Island and remote deals\n </Text>\n </Column>\n <Column class=\"font-sans py-2 text-center\" width=\"20%\">\n <Text\n class=\"font-sans m-0 text-center text-base leading-none text-[#7A9A96] dark:text-[#7A9A96]\"\n >\n –\n </Text>\n </Column>\n <Column\n class=\"font-sans bg-[#C5F5B4] py-2 text-center dark:bg-[#C5F5B4]\"\n width=\"20%\"\n >\n <Text\n class=\"font-sans m-0 text-center text-base font-bold leading-none text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n ✓\n </Text>\n </Column>\n <Column class=\"font-sans py-2 text-center\" width=\"20%\">\n <Text\n class=\"font-sans m-0 text-center text-base font-bold leading-none text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n ✓\n </Text>\n </Column>\n </Row>\n <Row>\n <Column class=\"font-sans py-1\" width=\"40%\">\n <Text\n class=\"font-sans m-0 px-4 py-3 text-left text-base leading-normal text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n Error-fare deals\n </Text>\n </Column>\n <Column class=\"font-sans py-2 text-center\" width=\"20%\">\n <Text\n class=\"font-sans m-0 text-center text-base leading-none text-[#7A9A96] dark:text-[#7A9A96]\"\n >\n –\n </Text>\n </Column>\n <Column\n class=\"font-sans bg-[#C5F5B4] py-2 text-center dark:bg-[#C5F5B4]\"\n width=\"20%\"\n >\n <Text\n class=\"font-sans m-0 text-center text-base font-bold leading-none text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n ✓\n </Text>\n </Column>\n <Column class=\"font-sans py-2 text-center\" width=\"20%\">\n <Text\n class=\"font-sans m-0 text-center text-base font-bold leading-none text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n ✓\n </Text>\n </Column>\n </Row>\n <Row>\n <Column class=\"font-sans py-1\" width=\"40%\">\n <Text\n class=\"font-sans m-0 px-4 py-3 text-left text-base leading-normal text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n Points and miles deals\n </Text>\n </Column>\n <Column class=\"font-sans py-2 text-center\" width=\"20%\">\n <Text\n class=\"font-sans m-0 text-center text-base leading-none text-[#7A9A96] dark:text-[#7A9A96]\"\n >\n –\n </Text>\n </Column>\n <Column\n class=\"font-sans bg-[#C5F5B4] py-2 text-center dark:bg-[#C5F5B4]\"\n width=\"20%\"\n >\n <Text\n class=\"font-sans m-0 text-center text-base font-bold leading-none text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n ✓\n </Text>\n </Column>\n <Column class=\"font-sans py-2 text-center\" width=\"20%\">\n <Text\n class=\"font-sans m-0 text-center text-base font-bold leading-none text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n ✓\n </Text>\n </Column>\n </Row>\n <Row>\n <Column class=\"font-sans py-1\" width=\"40%\">\n <Text\n class=\"font-sans m-0 px-4 py-3 text-left text-base leading-normal text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n Custom flight alerts\n </Text>\n </Column>\n <Column class=\"font-sans py-2 text-center\" width=\"20%\">\n <Text\n class=\"font-sans m-0 text-center text-base leading-none text-[#7A9A96] dark:text-[#7A9A96]\"\n >\n –\n </Text>\n </Column>\n <Column\n class=\"font-sans bg-[#C5F5B4] py-2 text-center dark:bg-[#C5F5B4]\"\n width=\"20%\"\n >\n <Text\n class=\"font-sans m-0 text-center text-base font-bold leading-none text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n ✓\n </Text>\n </Column>\n <Column class=\"font-sans py-2 text-center\" width=\"20%\">\n <Text\n class=\"font-sans m-0 text-center text-base font-bold leading-none text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n ✓\n </Text>\n </Column>\n </Row>\n <Row>\n <Column class=\"font-sans py-1\" width=\"40%\">\n <Text\n class=\"font-sans m-0 px-4 py-3 text-left text-base leading-normal text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n Higher cabin deals\n </Text>\n </Column>\n <Column class=\"font-sans py-2 text-center\" width=\"20%\">\n <Text\n class=\"font-sans m-0 text-center text-base leading-none text-[#7A9A96] dark:text-[#7A9A96]\"\n >\n –\n </Text>\n </Column>\n <Column\n class=\"font-sans bg-[#C5F5B4] py-2 text-center dark:bg-[#C5F5B4]\"\n width=\"20%\"\n >\n <Text\n class=\"font-sans m-0 text-center text-sm leading-none text-[#7A9A96] dark:text-[#7A9A96]\"\n >\n –\n </Text>\n </Column>\n <Column class=\"font-sans py-2 text-center\" width=\"20%\">\n <Text\n class=\"font-sans m-0 text-center text-base font-bold leading-none text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n ✓\n </Text>\n </Column>\n </Row>\n <Row>\n <Column class=\"font-sans\" width=\"40%\">\n <Spacer height={24} />\n </Column>\n <Column class=\"font-sans\" width=\"20%\">\n <Spacer height={24} />\n </Column>\n <Column class=\"font-sans bg-[#C5F5B4] dark:bg-[#C5F5B4]\" width=\"20%\">\n <Spacer height={24} />\n </Column>\n <Column class=\"font-sans\" width=\"20%\">\n <Spacer height={24} />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n </Section>\n <Section class=\"font-sans bg-[#FFF8E7] dark:bg-[#FFF8E7]\">\n <Row>\n <Column class=\"font-sans px-[15px] pb-[15px] pt-5 text-center\">\n <Button\n href=\"{{claimOfferUrl}}\"\n class=\"font-sans rounded-full bg-[#0A3A36] px-[30px] py-2.5 text-center text-base font-bold text-[#FFF8E7] dark:bg-[#0A3A36] dark:text-[#FFF8E7]\"\n >\n Claim {{discountPercent}} off\n </Button>\n </Column>\n </Row>\n <Row>\n <Column class=\"font-sans\">\n <Spacer height={32} />\n </Column>\n </Row>\n <Row>\n <Column class=\"font-sans px-2.5 pb-6 pt-2.5\">\n <Divider class=\"border-[#0A3A36] dark:border-[#0A3A36]\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"font-sans bg-[#FFF8E7] dark:bg-[#FFF8E7]\">\n <Row>\n <Column class=\"font-sans pl-5 pt-1\" width=\"50%\">\n <Spacer height={18} />\n <Text\n class=\"font-sans m-0 text-left text-sm font-semibold leading-normal text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n <a href=\"{{appDownloadUrl}}\" class=\"text-[#0A3A36] no-underline dark:text-[#0A3A36]\">Download\n the Amberrow app</a>\n </Text>\n </Column>\n <Column class=\"font-sans px-1 pb-2.5 pt-2.5\" width=\"50%\">\n <Row>\n <Column class=\"font-sans pr-1\" width=\"32\">\n <Image src=\"{{socialOneIconUrl}}\" width={30} height={30} alt=\"Social link\" />\n </Column>\n <Column class=\"font-sans pr-1\" width=\"32\">\n <Image src=\"{{socialTwoIconUrl}}\" width={30} height={30} alt=\"Social link\" />\n </Column>\n <Column class=\"font-sans pr-1\" width=\"32\">\n <Image src=\"{{socialThreeIconUrl}}\" width={30} height={30} alt=\"Social link\" />\n </Column>\n <Column class=\"font-sans pr-1\" width=\"32\">\n <Image src=\"{{socialFourIconUrl}}\" width={30} height={30} alt=\"Social link\" />\n </Column>\n <Column class=\"font-sans\" width=\"32\">\n <Image src=\"{{socialFiveIconUrl}}\" width={29} height={29} alt=\"Social link\" />\n </Column>\n </Row>\n </Column>\n </Row>\n </Section>\n <Section class=\"font-sans bg-[#FFF8E7] dark:bg-[#FFF8E7]\">\n <Row>\n <Column class=\"font-sans px-4 pb-1 pl-9 pt-1\">\n <Spacer height={24} />\n <Text\n class=\"font-sans m-0 text-left text-xs leading-normal text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n © Amberrow Travel, Inc.\n </Text>\n <Text\n class=\"font-sans m-0 text-left text-xs leading-normal text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n 312 Cedar Quay, Suite 40\n </Text>\n <Text\n class=\"font-sans m-0 text-left text-xs leading-normal text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n PMB 18420 Portland, OR 97205\n </Text>\n <Spacer height={40} />\n <Text\n class=\"font-sans m-0 text-left text-xs leading-normal text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n <a href=\"{{advertiseUrl}}\" class=\"text-[#0A3A36] underline dark:text-[#0A3A36]\">Advertise</a>\n <a href=\"{{preferencesUrl}}\" class=\"text-[#0A3A36] underline dark:text-[#0A3A36]\">Email\n Preferences</a>\n <a href=\"{{unsubscribeUrl}}\" class=\"text-[#0A3A36] underline dark:text-[#0A3A36]\">Unsubscribe</a>\n </Text>\n <Spacer height={40} />\n <Text\n class=\"font-sans m-0 text-left text-xs leading-normal text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n <em>Use promo code {{promoCode}} to save {{discountPercent}} on your first year of Trail\n or Summit. Sales tax added where applicable. Offer available only\n on</em><a href=\"{{websiteUrl}}\" class=\"text-[#0A3A36] underline dark:text-[#0A3A36]\"><em>amberrow.example</em></a><em>.\n Cannot be combined with other discounts or applied to previous subscriptions. Sale runs\n through {{offerEndDate}}.</em>\n </Text>\n <Spacer height={40} />\n <Text\n class=\"font-sans m-0 text-left text-sm font-bold leading-none tracking-tight text-[#0A3A36] dark:text-[#0A3A36]\"\n >\n Amberrow\n </Text>\n <Spacer height={18} />\n </Column>\n </Row>\n </Section>\n </Container>\n</Email>\n",
18
18
  newsletter: "<Email lang=\"en\" dir=\"ltr\" class=\"bg-stone-100 dark:bg-stone-950\">\n <Preview>{{newsletterName}}, issue {{issueNumber}}: {{leadHeadline}}</Preview>\n <Container class=\"bg-white px-10 py-10 rounded-brand max-w-[600px] dark:bg-stone-900\">\n <Section class=\"text-center pb-4\">\n <Heading level={1} class=\"text-2xl font-bold uppercase text-stone-900 dark:text-white\">\n {{newsletterName}}\n </Heading>\n <Text class=\"text-xs uppercase font-medium text-stone-500 dark:text-stone-400\">\n Issue {{issueNumber}} · {{publishDate}}\n </Text>\n </Section>\n <Image\n src=\"{{heroImage}}\"\n alt=\"{{leadHeadline}}\"\n width={536}\n height={268}\n class=\"rounded-brand\"\n />\n <Heading level={2} class=\"text-xl font-semibold text-stone-900 pt-6 dark:text-white\">\n {{leadHeadline}}\n </Heading>\n <Text class=\"text-base leading-relaxed text-stone-600 dark:text-stone-300\">{{leadBody}}</Text>\n <Button\n href=\"{{leadUrl}}\"\n class=\"bg-brand text-brand-foreground font-semibold px-6 py-3 rounded-brand\"\n >\n Read the full story\n </Button>\n <Spacer height={28} />\n <Divider class=\"border-stone-200 dark:border-stone-700\" />\n <Heading\n level={3}\n class=\"text-sm uppercase font-semibold text-stone-500 pt-4 dark:text-stone-400\"\n >\n Also in this issue\n </Heading>\n <Text class=\"text-base leading-relaxed text-stone-600 dark:text-stone-300\">\n <a href=\"{{linkOneUrl}}\">{{linkOneTitle}}</a>\n </Text>\n <Text class=\"text-base leading-relaxed text-stone-600 dark:text-stone-300\">\n <a href=\"{{linkTwoUrl}}\">{{linkTwoTitle}}</a>\n </Text>\n <Spacer height={20} />\n <Text class=\"text-xs text-stone-400 dark:text-stone-500\">\n Forwarded to you? <a href=\"{{subscribeUrl}}\">Subscribe here</a>. Or\n <a href=\"{{unsubscribeUrl}}\">unsubscribe</a>.\n </Text>\n </Container>\n</Email>\n",
19
19
  notification: "<Email lang=\"en\" dir=\"ltr\" class=\"bg-gray-100 dark:bg-gray-950\">\n <Preview>{{actorName}} {{actionSummary}} in {{workspace}}</Preview>\n <Container class=\"bg-white px-10 py-10 rounded-brand max-w-[600px] dark:bg-gray-900\">\n <Image src=\"{{logoUrl}}\" alt=\"{{workspace}}\" width={132} height={36} />\n <Heading level={1} class=\"text-xl font-semibold text-gray-900 pt-6 dark:text-white\">\n {{actorName}} {{actionSummary}}\n </Heading>\n <Section class=\"bg-gray-50 px-6 pt-6 pb-5 rounded-brand dark:bg-gray-800\">\n <Text class=\"text-base leading-relaxed text-gray-700 dark:text-gray-200\">\n {{notificationBody}}\n </Text>\n <Text class=\"text-xs text-gray-400 dark:text-gray-500\">{{timestamp}}</Text>\n </Section>\n <Button\n href=\"{{ctaUrl}}\"\n class=\"bg-brand text-brand-foreground font-semibold px-6 py-3 rounded-brand\"\n >\n View in {{workspace}}\n </Button>\n <Spacer height={28} />\n <Divider class=\"border-gray-200 dark:border-gray-700\" />\n <Text class=\"text-xs text-gray-400 dark:text-gray-500\">\n You're getting this because you follow activity in {{workspace}}.\n <a href=\"{{settingsUrl}}\">Manage notifications</a>.\n </Text>\n </Container>\n</Email>\n",
@@ -23,23 +23,23 @@ const presetSources = {
23
23
  "password-reset": "<Email lang=\"en\" dir=\"ltr\" class=\"bg-gray-100 dark:bg-gray-950\">\n <Preview>\n Reset your {{workspace}} password. This link expires in {{expiryMinutes}} minutes.\n </Preview>\n <Container class=\"bg-white px-10 py-10 rounded-brand max-w-[600px] dark:bg-gray-900\">\n <Image src=\"{{logoUrl}}\" alt=\"{{workspace}}\" width={132} height={36} />\n <Heading level={1} class=\"text-2xl font-bold text-gray-900 pt-6 dark:text-white\">\n Reset your password\n </Heading>\n <Text class=\"text-base leading-relaxed text-gray-600 dark:text-gray-300\">\n Hi {{firstName}}, we got a request to reset the password for your {{workspace}} account. Click\n the button below to choose a new one.\n </Text>\n <Button\n href=\"{{resetUrl}}\"\n class=\"bg-brand text-brand-foreground font-semibold px-6 py-3 rounded-brand\"\n >\n Choose a new password\n </Button>\n <Spacer height={24} />\n <Text class=\"text-sm leading-relaxed text-gray-500 dark:text-gray-400\">\n This link expires in {{expiryMinutes}} minutes and can only be used once. If you didn't ask to\n reset your password, you can safely ignore this email and your password will stay the same.\n </Text>\n <Divider class=\"border-gray-200 dark:border-gray-700\" />\n <Text class=\"text-xs text-gray-400 dark:text-gray-500\">\n Trouble with the button? Paste this link into your browser: {{resetUrl}}\n </Text>\n </Container>\n</Email>\n",
24
24
  "payment-failed": "<Email lang=\"en\" dir=\"ltr\" class=\"bg-gray-100 dark:bg-gray-950\">\n <Preview>We couldn't process your payment for {{workspace}}</Preview>\n <Container class=\"bg-white px-10 py-10 rounded-brand max-w-[600px] dark:bg-gray-900\">\n <Image src=\"{{logoUrl}}\" alt=\"{{workspace}}\" width={132} height={36} />\n <Heading level={1} class=\"text-2xl font-bold text-gray-900 pt-6 dark:text-white\">\n Payment couldn't be processed\n </Heading>\n <Text class=\"text-base leading-relaxed text-gray-600 dark:text-gray-300\">\n Hi {{firstName}}, we tried to charge {{paymentMethod}} for your {{planName}} plan and it\n didn't go through. Update your payment details to keep {{workspace}} active.\n </Text>\n <Section class=\"bg-red-50 px-6 py-5 rounded-brand dark:bg-red-950\">\n <Text class=\"text-sm font-medium text-red-700 dark:text-red-300\">Amount due</Text>\n <Text class=\"text-xl font-bold text-red-800 dark:text-red-200\">{{amountDue}}</Text>\n <Text class=\"text-sm text-red-700 dark:text-red-300\">\n We'll retry automatically on {{retryDate}}.\n </Text>\n </Section>\n <Button\n href=\"{{updatePaymentUrl}}\"\n class=\"bg-brand text-brand-foreground font-semibold px-6 py-3 rounded-brand\"\n >\n Update payment method\n </Button>\n <Spacer height={24} />\n <Text class=\"text-sm text-gray-500 dark:text-gray-400\">\n Already fixed it? You can ignore this email. Need help? <a href=\"{{contactUrl}}\">Contact\n us</a>.\n </Text>\n </Container>\n</Email>\n",
25
25
  "product-digest": "<Email lang=\"en\" dir=\"ltr\" class=\"bg-gray-100 dark:bg-gray-950\">\n <Preview>Your weekly {{workspace}} digest: {{highlightCount}} updates worth a look</Preview>\n <Container class=\"bg-white px-10 py-10 rounded-brand max-w-[600px] dark:bg-gray-900\">\n <Section class=\"pb-2\">\n <Image src=\"{{logoUrl}}\" alt=\"{{workspace}}\" width={132} height={36} />\n <Heading level={1} class=\"text-2xl font-bold text-gray-900 pt-6 dark:text-white\">\n This week in {{workspace}}\n </Heading>\n <Text class=\"text-sm text-gray-500 dark:text-gray-400\">{{weekRange}}</Text>\n </Section>\n <Divider class=\"border-gray-200 dark:border-gray-700\" />\n <Section class=\"py-4\">\n <Heading level={2} class=\"text-lg font-semibold text-gray-900 dark:text-white\">\n {{storyOneTitle}}\n </Heading>\n <Text class=\"text-base leading-relaxed text-gray-600 dark:text-gray-300\">\n {{storyOneSummary}}\n </Text>\n <Text class=\"text-sm font-semibold text-brand\"><a href=\"{{storyOneUrl}}\">Read more</a></Text>\n </Section>\n <Divider class=\"border-gray-200 dark:border-gray-700\" />\n <Section class=\"py-4\">\n <Heading level={2} class=\"text-lg font-semibold text-gray-900 dark:text-white\">\n {{storyTwoTitle}}\n </Heading>\n <Text class=\"text-base leading-relaxed text-gray-600 dark:text-gray-300\">\n {{storyTwoSummary}}\n </Text>\n <Text class=\"text-sm font-semibold text-brand\"><a href=\"{{storyTwoUrl}}\">Read more</a></Text>\n </Section>\n <Divider class=\"border-gray-200 dark:border-gray-700\" />\n <Button\n href=\"{{dashboardUrl}}\"\n class=\"bg-brand text-brand-foreground font-semibold px-6 py-3 rounded-brand\"\n >\n Open your dashboard\n </Button>\n <Spacer height={24} />\n <Text class=\"text-xs text-gray-400 dark:text-gray-500\">\n You're subscribed to the weekly digest. <a href=\"{{unsubscribeUrl}}\">Unsubscribe</a> any time.\n </Text>\n </Container>\n</Email>\n",
26
- "product-onboarding-tour": "<Email class=\"bg-[#f5f5f5] font-body dark:bg-[#f5f5f5]\">\n <Preview>Reclaim your hours for the work you love</Preview>\n <Container class=\"w-full max-w-[600px] bg-white font-body dark:bg-white\">\n <Section class=\"bg-white px-4 dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={28} />\n <Text\n class=\"m-0 font-sans text-left text-[24px] font-bold leading-tight tracking-tight text-[#1c1c1c] dark:text-[#1c1c1c]\"\n >\n Tidewell\n </Text>\n <Spacer height={28} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-4 pb-[7px] dark:bg-white\">\n <Row>\n <Column>\n <Heading\n level={1}\n class=\"m-0 font-sans pb-2 text-left text-[28px] font-bold leading-tight text-[#1c1c1c] dark:text-[#1c1c1c]\"\n >\n AI and automations that give you hours back ⏰\n </Heading>\n <Spacer height={20} />\n <Text\n class=\"m-0 font-sans text-left text-[16px] leading-normal text-[#555555] dark:text-[#555555]\"\n >\n Skip the busywork that eats your week. Tidewell handles the ops so you can stay focused\n on what you love: making and sharing your work.\n </Text>\n <Spacer height={16} />\n <Text\n class=\"m-0 font-sans pb-5 text-left text-[16px] leading-normal text-[#555555] dark:text-[#555555]\"\n >\n Here are the top AI features and automations on Tidewell that cut manual grind. Growth\n without the scramble. 😍🚀📈\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"w-[300px] px-[10px] pt-[5px] text-center\" width=\"300\">\n <Image\n src=\"{{mediaKitImageUrl}}\"\n width={280}\n height={223}\n alt=\"Tidewell media kit dashboard preview\"\n />\n </Column>\n <Column class=\"w-[300px] px-[10px] py-[5px]\" width=\"300\">\n <Heading\n level={2}\n class=\"m-0 font-sans text-left text-[20px] font-bold leading-tight text-[#1c1c1c] dark:text-[#1c1c1c]\"\n >\n Automatic media kit updates\n </Heading>\n <Spacer height={8} />\n <Text\n class=\"m-0 font-sans text-left text-[14px] leading-normal text-[#555555] dark:text-[#555555]\"\n >\n • <strong>No more hand-editing</strong> your media kit… ever.\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-[14px] leading-normal text-[#555555] dark:text-[#555555]\"\n >\n • <strong>Live-updating media kit</strong> pulls your latest stats into your digital\n resume of creator work.\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-[14px] leading-normal text-[#555555] dark:text-[#555555]\"\n >\n • <strong>Always current</strong>, so you skip editing, reformatting, and re-sending.\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-4 pb-5 pt-[3px] dark:bg-white\">\n <Row>\n <Column class=\"text-right\">\n <Button\n href=\"{{mediaKitUrl}}\"\n class=\"font-sans rounded-lg bg-black px-4 py-4 text-center text-[14px] font-bold leading-[17px] text-white no-underline dark:bg-black dark:text-white\"\n >\n Try it out\n </Button>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"w-[300px] px-[10px] pt-[5px] text-center\" width=\"300\">\n <Image\n src=\"{{incomeDashboardImageUrl}}\"\n width={280}\n height={228}\n alt=\"Tidewell income dashboard preview\"\n />\n </Column>\n <Column class=\"w-[300px] px-[10px] py-[5px]\" width=\"300\">\n <Heading\n level={2}\n class=\"m-0 font-sans text-left text-[20px] font-bold leading-tight text-[#1c1c1c] dark:text-[#1c1c1c]\"\n >\n Automatic income sync\n </Heading>\n <Spacer height={8} />\n <Text\n class=\"m-0 font-sans text-left text-[14px] leading-normal text-[#555555] dark:text-[#555555]\"\n >\n • <strong>Hiring a bookkeeper is pricey and slow</strong>. Setting up your income\n dashboard is free and fast.\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-[14px] leading-normal text-[#555555] dark:text-[#555555]\"\n >\n • <strong>Bring every income stream into one view</strong> so you can watch\n month-to-month trends and get personal tips on growing revenue.\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-4 pb-5 pt-[3px] dark:bg-white\">\n <Row>\n <Column class=\"text-right\">\n <Button\n href=\"{{incomeDashboardUrl}}\"\n class=\"font-sans rounded-lg bg-black px-4 py-4 text-center text-[14px] font-bold leading-[17px] text-white no-underline dark:bg-black dark:text-white\"\n >\n Try it out\n </Button>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"w-[300px] px-[10px] pt-[5px] text-center\" width=\"300\">\n <Image\n src=\"{{welcomeEmailImageUrl}}\"\n width={280}\n height={229}\n alt=\"Tidewell welcome email automation preview\"\n />\n </Column>\n <Column class=\"w-[300px] px-[10px] py-[5px]\" width=\"300\">\n <Heading\n level={2}\n class=\"m-0 font-sans text-left text-[20px] font-bold leading-tight text-[#1c1c1c] dark:text-[#1c1c1c]\"\n >\n Automatic welcome emails\n </Heading>\n <Spacer height={8} />\n <Text\n class=\"m-0 font-sans text-left text-[14px] leading-normal text-[#555555] dark:text-[#555555]\"\n >\n • <strong>Real-time welcome emails</strong> drive 88% more long-term audience\n engagement.\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-[14px] leading-normal text-[#555555] dark:text-[#555555]\"\n >\n • <strong>Turn on an automatic welcome</strong> so each new subscriber hears from you\n the moment they join.\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-[14px] leading-normal text-[#555555] dark:text-[#555555]\"\n >\n • <strong>The simplest email marketing you’ll use</strong>, built for creators from day\n one.\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-4 pb-5 pt-[3px] dark:bg-white\">\n <Row>\n <Column class=\"text-right\">\n <Button\n href=\"{{welcomeEmailUrl}}\"\n class=\"font-sans rounded-lg bg-black px-4 py-4 text-center text-[14px] font-bold leading-[17px] text-white no-underline dark:bg-black dark:text-white\"\n >\n Try it out\n </Button>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white py-[5px] dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={20} />\n <Divider class=\"h-px bg-[#bbbbbb] dark:bg-[#bbbbbb]\" />\n <Spacer height={20} />\n <Text\n class=\"m-0 font-sans pb-1 pl-[10px] text-left text-[12px] font-bold leading-normal tracking-wide text-[#555555] dark:text-[#555555]\"\n >\n WE THOUGHT YOU’D LIKE TO READ THESE\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"w-[100px] pt-5 text-center\" width=\"100\">\n <Image\n src=\"{{incomeGuideImageUrl}}\"\n width={65}\n height={65}\n alt=\"Guide thumbnail: tracking creator income\"\n />\n </Column>\n <Column class=\"w-[400px] px-2 pt-5\" width=\"400\">\n <Text\n class=\"m-0 font-sans text-left text-[14px] leading-normal text-black dark:text-black\"\n >\n <strong>How to Track Your Creator Income</strong>\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-[14px] leading-normal text-black dark:text-black\"\n >\n Keep clean, accurate books so you can hit your financial goals as a creator.\n </Text>\n </Column>\n <Column class=\"w-[100px] p-[5px] text-center\" width=\"100\">\n <Text\n class=\"m-0 font-sans text-center text-[16px] leading-normal text-[#1c1c1c] dark:text-[#1c1c1c]\"\n >\n <a href=\"{{incomeGuideUrl}}\" class=\"font-bold text-[#1c1c1c] underline dark:text-[#1c1c1c]\">Read</a>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={20} />\n <Divider class=\"h-px bg-[#bbbbbb] dark:bg-[#bbbbbb]\" />\n <Spacer height={20} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"w-[100px] text-center\" width=\"100\">\n <Image\n src=\"{{emailGuideImageUrl}}\"\n width={60}\n height={60}\n alt=\"Guide thumbnail: engaging audiences with email\"\n />\n </Column>\n <Column class=\"w-[400px] px-2\" width=\"400\">\n <Text\n class=\"m-0 font-sans text-left text-[14px] leading-normal text-black dark:text-black\"\n >\n <strong>How Creators Can Engage Fans with Email</strong>\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-[14px] leading-normal text-black dark:text-black\"\n >\n A practical cheat sheet for writing emails your audience actually opens.\n </Text>\n </Column>\n <Column class=\"w-[100px] p-[5px] text-center\" width=\"100\">\n <Text\n class=\"m-0 font-sans text-center text-[16px] leading-normal text-[#1c1c1c] dark:text-[#1c1c1c]\"\n >\n <a href=\"{{emailGuideUrl}}\" class=\"font-bold text-[#1c1c1c] underline dark:text-[#1c1c1c]\">Read</a>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white pb-[40px] pt-[12px] dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Spacer height={20} />\n <Divider class=\"h-px bg-[#bbbbbb] dark:bg-[#bbbbbb]\" />\n <Spacer height={20} />\n <Heading\n level={2}\n class=\"m-0 font-sans text-center text-[21px] font-bold leading-tight text-[#1c1c1c] dark:text-[#1c1c1c]\"\n >\n Get the Tidewell mobile app\n </Heading>\n <Spacer height={12} />\n <Image src=\"{{appStoreBadgeUrl}}\" width={180} height={62} alt=\"Download for iOS\" />\n <Spacer height={12} />\n <Image src=\"{{playStoreBadgeUrl}}\" width={180} height={53} alt=\"Download for Android\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"w-[300px] px-4 py-[5px]\" width=\"300\">\n <Text\n class=\"m-0 font-sans text-left text-[20px] font-bold leading-tight tracking-tight text-[#1c1c1c] dark:text-[#1c1c1c]\"\n >\n Tidewell\n </Text>\n </Column>\n <Column class=\"w-[100px] py-[5px] text-center\" width=\"100\">\n <Image src=\"{{socialOneIconUrl}}\" width={16} height={16} alt=\"Social\" />\n </Column>\n <Column class=\"w-[100px] py-[5px] text-center\" width=\"100\">\n <Image src=\"{{socialTwoIconUrl}}\" width={16} height={16} alt=\"Social\" />\n </Column>\n <Column class=\"w-[100px] py-[5px] text-center\" width=\"100\">\n <Image src=\"{{socialThreeIconUrl}}\" width={16} height={16} alt=\"Social\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-4 dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={13} />\n <Text\n class=\"m-0 font-sans text-left text-[14px] leading-[25px] text-[#555555] dark:text-[#555555]\"\n >\n <a href=\"{{helpCenterUrl}}\" class=\"text-[#555555] underline dark:text-[#555555]\">Help\n Center</a>\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-[14px] leading-[25px] text-[#555555] dark:text-[#555555]\"\n >\n <a href=\"{{unsubscribeUrl}}\" class=\"text-[#555555] underline dark:text-[#555555]\">Unsubscribe</a>\n </Text>\n <Spacer height={20} />\n <Text\n class=\"m-0 font-sans pb-6 text-left text-[14px] leading-[25px] text-[#555555] dark:text-[#555555]\"\n >\n 418 Harbor Lane #210, Austin, TX 78701\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n</Email>\n",
27
- "product-updates-roundup": "<Email class=\"font-body bg-white text-left dark:bg-white\">\n <Preview>Get early bird tickets to our first conference and share your feedback.</Preview>\n <Container\n class=\"mx-0 ml-0 w-[600px] max-w-[600px] bg-white pl-2 text-left font-sans text-black dark:bg-white dark:text-black\"\n >\n <Section class=\"bg-white text-left font-sans dark:bg-white\">\n <Row>\n <Column class=\"text-left\">\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n Hey, it's Jules.\n </Text>\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n We just opened\n <a href=\"{{conferenceTicketsUrl}}\" class=\"text-[#0B6E99] underline dark:text-[#0B6E99]\">tickets\n to our first-ever conference</a>, Loomstack Assemble. We've been hard at work clearing\n friction, like shipping a far faster\n <a href=\"{{contactsImportUrl}}\" class=\"text-[#0B6E99] underline dark:text-[#0B6E99]\">new\n contacts import experience</a> and making it simpler to\n <a href=\"{{domainTransferUrl}}\" class=\"text-[#0B6E99] underline dark:text-[#0B6E99]\">move\n sending domains between your workspaces</a>.\n </Text>\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n But first, a quick question. We're in the process of expanding our API coverage.\n </Text>\n </Column>\n </Row>\n <Row>\n <Column class=\"bg-[#acb3be]\" width=\"3\">\n <Spacer height={41} />\n </Column>\n <Column class=\"pl-3 text-left\" width=\"597\">\n <Text\n class=\"m-0 py-2 text-left font-sans text-lg leading-normal text-[#7e8a9a] dark:text-[#7e8a9a]\"\n >\n <strong>What API endpoints are you most missing in Loomstack?</strong>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column class=\"text-left\">\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n We read every answer. Just hit reply.\n </Text>\n <Spacer height={89} />\n <Spacer height={11} />\n <Heading\n class=\"m-0 text-left font-sans text-3xl font-semibold leading-snug text-black dark:text-black\"\n level={2}\n >\n Loomstack Assemble tickets are live\n </Heading>\n <Row>\n <Column class=\"bg-[#e5e7eb] dark:bg-[#e5e7eb]\">\n <Spacer height={1} />\n </Column>\n </Row>\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n In today's world, craft is more important than ever before. There are people all over\n the world who build software intentionally, but they rarely get to gather together in\n the same place.\n </Text>\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n We're building a conference to gather builders who care about their craft, on\n {{conferenceDate}} in San Francisco. For a limited time, we've set tickets to our lowest\n possible price. Get yours before they're all gone.\n </Text>\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n <a href=\"{{conferenceTicketsUrl}}\" class=\"text-[#0B6E99] underline dark:text-[#0B6E99]\">→\n Attend Assemble</a>\n </Text>\n <Spacer height={46} />\n <Spacer height={11} />\n <Heading\n class=\"m-0 text-left font-sans text-3xl font-semibold leading-snug text-black dark:text-black\"\n level={2}\n >\n Import contacts with ease\n </Heading>\n <Row>\n <Column class=\"bg-[#e5e7eb] dark:bg-[#e5e7eb]\">\n <Spacer height={1} />\n </Column>\n </Row>\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n We've rebuilt our CSV import experience from scratch. It's dramatically faster, and it\n supports much larger file sizes. It also has full SDK support and includes full API\n coverage for more programmatic flows.\n </Text>\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n <a href=\"{{contactsImportUrl}}\" class=\"text-[#0B6E99] underline dark:text-[#0B6E99]\">→\n Read the changelog</a>\n </Text>\n <Spacer height={44} />\n <Spacer height={11} />\n <Heading\n class=\"m-0 text-left font-sans text-3xl font-semibold leading-snug text-black dark:text-black\"\n level={2}\n >\n Move domains between workspaces\n </Heading>\n <Row>\n <Column class=\"bg-[#e5e7eb] dark:bg-[#e5e7eb]\">\n <Spacer height={1} />\n </Column>\n </Row>\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n You can now move any domain you own between Loomstack workspaces using Domain Transfer\n to verify ownership and hand it off.\n </Text>\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n <a href=\"{{domainTransferUrl}}\" class=\"text-[#0B6E99] underline dark:text-[#0B6E99]\">→\n Learn more</a>\n </Text>\n <Spacer height={40} />\n <Spacer height={11} />\n <Heading\n class=\"m-0 text-left font-sans text-3xl font-semibold leading-snug text-black dark:text-black\"\n level={2}\n >\n Build emails that work for all\n </Heading>\n <Row>\n <Column class=\"bg-[#e5e7eb] dark:bg-[#e5e7eb]\">\n <Spacer height={1} />\n </Column>\n </Row>\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n The Inbox Craft Survey just published its\n <a href=\"{{accessibilityReportUrl}}\" class=\"text-[#0B6E99] underline dark:text-[#0B6E99]\">{{accessibilityReportYear}}\n email accessibility report</a>, analyzing {{emailsAnalyzed}} messages. Of all emails\n analyzed, only {{emailsPassed}} passed every check (just {{passRate}}!). In this post,\n we cover what the report found and what you can do about it.\n </Text>\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n <a href=\"{{accessibilityGuideUrl}}\" class=\"text-[#0B6E99] underline dark:text-[#0B6E99]\">→\n View the guide</a>\n </Text>\n <Spacer height={45} />\n <Spacer height={11} />\n <Heading\n class=\"m-0 text-left font-sans text-3xl font-semibold leading-snug text-black dark:text-black\"\n level={2}\n >\n How we built our Agent Kit adapter\n </Heading>\n <Row>\n <Column class=\"bg-[#e5e7eb] dark:bg-[#e5e7eb]\">\n <Spacer height={1} />\n </Column>\n </Row>\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n We built the\n <a href=\"{{agentAdapterUrl}}\" class=\"text-[#0B6E99] underline dark:text-[#0B6E99]\">official\n Loomstack adapter</a> for Harbor Agent Kit to bring transactional email into the Agent\n Kit ecosystem. Along the way, we faced challenges and made decisions and tradeoffs.\n Let's talk about the development process behind\n <a href=\"{{agentAdapterUrl}}\" class=\"rounded bg-[#e5e7eb] px-1.5 py-1 font-mono font-normal text-[#1e293b] no-underline dark:bg-[#e5e7eb] dark:text-[#1e293b]\">@loomstack/agent-kit-adapter</a>.\n </Text>\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n <a href=\"{{agentAdapterGuideUrl}}\" class=\"text-[#0B6E99] underline dark:text-[#0B6E99]\">→\n Read the guide</a>\n </Text>\n <Spacer height={48} />\n <Spacer height={11} />\n <Heading\n class=\"m-0 text-left font-sans text-3xl font-semibold leading-snug text-black dark:text-black\"\n level={2}\n >\n Teach Forgepad about email\n </Heading>\n <Container class=\"w-full max-w-[600px]\">\n <Section>\n <Row>\n <Column width=\"20\">\n <Text\n class=\"m-0 text-left font-sans text-base leading-none text-black dark:text-black\"\n >\n ▶\n </Text>\n </Column>\n <Column class=\"text-left\" width=\"580\">\n <Text\n class=\"m-0 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n <a href=\"{{walkthroughVideoUrl}}\" class=\"text-[#0B6E99] underline dark:text-[#0B6E99]\">Walkthrough\n video</a>\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n Forgepad just launched Skills, a way to give your coding agent expert-level, opinionated\n knowledge for specific tasks. In this video, I show you how to drop in Loomstack's\n official Skills to one-shot prompt a fully working waitlist form with transactional\n templates, segments, topics, and idempotency keys baked in.\n </Text>\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n <a href=\"{{walkthroughVideoUrl}}\" class=\"text-[#0B6E99] underline dark:text-[#0B6E99]\">→\n Watch the video</a>\n </Text>\n <Spacer height={36} />\n <Spacer height={11} />\n <Heading\n class=\"m-0 text-left font-sans text-3xl font-semibold leading-snug text-black dark:text-black\"\n level={2}\n >\n Draftfold uses email to stay close to users\n </Heading>\n <Row>\n <Column class=\"bg-[#e5e7eb] dark:bg-[#e5e7eb]\">\n <Spacer height={1} />\n </Column>\n </Row>\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n Draftfold started using Loomstack with their pre-launch invite list, then expanded to\n every transactional email, including {{blastVolume}} email blasts on a regular cadence.\n In their words, \"Everything just works. Loomstack is email, solved.\"\n </Text>\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n <a href=\"{{customerStoryUrl}}\" class=\"text-[#0B6E99] underline dark:text-[#0B6E99]\">→\n Read their story</a>\n </Text>\n <Spacer height={31} />\n <Spacer height={11} />\n <Heading\n class=\"m-0 text-left font-sans text-3xl font-semibold leading-snug text-black dark:text-black\"\n level={2}\n >\n Join us in New York!\n </Heading>\n <Row>\n <Column class=\"bg-[#e5e7eb] dark:bg-[#e5e7eb]\">\n <Spacer height={1} />\n </Column>\n </Row>\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n Come join the team to hear from amazing speakers, get great food, and pick up custom\n Loomstack swag.\n </Text>\n <Text\n class=\"m-0 pt-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n 📆 {{meetupDate}} • {{meetupTime}}\n </Text>\n <Text\n class=\"m-0 pb-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n 📍 {{meetupVenue}}\n </Text>\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n <a href=\"{{meetupUrl}}\" class=\"text-[#0B6E99] underline dark:text-[#0B6E99]\">→ Join us\n in NYC</a>\n </Text>\n <Spacer height={59} />\n <Text\n class=\"m-0 pt-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n Happy sending,\n </Text>\n <Text\n class=\"m-0 pb-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n Jules Merrow\n </Text>\n <Spacer height={27} />\n </Column>\n </Row>\n <Row>\n <Column class=\"bg-[#eaeaea] dark:bg-[#eaeaea]\">\n <Spacer height={2} />\n </Column>\n </Row>\n <Row>\n <Column class=\"text-left\">\n <Spacer height={16} />\n <Text\n class=\"m-0 py-2 text-left font-sans text-xs leading-normal text-black dark:text-black\"\n >\n You are receiving this email as a user of Loomstack.\n </Text>\n <Spacer height={25} />\n <Text class=\"m-0 text-left font-sans text-xs leading-normal text-black dark:text-black\">\n Want to change how you receive these emails?\n </Text>\n <Text\n class=\"m-0 py-2 text-left font-sans text-xs leading-normal text-black dark:text-black\"\n >\n You can\n <a href=\"{{unsubscribeUrl}}\" class=\"text-[#0B6E99] underline dark:text-[#0B6E99]\">unsubscribe\n from this list</a>.\n </Text>\n <Text\n class=\"m-0 pt-2 text-left font-sans text-xs leading-normal text-black dark:text-black\"\n >\n 482 Alder Row #210\n </Text>\n <Text\n class=\"m-0 pb-2 text-left font-sans text-xs leading-normal text-black dark:text-black\"\n >\n San Francisco, CA 94107\n </Text>\n <Spacer height={41} />\n </Column>\n </Row>\n </Section>\n </Container>\n</Email>\n",
26
+ "product-onboarding-tour": "<Email class=\"bg-[#f5f5f5] font-body dark:bg-[#f5f5f5]\">\n <Preview>\n Example email template. Replace the sample product, images, and feature claims before sending.\n </Preview>\n <Container class=\"w-full max-w-[600px] bg-white font-body dark:bg-white\">\n <Section class=\"bg-white px-4 dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={28} />\n <Text\n class=\"m-0 font-sans text-left text-[24px] font-bold leading-tight tracking-tight text-[#1c1c1c] dark:text-[#1c1c1c]\"\n >\n Tidewell\n </Text>\n <Spacer height={28} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-4 pb-[7px] dark:bg-white\">\n <Row>\n <Column>\n <Heading\n level={1}\n class=\"m-0 font-sans pb-2 text-left text-[28px] font-bold leading-tight text-[#1c1c1c] dark:text-[#1c1c1c]\"\n >\n AI and automations that give you hours back ⏰\n </Heading>\n <Spacer height={20} />\n <Text\n class=\"m-0 font-sans text-left text-[16px] leading-normal text-[#555555] dark:text-[#555555]\"\n >\n Skip the busywork that eats your week. Tidewell handles the ops so you can stay focused\n on what you love: making and sharing your work.\n </Text>\n <Spacer height={16} />\n <Text\n class=\"m-0 font-sans pb-5 text-left text-[16px] leading-normal text-[#555555] dark:text-[#555555]\"\n >\n Here are the top AI features and automations on Tidewell that cut manual grind. Growth\n without the scramble. 😍🚀📈\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"w-[300px] px-[10px] pt-[5px] text-center\" width=\"300\">\n <Image\n src=\"{{mediaKitImageUrl}}\"\n width={280}\n height={223}\n alt=\"Tidewell media kit dashboard preview\"\n />\n </Column>\n <Column class=\"w-[300px] px-[10px] py-[5px]\" width=\"300\">\n <Heading\n level={2}\n class=\"m-0 font-sans text-left text-[20px] font-bold leading-tight text-[#1c1c1c] dark:text-[#1c1c1c]\"\n >\n Automatic media kit updates\n </Heading>\n <Spacer height={8} />\n <Text\n class=\"m-0 font-sans text-left text-[14px] leading-normal text-[#555555] dark:text-[#555555]\"\n >\n • <strong>No more hand-editing</strong> your media kit… ever.\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-[14px] leading-normal text-[#555555] dark:text-[#555555]\"\n >\n • <strong>Live-updating media kit</strong> pulls your latest stats into your digital\n resume of creator work.\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-[14px] leading-normal text-[#555555] dark:text-[#555555]\"\n >\n • <strong>Always current</strong>, so you skip editing, reformatting, and re-sending.\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-4 pb-5 pt-[3px] dark:bg-white\">\n <Row>\n <Column class=\"text-right\">\n <Button\n href=\"{{mediaKitUrl}}\"\n class=\"font-sans rounded-lg bg-black px-4 py-4 text-center text-[14px] font-bold leading-[17px] text-white no-underline dark:bg-black dark:text-white\"\n >\n Try it out\n </Button>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"w-[300px] px-[10px] pt-[5px] text-center\" width=\"300\">\n <Image\n src=\"{{incomeDashboardImageUrl}}\"\n width={280}\n height={228}\n alt=\"Tidewell income dashboard preview\"\n />\n </Column>\n <Column class=\"w-[300px] px-[10px] py-[5px]\" width=\"300\">\n <Heading\n level={2}\n class=\"m-0 font-sans text-left text-[20px] font-bold leading-tight text-[#1c1c1c] dark:text-[#1c1c1c]\"\n >\n Automatic income sync\n </Heading>\n <Spacer height={8} />\n <Text\n class=\"m-0 font-sans text-left text-[14px] leading-normal text-[#555555] dark:text-[#555555]\"\n >\n • <strong>Hiring a bookkeeper is pricey and slow</strong>. Setting up your income\n dashboard is free and fast.\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-[14px] leading-normal text-[#555555] dark:text-[#555555]\"\n >\n • <strong>Bring every income stream into one view</strong> so you can watch\n month-to-month trends and get personal tips on growing revenue.\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-4 pb-5 pt-[3px] dark:bg-white\">\n <Row>\n <Column class=\"text-right\">\n <Button\n href=\"{{incomeDashboardUrl}}\"\n class=\"font-sans rounded-lg bg-black px-4 py-4 text-center text-[14px] font-bold leading-[17px] text-white no-underline dark:bg-black dark:text-white\"\n >\n Try it out\n </Button>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"w-[300px] px-[10px] pt-[5px] text-center\" width=\"300\">\n <Image\n src=\"{{welcomeEmailImageUrl}}\"\n width={280}\n height={229}\n alt=\"Tidewell welcome email automation preview\"\n />\n </Column>\n <Column class=\"w-[300px] px-[10px] py-[5px]\" width=\"300\">\n <Heading\n level={2}\n class=\"m-0 font-sans text-left text-[20px] font-bold leading-tight text-[#1c1c1c] dark:text-[#1c1c1c]\"\n >\n Automatic welcome emails\n </Heading>\n <Spacer height={8} />\n <Text\n class=\"m-0 font-sans text-left text-[14px] leading-normal text-[#555555] dark:text-[#555555]\"\n >\n • <strong>Real-time welcome emails</strong> drive 88% more long-term audience\n engagement.\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-[14px] leading-normal text-[#555555] dark:text-[#555555]\"\n >\n • <strong>Turn on an automatic welcome</strong> so each new subscriber hears from you\n the moment they join.\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-[14px] leading-normal text-[#555555] dark:text-[#555555]\"\n >\n • <strong>The simplest email marketing you’ll use</strong>, built for creators from day\n one.\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-4 pb-5 pt-[3px] dark:bg-white\">\n <Row>\n <Column class=\"text-right\">\n <Button\n href=\"{{welcomeEmailUrl}}\"\n class=\"font-sans rounded-lg bg-black px-4 py-4 text-center text-[14px] font-bold leading-[17px] text-white no-underline dark:bg-black dark:text-white\"\n >\n Try it out\n </Button>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white py-[5px] dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={20} />\n <Divider class=\"h-px bg-[#bbbbbb] dark:bg-[#bbbbbb]\" />\n <Spacer height={20} />\n <Text\n class=\"m-0 font-sans pb-1 pl-[10px] text-left text-[12px] font-bold leading-normal tracking-wide text-[#555555] dark:text-[#555555]\"\n >\n WE THOUGHT YOU’D LIKE TO READ THESE\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"w-[100px] pt-5 text-center\" width=\"100\">\n <Image\n src=\"{{incomeGuideImageUrl}}\"\n width={65}\n height={65}\n alt=\"Guide thumbnail: tracking creator income\"\n />\n </Column>\n <Column class=\"w-[400px] px-2 pt-5\" width=\"400\">\n <Text\n class=\"m-0 font-sans text-left text-[14px] leading-normal text-black dark:text-black\"\n >\n <strong>How to Track Your Creator Income</strong>\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-[14px] leading-normal text-black dark:text-black\"\n >\n Keep clean, accurate books so you can hit your financial goals as a creator.\n </Text>\n </Column>\n <Column class=\"w-[100px] p-[5px] text-center\" width=\"100\">\n <Text\n class=\"m-0 font-sans text-center text-[16px] leading-normal text-[#1c1c1c] dark:text-[#1c1c1c]\"\n >\n <a href=\"{{incomeGuideUrl}}\" class=\"font-bold text-[#1c1c1c] underline dark:text-[#1c1c1c]\">Read</a>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={20} />\n <Divider class=\"h-px bg-[#bbbbbb] dark:bg-[#bbbbbb]\" />\n <Spacer height={20} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"w-[100px] text-center\" width=\"100\">\n <Image\n src=\"{{emailGuideImageUrl}}\"\n width={60}\n height={60}\n alt=\"Guide thumbnail: engaging audiences with email\"\n />\n </Column>\n <Column class=\"w-[400px] px-2\" width=\"400\">\n <Text\n class=\"m-0 font-sans text-left text-[14px] leading-normal text-black dark:text-black\"\n >\n <strong>How Creators Can Engage Fans with Email</strong>\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-[14px] leading-normal text-black dark:text-black\"\n >\n A practical cheat sheet for writing emails your audience actually opens.\n </Text>\n </Column>\n <Column class=\"w-[100px] p-[5px] text-center\" width=\"100\">\n <Text\n class=\"m-0 font-sans text-center text-[16px] leading-normal text-[#1c1c1c] dark:text-[#1c1c1c]\"\n >\n <a href=\"{{emailGuideUrl}}\" class=\"font-bold text-[#1c1c1c] underline dark:text-[#1c1c1c]\">Read</a>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white pb-[40px] pt-[12px] dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Spacer height={20} />\n <Divider class=\"h-px bg-[#bbbbbb] dark:bg-[#bbbbbb]\" />\n <Spacer height={20} />\n <Heading\n level={2}\n class=\"m-0 font-sans text-center text-[21px] font-bold leading-tight text-[#1c1c1c] dark:text-[#1c1c1c]\"\n >\n Get the Tidewell mobile app\n </Heading>\n <Spacer height={12} />\n <Image src=\"{{appStoreBadgeUrl}}\" width={180} height={62} alt=\"Download for iOS\" />\n <Spacer height={12} />\n <Image src=\"{{playStoreBadgeUrl}}\" width={180} height={53} alt=\"Download for Android\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"w-[300px] px-4 py-[5px]\" width=\"300\">\n <Text\n class=\"m-0 font-sans text-left text-[20px] font-bold leading-tight tracking-tight text-[#1c1c1c] dark:text-[#1c1c1c]\"\n >\n Tidewell\n </Text>\n </Column>\n <Column class=\"w-[100px] py-[5px] text-center\" width=\"100\">\n <Image src=\"{{socialOneIconUrl}}\" width={16} height={16} alt=\"Social\" />\n </Column>\n <Column class=\"w-[100px] py-[5px] text-center\" width=\"100\">\n <Image src=\"{{socialTwoIconUrl}}\" width={16} height={16} alt=\"Social\" />\n </Column>\n <Column class=\"w-[100px] py-[5px] text-center\" width=\"100\">\n <Image src=\"{{socialThreeIconUrl}}\" width={16} height={16} alt=\"Social\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-4 dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={13} />\n <Text\n class=\"m-0 font-sans text-left text-[14px] leading-[25px] text-[#555555] dark:text-[#555555]\"\n >\n <a href=\"{{helpCenterUrl}}\" class=\"text-[#555555] underline dark:text-[#555555]\">Help\n Center</a>\n </Text>\n <Text\n class=\"m-0 font-sans text-left text-[14px] leading-[25px] text-[#555555] dark:text-[#555555]\"\n >\n <a href=\"{{unsubscribeUrl}}\" class=\"text-[#555555] underline dark:text-[#555555]\">Unsubscribe</a>\n </Text>\n <Spacer height={20} />\n <Text\n class=\"m-0 font-sans pb-6 text-left text-[14px] leading-[25px] text-[#555555] dark:text-[#555555]\"\n >\n 418 Harbor Lane #210, Austin, TX 78701\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n</Email>\n",
27
+ "product-updates-roundup": "<Email class=\"font-body bg-white text-left dark:bg-white\">\n <Preview>\n Example email template. Replace the sample releases, metrics, and event details before sending.\n </Preview>\n <Container\n class=\"mx-0 ml-0 w-[600px] max-w-[600px] bg-white pl-2 text-left font-sans text-black dark:bg-white dark:text-black\"\n >\n <Section class=\"bg-white text-left font-sans dark:bg-white\">\n <Row>\n <Column class=\"text-left\">\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n Hey, it's Jules.\n </Text>\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n We just opened\n <a href=\"{{conferenceTicketsUrl}}\" class=\"text-[#0B6E99] underline dark:text-[#0B6E99]\">tickets\n to our first-ever conference</a>, Loomstack Assemble. We've been hard at work clearing\n friction, like shipping a far faster\n <a href=\"{{contactsImportUrl}}\" class=\"text-[#0B6E99] underline dark:text-[#0B6E99]\">new\n contacts import experience</a> and making it simpler to\n <a href=\"{{domainTransferUrl}}\" class=\"text-[#0B6E99] underline dark:text-[#0B6E99]\">move\n sending domains between your workspaces</a>.\n </Text>\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n But first, a quick question. We're in the process of expanding our API coverage.\n </Text>\n </Column>\n </Row>\n <Row>\n <Column class=\"bg-[#acb3be]\" width=\"3\">\n <Spacer height={41} />\n </Column>\n <Column class=\"pl-3 text-left\" width=\"597\">\n <Text\n class=\"m-0 py-2 text-left font-sans text-lg leading-normal text-[#7e8a9a] dark:text-[#7e8a9a]\"\n >\n <strong>What API endpoints are you most missing in Loomstack?</strong>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column class=\"text-left\">\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n We read every answer. Just hit reply.\n </Text>\n <Spacer height={89} />\n <Spacer height={11} />\n <Heading\n class=\"m-0 text-left font-sans text-3xl font-semibold leading-snug text-black dark:text-black\"\n level={2}\n >\n Loomstack Assemble tickets are live\n </Heading>\n <Row>\n <Column class=\"bg-[#e5e7eb] dark:bg-[#e5e7eb]\">\n <Spacer height={1} />\n </Column>\n </Row>\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n In today's world, craft is more important than ever before. There are people all over\n the world who build software intentionally, but they rarely get to gather together in\n the same place.\n </Text>\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n We're building a conference to gather builders who care about their craft, on\n {{conferenceDate}} in San Francisco. For a limited time, we've set tickets to our lowest\n possible price. Get yours before they're all gone.\n </Text>\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n <a href=\"{{conferenceTicketsUrl}}\" class=\"text-[#0B6E99] underline dark:text-[#0B6E99]\">→\n Attend Assemble</a>\n </Text>\n <Spacer height={46} />\n <Spacer height={11} />\n <Heading\n class=\"m-0 text-left font-sans text-3xl font-semibold leading-snug text-black dark:text-black\"\n level={2}\n >\n Import contacts with ease\n </Heading>\n <Row>\n <Column class=\"bg-[#e5e7eb] dark:bg-[#e5e7eb]\">\n <Spacer height={1} />\n </Column>\n </Row>\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n We've rebuilt our CSV import experience from scratch. It's dramatically faster, and it\n supports much larger file sizes. It also has full SDK support and includes full API\n coverage for more programmatic flows.\n </Text>\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n <a href=\"{{contactsImportUrl}}\" class=\"text-[#0B6E99] underline dark:text-[#0B6E99]\">→\n Read the changelog</a>\n </Text>\n <Spacer height={44} />\n <Spacer height={11} />\n <Heading\n class=\"m-0 text-left font-sans text-3xl font-semibold leading-snug text-black dark:text-black\"\n level={2}\n >\n Move domains between workspaces\n </Heading>\n <Row>\n <Column class=\"bg-[#e5e7eb] dark:bg-[#e5e7eb]\">\n <Spacer height={1} />\n </Column>\n </Row>\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n You can now move any domain you own between Loomstack workspaces using Domain Transfer\n to verify ownership and hand it off.\n </Text>\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n <a href=\"{{domainTransferUrl}}\" class=\"text-[#0B6E99] underline dark:text-[#0B6E99]\">→\n Learn more</a>\n </Text>\n <Spacer height={40} />\n <Spacer height={11} />\n <Heading\n class=\"m-0 text-left font-sans text-3xl font-semibold leading-snug text-black dark:text-black\"\n level={2}\n >\n Build emails that work for all\n </Heading>\n <Row>\n <Column class=\"bg-[#e5e7eb] dark:bg-[#e5e7eb]\">\n <Spacer height={1} />\n </Column>\n </Row>\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n The Inbox Craft Survey just published its\n <a href=\"{{accessibilityReportUrl}}\" class=\"text-[#0B6E99] underline dark:text-[#0B6E99]\">{{accessibilityReportYear}}\n email accessibility report</a>, analyzing {{emailsAnalyzed}} messages. Of all emails\n analyzed, only {{emailsPassed}} passed every check (just {{passRate}}!). In this post,\n we cover what the report found and what you can do about it.\n </Text>\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n <a href=\"{{accessibilityGuideUrl}}\" class=\"text-[#0B6E99] underline dark:text-[#0B6E99]\">→\n View the guide</a>\n </Text>\n <Spacer height={45} />\n <Spacer height={11} />\n <Heading\n class=\"m-0 text-left font-sans text-3xl font-semibold leading-snug text-black dark:text-black\"\n level={2}\n >\n How we built our Agent Kit adapter\n </Heading>\n <Row>\n <Column class=\"bg-[#e5e7eb] dark:bg-[#e5e7eb]\">\n <Spacer height={1} />\n </Column>\n </Row>\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n We built the\n <a href=\"{{agentAdapterUrl}}\" class=\"text-[#0B6E99] underline dark:text-[#0B6E99]\">official\n Loomstack adapter</a> for Harbor Agent Kit to bring transactional email into the Agent\n Kit ecosystem. Along the way, we faced challenges and made decisions and tradeoffs.\n Let's talk about the development process behind\n <a href=\"{{agentAdapterUrl}}\" class=\"rounded bg-[#e5e7eb] px-1.5 py-1 font-mono font-normal text-[#1e293b] no-underline dark:bg-[#e5e7eb] dark:text-[#1e293b]\">@loomstack/agent-kit-adapter</a>.\n </Text>\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n <a href=\"{{agentAdapterGuideUrl}}\" class=\"text-[#0B6E99] underline dark:text-[#0B6E99]\">→\n Read the guide</a>\n </Text>\n <Spacer height={48} />\n <Spacer height={11} />\n <Heading\n class=\"m-0 text-left font-sans text-3xl font-semibold leading-snug text-black dark:text-black\"\n level={2}\n >\n Teach Forgepad about email\n </Heading>\n <Container class=\"w-full max-w-[600px]\">\n <Section>\n <Row>\n <Column width=\"20\">\n <Text\n class=\"m-0 text-left font-sans text-base leading-none text-black dark:text-black\"\n >\n ▶\n </Text>\n </Column>\n <Column class=\"text-left\" width=\"580\">\n <Text\n class=\"m-0 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n <a href=\"{{walkthroughVideoUrl}}\" class=\"text-[#0B6E99] underline dark:text-[#0B6E99]\">Walkthrough\n video</a>\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n Forgepad just launched Skills, a way to give your coding agent expert-level, opinionated\n knowledge for specific tasks. In this video, I show you how to drop in Loomstack's\n official Skills to one-shot prompt a fully working waitlist form with transactional\n templates, segments, topics, and idempotency keys baked in.\n </Text>\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n <a href=\"{{walkthroughVideoUrl}}\" class=\"text-[#0B6E99] underline dark:text-[#0B6E99]\">→\n Watch the video</a>\n </Text>\n <Spacer height={36} />\n <Spacer height={11} />\n <Heading\n class=\"m-0 text-left font-sans text-3xl font-semibold leading-snug text-black dark:text-black\"\n level={2}\n >\n Draftfold uses email to stay close to users\n </Heading>\n <Row>\n <Column class=\"bg-[#e5e7eb] dark:bg-[#e5e7eb]\">\n <Spacer height={1} />\n </Column>\n </Row>\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n Draftfold started using Loomstack with their pre-launch invite list, then expanded to\n every transactional email, including {{blastVolume}} email blasts on a regular cadence.\n In their words, \"Everything just works. Loomstack is email, solved.\"\n </Text>\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n <a href=\"{{customerStoryUrl}}\" class=\"text-[#0B6E99] underline dark:text-[#0B6E99]\">→\n Read their story</a>\n </Text>\n <Spacer height={31} />\n <Spacer height={11} />\n <Heading\n class=\"m-0 text-left font-sans text-3xl font-semibold leading-snug text-black dark:text-black\"\n level={2}\n >\n Join us in New York!\n </Heading>\n <Row>\n <Column class=\"bg-[#e5e7eb] dark:bg-[#e5e7eb]\">\n <Spacer height={1} />\n </Column>\n </Row>\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n Come join the team to hear from amazing speakers, get great food, and pick up custom\n Loomstack swag.\n </Text>\n <Text\n class=\"m-0 pt-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n 📆 {{meetupDate}} • {{meetupTime}}\n </Text>\n <Text\n class=\"m-0 pb-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n 📍 {{meetupVenue}}\n </Text>\n <Text\n class=\"m-0 py-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n <a href=\"{{meetupUrl}}\" class=\"text-[#0B6E99] underline dark:text-[#0B6E99]\">→ Join us\n in NYC</a>\n </Text>\n <Spacer height={59} />\n <Text\n class=\"m-0 pt-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n Happy sending,\n </Text>\n <Text\n class=\"m-0 pb-2 text-left font-sans text-base leading-normal text-black dark:text-black\"\n >\n Jules Merrow\n </Text>\n <Spacer height={27} />\n </Column>\n </Row>\n <Row>\n <Column class=\"bg-[#eaeaea] dark:bg-[#eaeaea]\">\n <Spacer height={2} />\n </Column>\n </Row>\n <Row>\n <Column class=\"text-left\">\n <Spacer height={16} />\n <Text\n class=\"m-0 py-2 text-left font-sans text-xs leading-normal text-black dark:text-black\"\n >\n You are receiving this email as a user of Loomstack.\n </Text>\n <Spacer height={25} />\n <Text class=\"m-0 text-left font-sans text-xs leading-normal text-black dark:text-black\">\n Want to change how you receive these emails?\n </Text>\n <Text\n class=\"m-0 py-2 text-left font-sans text-xs leading-normal text-black dark:text-black\"\n >\n You can\n <a href=\"{{unsubscribeUrl}}\" class=\"text-[#0B6E99] underline dark:text-[#0B6E99]\">unsubscribe\n from this list</a>.\n </Text>\n <Text\n class=\"m-0 pt-2 text-left font-sans text-xs leading-normal text-black dark:text-black\"\n >\n 482 Alder Row #210\n </Text>\n <Text\n class=\"m-0 pb-2 text-left font-sans text-xs leading-normal text-black dark:text-black\"\n >\n San Francisco, CA 94107\n </Text>\n <Spacer height={41} />\n </Column>\n </Row>\n </Section>\n </Container>\n</Email>\n",
28
28
  promo: "<Email lang=\"en\" dir=\"ltr\" class=\"bg-gray-100 dark:bg-gray-950\">\n <Preview>{{offerHeadline}}. Use code {{promoCode}} before {{expiryDate}}.</Preview>\n <Container class=\"bg-white rounded-brand max-w-[600px] dark:bg-gray-900\">\n <Section class=\"bg-brand px-10 py-12 text-center rounded-brand\">\n <Text class=\"text-sm uppercase font-semibold text-brand-foreground\">Limited time</Text>\n <Heading level={1} class=\"text-4xl font-bold text-brand-foreground pt-2\">\n {{offerHeadline}}\n </Heading>\n <Text class=\"text-lg text-brand-foreground\">{{offerSubhead}}</Text>\n </Section>\n <Section class=\"px-10 py-8 text-center\">\n <Text class=\"text-base leading-relaxed text-gray-600 dark:text-gray-300\">\n Hi {{firstName}}, treat yourself. Enter this code at checkout to save on your next order.\n </Text>\n <Section class=\"bg-gray-50 px-6 py-5 rounded-brand dark:bg-gray-800\">\n <Text class=\"text-sm font-medium text-gray-500 dark:text-gray-400\">Your code</Text>\n <Text class=\"text-3xl font-bold font-mono text-gray-900 dark:text-white\">\n {{promoCode}}\n </Text>\n </Section>\n <Spacer height={24} />\n <Button\n href=\"{{shopUrl}}\"\n class=\"bg-brand text-brand-foreground font-semibold px-8 py-3 rounded-brand\"\n >\n Shop the sale\n </Button>\n <Spacer height={20} />\n <Text class=\"text-xs text-gray-400 dark:text-gray-500\">\n Offer ends {{expiryDate}}. <a href=\"{{termsUrl}}\">Terms apply</a>.\n </Text>\n </Section>\n <Divider class=\"border-gray-200 dark:border-gray-700\" />\n <Text class=\"text-xs text-gray-400 dark:text-gray-500\">\n No longer want these offers? <a href=\"{{unsubscribeUrl}}\">Unsubscribe</a>.\n </Text>\n </Container>\n</Email>\n",
29
29
  receipt: "<Email lang=\"en\" dir=\"ltr\" class=\"bg-gray-100 dark:bg-gray-950\">\n <Preview>Your receipt from {{workspace}}, order {{orderNumber}}</Preview>\n <Container class=\"bg-white px-10 py-10 rounded-brand max-w-[600px] dark:bg-gray-900\">\n <Image src=\"{{logoUrl}}\" alt=\"{{workspace}}\" width={132} height={36} />\n <Heading level={1} class=\"text-2xl font-bold text-gray-900 pt-6 dark:text-white\">\n Thanks for your order\n </Heading>\n <Text class=\"text-base leading-relaxed text-gray-600 dark:text-gray-300\">\n Hi {{firstName}}, we received your payment. A copy of your receipt is below for your records.\n </Text>\n <Section class=\"bg-gray-50 px-6 py-5 rounded-brand dark:bg-gray-800\">\n <Row>\n <Column width=\"60%\">\n <Text class=\"text-sm font-medium text-gray-500 dark:text-gray-400\">Order number</Text>\n </Column>\n <Column width=\"40%\">\n <Text class=\"text-sm text-right font-semibold text-gray-900 dark:text-white\">\n {{orderNumber}}\n </Text>\n </Column>\n </Row>\n <Row>\n <Column width=\"60%\">\n <Text class=\"text-sm font-medium text-gray-500 dark:text-gray-400\">Paid on</Text>\n </Column>\n <Column width=\"40%\">\n <Text class=\"text-sm text-right font-semibold text-gray-900 dark:text-white\">\n {{paidDate}}\n </Text>\n </Column>\n </Row>\n <Divider class=\"border-gray-200 dark:border-gray-700\" />\n <Row>\n <Column width=\"60%\">\n <Text class=\"text-base font-semibold text-gray-900 dark:text-white\">Total charged</Text>\n </Column>\n <Column width=\"40%\">\n <Text class=\"text-base text-right font-bold text-gray-900 dark:text-white\">\n {{total}}\n </Text>\n </Column>\n </Row>\n </Section>\n <Button\n href=\"{{invoiceUrl}}\"\n class=\"bg-brand text-brand-foreground font-semibold px-6 py-3 rounded-brand\"\n >\n Download invoice\n </Button>\n <Spacer height={24} />\n <Text class=\"text-sm text-gray-500 dark:text-gray-400\">\n Charged to {{paymentMethod}}. Questions about this charge? Reply to this email.\n </Text>\n </Container>\n</Email>\n",
30
- "rewards-milestone": "<Email class=\"font-body bg-white dark:bg-white\">\n <Preview>Complete {{milestoneCount}} simple milestones and unlock exclusive rewards</Preview>\n <Container class=\"w-full max-w-[602px] bg-white dark:bg-white\">\n <Section class=\"bg-white pb-2 dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Text class=\"m-0 text-center font-sans text-xs leading-normal text-black dark:text-black\">\n Complete {{milestoneCount}} simple milestones and unlock exclusive rewards\n </Text>\n <Text class=\"m-0 text-center font-sans text-xs leading-normal text-black dark:text-black\">\n Can't see this email properly?\n <a href=\"{{webVersionUrl}}\" class=\"font-sans text-xs text-black underline dark:text-black\">View\n the web version</a> |\n <a href=\"{{mobileVersionUrl}}\" class=\"font-sans text-xs text-black underline dark:text-black\">View\n this message on mobile</a>\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n <Container\n class=\"w-full max-w-[602px] border border-[#9A9A9A] bg-white dark:border-[#9A9A9A] dark:bg-white\"\n >\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Image\n src=\"{{heroBannerImageUrl}}\"\n alt=\"Lockmere Vault salary rewards\"\n width={600}\n height={408}\n />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column width=\"44\">\n <Spacer height={30} />\n </Column>\n <Column width=\"512\">\n <Spacer height={30} />\n </Column>\n <Column width=\"44\">\n <Spacer height={30} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column width=\"44\">\n <Spacer height={1160} />\n </Column>\n <Column class=\"bg-white px-2 dark:bg-white\" width=\"512\">\n <Container class=\"w-full max-w-[450px] bg-white dark:bg-white\">\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Heading\n level={1}\n class=\"m-0 text-center font-sans text-[28px] font-bold leading-7 text-black dark:text-black\"\n >\n Your salary credit can unlock\n </Heading>\n <Heading\n level={1}\n class=\"m-0 text-center font-sans text-[28px] font-bold leading-7 text-black dark:text-black\"\n >\n exclusive rewards\n </Heading>\n <Spacer height={9} />\n <Text\n class=\"m-0 text-center font-sans text-[17px] leading-5 text-black dark:text-black\"\n >\n Elevate your banking experience with Lockmere Vault\n </Text>\n <Spacer height={9} />\n <Divider class=\"border-[#1B3550] dark:border-[#1B3550]\" />\n <Spacer height={9} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Text\n class=\"m-0 text-left font-sans text-sm leading-5 text-black dark:text-black\"\n >\n Dear {{recipientName}},\n </Text>\n <Spacer height={15} />\n <Text\n class=\"m-0 text-left font-sans text-sm leading-5 text-black dark:text-black\"\n >\n Start a private rewards journey with Lockmere Vault. Finish a few simple\n milestones and claim merchant gift credits worth up to {{maxRewardAmount}}*.\n </Text>\n <Spacer height={13} />\n <Text\n class=\"m-0 text-left font-sans text-sm leading-5 text-black dark:text-black\"\n >\n <strong>Here are the details of your {{milestoneLabel}} milestone:</strong>\n </Text>\n <Spacer height={9} />\n <Text\n class=\"m-0 text-left font-sans text-sm leading-5 text-black dark:text-black\"\n >\n Have your salary credited to your Lockmere Vault account ending in\n {{accountLastFour}} by sharing your account details with your payroll team. Once\n you move into the Corporate Salary Segment, enjoy a welcome reward of a merchant\n gift credit worth {{welcomeRewardAmount}}.\n </Text>\n <Spacer height={25} />\n </Column>\n </Row>\n </Section>\n <Section class=\"rounded-t-[15px] bg-[#1B3550] py-2 dark:bg-[#1B3550]\">\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 text-center font-sans text-base font-bold leading-5 text-white dark:text-white\"\n >\n Why choose a Lockmere Vault Salary Account?\n </Text>\n </Column>\n </Row>\n </Section>\n <Section\n class=\"rounded-b-[15px] border border-[#1B3550] bg-[#F7F7F7] px-3 py-2 dark:border-[#1B3550] dark:bg-[#F7F7F7]\"\n >\n <Row>\n <Column width=\"50\">\n <Image src=\"{{benefitIconUrl}}\" alt=\"\" width={40} height={40} />\n </Column>\n <Column width=\"360\">\n <Text\n class=\"m-0 text-left font-sans text-sm leading-5 text-black dark:text-black\"\n >\n Freedom from maintaining a minimum balance\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={13} />\n </Column>\n </Row>\n <Row>\n <Column width=\"50\">\n <Image src=\"{{benefitIconUrl}}\" alt=\"\" width={40} height={40} />\n </Column>\n <Column width=\"360\">\n <Text\n class=\"m-0 text-left font-sans text-sm leading-5 text-black dark:text-black\"\n >\n Complimentary suite of cards including Lockmere Debit Card,\n <em><strong>LOCK</strong></em> Credit Card, and Lockmere\n <em><strong>TRAVEL</strong></em> Currency Card\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={13} />\n </Column>\n </Row>\n <Row>\n <Column width=\"50\">\n <Image src=\"{{benefitIconUrl}}\" alt=\"\" width={40} height={40} />\n </Column>\n <Column width=\"360\">\n <Text\n class=\"m-0 text-left font-sans text-sm leading-5 text-black dark:text-black\"\n >\n Extend Lockmere privileges to up to {{familyMemberLimit}} additional household\n members via our Household Banking Program\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={13} />\n </Column>\n </Row>\n <Row>\n <Column width=\"50\">\n <Image src=\"{{benefitIconUrl}}\" alt=\"\" width={40} height={40} />\n </Column>\n <Column width=\"360\">\n <Text\n class=\"m-0 text-left font-sans text-sm leading-5 text-black dark:text-black\"\n >\n Complimentary tickets to {{movieTicketCount}} screenings and\n {{eventTicketCount}} live events annually at Screenhall with Buy One Get One\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={13} />\n </Column>\n </Row>\n <Row>\n <Column width=\"50\">\n <Image src=\"{{benefitIconUrl}}\" alt=\"\" width={40} height={40} />\n </Column>\n <Column width=\"360\">\n <Text\n class=\"m-0 text-left font-sans text-sm leading-5 text-black dark:text-black\"\n >\n {{loungeVisitCount}} complimentary lounge visits at domestic and international\n airports\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={13} />\n </Column>\n </Row>\n <Row>\n <Column width=\"50\">\n <Image src=\"{{benefitIconUrl}}\" alt=\"\" width={40} height={40} />\n </Column>\n <Column width=\"360\">\n <Text\n class=\"m-0 text-left font-sans text-sm leading-5 text-black dark:text-black\"\n >\n Up to {{lockerDiscountPercent}} savings on safe-deposit locker rentals\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={13} />\n </Column>\n </Row>\n <Row>\n <Column width=\"50\">\n <Image src=\"{{benefitIconUrl}}\" alt=\"\" width={40} height={40} />\n </Column>\n <Column width=\"360\">\n <Text\n class=\"m-0 text-left font-sans text-sm leading-5 text-black dark:text-black\"\n >\n Dining experiences with up to {{diningCreditAmount}} off at Tablemere with\n <em><strong>DINING KEY</strong></em>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={13} />\n </Column>\n </Row>\n <Row>\n <Column width=\"50\">\n <Image src=\"{{benefitIconUrl}}\" alt=\"\" width={40} height={40} />\n </Column>\n <Column width=\"360\">\n <Text\n class=\"m-0 text-left font-sans text-sm leading-5 text-black dark:text-black\"\n >\n Air accident insurance of {{airAccidentCover}} and personal accident cover of\n {{personalAccidentCover}}\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={13} />\n </Column>\n </Row>\n <Row>\n <Column width=\"50\">\n <Image src=\"{{benefitIconUrl}}\" alt=\"\" width={40} height={40} />\n </Column>\n <Column width=\"360\">\n <Text\n class=\"m-0 text-left font-sans text-sm leading-5 text-black dark:text-black\"\n >\n Dedicated Lockmere Relationship Manager and Wealth Specialist team to support\n your wealth goals\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={25} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Spacer height={25} />\n <Button\n href=\"{{learnMoreUrl}}\"\n class=\"rounded bg-[#1B3550] px-6 py-2 text-center font-sans text-sm font-bold text-white no-underline dark:bg-[#1B3550] dark:text-white\"\n >\n Know more\n </Button>\n <Spacer height={25} />\n <Image\n src=\"{{rewardsCardImageUrl}}\"\n alt=\"Lockmere Vault debit and credit cards\"\n width={410}\n height={92}\n />\n <Spacer height={50} />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n <Column width=\"44\">\n <Spacer height={1160} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"bg-[#E7E7E7] dark:bg-[#E7E7E7]\" width=\"44\">\n <Spacer height={40} />\n </Column>\n <Column width=\"512\">\n <Spacer height={40} />\n </Column>\n <Column class=\"bg-[#E7E7E7] dark:bg-[#E7E7E7]\" width=\"44\">\n <Spacer height={40} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#E7E7E7] dark:bg-[#E7E7E7]\">\n <Row>\n <Column width=\"44\">\n <Spacer height={30} />\n </Column>\n <Column width=\"512\">\n <Spacer height={30} />\n <Text\n class=\"m-0 text-center font-sans text-[13px] leading-normal text-black dark:text-black\"\n >\n <a href=\"{{learnMoreUrl}}\" class=\"text-[#1B3550] underline dark:text-[#1B3550]\"><strong><em>Know\n more</em></strong></a> about the Lockmere Vault Account and its features for your\n banking needs.\n </Text>\n <Spacer height={20} />\n <Container class=\"w-full\">\n <Section>\n <Row>\n <Column width=\"50\">\n <Spacer height={36} />\n </Column>\n <Column width=\"412\">\n <Container\n class=\"w-full rounded-full border border-[#1B3550] bg-white px-2 py-2 dark:border-[#1B3550] dark:bg-white\"\n >\n <Section>\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 text-center font-sans text-sm font-bold leading-normal text-[#1B3550] dark:text-[#1B3550]\"\n >\n You can reach your Relationship Manager through\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n <Column width=\"50\">\n <Spacer height={36} />\n </Column>\n </Row>\n </Section>\n <Section>\n <Container\n class=\"w-full border border-[#1B3550] bg-[#E7E7E7] px-5 py-3 dark:border-[#1B3550] dark:bg-[#E7E7E7]\"\n >\n <Section>\n <Row>\n <Column class=\"text-center\">\n <Spacer height={9} />\n <Text\n class=\"m-0 text-center font-sans text-xs leading-normal text-black dark:text-black\"\n >\n <strong><em>MOBILE BANKING APP,</em>\n <em><strong>open</strong>:</em></strong> Login &gt;&gt;&gt; More Options\n &gt;&gt;&gt; Contact RM\n </Text>\n <Spacer height={13} />\n <Text\n class=\"m-0 text-center font-sans text-xs leading-normal text-black dark:text-black\"\n >\n <strong><em>INTERNET BANKING:</em></strong> Login &gt;&gt;&gt; Dashboard\n &gt;&gt;&gt; Reach your RM\n </Text>\n <Spacer height={13} />\n <Text\n class=\"m-0 text-center font-sans text-xs leading-normal text-black dark:text-black\"\n >\n or\n </Text>\n <Spacer height={13} />\n <Text\n class=\"m-0 text-center font-sans text-xs leading-normal text-black dark:text-black\"\n >\n by sending an <strong>SMS &lt; {{rmSmsKeyword}} &gt; to {{rmSmsShortcode}} /\n {{rmSmsPhone}}</strong> from your registered mobile number\n </Text>\n <Spacer height={9} />\n </Column>\n </Row>\n </Section>\n </Container>\n </Section>\n </Container>\n <Spacer height={20} />\n <Container class=\"w-full\">\n <Section>\n <Row>\n <Column width=\"70\">\n <Spacer height={32} />\n </Column>\n <Column width=\"372\">\n <Container\n class=\"w-full rounded-full border border-[#1B3550] bg-white px-2 py-2 dark:border-[#1B3550] dark:bg-white\"\n >\n <Section>\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 text-center font-sans text-sm font-bold leading-normal text-[#1B3550] dark:text-[#1B3550]\"\n >\n Alternatively, you may reach out to us by\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n <Column width=\"70\">\n <Spacer height={32} />\n </Column>\n </Row>\n </Section>\n <Section>\n <Container\n class=\"w-full border border-[#1B3550] bg-[#E7E7E7] dark:border-[#1B3550] dark:bg-[#E7E7E7]\"\n >\n <Section class=\"py-3\">\n <Row>\n <Column class=\"px-2 text-center\" width=\"50%\">\n <Text\n class=\"m-0 text-center font-sans text-xs leading-normal text-black dark:text-black\"\n >\n Calling our\n </Text>\n <Text\n class=\"m-0 text-center font-sans text-xs font-bold leading-normal text-black dark:text-black\"\n >\n Lockmere Exclusive toll-free number {{tollFreePhone}}\n </Text>\n </Column>\n <Column class=\"px-2 text-center\" width=\"50%\">\n <Text\n class=\"m-0 text-center font-sans text-xs leading-normal text-black dark:text-black\"\n >\n Writing to our\n </Text>\n <Text\n class=\"m-0 text-center font-sans text-xs font-bold leading-normal text-black dark:text-black\"\n >\n Lockmere Exclusive Email ID\n </Text>\n <Text\n class=\"m-0 text-center font-sans text-xs font-bold leading-normal text-black dark:text-black\"\n >\n <a href=\"mailto:vault@lockmere.example\" class=\"text-black no-underline dark:text-black\">vault@lockmere.example</a>\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n </Section>\n </Container>\n <Spacer height={20} />\n <Container class=\"w-full\">\n <Section>\n <Row>\n <Column class=\"text-center\" width=\"176\">\n <Image\n src=\"{{mobileAppIconUrl}}\"\n alt=\"Lockmere mobile banking\"\n width={44}\n height={44}\n />\n <Spacer height={9} />\n <Text\n class=\"m-0 text-center font-sans text-xs leading-normal text-black dark:text-black\"\n >\n Download\n </Text>\n <Text\n class=\"m-0 text-center font-sans text-xs font-bold leading-normal text-black dark:text-black\"\n >\n <a href=\"{{mobileAppUrl}}\" class=\"text-black no-underline dark:text-black\"><em>MOBILE\n BANKING\n APP,</em></a><a href=\"{{mobileAppUrl}}\" class=\"text-[#2A5270] no-underline dark:text-[#2A5270]\"><em><strong>open</strong></em></a>\n </Text>\n </Column>\n <Column width=\"15\">\n <Spacer height={44} />\n </Column>\n <Column class=\"text-center\" width=\"124\">\n <Image\n src=\"{{internetBankingIconUrl}}\"\n alt=\"Lockmere internet banking\"\n width={44}\n height={44}\n />\n <Spacer height={9} />\n <Text\n class=\"m-0 text-center font-sans text-xs leading-normal text-black dark:text-black\"\n >\n Register/Login to\n </Text>\n <Text\n class=\"m-0 text-center font-sans text-xs font-bold leading-normal text-black dark:text-black\"\n >\n <a href=\"{{internetBankingUrl}}\" class=\"text-black no-underline dark:text-black\"><em>INTERNET\n BANKING</em></a>\n </Text>\n </Column>\n <Column width=\"15\">\n <Spacer height={44} />\n </Column>\n <Column class=\"text-center\" width=\"182\">\n <Image\n src=\"{{secureChatIconUrl}}\"\n alt=\"Lockmere secure chat banking\"\n width={44}\n height={44}\n />\n <Spacer height={9} />\n <Text\n class=\"m-0 text-center font-sans text-xs leading-normal text-black dark:text-black\"\n >\n Send us 'Hi' on {{secureChatPhone}} for\n <a href=\"{{secureChatUrl}}\" class=\"text-black no-underline dark:text-black\"><strong>SECURE\n CHAT BANKING</strong></a>\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n <Spacer height={32} />\n <Text\n class=\"m-0 pl-8 text-left font-sans text-[10px] leading-tight text-black dark:text-black\"\n >\n <em>*T&amp;C: For offer related\n details</em><a href=\"{{termsUrl}}\" class=\"text-black underline dark:text-black\"><em>click\n here</em></a><em>Image is for representational purpose only.</em>\n </Text>\n <Spacer height={9} />\n <Text\n class=\"m-0 text-right font-sans text-[10px] leading-tight text-black dark:text-black\"\n >\n <em>Continue enjoying Lockmere\n Vault,</em><a href=\"{{continueGuideUrl}}\" class=\"text-black underline dark:text-black\"><em>here's\n how</em></a>\n </Text>\n <Spacer height={48} />\n </Column>\n <Column width=\"44\">\n <Spacer height={26} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#E7E7E7] dark:bg-[#E7E7E7]\">\n <Row>\n <Column class=\"py-4 text-center\">\n <Text\n class=\"m-0 text-center font-sans text-lg font-bold tracking-wide text-[#1B3550] dark:text-[#1B3550]\"\n >\n Lockmere\n </Text>\n <Text\n class=\"m-0 text-center font-sans text-[11px] leading-normal text-black dark:text-black\"\n >\n Private banking, secured.\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column width=\"44\">\n <Spacer height={13} />\n </Column>\n <Column width=\"512\">\n <Spacer height={13} />\n <Text\n class=\"m-0 text-right font-sans text-[10px] leading-normal text-black dark:text-black\"\n >\n {{campaignCode}}\n </Text>\n <Spacer height={13} />\n <Container class=\"w-full max-w-[490px]\">\n <Section>\n <Row>\n <Column class=\"text-right\" width=\"235\">\n <Section>\n <Row>\n <Column class=\"text-right\" width=\"20\">\n <Text\n class=\"m-0 text-right font-sans text-[11px] font-bold leading-normal text-[#1B3550] dark:text-[#1B3550]\"\n >\n ■\n </Text>\n </Column>\n <Column class=\"text-left\" width=\"215\">\n <Text\n class=\"m-0 text-left font-sans text-[11px] leading-normal text-black dark:text-black\"\n >\n <a href=\"{{beSecureUrl}}\" class=\"text-black underline dark:text-black\">BE\n SECURE ONLINE</a>\n </Text>\n </Column>\n </Row>\n </Section>\n </Column>\n <Column class=\"text-center\" width=\"20\">\n <Text\n class=\"m-0 text-center font-sans text-[11px] leading-normal text-[#9A9A9A] dark:text-[#9A9A9A]\"\n >\n |\n </Text>\n </Column>\n <Column class=\"text-left\" width=\"235\">\n <Text\n class=\"m-0 text-left font-sans text-[11px] leading-normal text-black dark:text-black\"\n >\n <a href=\"{{websiteUrl}}\" class=\"text-black underline dark:text-black\">lockmere.example</a>\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n <Spacer height={13} />\n </Column>\n <Column width=\"44\">\n <Spacer height={13} />\n </Column>\n </Row>\n <Row>\n <Column width=\"44\">\n <Spacer height={13} />\n </Column>\n <Column class=\"text-center\" width=\"512\">\n <Text\n class=\"m-0 text-center font-sans text-[10px] leading-normal text-black dark:text-black\"\n >\n <em>This e-mail is confidential and may also be legally privileged. If you are not the\n intended recipient, you may not copy, forward, disclose, or use any part of it. Internet\n communications cannot be guaranteed to be timely, secure, error- or virus-free. The\n sender does not accept liability for any errors or omissions. We maintain strict\n security standards and procedures to prevent unauthorised access to information about\n you.</em><a href=\"{{securityPolicyUrl}}\" class=\"text-black underline dark:text-black\"><strong><em>Know\n more&gt;&gt;</em></strong></a>\n </Text>\n <Spacer height={10} />\n <Text\n class=\"m-0 text-center font-sans text-[10px] leading-normal text-black dark:text-black\"\n >\n Copyright Lockmere. All rights reserved. Terms &amp; conditions apply.\n </Text>\n <Spacer height={10} />\n <Text\n class=\"m-0 text-center font-sans text-[10px] leading-normal text-black dark:text-black\"\n >\n <em>Please do not share your Internet Banking details, such as ID, password, Credit /\n Debit Card number, CVV or OTP with anyone either over phone or through email.</em>\n </Text>\n <Spacer height={10} />\n <Text\n class=\"m-0 text-center font-sans text-[10px] leading-normal text-black dark:text-black\"\n >\n <em>Do not click on links from unknown / unsecured sources that seek your confidential\n information.</em>\n </Text>\n <Spacer height={13} />\n </Column>\n <Column width=\"44\">\n <Spacer height={15} />\n </Column>\n </Row>\n </Section>\n </Container>\n <Container class=\"w-full max-w-[602px] bg-white dark:bg-white\">\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Spacer height={8} />\n <Text class=\"m-0 text-center font-sans text-xs leading-normal text-black dark:text-black\">\n <em>If you do not wish to receive such emails in future,\n please</em><a href=\"{{unsubscribeUrl}}\" class=\"text-black underline dark:text-black\"><em>Unsubscribe</em></a>\n </Text>\n <Spacer height={8} />\n </Column>\n </Row>\n </Section>\n </Container>\n</Email>\n",
31
- "season-clearance-promo": "<Email class=\"font-body bg-[#5C2410] font-sans dark:bg-[#5C2410]\">\n <Preview>Don't miss out — select Court, Floor &amp; Field deals end tomorrow at midnight</Preview>\n <Container class=\"w-full max-w-[600px] bg-[#5C2410] font-sans dark:bg-[#5C2410]\">\n <Section class=\"bg-[#E8D3A6] dark:bg-[#E8D3A6]\">\n <Row>\n <Column class=\"px-2 pt-2 text-center\">\n <Text class=\"m-0 text-center text-xs leading-[18px] text-black dark:text-black\">\n If you are having trouble reading this email,\n <a href=\"{{onlineVersionUrl}}\" class=\"text-[#0D6B8C] underline dark:text-[#0D6B8C]\">read\n the online version</a>.\n </Text>\n <Spacer height={12} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#5C2410] py-2 dark:bg-[#5C2410]\">\n <Row>\n <Column class=\"px-4 text-center\">\n <Text\n class=\"m-0 text-center text-sm font-bold tracking-wide text-[#E8D3A6] dark:text-[#E8D3A6]\"\n >\n Copperlane Home\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Image\n src=\"{{heroImageUrl}}\"\n alt=\"Copperlane Glow Deals promotional banner\"\n width={600}\n height={600}\n />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[25px] pt-[30px] pb-[10px] dark:bg-white\">\n <Row>\n <Column>\n <Text class=\"m-0 text-center text-lg font-bold leading-[27px] text-black dark:text-black\">\n <em>Hurry — Glow Deals End Tomorrow!</em>\n </Text>\n <Spacer height={18} />\n <Text class=\"m-0 text-left text-base leading-6 text-black dark:text-black\">\n The clock is ticking! Your chance to grab discounted tickets to Copperlane Football,\n Men's &amp; Women's Basketball, and Gymnastics ends\n <strong>{{offerDeadlinePhrase}}</strong>.\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white py-[10px] pr-[25px] pl-10 dark:bg-white\">\n <Row>\n <Column>\n <Text class=\"m-0 text-left text-base leading-6 text-black dark:text-black\">\n • <strong>Women's Court:</strong> 50% off single games\n </Text>\n <Spacer height={10} />\n <Text class=\"m-0 text-left text-base leading-6 text-black dark:text-black\">\n • <strong>Men's Basketball:</strong> 30% off select single game tickets and $50 off\n Season Passes\n </Text>\n <Spacer height={10} />\n <Text class=\"m-0 text-left text-base leading-6 text-black dark:text-black\">\n • <strong>Gymnastics:</strong> $26 Ridge Conference Packs, including three home meets\n </Text>\n <Spacer height={10} />\n <Text class=\"m-0 text-left text-base leading-6 text-black dark:text-black\">\n • <strong>Football:</strong> $50 off {{seasonYear}} Season Passes or $26 lower level\n general admission tickets to Ridgemoor State or Ashvale Tech\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[25px] pt-0 pb-[10px] dark:bg-white\">\n <Row>\n <Column>\n <Text class=\"m-0 text-left text-base leading-6 text-black dark:text-black\">\n Whether you're buying a last-minute gift or planning your next Copperlane Gameday, now's\n the time to act.\n </Text>\n <Spacer height={18} />\n <Text class=\"m-0 text-left text-base font-bold leading-6 text-black dark:text-black\">\n <strong>Don't wait — these deals disappear after {{offerEndShort}}!</strong>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white py-[10px] text-center dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Button\n href=\"{{grabDealsUrl}}\"\n class=\"rounded-sm bg-[#5C2410] px-5 py-2.5 text-lg font-bold text-[#E8D3A6] dark:bg-[#5C2410] dark:text-[#E8D3A6]\"\n >\n Grab Your Glow Deals Now\n </Button>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[25px] py-[15px] dark:bg-white\">\n <Row>\n <Column>\n <Text class=\"m-0 text-left text-sm leading-[21px] text-black dark:text-black\">\n <em>*</em> <em>Limited-time, online-only offers end {{offerEndLong}}, while supplies\n last.</em> <em>Maximum eight (8) tickets per event per order.</em>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white pt-[10px] dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Image\n src=\"{{secondaryBannerImageUrl}}\"\n alt=\"Copperlane Athletics game-day collage\"\n width={600}\n height={235}\n />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white p-[30px] dark:bg-white\">\n <Row>\n <Column>\n <Text class=\"m-0 text-left text-base leading-6 text-black dark:text-black\">\n <strong><em>Have questions?</em></strong> Contact the Copperlane Ticket Office at (503)\n 555-0148 or\n <a href=\"{{contactEmailUrl}}\" class=\"font-bold text-[#5C2410] no-underline dark:text-[#5C2410]\">tickets@copperlane.example</a>.\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#5C2410] py-6 dark:bg-[#5C2410]\">\n <Row>\n <Column class=\"px-4 text-center\">\n <Text\n class=\"m-0 text-center text-xl font-bold tracking-wide text-[#E8D3A6] dark:text-[#E8D3A6]\"\n >\n Copperlane\n </Text>\n <Spacer height={6} />\n <Text class=\"m-0 text-center text-xs tracking-widest text-[#E8D3A6] dark:text-[#E8D3A6]\">\n ATHLETICS\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#5C2410] py-2.5 dark:bg-[#5C2410]\">\n <Row>\n <Column width=\"166\">\n <Spacer height={47} />\n </Column>\n <Column width=\"67\" class=\"text-center\">\n <Image src=\"{{socialOneIconUrl}}\" alt=\"Social link\" width={47} height={46} />\n </Column>\n <Column width=\"67\" class=\"text-center\">\n <Image src=\"{{socialTwoIconUrl}}\" alt=\"Social link\" width={47} height={47} />\n </Column>\n <Column width=\"67\" class=\"text-center\">\n <Image src=\"{{socialThreeIconUrl}}\" alt=\"Social link\" width={47} height={46} />\n </Column>\n <Column width=\"67\" class=\"text-center\">\n <Image src=\"{{socialFourIconUrl}}\" alt=\"Social link\" width={46} height={46} />\n </Column>\n <Column width=\"166\">\n <Spacer height={47} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#E8D3A6] px-2.5 py-2.5 dark:bg-[#E8D3A6]\">\n <Row>\n <Column class=\"px-2.5 text-center\">\n <Text class=\"m-0 text-center text-xs font-normal leading-4 text-black dark:text-black\">\n To manage which communications you would like to receive, please\n <a href=\"{{preferencesUrl}}\" class=\"text-[#0A5578] underline dark:text-[#0A5578]\">click\n here</a>.\n </Text>\n <Spacer height={16} />\n <Text class=\"m-0 text-center text-xs font-normal leading-4 text-black dark:text-black\">\n Copperlane Athletics\n </Text>\n <Text class=\"m-0 text-center text-xs font-normal leading-4 text-black dark:text-black\">\n 90 Forge Avenue\n </Text>\n <Text class=\"m-0 text-center text-xs font-normal leading-4 text-black dark:text-black\">\n Portland, OR 97205\n </Text>\n <Spacer height={16} />\n <Text class=\"m-0 text-center text-xs font-normal leading-4 text-black dark:text-black\">\n © Copperlane. All Rights Reserved.\n <a href=\"{{termsUrl}}\" class=\"text-[#0A5578] underline dark:text-[#0A5578]\">Terms &amp;\n Conditions</a> |\n <a href=\"{{unsubscribeUrl}}\" class=\"text-[#0A5578] underline dark:text-[#0A5578]\">Unsubscribe</a>\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n</Email>\n",
32
- "seasonal-sale-flyer": "<Email class=\"font-body bg-white dark:bg-white\">\n <Preview>Drive clearer this season. Headlight and wiper offers inside.</Preview>\n <Container class=\"w-full max-w-[700px] bg-white dark:bg-white\">\n <Section class=\"bg-black px-0 py-3 dark:bg-black\">\n <Row>\n <Column width=\"220\" class=\"pl-2 text-left\">\n <Text\n class=\"m-0 text-left text-[18px] font-black leading-[22px] tracking-wide text-white dark:text-white\"\n >\n INKLINE\n </Text>\n </Column>\n <Column width=\"220\" class=\"text-left\">\n <Text\n class=\"m-0 text-left text-[14px] font-bold leading-[22px] tracking-wide text-white dark:text-white\"\n >\n ROADMARK\n </Text>\n </Column>\n <Column width=\"260\" class=\"pr-4 text-right\">\n <Text class=\"m-0 text-right text-[10px] leading-5 text-white dark:text-white\">\n <a href=\"{{viewInBrowserUrl}}\" class=\"text-white underline dark:text-white\">View in\n Browser</a>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-3 py-1 dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Text class=\"m-0 text-center text-[16px] leading-5 text-[#555555] dark:text-[#555555]\">\n <a href=\"{{weeklyDealsUrl}}\" class=\"text-[#555555] no-underline dark:text-[#555555]\">Weekly\n Deals</a>\n </Text>\n </Column>\n <Column class=\"text-center\">\n <Text class=\"m-0 text-center text-[16px] leading-5 text-[#555555] dark:text-[#555555]\">\n <a href=\"{{findStoreUrl}}\" class=\"text-[#555555] no-underline dark:text-[#555555]\">Find\n a Store</a>\n </Text>\n </Column>\n <Column class=\"text-center\">\n <Text class=\"m-0 text-center text-[16px] leading-5 text-[#555555] dark:text-[#555555]\">\n <a href=\"{{shopOnlineUrl}}\" class=\"text-[#555555] no-underline dark:text-[#555555]\">Shop\n Online</a>\n </Text>\n </Column>\n <Column class=\"text-center\">\n <Text class=\"m-0 text-center text-[16px] leading-5 text-[#555555] dark:text-[#555555]\">\n <a href=\"{{rewardsUrl}}\" class=\"text-[#555555] no-underline dark:text-[#555555]\">Milemark\n Rewards</a>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Divider class=\"border-[#666666] dark:border-[#666666]\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={8} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[30px] dark:bg-white\">\n <Row>\n <Column class=\"pb-3 text-left\">\n <Image\n src=\"{{lightingBrandStripImageUrl}}\"\n width={640}\n height={22}\n alt=\"Lumenforge lighting lineup\"\n />\n </Column>\n </Row>\n <Row>\n <Column class=\"text-center\">\n <Heading\n level={2}\n class=\"m-0 text-center text-[28px] font-black leading-7 text-[#373737] dark:text-[#373737]\"\n >\n LIGHTING YOUR WAY TO MORE SAVINGS\n </Heading>\n </Column>\n </Row>\n <Row>\n <Column class=\"px-5 py-2 text-center\">\n <Heading\n level={3}\n class=\"m-0 text-center text-[18px] font-black leading-5 text-[#373737] dark:text-[#373737]\"\n >\n GET {{promoPercentNoMin}}% OFF NO MINIMUM OR {{promoPercentThreshold}}% OFF ORDERS OVER\n {{promoOrderThreshold}}.\n </Heading>\n </Column>\n </Row>\n <Row>\n <Column class=\"px-5 pb-3 text-center\">\n <Text\n class=\"m-0 text-center text-[15px] font-normal leading-5 text-[#373737] dark:text-[#373737]\"\n >\n On regularly priced items when you use code\n <a href=\"{{promoCodeUrl}}\" class=\"font-bold text-[#0E7490] underline dark:text-[#0E7490]\">{{promoCode}}</a>\n on your <strong>online purchase.</strong> Offer valid through {{offerEndDate}}.\n Restrictions apply.*\n </Text>\n </Column>\n </Row>\n <Row>\n <Column class=\"text-center\">\n <Button\n href=\"{{promoShopUrl}}\"\n class=\"w-[223px] rounded bg-[#0E7490] px-2.5 py-3 text-center text-[14px] font-black leading-none text-white no-underline dark:bg-[#0E7490] dark:text-white\"\n >\n SHOP NOW\n </Button>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={24} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[30px] dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Image\n src=\"{{headlightHeroImageUrl}}\"\n width={640}\n height={22}\n alt=\"Lumenforge BrightBeam headlight twin pack\"\n />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={24} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-black dark:bg-black\">\n <Row>\n <Column class=\"bg-black px-[30px] pt-2 text-center dark:bg-black\">\n <Heading\n level={3}\n class=\"m-0 text-center text-[28px] font-black leading-[49px] text-white dark:text-white\"\n >\n GET A {{headlightGiftCardAmount}} GIFT CARD\n </Heading>\n <Spacer height={11} />\n </Column>\n </Row>\n <Row>\n <Column class=\"bg-black px-8 py-4 text-center dark:bg-black\">\n <Text class=\"m-0 text-center text-[18px] font-bold leading-5 text-white dark:text-white\">\n <strong>By mail</strong> when you buy 1 Lumenforge BrightBeam twin pack or 2 single\n packs.\n </Text>\n </Column>\n </Row>\n <Row>\n <Column class=\"bg-black pb-5 text-center dark:bg-black\">\n <Button\n href=\"{{headlightOfferUrl}}\"\n class=\"w-[223px] rounded bg-[#0E7490] px-2.5 py-3 text-center text-[14px] font-black leading-none text-white no-underline dark:bg-[#0E7490] dark:text-white\"\n >\n SHOP NOW\n </Button>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={18} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[30px] dark:bg-white\">\n <Row>\n <Column width=\"160\" class=\"p-1 text-center\">\n <Image\n src=\"{{productThumbOneImageUrl}}\"\n width={140}\n height={99}\n alt=\"BrightBeam headlight pack\"\n />\n </Column>\n <Column width=\"160\" class=\"p-1 text-center\">\n <Image\n src=\"{{productThumbTwoImageUrl}}\"\n width={140}\n height={99}\n alt=\"Cleartrack wiper blade pair\"\n />\n </Column>\n <Column width=\"160\" class=\"p-1 text-center\">\n <Image\n src=\"{{productThumbThreeImageUrl}}\"\n width={140}\n height={99}\n alt=\"Lumenforge LED fog bulb\"\n />\n </Column>\n <Column width=\"160\" class=\"p-1 text-center\">\n <Image\n src=\"{{productThumbFourImageUrl}}\"\n width={140}\n height={99}\n alt=\"Roadmark cabin filter\"\n />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={18} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[30px] dark:bg-white\">\n <Row>\n <Column width=\"320\" class=\"text-left\">\n <Image\n src=\"{{wiperOfferImageUrl}}\"\n width={320}\n height={22}\n alt=\"Cleartrack Truck and SUV wiper blades\"\n />\n </Column>\n <Column width=\"30\">\n <Spacer height={1} />\n </Column>\n <Column width=\"260\" class=\"text-left\">\n <Heading\n level={3}\n class=\"m-0 w-[220px] pb-2 text-left text-[30px] font-black leading-[30px] text-[#373737] dark:text-[#373737]\"\n >\n GET A {{wiperGiftCardAmount}} GIFT CARD\n </Heading>\n <Text\n class=\"m-0 w-[260px] pb-3 text-left text-[14px] leading-5 text-[#373737] dark:text-[#373737]\"\n >\n <strong>By mail</strong> on 2 Cleartrack Truck &amp; SUV wiper blades.\n </Text>\n <Button\n href=\"{{wiperOfferUrl}}\"\n class=\"w-[223px] rounded bg-[#0E7490] px-0 py-3 text-center text-[14px] font-black leading-none text-white no-underline dark:bg-[#0E7490] dark:text-white\"\n >\n SHOP NOW\n </Button>\n </Column>\n <Column width=\"30\">\n <Spacer height={1} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={24} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[30px] dark:bg-white\">\n <Row>\n <Column width=\"30\">\n <Spacer height={1} />\n </Column>\n <Column width=\"260\" class=\"text-left\">\n <Heading\n level={3}\n class=\"m-0 w-[220px] pb-2 text-left text-[30px] font-black leading-[30px] text-[#373737] dark:text-[#373737]\"\n >\n GET A {{fogGiftCardAmount}} GIFT CARD\n </Heading>\n <Text\n class=\"m-0 w-[260px] pb-3 text-left text-[14px] leading-5 text-[#373737] dark:text-[#373737]\"\n >\n <strong>By mail</strong> when you buy Lumenforge LED fog bulbs. Limit one per household.\n </Text>\n <Button\n href=\"{{fogOfferUrl}}\"\n class=\"w-[223px] rounded bg-[#0E7490] px-0 py-3 text-center text-[14px] font-black leading-none text-white no-underline dark:bg-[#0E7490] dark:text-white\"\n >\n SHOP NOW\n </Button>\n </Column>\n <Column width=\"30\">\n <Spacer height={1} />\n </Column>\n <Column width=\"320\" class=\"text-center\">\n <Image\n src=\"{{fogOfferImageUrl}}\"\n width={320}\n height={34}\n alt=\"Lumenforge LED fog bulbs\"\n />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={32} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[30px] dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Image\n src=\"{{howtoBannerImageUrl}}\"\n width={640}\n height={22}\n alt=\"Headlight replacement guide illustration\"\n />\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={12} />\n </Column>\n </Row>\n <Row>\n <Column class=\"px-5 text-center\">\n <Heading\n level={3}\n class=\"m-0 text-center text-[24px] font-black leading-6 text-[#373737] dark:text-[#373737]\"\n >\n HOW TO REPLACE YOUR HEADLIGHTS\n </Heading>\n </Column>\n </Row>\n <Row>\n <Column class=\"px-5 py-2 text-center\">\n <Text\n class=\"m-0 text-center text-[14px] font-normal leading-5 text-[#373737] dark:text-[#373737]\"\n >\n Your when, what, and how questions, answered!\n </Text>\n </Column>\n </Row>\n <Row>\n <Column class=\"text-center\">\n <Button\n href=\"{{headlightGuideUrl}}\"\n class=\"w-[223px] rounded bg-[#0E7490] px-2.5 py-3 text-center text-[14px] font-black leading-none text-white no-underline dark:bg-[#0E7490] dark:text-white\"\n >\n LEARN MORE\n </Button>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={32} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#373737] py-3 dark:bg-[#373737]\">\n <Row>\n <Column class=\"text-center\">\n <Heading\n level={3}\n class=\"m-0 text-center text-[26px] font-black leading-7 text-white dark:text-white\"\n >\n OUR MOST POPULAR PRODUCTS\n </Heading>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={30} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[30px] dark:bg-white\">\n <Row>\n <Column width=\"160\" class=\"px-[5px] pb-2 text-center\">\n <Image src=\"{{batteriesImageUrl}}\" width={140} height={22} alt=\"Automotive batteries\" />\n <Text\n class=\"m-0 text-center text-[16px] font-bold leading-5 text-[#373737] dark:text-[#373737]\"\n >\n <a href=\"{{batteriesUrl}}\" class=\"text-[#373737] no-underline dark:text-[#373737]\">Batteries</a><a href=\"{{batteriesUrl}}\" class=\"text-[#0E7490] no-underline dark:text-[#0E7490]\">»</a>\n </Text>\n </Column>\n <Column width=\"160\" class=\"px-[5px] pb-2 text-center\">\n <Image src=\"{{brakePadsImageUrl}}\" width={140} height={22} alt=\"Brake pads\" />\n <Text\n class=\"m-0 text-center text-[16px] font-bold leading-5 text-[#373737] dark:text-[#373737]\"\n >\n <a href=\"{{brakePadsUrl}}\" class=\"text-[#373737] no-underline dark:text-[#373737]\">Brake\n Pads</a><a href=\"{{brakePadsUrl}}\" class=\"text-[#0E7490] no-underline dark:text-[#0E7490]\">»</a>\n </Text>\n </Column>\n <Column width=\"160\" class=\"px-[5px] pb-2 text-center\">\n <Image src=\"{{wipersImageUrl}}\" width={140} height={22} alt=\"Wiper blades\" />\n <Text\n class=\"m-0 text-center text-[16px] font-bold leading-5 text-[#373737] dark:text-[#373737]\"\n >\n <a href=\"{{wipersUrl}}\" class=\"text-[#373737] no-underline dark:text-[#373737]\">Wipers</a><a href=\"{{wipersUrl}}\" class=\"text-[#0E7490] no-underline dark:text-[#0E7490]\">»</a>\n </Text>\n </Column>\n <Column width=\"160\" class=\"px-[5px] pb-2 text-center\">\n <Image src=\"{{oilBundlesImageUrl}}\" width={140} height={44} alt=\"Oil change bundles\" />\n <Text\n class=\"m-0 text-center text-[16px] font-bold leading-5 text-[#373737] dark:text-[#373737]\"\n >\n <a href=\"{{oilBundlesUrl}}\" class=\"text-[#373737] no-underline dark:text-[#373737]\">Oil\n Change\n Bundles</a><a href=\"{{oilBundlesUrl}}\" class=\"text-[#0E7490] no-underline dark:text-[#0E7490]\">»</a>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={8} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[30px] dark:bg-white\">\n <Row>\n <Column width=\"160\" class=\"px-[5px] pb-2 text-center\">\n <Image src=\"{{lightingImageUrl}}\" width={140} height={22} alt=\"Vehicle lighting\" />\n <Text\n class=\"m-0 text-center text-[16px] font-bold leading-5 text-[#373737] dark:text-[#373737]\"\n >\n <a href=\"{{lightingUrl}}\" class=\"text-[#373737] no-underline dark:text-[#373737]\">Lighting</a><a href=\"{{lightingUrl}}\" class=\"text-[#0E7490] no-underline dark:text-[#0E7490]\">»</a>\n </Text>\n </Column>\n <Column width=\"160\" class=\"px-[5px] pb-2 text-center\">\n <Image src=\"{{sparkPlugsImageUrl}}\" width={140} height={22} alt=\"Spark plugs\" />\n <Text\n class=\"m-0 text-center text-[16px] font-bold leading-5 text-[#373737] dark:text-[#373737]\"\n >\n <a href=\"{{sparkPlugsUrl}}\" class=\"text-[#373737] no-underline dark:text-[#373737]\">Spark\n Plugs</a><a href=\"{{sparkPlugsUrl}}\" class=\"text-[#0E7490] no-underline dark:text-[#0E7490]\">»</a>\n </Text>\n </Column>\n <Column width=\"160\" class=\"px-[5px] pb-2 text-center\">\n <Image src=\"{{alternatorsImageUrl}}\" width={140} height={22} alt=\"Alternators\" />\n <Text\n class=\"m-0 text-center text-[16px] font-bold leading-5 text-[#373737] dark:text-[#373737]\"\n >\n <a href=\"{{alternatorsUrl}}\" class=\"text-[#373737] no-underline dark:text-[#373737]\">Alternators</a><a href=\"{{alternatorsUrl}}\" class=\"text-[#0E7490] no-underline dark:text-[#0E7490]\">»</a>\n </Text>\n </Column>\n <Column width=\"160\" class=\"px-[5px] pb-2 text-center\">\n <Image src=\"{{antifreezeImageUrl}}\" width={140} height={22} alt=\"Antifreeze coolant\" />\n <Text\n class=\"m-0 text-center text-[16px] font-bold leading-5 text-[#373737] dark:text-[#373737]\"\n >\n <a href=\"{{antifreezeUrl}}\" class=\"text-[#373737] no-underline dark:text-[#373737]\">Antifreeze</a><a href=\"{{antifreezeUrl}}\" class=\"text-[#0E7490] no-underline dark:text-[#0E7490]\">»</a>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={38} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#373737] px-4 pt-[54px] pb-[54px] dark:bg-[#373737]\">\n <Row>\n <Column class=\"px-3 pb-3 text-center\">\n <Heading\n level={3}\n class=\"m-0 text-center text-[28px] font-black leading-7 text-white dark:text-white\"\n >\n <strong>FREE</strong> STORE SERVICES\n </Heading>\n </Column>\n </Row>\n <Row>\n <Column class=\"px-3 pb-3 text-center\">\n <Text class=\"m-0 text-center text-[18px] leading-6 text-white dark:text-white\">\n Get expert help with <strong>batteries</strong> and <strong>wipers:</strong> Testing,\n installation, and more!\n </Text>\n </Column>\n </Row>\n <Row>\n <Column class=\"text-center\">\n <Button\n href=\"{{servicesUrl}}\"\n class=\"w-[223px] rounded bg-[#0E7490] px-2.5 py-3 text-center text-[14px] font-black leading-none text-white no-underline dark:bg-[#0E7490] dark:text-white\"\n >\n SEE ALL SERVICES\n </Button>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-black px-2 py-4 dark:bg-black\">\n <Row>\n <Column class=\"text-center\">\n <Text class=\"m-0 text-center text-[16px] font-black leading-5 text-white dark:text-white\">\n AT MOST LOCATIONS. ON MOST VEHICLES. **\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={8} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white pb-3 dark:bg-white\">\n <Row>\n <Column width=\"172\">\n <Spacer height={16} />\n </Column>\n <Column width=\"60\" class=\"text-left\">\n <Image src=\"{{appBadgeOneImageUrl}}\" width={40} height={16} alt=\"Mobile app badge\" />\n </Column>\n <Column width=\"60\" class=\"text-left\">\n <Image src=\"{{appBadgeTwoImageUrl}}\" width={40} height={16} alt=\"Mobile app badge\" />\n </Column>\n <Column width=\"60\" class=\"text-left\">\n <Image src=\"{{appBadgeThreeImageUrl}}\" width={40} height={16} alt=\"Mobile app badge\" />\n </Column>\n <Column width=\"60\" class=\"text-left\">\n <Image src=\"{{appBadgeFourImageUrl}}\" width={40} height={16} alt=\"Mobile app badge\" />\n </Column>\n <Column width=\"60\" class=\"text-left\">\n <Image src=\"{{appBadgeFiveImageUrl}}\" width={40} height={16} alt=\"Mobile app badge\" />\n </Column>\n <Column width=\"100\" class=\"py-1 text-left\">\n <Text\n class=\"m-0 text-left text-[8px] font-bold leading-[10px] text-[#000001] dark:text-[#000001]\"\n >\n <a href=\"{{appDownloadUrl}}\" class=\"text-[#000001] no-underline dark:text-[#000001]\">DOWNLOAD\n OUR MOBILE APP.</a>\n </Text>\n </Column>\n <Column width=\"128\">\n <Spacer height={16} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Divider class=\"border-[#999999] dark:border-[#999999]\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"px-4 py-3 text-center\">\n <Text\n class=\"m-0 text-center text-[10px] leading-normal text-[#999999] dark:text-[#999999]\"\n >\n <a href=\"{{unsubscribeUrl}}\" class=\"text-[#999999] underline dark:text-[#999999]\">Unsubscribe</a>\n </Text>\n </Column>\n <Column class=\"px-4 py-3 text-center\">\n <Text\n class=\"m-0 text-center text-[10px] leading-normal text-[#999999] dark:text-[#999999]\"\n >\n <a href=\"{{privacyUrl}}\" class=\"text-[#999999] underline dark:text-[#999999]\">Privacy\n Policy</a>\n </Text>\n </Column>\n <Column class=\"px-4 py-3 text-center\">\n <Text\n class=\"m-0 text-center text-[10px] leading-normal text-[#999999] dark:text-[#999999]\"\n >\n <a href=\"{{contactUrl}}\" class=\"text-[#999999] underline dark:text-[#999999]\">Contact\n Us</a>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Divider class=\"border-[#999999] dark:border-[#999999]\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-4 pt-4 dark:bg-white\">\n <Row>\n <Column>\n <Text class=\"m-0 text-left text-[10px] leading-normal text-[#6d6d6d] dark:text-[#6d6d6d]\">\n Offers valid {{offersValidRange}}, unless otherwise stated.\n </Text>\n <Spacer height={1} />\n <Text class=\"m-0 text-left text-[10px] leading-normal text-[#6d6d6d] dark:text-[#6d6d6d]\">\n * <strong>DISCOUNT CODE</strong>: Get {{promoPercentNoMin}}% off no minimum, or\n {{promoPercentThreshold}}% off orders over {{promoOrderThreshold}} on regularly priced\n items when you use code {{promoCode}} on your online purchase. Promotional savings\n excludes purchases of gift cards, motor oil, commercial tools and equipment and\n batteries. Excludes select brands: Axlewave, Torquecove, Ridgeline Gear, Emberduct,\n Flowcove, Gritbay Garage, Holstline, Crestline, Magnaheel, Northspan Equipment,\n Sparkmere Ignition, Rivetmere, Timberton SES, and Weathercove. Core charges, shipping\n and handling charges, fees, and taxes are not eligible when determining qualifying\n order. Maximum savings discount is {{promoMaxSavings}}. Offer valid through\n {{offerEndDate}}.\n </Text>\n <Spacer height={1} />\n <Text class=\"m-0 text-left text-[10px] leading-normal text-[#6d6d6d] dark:text-[#6d6d6d]\">\n ** <strong>FREE SERVICES</strong> available, as applicable, at most locations, on most\n automotive vehicles, and unless prohibited by law. Contact your local Inkline store or\n visit\n <a href=\"{{freeServicesDetailsUrl}}\" class=\"text-[#6d6d6d] underline dark:text-[#6d6d6d]\">inkline.example/services</a>\n for complete details.\n </Text>\n <Spacer height={1} />\n <Text class=\"m-0 text-left text-[10px] leading-normal text-[#6d6d6d] dark:text-[#6d6d6d]\">\n <strong>OIL CHANGE BUNDLES</strong>: Applicable on automotive oil and automotive oil\n filters only, while supplies last. Excludes extended performance formulation, specialty\n synthetics, and motorcycle oils and motorcycle oil filters. Limit of five per\n transaction. Visit\n <a href=\"{{oilBundlesDetailsUrl}}\" class=\"text-[#6d6d6d] underline dark:text-[#6d6d6d]\">inkline.example/oil-bundles</a>\n for complete details.\n </Text>\n <Spacer height={1} />\n <Text class=\"m-0 text-left text-[10px] leading-normal text-[#6d6d6d] dark:text-[#6d6d6d]\">\n <strong>INKLINE</strong> and its affiliates reserve the right to correct, change, update\n or modify any sales, promotions, coupons, and related offers at any time, in their sole\n discretion, except as prohibited by law. Void where prohibited by law. Complete details\n can be found by asking a Team Member or online at\n <a href=\"{{websiteUrl}}\" class=\"text-[#6d6d6d] underline dark:text-[#6d6d6d]\">inkline.example</a>.\n Errors in prices, descriptions, links, and/or illustrations are not the responsibility\n of Inkline.\n </Text>\n <Spacer height={1} />\n <Text class=\"m-0 text-left text-[10px] leading-normal text-[#6d6d6d] dark:text-[#6d6d6d]\">\n © <strong>{{copyrightYear}} Inkline Parts Co.</strong> All rights reserved. INKLINE® and\n the INKLINE® logo; MILEMARK REWARDS® and the MILEMARK REWARDS® logo; ROADMARK® and the\n ROADMARK® logo are registered trademarks of Inkline Parts Co. All other trademarks are\n the property of their registered owners.\n </Text>\n <Spacer height={1} />\n <Text\n class=\"m-0 pb-5 text-left text-[10px] leading-normal text-[#6d6d6d] dark:text-[#6d6d6d]\"\n >\n <strong>CONTACT US</strong>: Inkline Marketing Department, 814 Cascade Freight Way Suite\n 400 | Columbus, OH 43215\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n</Email>\n",
33
- "setup-checklist": "<Email class=\"font-body bg-slate-50 dark:bg-slate-50\">\n <Preview>Launch your internet business in less than 15 minutes...</Preview>\n <Container class=\"w-full max-w-[600px] bg-slate-50 dark:bg-slate-50\">\n <Section class=\"bg-slate-50 dark:bg-slate-50\">\n <Row>\n <Column>\n <Spacer height={12} />\n </Column>\n </Row>\n </Section>\n <Container class=\"w-full max-w-[600px] bg-white dark:bg-white\">\n <Section class=\"bg-white px-5 py-5 dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 font-sans text-center text-lg font-bold leading-none tracking-tight text-black dark:text-black\"\n >\n Fernbank\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-4 dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Heading\n level={1}\n class=\"m-0 font-sans text-center text-[28px] font-bold leading-normal text-black dark:text-black\"\n >\n <strong>Welcome to Fernbank</strong>\n </Heading>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-6 py-5 dark:bg-white\">\n <Row>\n <Column>\n <Text class=\"m-0 font-sans text-left text-sm leading-tight text-black dark:text-black\">\n Hello there\n </Text>\n <Spacer height={18} />\n <Text class=\"m-0 font-sans text-left text-sm leading-tight text-black dark:text-black\">\n We know what it takes to stand up a business on the internet.\n </Text>\n <Spacer height={16} />\n <Text class=\"m-0 font-sans text-left text-sm leading-tight text-black dark:text-black\">\n We spent years stitching together checkouts, memberships, community tools, content\n delivery, and payouts — thirteen dashboards for one offer. That is why we built\n Fernbank: so you can launch and grow a creator business from a single place.\n </Text>\n <Spacer height={16} />\n <Text class=\"m-0 font-sans text-left text-sm leading-tight text-black dark:text-black\">\n Thousands of builders open a Fernbank storefront every day, and you are only a few\n steps from joining them.\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-6 dark:bg-white\">\n <Row>\n <Column>\n <Divider class=\"border-slate-100 dark:border-slate-100\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-6 py-5 dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 font-sans text-center text-2xl font-bold leading-normal text-black dark:text-black\"\n >\n <strong>Launch your internet business in 3 steps</strong>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-6 pb-4 dark:bg-white\">\n <Row>\n <Column class=\"p-2\" width=\"276\">\n <Image\n src=\"{{addAppsImageUrl}}\"\n width={234}\n height={160}\n alt=\"App picker for a Fernbank storefront\"\n class=\"rounded-[6px]\"\n />\n </Column>\n <Column class=\"p-2\" width=\"276\">\n <Spacer height={8} />\n <Heading\n level={3}\n class=\"m-0 font-sans text-left text-lg font-bold leading-none text-slate-800 dark:text-slate-800\"\n >\n <strong>Add apps to your storefront</strong>\n </Heading>\n <Spacer height={8} />\n <Text\n class=\"m-0 font-sans pb-5 text-left text-[13px] leading-tight text-black dark:text-black\"\n >\n Apps are the building blocks for your business. Pick from dozens of apps to shape what\n members experience and open new ways to earn.\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-6 pb-4 dark:bg-white\">\n <Row>\n <Column class=\"p-2\" width=\"276\">\n <Spacer height={8} />\n <Heading\n level={3}\n class=\"m-0 font-sans text-left text-lg font-bold leading-normal text-black dark:text-black\"\n >\n <strong>Set up pricing</strong>\n </Heading>\n <Spacer height={8} />\n <Text\n class=\"m-0 font-sans pb-5 text-left text-[13px] leading-tight text-black dark:text-black\"\n >\n Create a product to set pricing. Charge a recurring subscription, a one-time payment,\n or offer a free plan so people can join your storefront.\n </Text>\n </Column>\n <Column class=\"p-2\" width=\"276\">\n <Image\n src=\"{{pricingImageUrl}}\"\n width={234}\n height={160}\n alt=\"Pricing setup for subscriptions and one-time plans\"\n class=\"rounded-[6px]\"\n />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-6 pb-4 dark:bg-white\">\n <Row>\n <Column class=\"p-2\" width=\"276\">\n <Image\n src=\"{{storePageImageUrl}}\"\n width={234}\n height={160}\n alt=\"Store page editor with offer details\"\n />\n </Column>\n <Column class=\"p-2\" width=\"276\">\n <Spacer height={8} />\n <Heading\n level={3}\n class=\"m-0 font-sans text-left text-lg font-bold leading-none text-slate-800 dark:text-slate-800\"\n >\n <strong>Set up your store page</strong>\n </Heading>\n <Spacer height={8} />\n <Text\n class=\"m-0 font-sans pb-5 text-left text-[13px] leading-tight text-black dark:text-black\"\n >\n Your store page is where visitors learn about your offer. It shows product details,\n pricing, reviews, and answers to common questions.\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-6 dark:bg-white\">\n <Row>\n <Column>\n <Divider class=\"border-slate-100 dark:border-slate-100\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-6 py-5 dark:bg-white\">\n <Row>\n <Column>\n <Text class=\"m-0 font-sans text-left text-sm leading-tight text-black dark:text-black\">\n Builders on Fernbank ship real revenue every year, and they all started where you are\n right now. Work through these steps and get your internet business live in the next 15\n minutes.\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-4 py-3 dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Button\n href=\"{{continueUrl}}\"\n class=\"rounded-full bg-[#E04F1C] px-4 py-2.5 font-sans text-sm font-bold leading-none text-white dark:bg-[#E04F1C] dark:text-white\"\n >\n Continue building your storefront\n </Button>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-6 py-5 dark:bg-white\">\n <Row>\n <Column>\n <Text class=\"m-0 font-sans text-left text-sm leading-tight text-black dark:text-black\">\n Speak soon,\n </Text>\n <Text class=\"m-0 font-sans text-left text-sm leading-tight text-black dark:text-black\">\n The Fernbank Team\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-6 dark:bg-white\">\n <Row>\n <Column>\n <Divider class=\"border-slate-100 dark:border-slate-100\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-slate-50 px-6 py-6 dark:bg-slate-50\">\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 font-sans text-center text-xs leading-normal text-black dark:text-black\"\n >\n © {{copyrightYear}} Fernbank\n </Text>\n <Text\n class=\"m-0 font-sans pb-3 text-center text-xs leading-normal text-black dark:text-black\"\n >\n 718 Moss Lane, Suite 210, Austin, TX 78702\n </Text>\n <Text\n class=\"m-0 font-sans text-center text-xs leading-normal text-black dark:text-black\"\n >\n <a href=\"{{unsubscribeUrl}}\" class=\"font-bold text-black underline dark:text-black\">Unsubscribe\n here</a>\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n </Container>\n</Email>\n",
30
+ "rewards-milestone": "<Email class=\"font-body bg-white dark:bg-white\">\n <Preview>\n Example email template. Replace the sample program, milestones, and rewards before sending.\n </Preview>\n <Container class=\"w-full max-w-[602px] bg-white dark:bg-white\">\n <Section class=\"bg-white pb-2 dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Text class=\"m-0 text-center font-sans text-xs leading-normal text-black dark:text-black\">\n Complete {{milestoneCount}} simple milestones and unlock exclusive rewards\n </Text>\n <Text class=\"m-0 text-center font-sans text-xs leading-normal text-black dark:text-black\">\n Can't see this email properly?\n <a href=\"{{webVersionUrl}}\" class=\"font-sans text-xs text-black underline dark:text-black\">View\n the web version</a> |\n <a href=\"{{mobileVersionUrl}}\" class=\"font-sans text-xs text-black underline dark:text-black\">View\n this message on mobile</a>\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n <Container\n class=\"w-full max-w-[602px] border border-[#9A9A9A] bg-white dark:border-[#9A9A9A] dark:bg-white\"\n >\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Image\n src=\"{{heroBannerImageUrl}}\"\n alt=\"Lockmere Vault salary rewards\"\n width={600}\n height={408}\n />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column width=\"44\">\n <Spacer height={30} />\n </Column>\n <Column width=\"512\">\n <Spacer height={30} />\n </Column>\n <Column width=\"44\">\n <Spacer height={30} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column width=\"44\">\n <Spacer height={1160} />\n </Column>\n <Column class=\"bg-white px-2 dark:bg-white\" width=\"512\">\n <Container class=\"w-full max-w-[450px] bg-white dark:bg-white\">\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Heading\n level={1}\n class=\"m-0 text-center font-sans text-[28px] font-bold leading-7 text-black dark:text-black\"\n >\n Your salary credit can unlock\n </Heading>\n <Heading\n level={1}\n class=\"m-0 text-center font-sans text-[28px] font-bold leading-7 text-black dark:text-black\"\n >\n exclusive rewards\n </Heading>\n <Spacer height={9} />\n <Text\n class=\"m-0 text-center font-sans text-[17px] leading-5 text-black dark:text-black\"\n >\n Elevate your banking experience with Lockmere Vault\n </Text>\n <Spacer height={9} />\n <Divider class=\"border-[#1B3550] dark:border-[#1B3550]\" />\n <Spacer height={9} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Text\n class=\"m-0 text-left font-sans text-sm leading-5 text-black dark:text-black\"\n >\n Dear {{recipientName}},\n </Text>\n <Spacer height={15} />\n <Text\n class=\"m-0 text-left font-sans text-sm leading-5 text-black dark:text-black\"\n >\n Start a private rewards journey with Lockmere Vault. Finish a few simple\n milestones and claim merchant gift credits worth up to {{maxRewardAmount}}*.\n </Text>\n <Spacer height={13} />\n <Text\n class=\"m-0 text-left font-sans text-sm leading-5 text-black dark:text-black\"\n >\n <strong>Here are the details of your {{milestoneLabel}} milestone:</strong>\n </Text>\n <Spacer height={9} />\n <Text\n class=\"m-0 text-left font-sans text-sm leading-5 text-black dark:text-black\"\n >\n Have your salary credited to your Lockmere Vault account ending in\n {{accountLastFour}} by sharing your account details with your payroll team. Once\n you move into the Corporate Salary Segment, enjoy a welcome reward of a merchant\n gift credit worth {{welcomeRewardAmount}}.\n </Text>\n <Spacer height={25} />\n </Column>\n </Row>\n </Section>\n <Section class=\"rounded-t-[15px] bg-[#1B3550] py-2 dark:bg-[#1B3550]\">\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 text-center font-sans text-base font-bold leading-5 text-white dark:text-white\"\n >\n Why choose a Lockmere Vault Salary Account?\n </Text>\n </Column>\n </Row>\n </Section>\n <Section\n class=\"rounded-b-[15px] border border-[#1B3550] bg-[#F7F7F7] px-3 py-2 dark:border-[#1B3550] dark:bg-[#F7F7F7]\"\n >\n <Row>\n <Column width=\"50\">\n <Image src=\"{{benefitIconUrl}}\" alt=\"\" width={40} height={40} />\n </Column>\n <Column width=\"360\">\n <Text\n class=\"m-0 text-left font-sans text-sm leading-5 text-black dark:text-black\"\n >\n Freedom from maintaining a minimum balance\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={13} />\n </Column>\n </Row>\n <Row>\n <Column width=\"50\">\n <Image src=\"{{benefitIconUrl}}\" alt=\"\" width={40} height={40} />\n </Column>\n <Column width=\"360\">\n <Text\n class=\"m-0 text-left font-sans text-sm leading-5 text-black dark:text-black\"\n >\n Complimentary suite of cards including Lockmere Debit Card,\n <em><strong>LOCK</strong></em> Credit Card, and Lockmere\n <em><strong>TRAVEL</strong></em> Currency Card\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={13} />\n </Column>\n </Row>\n <Row>\n <Column width=\"50\">\n <Image src=\"{{benefitIconUrl}}\" alt=\"\" width={40} height={40} />\n </Column>\n <Column width=\"360\">\n <Text\n class=\"m-0 text-left font-sans text-sm leading-5 text-black dark:text-black\"\n >\n Extend Lockmere privileges to up to {{familyMemberLimit}} additional household\n members via our Household Banking Program\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={13} />\n </Column>\n </Row>\n <Row>\n <Column width=\"50\">\n <Image src=\"{{benefitIconUrl}}\" alt=\"\" width={40} height={40} />\n </Column>\n <Column width=\"360\">\n <Text\n class=\"m-0 text-left font-sans text-sm leading-5 text-black dark:text-black\"\n >\n Complimentary tickets to {{movieTicketCount}} screenings and\n {{eventTicketCount}} live events annually at Screenhall with Buy One Get One\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={13} />\n </Column>\n </Row>\n <Row>\n <Column width=\"50\">\n <Image src=\"{{benefitIconUrl}}\" alt=\"\" width={40} height={40} />\n </Column>\n <Column width=\"360\">\n <Text\n class=\"m-0 text-left font-sans text-sm leading-5 text-black dark:text-black\"\n >\n {{loungeVisitCount}} complimentary lounge visits at domestic and international\n airports\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={13} />\n </Column>\n </Row>\n <Row>\n <Column width=\"50\">\n <Image src=\"{{benefitIconUrl}}\" alt=\"\" width={40} height={40} />\n </Column>\n <Column width=\"360\">\n <Text\n class=\"m-0 text-left font-sans text-sm leading-5 text-black dark:text-black\"\n >\n Up to {{lockerDiscountPercent}} savings on safe-deposit locker rentals\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={13} />\n </Column>\n </Row>\n <Row>\n <Column width=\"50\">\n <Image src=\"{{benefitIconUrl}}\" alt=\"\" width={40} height={40} />\n </Column>\n <Column width=\"360\">\n <Text\n class=\"m-0 text-left font-sans text-sm leading-5 text-black dark:text-black\"\n >\n Dining experiences with up to {{diningCreditAmount}} off at Tablemere with\n <em><strong>DINING KEY</strong></em>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={13} />\n </Column>\n </Row>\n <Row>\n <Column width=\"50\">\n <Image src=\"{{benefitIconUrl}}\" alt=\"\" width={40} height={40} />\n </Column>\n <Column width=\"360\">\n <Text\n class=\"m-0 text-left font-sans text-sm leading-5 text-black dark:text-black\"\n >\n Air accident insurance of {{airAccidentCover}} and personal accident cover of\n {{personalAccidentCover}}\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={13} />\n </Column>\n </Row>\n <Row>\n <Column width=\"50\">\n <Image src=\"{{benefitIconUrl}}\" alt=\"\" width={40} height={40} />\n </Column>\n <Column width=\"360\">\n <Text\n class=\"m-0 text-left font-sans text-sm leading-5 text-black dark:text-black\"\n >\n Dedicated Lockmere Relationship Manager and Wealth Specialist team to support\n your wealth goals\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={25} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Spacer height={25} />\n <Button\n href=\"{{learnMoreUrl}}\"\n class=\"rounded bg-[#1B3550] px-6 py-2 text-center font-sans text-sm font-bold text-white no-underline dark:bg-[#1B3550] dark:text-white\"\n >\n Know more\n </Button>\n <Spacer height={25} />\n <Image\n src=\"{{rewardsCardImageUrl}}\"\n alt=\"Lockmere Vault debit and credit cards\"\n width={410}\n height={92}\n />\n <Spacer height={50} />\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n <Column width=\"44\">\n <Spacer height={1160} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"bg-[#E7E7E7] dark:bg-[#E7E7E7]\" width=\"44\">\n <Spacer height={40} />\n </Column>\n <Column width=\"512\">\n <Spacer height={40} />\n </Column>\n <Column class=\"bg-[#E7E7E7] dark:bg-[#E7E7E7]\" width=\"44\">\n <Spacer height={40} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#E7E7E7] dark:bg-[#E7E7E7]\">\n <Row>\n <Column width=\"44\">\n <Spacer height={30} />\n </Column>\n <Column width=\"512\">\n <Spacer height={30} />\n <Text\n class=\"m-0 text-center font-sans text-[13px] leading-normal text-black dark:text-black\"\n >\n <a href=\"{{learnMoreUrl}}\" class=\"text-[#1B3550] underline dark:text-[#1B3550]\"><strong><em>Know\n more</em></strong></a> about the Lockmere Vault Account and its features for your\n banking needs.\n </Text>\n <Spacer height={20} />\n <Container class=\"w-full\">\n <Section>\n <Row>\n <Column width=\"50\">\n <Spacer height={36} />\n </Column>\n <Column width=\"412\">\n <Container\n class=\"w-full rounded-full border border-[#1B3550] bg-white px-2 py-2 dark:border-[#1B3550] dark:bg-white\"\n >\n <Section>\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 text-center font-sans text-sm font-bold leading-normal text-[#1B3550] dark:text-[#1B3550]\"\n >\n You can reach your Relationship Manager through\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n <Column width=\"50\">\n <Spacer height={36} />\n </Column>\n </Row>\n </Section>\n <Section>\n <Container\n class=\"w-full border border-[#1B3550] bg-[#E7E7E7] px-5 py-3 dark:border-[#1B3550] dark:bg-[#E7E7E7]\"\n >\n <Section>\n <Row>\n <Column class=\"text-center\">\n <Spacer height={9} />\n <Text\n class=\"m-0 text-center font-sans text-xs leading-normal text-black dark:text-black\"\n >\n <strong><em>MOBILE BANKING APP,</em>\n <em><strong>open</strong>:</em></strong> Login &gt;&gt;&gt; More Options\n &gt;&gt;&gt; Contact RM\n </Text>\n <Spacer height={13} />\n <Text\n class=\"m-0 text-center font-sans text-xs leading-normal text-black dark:text-black\"\n >\n <strong><em>INTERNET BANKING:</em></strong> Login &gt;&gt;&gt; Dashboard\n &gt;&gt;&gt; Reach your RM\n </Text>\n <Spacer height={13} />\n <Text\n class=\"m-0 text-center font-sans text-xs leading-normal text-black dark:text-black\"\n >\n or\n </Text>\n <Spacer height={13} />\n <Text\n class=\"m-0 text-center font-sans text-xs leading-normal text-black dark:text-black\"\n >\n by sending an <strong>SMS &lt; {{rmSmsKeyword}} &gt; to {{rmSmsShortcode}} /\n {{rmSmsPhone}}</strong> from your registered mobile number\n </Text>\n <Spacer height={9} />\n </Column>\n </Row>\n </Section>\n </Container>\n </Section>\n </Container>\n <Spacer height={20} />\n <Container class=\"w-full\">\n <Section>\n <Row>\n <Column width=\"70\">\n <Spacer height={32} />\n </Column>\n <Column width=\"372\">\n <Container\n class=\"w-full rounded-full border border-[#1B3550] bg-white px-2 py-2 dark:border-[#1B3550] dark:bg-white\"\n >\n <Section>\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 text-center font-sans text-sm font-bold leading-normal text-[#1B3550] dark:text-[#1B3550]\"\n >\n Alternatively, you may reach out to us by\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n <Column width=\"70\">\n <Spacer height={32} />\n </Column>\n </Row>\n </Section>\n <Section>\n <Container\n class=\"w-full border border-[#1B3550] bg-[#E7E7E7] dark:border-[#1B3550] dark:bg-[#E7E7E7]\"\n >\n <Section class=\"py-3\">\n <Row>\n <Column class=\"px-2 text-center\" width=\"50%\">\n <Text\n class=\"m-0 text-center font-sans text-xs leading-normal text-black dark:text-black\"\n >\n Calling our\n </Text>\n <Text\n class=\"m-0 text-center font-sans text-xs font-bold leading-normal text-black dark:text-black\"\n >\n Lockmere Exclusive toll-free number {{tollFreePhone}}\n </Text>\n </Column>\n <Column class=\"px-2 text-center\" width=\"50%\">\n <Text\n class=\"m-0 text-center font-sans text-xs leading-normal text-black dark:text-black\"\n >\n Writing to our\n </Text>\n <Text\n class=\"m-0 text-center font-sans text-xs font-bold leading-normal text-black dark:text-black\"\n >\n Lockmere Exclusive Email ID\n </Text>\n <Text\n class=\"m-0 text-center font-sans text-xs font-bold leading-normal text-black dark:text-black\"\n >\n <a href=\"mailto:vault@lockmere.example\" class=\"text-black no-underline dark:text-black\">vault@lockmere.example</a>\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n </Section>\n </Container>\n <Spacer height={20} />\n <Container class=\"w-full\">\n <Section>\n <Row>\n <Column class=\"text-center\" width=\"176\">\n <Image\n src=\"{{mobileAppIconUrl}}\"\n alt=\"Lockmere mobile banking\"\n width={44}\n height={44}\n />\n <Spacer height={9} />\n <Text\n class=\"m-0 text-center font-sans text-xs leading-normal text-black dark:text-black\"\n >\n Download\n </Text>\n <Text\n class=\"m-0 text-center font-sans text-xs font-bold leading-normal text-black dark:text-black\"\n >\n <a href=\"{{mobileAppUrl}}\" class=\"text-black no-underline dark:text-black\"><em>MOBILE\n BANKING\n APP,</em></a><a href=\"{{mobileAppUrl}}\" class=\"text-[#2A5270] no-underline dark:text-[#2A5270]\"><em><strong>open</strong></em></a>\n </Text>\n </Column>\n <Column width=\"15\">\n <Spacer height={44} />\n </Column>\n <Column class=\"text-center\" width=\"124\">\n <Image\n src=\"{{internetBankingIconUrl}}\"\n alt=\"Lockmere internet banking\"\n width={44}\n height={44}\n />\n <Spacer height={9} />\n <Text\n class=\"m-0 text-center font-sans text-xs leading-normal text-black dark:text-black\"\n >\n Register/Login to\n </Text>\n <Text\n class=\"m-0 text-center font-sans text-xs font-bold leading-normal text-black dark:text-black\"\n >\n <a href=\"{{internetBankingUrl}}\" class=\"text-black no-underline dark:text-black\"><em>INTERNET\n BANKING</em></a>\n </Text>\n </Column>\n <Column width=\"15\">\n <Spacer height={44} />\n </Column>\n <Column class=\"text-center\" width=\"182\">\n <Image\n src=\"{{secureChatIconUrl}}\"\n alt=\"Lockmere secure chat banking\"\n width={44}\n height={44}\n />\n <Spacer height={9} />\n <Text\n class=\"m-0 text-center font-sans text-xs leading-normal text-black dark:text-black\"\n >\n Send us 'Hi' on {{secureChatPhone}} for\n <a href=\"{{secureChatUrl}}\" class=\"text-black no-underline dark:text-black\"><strong>SECURE\n CHAT BANKING</strong></a>\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n <Spacer height={32} />\n <Text\n class=\"m-0 pl-8 text-left font-sans text-[10px] leading-tight text-black dark:text-black\"\n >\n <em>*T&amp;C: For offer related\n details</em><a href=\"{{termsUrl}}\" class=\"text-black underline dark:text-black\"><em>click\n here</em></a><em>Image is for representational purpose only.</em>\n </Text>\n <Spacer height={9} />\n <Text\n class=\"m-0 text-right font-sans text-[10px] leading-tight text-black dark:text-black\"\n >\n <em>Continue enjoying Lockmere\n Vault,</em><a href=\"{{continueGuideUrl}}\" class=\"text-black underline dark:text-black\"><em>here's\n how</em></a>\n </Text>\n <Spacer height={48} />\n </Column>\n <Column width=\"44\">\n <Spacer height={26} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#E7E7E7] dark:bg-[#E7E7E7]\">\n <Row>\n <Column class=\"py-4 text-center\">\n <Text\n class=\"m-0 text-center font-sans text-lg font-bold tracking-wide text-[#1B3550] dark:text-[#1B3550]\"\n >\n Lockmere\n </Text>\n <Text\n class=\"m-0 text-center font-sans text-[11px] leading-normal text-black dark:text-black\"\n >\n Private banking, secured.\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column width=\"44\">\n <Spacer height={13} />\n </Column>\n <Column width=\"512\">\n <Spacer height={13} />\n <Text\n class=\"m-0 text-right font-sans text-[10px] leading-normal text-black dark:text-black\"\n >\n {{campaignCode}}\n </Text>\n <Spacer height={13} />\n <Container class=\"w-full max-w-[490px]\">\n <Section>\n <Row>\n <Column class=\"text-right\" width=\"235\">\n <Section>\n <Row>\n <Column class=\"text-right\" width=\"20\">\n <Text\n class=\"m-0 text-right font-sans text-[11px] font-bold leading-normal text-[#1B3550] dark:text-[#1B3550]\"\n >\n ■\n </Text>\n </Column>\n <Column class=\"text-left\" width=\"215\">\n <Text\n class=\"m-0 text-left font-sans text-[11px] leading-normal text-black dark:text-black\"\n >\n <a href=\"{{beSecureUrl}}\" class=\"text-black underline dark:text-black\">BE\n SECURE ONLINE</a>\n </Text>\n </Column>\n </Row>\n </Section>\n </Column>\n <Column class=\"text-center\" width=\"20\">\n <Text\n class=\"m-0 text-center font-sans text-[11px] leading-normal text-[#9A9A9A] dark:text-[#9A9A9A]\"\n >\n |\n </Text>\n </Column>\n <Column class=\"text-left\" width=\"235\">\n <Text\n class=\"m-0 text-left font-sans text-[11px] leading-normal text-black dark:text-black\"\n >\n <a href=\"{{websiteUrl}}\" class=\"text-black underline dark:text-black\">lockmere.example</a>\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n <Spacer height={13} />\n </Column>\n <Column width=\"44\">\n <Spacer height={13} />\n </Column>\n </Row>\n <Row>\n <Column width=\"44\">\n <Spacer height={13} />\n </Column>\n <Column class=\"text-center\" width=\"512\">\n <Text\n class=\"m-0 text-center font-sans text-[10px] leading-normal text-black dark:text-black\"\n >\n <em>This e-mail is confidential and may also be legally privileged. If you are not the\n intended recipient, you may not copy, forward, disclose, or use any part of it. Internet\n communications cannot be guaranteed to be timely, secure, error- or virus-free. The\n sender does not accept liability for any errors or omissions. We maintain strict\n security standards and procedures to prevent unauthorised access to information about\n you.</em><a href=\"{{securityPolicyUrl}}\" class=\"text-black underline dark:text-black\"><strong><em>Know\n more&gt;&gt;</em></strong></a>\n </Text>\n <Spacer height={10} />\n <Text\n class=\"m-0 text-center font-sans text-[10px] leading-normal text-black dark:text-black\"\n >\n Copyright Lockmere. All rights reserved. Terms &amp; conditions apply.\n </Text>\n <Spacer height={10} />\n <Text\n class=\"m-0 text-center font-sans text-[10px] leading-normal text-black dark:text-black\"\n >\n <em>Please do not share your Internet Banking details, such as ID, password, Credit /\n Debit Card number, CVV or OTP with anyone either over phone or through email.</em>\n </Text>\n <Spacer height={10} />\n <Text\n class=\"m-0 text-center font-sans text-[10px] leading-normal text-black dark:text-black\"\n >\n <em>Do not click on links from unknown / unsecured sources that seek your confidential\n information.</em>\n </Text>\n <Spacer height={13} />\n </Column>\n <Column width=\"44\">\n <Spacer height={15} />\n </Column>\n </Row>\n </Section>\n </Container>\n <Container class=\"w-full max-w-[602px] bg-white dark:bg-white\">\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Spacer height={8} />\n <Text class=\"m-0 text-center font-sans text-xs leading-normal text-black dark:text-black\">\n <em>If you do not wish to receive such emails in future,\n please</em><a href=\"{{unsubscribeUrl}}\" class=\"text-black underline dark:text-black\"><em>Unsubscribe</em></a>\n </Text>\n <Spacer height={8} />\n </Column>\n </Row>\n </Section>\n </Container>\n</Email>\n",
31
+ "season-clearance-promo": "<Email class=\"font-body bg-[#5C2410] font-sans dark:bg-[#5C2410]\">\n <Preview>\n Example email template. Replace the sample tickets, prices, deadline, and terms before sending.\n </Preview>\n <Container class=\"w-full max-w-[600px] bg-[#5C2410] font-sans dark:bg-[#5C2410]\">\n <Section class=\"bg-[#E8D3A6] dark:bg-[#E8D3A6]\">\n <Row>\n <Column class=\"px-2 pt-2 text-center\">\n <Text class=\"m-0 text-center text-xs leading-[18px] text-black dark:text-black\">\n If you are having trouble reading this email,\n <a href=\"{{onlineVersionUrl}}\" class=\"text-[#0D6B8C] underline dark:text-[#0D6B8C]\">read\n the online version</a>.\n </Text>\n <Spacer height={12} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#5C2410] py-2 dark:bg-[#5C2410]\">\n <Row>\n <Column class=\"px-4 text-center\">\n <Text\n class=\"m-0 text-center text-sm font-bold tracking-wide text-[#E8D3A6] dark:text-[#E8D3A6]\"\n >\n Copperlane Home\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Image\n src=\"{{heroImageUrl}}\"\n alt=\"Copperlane Glow Deals promotional banner\"\n width={600}\n height={600}\n />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[25px] pt-[30px] pb-[10px] dark:bg-white\">\n <Row>\n <Column>\n <Text class=\"m-0 text-center text-lg font-bold leading-[27px] text-black dark:text-black\">\n <em>Hurry — Glow Deals End Tomorrow!</em>\n </Text>\n <Spacer height={18} />\n <Text class=\"m-0 text-left text-base leading-6 text-black dark:text-black\">\n The clock is ticking! Your chance to grab discounted tickets to Copperlane Football,\n Men's &amp; Women's Basketball, and Gymnastics ends\n <strong>{{offerDeadlinePhrase}}</strong>.\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white py-[10px] pr-[25px] pl-10 dark:bg-white\">\n <Row>\n <Column>\n <Text class=\"m-0 text-left text-base leading-6 text-black dark:text-black\">\n • <strong>Women's Court:</strong> 50% off single games\n </Text>\n <Spacer height={10} />\n <Text class=\"m-0 text-left text-base leading-6 text-black dark:text-black\">\n • <strong>Men's Basketball:</strong> 30% off select single game tickets and $50 off\n Season Passes\n </Text>\n <Spacer height={10} />\n <Text class=\"m-0 text-left text-base leading-6 text-black dark:text-black\">\n • <strong>Gymnastics:</strong> $26 Ridge Conference Packs, including three home meets\n </Text>\n <Spacer height={10} />\n <Text class=\"m-0 text-left text-base leading-6 text-black dark:text-black\">\n • <strong>Football:</strong> $50 off {{seasonYear}} Season Passes or $26 lower level\n general admission tickets to Ridgemoor State or Ashvale Tech\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[25px] pt-0 pb-[10px] dark:bg-white\">\n <Row>\n <Column>\n <Text class=\"m-0 text-left text-base leading-6 text-black dark:text-black\">\n Whether you're buying a last-minute gift or planning your next Copperlane Gameday, now's\n the time to act.\n </Text>\n <Spacer height={18} />\n <Text class=\"m-0 text-left text-base font-bold leading-6 text-black dark:text-black\">\n <strong>Don't wait — these deals disappear after {{offerEndShort}}!</strong>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white py-[10px] text-center dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Button\n href=\"{{grabDealsUrl}}\"\n class=\"rounded-sm bg-[#5C2410] px-5 py-2.5 text-lg font-bold text-[#E8D3A6] dark:bg-[#5C2410] dark:text-[#E8D3A6]\"\n >\n Grab Your Glow Deals Now\n </Button>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[25px] py-[15px] dark:bg-white\">\n <Row>\n <Column>\n <Text class=\"m-0 text-left text-sm leading-[21px] text-black dark:text-black\">\n <em>*</em> <em>Limited-time, online-only offers end {{offerEndLong}}, while supplies\n last.</em> <em>Maximum eight (8) tickets per event per order.</em>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white pt-[10px] dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Image\n src=\"{{secondaryBannerImageUrl}}\"\n alt=\"Copperlane Athletics game-day collage\"\n width={600}\n height={235}\n />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white p-[30px] dark:bg-white\">\n <Row>\n <Column>\n <Text class=\"m-0 text-left text-base leading-6 text-black dark:text-black\">\n <strong><em>Have questions?</em></strong> Contact the Copperlane Ticket Office at (503)\n 555-0148 or\n <a href=\"{{contactEmailUrl}}\" class=\"font-bold text-[#5C2410] no-underline dark:text-[#5C2410]\">tickets@copperlane.example</a>.\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#5C2410] py-6 dark:bg-[#5C2410]\">\n <Row>\n <Column class=\"px-4 text-center\">\n <Text\n class=\"m-0 text-center text-xl font-bold tracking-wide text-[#E8D3A6] dark:text-[#E8D3A6]\"\n >\n Copperlane\n </Text>\n <Spacer height={6} />\n <Text class=\"m-0 text-center text-xs tracking-widest text-[#E8D3A6] dark:text-[#E8D3A6]\">\n ATHLETICS\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#5C2410] py-2.5 dark:bg-[#5C2410]\">\n <Row>\n <Column width=\"166\">\n <Spacer height={47} />\n </Column>\n <Column width=\"67\" class=\"text-center\">\n <Image src=\"{{socialOneIconUrl}}\" alt=\"Social link\" width={47} height={46} />\n </Column>\n <Column width=\"67\" class=\"text-center\">\n <Image src=\"{{socialTwoIconUrl}}\" alt=\"Social link\" width={47} height={47} />\n </Column>\n <Column width=\"67\" class=\"text-center\">\n <Image src=\"{{socialThreeIconUrl}}\" alt=\"Social link\" width={47} height={46} />\n </Column>\n <Column width=\"67\" class=\"text-center\">\n <Image src=\"{{socialFourIconUrl}}\" alt=\"Social link\" width={46} height={46} />\n </Column>\n <Column width=\"166\">\n <Spacer height={47} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#E8D3A6] px-2.5 py-2.5 dark:bg-[#E8D3A6]\">\n <Row>\n <Column class=\"px-2.5 text-center\">\n <Text class=\"m-0 text-center text-xs font-normal leading-4 text-black dark:text-black\">\n To manage which communications you would like to receive, please\n <a href=\"{{preferencesUrl}}\" class=\"text-[#0A5578] underline dark:text-[#0A5578]\">click\n here</a>.\n </Text>\n <Spacer height={16} />\n <Text class=\"m-0 text-center text-xs font-normal leading-4 text-black dark:text-black\">\n Copperlane Athletics\n </Text>\n <Text class=\"m-0 text-center text-xs font-normal leading-4 text-black dark:text-black\">\n 90 Forge Avenue\n </Text>\n <Text class=\"m-0 text-center text-xs font-normal leading-4 text-black dark:text-black\">\n Portland, OR 97205\n </Text>\n <Spacer height={16} />\n <Text class=\"m-0 text-center text-xs font-normal leading-4 text-black dark:text-black\">\n © Copperlane. All Rights Reserved.\n <a href=\"{{termsUrl}}\" class=\"text-[#0A5578] underline dark:text-[#0A5578]\">Terms &amp;\n Conditions</a> |\n <a href=\"{{unsubscribeUrl}}\" class=\"text-[#0A5578] underline dark:text-[#0A5578]\">Unsubscribe</a>\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n</Email>\n",
32
+ "seasonal-sale-flyer": "<Email class=\"font-body bg-white dark:bg-white\">\n <Preview>\n Example email template. Replace the sample discounts, exclusions, and products before sending.\n </Preview>\n <Container class=\"w-full max-w-[700px] bg-white dark:bg-white\">\n <Section class=\"bg-black px-0 py-3 dark:bg-black\">\n <Row>\n <Column width=\"220\" class=\"pl-2 text-left\">\n <Text\n class=\"m-0 text-left text-[18px] font-black leading-[22px] tracking-wide text-white dark:text-white\"\n >\n INKLINE\n </Text>\n </Column>\n <Column width=\"220\" class=\"text-left\">\n <Text\n class=\"m-0 text-left text-[14px] font-bold leading-[22px] tracking-wide text-white dark:text-white\"\n >\n ROADMARK\n </Text>\n </Column>\n <Column width=\"260\" class=\"pr-4 text-right\">\n <Text class=\"m-0 text-right text-[10px] leading-5 text-white dark:text-white\">\n <a href=\"{{viewInBrowserUrl}}\" class=\"text-white underline dark:text-white\">View in\n Browser</a>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-3 py-1 dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Text class=\"m-0 text-center text-[16px] leading-5 text-[#555555] dark:text-[#555555]\">\n <a href=\"{{weeklyDealsUrl}}\" class=\"text-[#555555] no-underline dark:text-[#555555]\">Weekly\n Deals</a>\n </Text>\n </Column>\n <Column class=\"text-center\">\n <Text class=\"m-0 text-center text-[16px] leading-5 text-[#555555] dark:text-[#555555]\">\n <a href=\"{{findStoreUrl}}\" class=\"text-[#555555] no-underline dark:text-[#555555]\">Find\n a Store</a>\n </Text>\n </Column>\n <Column class=\"text-center\">\n <Text class=\"m-0 text-center text-[16px] leading-5 text-[#555555] dark:text-[#555555]\">\n <a href=\"{{shopOnlineUrl}}\" class=\"text-[#555555] no-underline dark:text-[#555555]\">Shop\n Online</a>\n </Text>\n </Column>\n <Column class=\"text-center\">\n <Text class=\"m-0 text-center text-[16px] leading-5 text-[#555555] dark:text-[#555555]\">\n <a href=\"{{rewardsUrl}}\" class=\"text-[#555555] no-underline dark:text-[#555555]\">Milemark\n Rewards</a>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Divider class=\"border-[#666666] dark:border-[#666666]\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={8} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[30px] dark:bg-white\">\n <Row>\n <Column class=\"pb-3 text-left\">\n <Image\n src=\"{{lightingBrandStripImageUrl}}\"\n width={640}\n height={22}\n alt=\"Lumenforge lighting lineup\"\n />\n </Column>\n </Row>\n <Row>\n <Column class=\"text-center\">\n <Heading\n level={2}\n class=\"m-0 text-center text-[28px] font-black leading-7 text-[#373737] dark:text-[#373737]\"\n >\n LIGHTING YOUR WAY TO MORE SAVINGS\n </Heading>\n </Column>\n </Row>\n <Row>\n <Column class=\"px-5 py-2 text-center\">\n <Heading\n level={3}\n class=\"m-0 text-center text-[18px] font-black leading-5 text-[#373737] dark:text-[#373737]\"\n >\n GET {{promoPercentNoMin}}% OFF NO MINIMUM OR {{promoPercentThreshold}}% OFF ORDERS OVER\n {{promoOrderThreshold}}.\n </Heading>\n </Column>\n </Row>\n <Row>\n <Column class=\"px-5 pb-3 text-center\">\n <Text\n class=\"m-0 text-center text-[15px] font-normal leading-5 text-[#373737] dark:text-[#373737]\"\n >\n On regularly priced items when you use code\n <a href=\"{{promoCodeUrl}}\" class=\"font-bold text-[#0E7490] underline dark:text-[#0E7490]\">{{promoCode}}</a>\n on your <strong>online purchase.</strong> Offer valid through {{offerEndDate}}.\n Restrictions apply.*\n </Text>\n </Column>\n </Row>\n <Row>\n <Column class=\"text-center\">\n <Button\n href=\"{{promoShopUrl}}\"\n class=\"w-[223px] rounded bg-[#0E7490] px-2.5 py-3 text-center text-[14px] font-black leading-none text-white no-underline dark:bg-[#0E7490] dark:text-white\"\n >\n SHOP NOW\n </Button>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={24} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[30px] dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Image\n src=\"{{headlightHeroImageUrl}}\"\n width={640}\n height={22}\n alt=\"Lumenforge BrightBeam headlight twin pack\"\n />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={24} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-black dark:bg-black\">\n <Row>\n <Column class=\"bg-black px-[30px] pt-2 text-center dark:bg-black\">\n <Heading\n level={3}\n class=\"m-0 text-center text-[28px] font-black leading-[49px] text-white dark:text-white\"\n >\n GET A {{headlightGiftCardAmount}} GIFT CARD\n </Heading>\n <Spacer height={11} />\n </Column>\n </Row>\n <Row>\n <Column class=\"bg-black px-8 py-4 text-center dark:bg-black\">\n <Text class=\"m-0 text-center text-[18px] font-bold leading-5 text-white dark:text-white\">\n <strong>By mail</strong> when you buy 1 Lumenforge BrightBeam twin pack or 2 single\n packs.\n </Text>\n </Column>\n </Row>\n <Row>\n <Column class=\"bg-black pb-5 text-center dark:bg-black\">\n <Button\n href=\"{{headlightOfferUrl}}\"\n class=\"w-[223px] rounded bg-[#0E7490] px-2.5 py-3 text-center text-[14px] font-black leading-none text-white no-underline dark:bg-[#0E7490] dark:text-white\"\n >\n SHOP NOW\n </Button>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={18} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[30px] dark:bg-white\">\n <Row>\n <Column width=\"160\" class=\"p-1 text-center\">\n <Image\n src=\"{{productThumbOneImageUrl}}\"\n width={140}\n height={99}\n alt=\"BrightBeam headlight pack\"\n />\n </Column>\n <Column width=\"160\" class=\"p-1 text-center\">\n <Image\n src=\"{{productThumbTwoImageUrl}}\"\n width={140}\n height={99}\n alt=\"Cleartrack wiper blade pair\"\n />\n </Column>\n <Column width=\"160\" class=\"p-1 text-center\">\n <Image\n src=\"{{productThumbThreeImageUrl}}\"\n width={140}\n height={99}\n alt=\"Lumenforge LED fog bulb\"\n />\n </Column>\n <Column width=\"160\" class=\"p-1 text-center\">\n <Image\n src=\"{{productThumbFourImageUrl}}\"\n width={140}\n height={99}\n alt=\"Roadmark cabin filter\"\n />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={18} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[30px] dark:bg-white\">\n <Row>\n <Column width=\"320\" class=\"text-left\">\n <Image\n src=\"{{wiperOfferImageUrl}}\"\n width={320}\n height={22}\n alt=\"Cleartrack Truck and SUV wiper blades\"\n />\n </Column>\n <Column width=\"30\">\n <Spacer height={1} />\n </Column>\n <Column width=\"260\" class=\"text-left\">\n <Heading\n level={3}\n class=\"m-0 w-[220px] pb-2 text-left text-[30px] font-black leading-[30px] text-[#373737] dark:text-[#373737]\"\n >\n GET A {{wiperGiftCardAmount}} GIFT CARD\n </Heading>\n <Text\n class=\"m-0 w-[260px] pb-3 text-left text-[14px] leading-5 text-[#373737] dark:text-[#373737]\"\n >\n <strong>By mail</strong> on 2 Cleartrack Truck &amp; SUV wiper blades.\n </Text>\n <Button\n href=\"{{wiperOfferUrl}}\"\n class=\"w-[223px] rounded bg-[#0E7490] px-0 py-3 text-center text-[14px] font-black leading-none text-white no-underline dark:bg-[#0E7490] dark:text-white\"\n >\n SHOP NOW\n </Button>\n </Column>\n <Column width=\"30\">\n <Spacer height={1} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={24} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[30px] dark:bg-white\">\n <Row>\n <Column width=\"30\">\n <Spacer height={1} />\n </Column>\n <Column width=\"260\" class=\"text-left\">\n <Heading\n level={3}\n class=\"m-0 w-[220px] pb-2 text-left text-[30px] font-black leading-[30px] text-[#373737] dark:text-[#373737]\"\n >\n GET A {{fogGiftCardAmount}} GIFT CARD\n </Heading>\n <Text\n class=\"m-0 w-[260px] pb-3 text-left text-[14px] leading-5 text-[#373737] dark:text-[#373737]\"\n >\n <strong>By mail</strong> when you buy Lumenforge LED fog bulbs. Limit one per household.\n </Text>\n <Button\n href=\"{{fogOfferUrl}}\"\n class=\"w-[223px] rounded bg-[#0E7490] px-0 py-3 text-center text-[14px] font-black leading-none text-white no-underline dark:bg-[#0E7490] dark:text-white\"\n >\n SHOP NOW\n </Button>\n </Column>\n <Column width=\"30\">\n <Spacer height={1} />\n </Column>\n <Column width=\"320\" class=\"text-center\">\n <Image\n src=\"{{fogOfferImageUrl}}\"\n width={320}\n height={34}\n alt=\"Lumenforge LED fog bulbs\"\n />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={32} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[30px] dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Image\n src=\"{{howtoBannerImageUrl}}\"\n width={640}\n height={22}\n alt=\"Headlight replacement guide illustration\"\n />\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={12} />\n </Column>\n </Row>\n <Row>\n <Column class=\"px-5 text-center\">\n <Heading\n level={3}\n class=\"m-0 text-center text-[24px] font-black leading-6 text-[#373737] dark:text-[#373737]\"\n >\n HOW TO REPLACE YOUR HEADLIGHTS\n </Heading>\n </Column>\n </Row>\n <Row>\n <Column class=\"px-5 py-2 text-center\">\n <Text\n class=\"m-0 text-center text-[14px] font-normal leading-5 text-[#373737] dark:text-[#373737]\"\n >\n Your when, what, and how questions, answered!\n </Text>\n </Column>\n </Row>\n <Row>\n <Column class=\"text-center\">\n <Button\n href=\"{{headlightGuideUrl}}\"\n class=\"w-[223px] rounded bg-[#0E7490] px-2.5 py-3 text-center text-[14px] font-black leading-none text-white no-underline dark:bg-[#0E7490] dark:text-white\"\n >\n LEARN MORE\n </Button>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={32} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#373737] py-3 dark:bg-[#373737]\">\n <Row>\n <Column class=\"text-center\">\n <Heading\n level={3}\n class=\"m-0 text-center text-[26px] font-black leading-7 text-white dark:text-white\"\n >\n OUR MOST POPULAR PRODUCTS\n </Heading>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={30} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[30px] dark:bg-white\">\n <Row>\n <Column width=\"160\" class=\"px-[5px] pb-2 text-center\">\n <Image src=\"{{batteriesImageUrl}}\" width={140} height={22} alt=\"Automotive batteries\" />\n <Text\n class=\"m-0 text-center text-[16px] font-bold leading-5 text-[#373737] dark:text-[#373737]\"\n >\n <a href=\"{{batteriesUrl}}\" class=\"text-[#373737] no-underline dark:text-[#373737]\">Batteries</a><a href=\"{{batteriesUrl}}\" class=\"text-[#0E7490] no-underline dark:text-[#0E7490]\">»</a>\n </Text>\n </Column>\n <Column width=\"160\" class=\"px-[5px] pb-2 text-center\">\n <Image src=\"{{brakePadsImageUrl}}\" width={140} height={22} alt=\"Brake pads\" />\n <Text\n class=\"m-0 text-center text-[16px] font-bold leading-5 text-[#373737] dark:text-[#373737]\"\n >\n <a href=\"{{brakePadsUrl}}\" class=\"text-[#373737] no-underline dark:text-[#373737]\">Brake\n Pads</a><a href=\"{{brakePadsUrl}}\" class=\"text-[#0E7490] no-underline dark:text-[#0E7490]\">»</a>\n </Text>\n </Column>\n <Column width=\"160\" class=\"px-[5px] pb-2 text-center\">\n <Image src=\"{{wipersImageUrl}}\" width={140} height={22} alt=\"Wiper blades\" />\n <Text\n class=\"m-0 text-center text-[16px] font-bold leading-5 text-[#373737] dark:text-[#373737]\"\n >\n <a href=\"{{wipersUrl}}\" class=\"text-[#373737] no-underline dark:text-[#373737]\">Wipers</a><a href=\"{{wipersUrl}}\" class=\"text-[#0E7490] no-underline dark:text-[#0E7490]\">»</a>\n </Text>\n </Column>\n <Column width=\"160\" class=\"px-[5px] pb-2 text-center\">\n <Image src=\"{{oilBundlesImageUrl}}\" width={140} height={44} alt=\"Oil change bundles\" />\n <Text\n class=\"m-0 text-center text-[16px] font-bold leading-5 text-[#373737] dark:text-[#373737]\"\n >\n <a href=\"{{oilBundlesUrl}}\" class=\"text-[#373737] no-underline dark:text-[#373737]\">Oil\n Change\n Bundles</a><a href=\"{{oilBundlesUrl}}\" class=\"text-[#0E7490] no-underline dark:text-[#0E7490]\">»</a>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={8} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[30px] dark:bg-white\">\n <Row>\n <Column width=\"160\" class=\"px-[5px] pb-2 text-center\">\n <Image src=\"{{lightingImageUrl}}\" width={140} height={22} alt=\"Vehicle lighting\" />\n <Text\n class=\"m-0 text-center text-[16px] font-bold leading-5 text-[#373737] dark:text-[#373737]\"\n >\n <a href=\"{{lightingUrl}}\" class=\"text-[#373737] no-underline dark:text-[#373737]\">Lighting</a><a href=\"{{lightingUrl}}\" class=\"text-[#0E7490] no-underline dark:text-[#0E7490]\">»</a>\n </Text>\n </Column>\n <Column width=\"160\" class=\"px-[5px] pb-2 text-center\">\n <Image src=\"{{sparkPlugsImageUrl}}\" width={140} height={22} alt=\"Spark plugs\" />\n <Text\n class=\"m-0 text-center text-[16px] font-bold leading-5 text-[#373737] dark:text-[#373737]\"\n >\n <a href=\"{{sparkPlugsUrl}}\" class=\"text-[#373737] no-underline dark:text-[#373737]\">Spark\n Plugs</a><a href=\"{{sparkPlugsUrl}}\" class=\"text-[#0E7490] no-underline dark:text-[#0E7490]\">»</a>\n </Text>\n </Column>\n <Column width=\"160\" class=\"px-[5px] pb-2 text-center\">\n <Image src=\"{{alternatorsImageUrl}}\" width={140} height={22} alt=\"Alternators\" />\n <Text\n class=\"m-0 text-center text-[16px] font-bold leading-5 text-[#373737] dark:text-[#373737]\"\n >\n <a href=\"{{alternatorsUrl}}\" class=\"text-[#373737] no-underline dark:text-[#373737]\">Alternators</a><a href=\"{{alternatorsUrl}}\" class=\"text-[#0E7490] no-underline dark:text-[#0E7490]\">»</a>\n </Text>\n </Column>\n <Column width=\"160\" class=\"px-[5px] pb-2 text-center\">\n <Image src=\"{{antifreezeImageUrl}}\" width={140} height={22} alt=\"Antifreeze coolant\" />\n <Text\n class=\"m-0 text-center text-[16px] font-bold leading-5 text-[#373737] dark:text-[#373737]\"\n >\n <a href=\"{{antifreezeUrl}}\" class=\"text-[#373737] no-underline dark:text-[#373737]\">Antifreeze</a><a href=\"{{antifreezeUrl}}\" class=\"text-[#0E7490] no-underline dark:text-[#0E7490]\">»</a>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={38} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#373737] px-4 pt-[54px] pb-[54px] dark:bg-[#373737]\">\n <Row>\n <Column class=\"px-3 pb-3 text-center\">\n <Heading\n level={3}\n class=\"m-0 text-center text-[28px] font-black leading-7 text-white dark:text-white\"\n >\n <strong>FREE</strong> STORE SERVICES\n </Heading>\n </Column>\n </Row>\n <Row>\n <Column class=\"px-3 pb-3 text-center\">\n <Text class=\"m-0 text-center text-[18px] leading-6 text-white dark:text-white\">\n Get expert help with <strong>batteries</strong> and <strong>wipers:</strong> Testing,\n installation, and more!\n </Text>\n </Column>\n </Row>\n <Row>\n <Column class=\"text-center\">\n <Button\n href=\"{{servicesUrl}}\"\n class=\"w-[223px] rounded bg-[#0E7490] px-2.5 py-3 text-center text-[14px] font-black leading-none text-white no-underline dark:bg-[#0E7490] dark:text-white\"\n >\n SEE ALL SERVICES\n </Button>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-black px-2 py-4 dark:bg-black\">\n <Row>\n <Column class=\"text-center\">\n <Text class=\"m-0 text-center text-[16px] font-black leading-5 text-white dark:text-white\">\n AT MOST LOCATIONS. ON MOST VEHICLES. **\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={8} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white pb-3 dark:bg-white\">\n <Row>\n <Column width=\"172\">\n <Spacer height={16} />\n </Column>\n <Column width=\"60\" class=\"text-left\">\n <Image src=\"{{appBadgeOneImageUrl}}\" width={40} height={16} alt=\"Mobile app badge\" />\n </Column>\n <Column width=\"60\" class=\"text-left\">\n <Image src=\"{{appBadgeTwoImageUrl}}\" width={40} height={16} alt=\"Mobile app badge\" />\n </Column>\n <Column width=\"60\" class=\"text-left\">\n <Image src=\"{{appBadgeThreeImageUrl}}\" width={40} height={16} alt=\"Mobile app badge\" />\n </Column>\n <Column width=\"60\" class=\"text-left\">\n <Image src=\"{{appBadgeFourImageUrl}}\" width={40} height={16} alt=\"Mobile app badge\" />\n </Column>\n <Column width=\"60\" class=\"text-left\">\n <Image src=\"{{appBadgeFiveImageUrl}}\" width={40} height={16} alt=\"Mobile app badge\" />\n </Column>\n <Column width=\"100\" class=\"py-1 text-left\">\n <Text\n class=\"m-0 text-left text-[8px] font-bold leading-[10px] text-[#000001] dark:text-[#000001]\"\n >\n <a href=\"{{appDownloadUrl}}\" class=\"text-[#000001] no-underline dark:text-[#000001]\">DOWNLOAD\n OUR MOBILE APP.</a>\n </Text>\n </Column>\n <Column width=\"128\">\n <Spacer height={16} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Divider class=\"border-[#999999] dark:border-[#999999]\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column class=\"px-4 py-3 text-center\">\n <Text\n class=\"m-0 text-center text-[10px] leading-normal text-[#999999] dark:text-[#999999]\"\n >\n <a href=\"{{unsubscribeUrl}}\" class=\"text-[#999999] underline dark:text-[#999999]\">Unsubscribe</a>\n </Text>\n </Column>\n <Column class=\"px-4 py-3 text-center\">\n <Text\n class=\"m-0 text-center text-[10px] leading-normal text-[#999999] dark:text-[#999999]\"\n >\n <a href=\"{{privacyUrl}}\" class=\"text-[#999999] underline dark:text-[#999999]\">Privacy\n Policy</a>\n </Text>\n </Column>\n <Column class=\"px-4 py-3 text-center\">\n <Text\n class=\"m-0 text-center text-[10px] leading-normal text-[#999999] dark:text-[#999999]\"\n >\n <a href=\"{{contactUrl}}\" class=\"text-[#999999] underline dark:text-[#999999]\">Contact\n Us</a>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Divider class=\"border-[#999999] dark:border-[#999999]\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-4 pt-4 dark:bg-white\">\n <Row>\n <Column>\n <Text class=\"m-0 text-left text-[10px] leading-normal text-[#6d6d6d] dark:text-[#6d6d6d]\">\n Offers valid {{offersValidRange}}, unless otherwise stated.\n </Text>\n <Spacer height={1} />\n <Text class=\"m-0 text-left text-[10px] leading-normal text-[#6d6d6d] dark:text-[#6d6d6d]\">\n * <strong>DISCOUNT CODE</strong>: Get {{promoPercentNoMin}}% off no minimum, or\n {{promoPercentThreshold}}% off orders over {{promoOrderThreshold}} on regularly priced\n items when you use code {{promoCode}} on your online purchase. Promotional savings\n excludes purchases of gift cards, motor oil, commercial tools and equipment and\n batteries. Excludes select brands: Axlewave, Torquecove, Ridgeline Gear, Emberduct,\n Flowcove, Gritbay Garage, Holstline, Crestline, Magnaheel, Northspan Equipment,\n Sparkmere Ignition, Rivetmere, Timberton SES, and Weathercove. Core charges, shipping\n and handling charges, fees, and taxes are not eligible when determining qualifying\n order. Maximum savings discount is {{promoMaxSavings}}. Offer valid through\n {{offerEndDate}}.\n </Text>\n <Spacer height={1} />\n <Text class=\"m-0 text-left text-[10px] leading-normal text-[#6d6d6d] dark:text-[#6d6d6d]\">\n ** <strong>FREE SERVICES</strong> available, as applicable, at most locations, on most\n automotive vehicles, and unless prohibited by law. Contact your local Inkline store or\n visit\n <a href=\"{{freeServicesDetailsUrl}}\" class=\"text-[#6d6d6d] underline dark:text-[#6d6d6d]\">inkline.example/services</a>\n for complete details.\n </Text>\n <Spacer height={1} />\n <Text class=\"m-0 text-left text-[10px] leading-normal text-[#6d6d6d] dark:text-[#6d6d6d]\">\n <strong>OIL CHANGE BUNDLES</strong>: Applicable on automotive oil and automotive oil\n filters only, while supplies last. Excludes extended performance formulation, specialty\n synthetics, and motorcycle oils and motorcycle oil filters. Limit of five per\n transaction. Visit\n <a href=\"{{oilBundlesDetailsUrl}}\" class=\"text-[#6d6d6d] underline dark:text-[#6d6d6d]\">inkline.example/oil-bundles</a>\n for complete details.\n </Text>\n <Spacer height={1} />\n <Text class=\"m-0 text-left text-[10px] leading-normal text-[#6d6d6d] dark:text-[#6d6d6d]\">\n <strong>INKLINE</strong> and its affiliates reserve the right to correct, change, update\n or modify any sales, promotions, coupons, and related offers at any time, in their sole\n discretion, except as prohibited by law. Void where prohibited by law. Complete details\n can be found by asking a Team Member or online at\n <a href=\"{{websiteUrl}}\" class=\"text-[#6d6d6d] underline dark:text-[#6d6d6d]\">inkline.example</a>.\n Errors in prices, descriptions, links, and/or illustrations are not the responsibility\n of Inkline.\n </Text>\n <Spacer height={1} />\n <Text class=\"m-0 text-left text-[10px] leading-normal text-[#6d6d6d] dark:text-[#6d6d6d]\">\n © <strong>{{copyrightYear}} Inkline Parts Co.</strong> All rights reserved. INKLINE® and\n the INKLINE® logo; MILEMARK REWARDS® and the MILEMARK REWARDS® logo; ROADMARK® and the\n ROADMARK® logo are registered trademarks of Inkline Parts Co. All other trademarks are\n the property of their registered owners.\n </Text>\n <Spacer height={1} />\n <Text\n class=\"m-0 pb-5 text-left text-[10px] leading-normal text-[#6d6d6d] dark:text-[#6d6d6d]\"\n >\n <strong>CONTACT US</strong>: Inkline Marketing Department, 814 Cascade Freight Way Suite\n 400 | Columbus, OH 43215\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n</Email>\n",
33
+ "setup-checklist": "<Email class=\"font-body bg-slate-50 dark:bg-slate-50\">\n <Preview>\n Example email template. Replace the sample product, setup steps, and timing before sending.\n </Preview>\n <Container class=\"w-full max-w-[600px] bg-slate-50 dark:bg-slate-50\">\n <Section class=\"bg-slate-50 dark:bg-slate-50\">\n <Row>\n <Column>\n <Spacer height={12} />\n </Column>\n </Row>\n </Section>\n <Container class=\"w-full max-w-[600px] bg-white dark:bg-white\">\n <Section class=\"bg-white px-5 py-5 dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 font-sans text-center text-lg font-bold leading-none tracking-tight text-black dark:text-black\"\n >\n Fernbank\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-4 dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Heading\n level={1}\n class=\"m-0 font-sans text-center text-[28px] font-bold leading-normal text-black dark:text-black\"\n >\n <strong>Welcome to Fernbank</strong>\n </Heading>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-6 py-5 dark:bg-white\">\n <Row>\n <Column>\n <Text class=\"m-0 font-sans text-left text-sm leading-tight text-black dark:text-black\">\n Hello there\n </Text>\n <Spacer height={18} />\n <Text class=\"m-0 font-sans text-left text-sm leading-tight text-black dark:text-black\">\n We know what it takes to stand up a business on the internet.\n </Text>\n <Spacer height={16} />\n <Text class=\"m-0 font-sans text-left text-sm leading-tight text-black dark:text-black\">\n We spent years stitching together checkouts, memberships, community tools, content\n delivery, and payouts — thirteen dashboards for one offer. That is why we built\n Fernbank: so you can launch and grow a creator business from a single place.\n </Text>\n <Spacer height={16} />\n <Text class=\"m-0 font-sans text-left text-sm leading-tight text-black dark:text-black\">\n Thousands of builders open a Fernbank storefront every day, and you are only a few\n steps from joining them.\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-6 dark:bg-white\">\n <Row>\n <Column>\n <Divider class=\"border-slate-100 dark:border-slate-100\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-6 py-5 dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 font-sans text-center text-2xl font-bold leading-normal text-black dark:text-black\"\n >\n <strong>Launch your internet business in 3 steps</strong>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-6 pb-4 dark:bg-white\">\n <Row>\n <Column class=\"p-2\" width=\"276\">\n <Image\n src=\"{{addAppsImageUrl}}\"\n width={234}\n height={160}\n alt=\"App picker for a Fernbank storefront\"\n class=\"rounded-[6px]\"\n />\n </Column>\n <Column class=\"p-2\" width=\"276\">\n <Spacer height={8} />\n <Heading\n level={3}\n class=\"m-0 font-sans text-left text-lg font-bold leading-none text-slate-800 dark:text-slate-800\"\n >\n <strong>Add apps to your storefront</strong>\n </Heading>\n <Spacer height={8} />\n <Text\n class=\"m-0 font-sans pb-5 text-left text-[13px] leading-tight text-black dark:text-black\"\n >\n Apps are the building blocks for your business. Pick from dozens of apps to shape what\n members experience and open new ways to earn.\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-6 pb-4 dark:bg-white\">\n <Row>\n <Column class=\"p-2\" width=\"276\">\n <Spacer height={8} />\n <Heading\n level={3}\n class=\"m-0 font-sans text-left text-lg font-bold leading-normal text-black dark:text-black\"\n >\n <strong>Set up pricing</strong>\n </Heading>\n <Spacer height={8} />\n <Text\n class=\"m-0 font-sans pb-5 text-left text-[13px] leading-tight text-black dark:text-black\"\n >\n Create a product to set pricing. Charge a recurring subscription, a one-time payment,\n or offer a free plan so people can join your storefront.\n </Text>\n </Column>\n <Column class=\"p-2\" width=\"276\">\n <Image\n src=\"{{pricingImageUrl}}\"\n width={234}\n height={160}\n alt=\"Pricing setup for subscriptions and one-time plans\"\n class=\"rounded-[6px]\"\n />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-6 pb-4 dark:bg-white\">\n <Row>\n <Column class=\"p-2\" width=\"276\">\n <Image\n src=\"{{storePageImageUrl}}\"\n width={234}\n height={160}\n alt=\"Store page editor with offer details\"\n />\n </Column>\n <Column class=\"p-2\" width=\"276\">\n <Spacer height={8} />\n <Heading\n level={3}\n class=\"m-0 font-sans text-left text-lg font-bold leading-none text-slate-800 dark:text-slate-800\"\n >\n <strong>Set up your store page</strong>\n </Heading>\n <Spacer height={8} />\n <Text\n class=\"m-0 font-sans pb-5 text-left text-[13px] leading-tight text-black dark:text-black\"\n >\n Your store page is where visitors learn about your offer. It shows product details,\n pricing, reviews, and answers to common questions.\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-6 dark:bg-white\">\n <Row>\n <Column>\n <Divider class=\"border-slate-100 dark:border-slate-100\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-6 py-5 dark:bg-white\">\n <Row>\n <Column>\n <Text class=\"m-0 font-sans text-left text-sm leading-tight text-black dark:text-black\">\n Builders on Fernbank ship real revenue every year, and they all started where you are\n right now. Work through these steps and get your internet business live in the next 15\n minutes.\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-4 py-3 dark:bg-white\">\n <Row>\n <Column class=\"text-center\">\n <Button\n href=\"{{continueUrl}}\"\n class=\"rounded-full bg-[#E04F1C] px-4 py-2.5 font-sans text-sm font-bold leading-none text-white dark:bg-[#E04F1C] dark:text-white\"\n >\n Continue building your storefront\n </Button>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-6 py-5 dark:bg-white\">\n <Row>\n <Column>\n <Text class=\"m-0 font-sans text-left text-sm leading-tight text-black dark:text-black\">\n Speak soon,\n </Text>\n <Text class=\"m-0 font-sans text-left text-sm leading-tight text-black dark:text-black\">\n The Fernbank Team\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-6 dark:bg-white\">\n <Row>\n <Column>\n <Divider class=\"border-slate-100 dark:border-slate-100\" />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-slate-50 px-6 py-6 dark:bg-slate-50\">\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 font-sans text-center text-xs leading-normal text-black dark:text-black\"\n >\n © {{copyrightYear}} Fernbank\n </Text>\n <Text\n class=\"m-0 font-sans pb-3 text-center text-xs leading-normal text-black dark:text-black\"\n >\n 718 Moss Lane, Suite 210, Austin, TX 78702\n </Text>\n <Text\n class=\"m-0 font-sans text-center text-xs leading-normal text-black dark:text-black\"\n >\n <a href=\"{{unsubscribeUrl}}\" class=\"font-bold text-black underline dark:text-black\">Unsubscribe\n here</a>\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n </Container>\n</Email>\n",
34
34
  "shipping-update": "<Email lang=\"en\" dir=\"ltr\" class=\"bg-gray-100 dark:bg-gray-950\">\n <Preview>Your order {{orderNumber}} has shipped and is on the way</Preview>\n <Container class=\"bg-white px-10 py-10 rounded-brand max-w-[600px] dark:bg-gray-900\">\n <Image src=\"{{logoUrl}}\" alt=\"{{workspace}}\" width={132} height={36} />\n <Heading level={1} class=\"text-2xl font-bold text-gray-900 pt-6 dark:text-white\">\n Your order is on the way\n </Heading>\n <Text class=\"text-base leading-relaxed text-gray-600 dark:text-gray-300\">\n Good news, {{firstName}}. Order <strong>{{orderNumber}}</strong> shipped and is heading your\n way. Track it any time with the link below.\n </Text>\n <Section class=\"bg-gray-50 px-6 py-5 rounded-brand dark:bg-gray-800\">\n <Row>\n <Column width=\"50%\">\n <Text class=\"text-sm font-medium text-gray-500 dark:text-gray-400\">Carrier</Text>\n <Text class=\"text-base font-semibold text-gray-900 dark:text-white\">{{carrier}}</Text>\n </Column>\n <Column width=\"50%\">\n <Text class=\"text-sm text-right font-medium text-gray-500 dark:text-gray-400\">\n Arriving\n </Text>\n <Text class=\"text-base text-right font-semibold text-gray-900 dark:text-white\">\n {{estimatedDelivery}}\n </Text>\n </Column>\n </Row>\n </Section>\n <Button\n href=\"{{trackingUrl}}\"\n class=\"bg-brand text-brand-foreground font-semibold px-6 py-3 rounded-brand\"\n >\n Track your package\n </Button>\n <Spacer height={24} />\n <Text class=\"text-sm text-gray-500 dark:text-gray-400\">\n Tracking number {{trackingNumber}}. It can take a few hours for the first scan to appear.\n </Text>\n </Container>\n</Email>\n",
35
35
  "sms-appointment-reminder": "<Sms category=\"transactional\">{{workspace}}: Reminder: your appointment is on {{appointmentDate}} at {{appointmentTime}}. Reply RESCHEDULE to change it or STOP to opt out.</Sms>\n",
36
36
  "sms-flash-sale": "<Sms category=\"promotional\">{{workspace}}: {{offerHeadline}} Use code {{promoCode}} at {{shopUrl}}.<If test=\"endsToday == 'true'\"> Ends tonight!</If> Reply STOP to opt out.</Sms>\n",
37
37
  "sms-otp": "<Sms category=\"transactional\">{{workspace}}: {{code}} is your verification code. It expires in {{expiryMinutes}} minutes. Never share this code. Reply STOP to opt out.</Sms>\n",
38
38
  "sms-shipping-update": "<Sms category=\"transactional\">{{workspace}}: Order {{orderNumber}} has shipped. Track it at {{trackingUrl}}. Reply STOP to opt out.</Sms>\n",
39
39
  "team-invite": "<Email lang=\"en\" dir=\"ltr\" class=\"bg-gray-100 dark:bg-gray-950\">\n <Preview>{{inviterName}} invited you to join {{workspace}} on {{productName}}</Preview>\n <Container class=\"bg-white px-10 py-10 rounded-brand max-w-[600px] dark:bg-gray-900\">\n <Image src=\"{{logoUrl}}\" alt=\"{{productName}}\" width={132} height={36} />\n <Heading level={1} class=\"text-2xl font-bold text-gray-900 pt-6 dark:text-white\">\n You're invited to {{workspace}}\n </Heading>\n <Text class=\"text-base leading-relaxed text-gray-600 dark:text-gray-300\">\n <strong>{{inviterName}}</strong> ({{inviterEmail}}) has invited you to collaborate in\n <strong>{{workspace}}</strong> on {{productName}}. Accept the invite to get started.\n </Text>\n <Button\n href=\"{{acceptUrl}}\"\n class=\"bg-brand text-brand-foreground font-semibold px-6 py-3 rounded-brand\"\n >\n Accept invitation\n </Button>\n <Spacer height={28} />\n <Divider class=\"border-gray-200 dark:border-gray-700\" />\n <Text class=\"text-xs text-gray-400 dark:text-gray-500\">\n This invite was sent to {{inviteeEmail}}. If you weren't expecting it, you can ignore this\n email.\n </Text>\n </Container>\n</Email>\n",
40
- "travel-rewards-promo": "<Email class=\"font-body bg-white dark:bg-white\">\n <Preview>\n And you’ll save up to {{discountPercent}} on base rates. Ends {{offerEndDateShort}}.\n </Preview>\n <Container class=\"w-full max-w-[670px] bg-white dark:bg-white\">\n <Section class=\"bg-white px-[30px] py-2 dark:bg-white\">\n <Row>\n <Column>\n <Text class=\"m-0 text-left text-[11px] leading-[14px] text-[#666666] dark:text-[#666666]\">\n And you’ll save up to {{discountPercent}} on base rates. Ends {{offerEndDateShort}}.\n </Text>\n </Column>\n <Column class=\"text-right\">\n <Text\n class=\"m-0 text-right text-[11px] leading-[14px] text-[#666666] dark:text-[#666666]\"\n >\n <a href=\"{{viewOnlineUrl}}\" class=\"text-[#666666] underline dark:text-[#666666]\">View\n Online</a>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#1A3FCC] dark:bg-[#1A3FCC]\">\n <Row>\n <Column>\n <Spacer height={6} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[30px] pb-2.5 pt-1.5 dark:bg-white\">\n <Row>\n <Column width=\"230\">\n <Spacer height={10} />\n <Text\n class=\"m-0 text-left text-[11px] font-bold uppercase tracking-wide leading-[14px] text-[#1A3FCC] dark:text-[#1A3FCC]\"\n >\n Kindling\n </Text>\n <Text\n class=\"m-0 text-left text-[22px] font-bold leading-[26px] text-[#1A3FCC] dark:text-[#1A3FCC]\"\n >\n Rewards\n </Text>\n </Column>\n <Column class=\"text-right\">\n <Spacer height={12} />\n <Text class=\"m-0 text-right text-xs leading-[15px] text-black dark:text-black\">\n Rewards # {{memberId}}\n </Text>\n <Text class=\"m-0 text-right text-xs leading-[15px] text-black dark:text-black\">\n Miles balance {{mileageBalance}}\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Image\n src=\"{{heroImageUrl}}\"\n width={670}\n height={320}\n alt=\"Traveler resting by an open car among autumn trees\"\n />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#163528] px-[30px] py-3 dark:bg-[#163528]\">\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 text-center text-xs font-bold leading-4 tracking-wide text-white dark:text-white\"\n >\n Kindling Rewards | Driftway | Lanehire\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[30px] dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={24} />\n <Heading\n level={2}\n class=\"m-0 text-left text-[28px] font-bold leading-[34px] text-black dark:text-black\"\n >\n Rent with Driftway or Lanehire and save up to {{discountPercent}} on base rates.\n </Heading>\n <Spacer height={16} />\n <Text class=\"m-0 text-left text-lg font-bold leading-[22px] text-black dark:text-black\">\n Longer days, longer drives, longer rentals\n </Text>\n <Spacer height={16} />\n <Text class=\"m-0 text-left text-lg leading-[22px] text-black dark:text-black\">\n <strong>{{firstName}}</strong>, let’s make the longer days count.\n </Text>\n <Spacer height={18} />\n <Text class=\"m-0 text-left text-lg leading-[22px] text-black dark:text-black\">\n Rent a car with Driftway or Lanehire and you can earn {{maxBonusMiles}} miles when you\n book and complete a rental of {{longRentalDays}} or more days by {{offerEndDate}}.\n <strong>Plus, you’ll enjoy up to {{discountPercent}} off base rates as a Kindling\n Rewards member!</strong>\n </Text>\n <Spacer height={18} />\n <Text class=\"m-0 text-left text-lg leading-[22px] text-black dark:text-black\">\n Only renting a car for {{midRentalDays}} days? You can also earn up to {{midBonusMiles}}\n bonus miles when you book and complete your rental by {{offerEndDate}}.\n </Text>\n <Spacer height={24} />\n <Button\n href=\"{{bookUrl}}\"\n class=\"rounded-full border-2 border-[#1A3FCC] bg-white px-[38px] py-4 text-lg font-bold text-[#1A3FCC] dark:border-[#1A3FCC] dark:bg-white dark:text-[#1A3FCC]\"\n >\n Book with Driftway or Lanehire\n </Button>\n <Spacer height={24} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[30px] pb-6 dark:bg-white\">\n <Container\n class=\"w-full max-w-[610px] border border-[#E0E0DE] bg-white dark:border-[#E0E0DE] dark:bg-white\"\n >\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column width=\"280\">\n <Image\n src=\"{{accountPromptImageUrl}}\"\n width={280}\n height={220}\n alt=\"Member checking trip details on a phone\"\n />\n </Column>\n <Column>\n <Spacer height={28} />\n <Text\n class=\"m-0 px-5 text-left text-lg font-bold leading-[22px] text-black dark:text-black\"\n >\n Is your account up to date?\n </Text>\n <Spacer height={12} />\n <Text class=\"m-0 px-5 text-left text-sm leading-5 text-black dark:text-black\">\n To keep your account secure and running smoothly, sign in to Kindling Rewards and\n confirm your primary email and phone number.\n </Text>\n <Spacer height={16} />\n <Text\n class=\"m-0 px-5 text-left text-base font-bold leading-5 text-[#1A3FCC] dark:text-[#1A3FCC]\"\n >\n <a href=\"{{signInUrl}}\" class=\"font-bold text-[#1A3FCC] no-underline dark:text-[#1A3FCC]\">Sign\n in ›</a>\n </Text>\n <Spacer height={28} />\n </Column>\n </Row>\n </Section>\n </Container>\n </Section>\n <Section class=\"bg-[#1A3FCC] dark:bg-[#1A3FCC]\">\n <Row>\n <Column>\n <Spacer height={6} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#1A1A1A] px-[30px] py-4 dark:bg-[#1A1A1A]\">\n <Row>\n <Column class=\"text-right\">\n <Text class=\"m-0 text-right text-base font-bold leading-5 text-white dark:text-white\">\n Kindling Rewards\n </Text>\n <Text class=\"m-0 text-right text-xs leading-4 text-white dark:text-white\">\n Travel farther with every mile you earn.\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#EBEBE9] px-[30px] dark:bg-[#EBEBE9]\">\n <Row>\n <Column>\n <Spacer height={24} />\n </Column>\n </Row>\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 text-center text-sm font-bold leading-5 text-[#1A3FCC] dark:text-[#1A3FCC]\"\n >\n <a href=\"{{reservationsUrl}}\" class=\"font-bold text-[#1A3FCC] no-underline dark:text-[#1A3FCC]\">Reservations</a>\n </Text>\n </Column>\n <Column width=\"40\">\n <Spacer height={20} />\n </Column>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 text-center text-sm font-bold leading-5 text-[#1A3FCC] dark:text-[#1A3FCC]\"\n >\n <a href=\"{{dealsUrl}}\" class=\"font-bold text-[#1A3FCC] no-underline dark:text-[#1A3FCC]\">Deals\n &amp; offers</a>\n </Text>\n </Column>\n <Column width=\"40\">\n <Spacer height={20} />\n </Column>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 text-center text-sm font-bold leading-5 text-[#1A3FCC] dark:text-[#1A3FCC]\"\n >\n <a href=\"{{rewardsUrl}}\" class=\"font-bold text-[#1A3FCC] no-underline dark:text-[#1A3FCC]\">Kindling\n Rewards</a>\n </Text>\n </Column>\n <Column width=\"40\">\n <Spacer height={20} />\n </Column>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 text-center text-sm font-bold leading-5 text-[#1A3FCC] dark:text-[#1A3FCC]\"\n >\n <a href=\"{{accountUrl}}\" class=\"font-bold text-[#1A3FCC] no-underline dark:text-[#1A3FCC]\">My\n Kindling</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={20} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#EBEBE9] px-[30px] dark:bg-[#EBEBE9]\">\n <Row>\n <Column width=\"151\">\n <Spacer height={47} />\n </Column>\n <Column width=\"47\">\n <Image src=\"{{socialOneIconUrl}}\" width={47} height={47} alt=\"Social link\" />\n </Column>\n <Column width=\"40\">\n <Spacer height={47} />\n </Column>\n <Column width=\"47\">\n <Image src=\"{{socialTwoIconUrl}}\" width={47} height={47} alt=\"Social link\" />\n </Column>\n <Column width=\"40\">\n <Spacer height={47} />\n </Column>\n <Column width=\"47\">\n <Image src=\"{{socialThreeIconUrl}}\" width={47} height={47} alt=\"Social link\" />\n </Column>\n <Column width=\"40\">\n <Spacer height={47} />\n </Column>\n <Column width=\"47\">\n <Image src=\"{{socialFourIconUrl}}\" width={47} height={47} alt=\"Social link\" />\n </Column>\n <Column width=\"151\">\n <Spacer height={47} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={20} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#EBEBE9] px-[30px] dark:bg-[#EBEBE9]\">\n <Row>\n <Column>\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n <strong>Terms and conditions:</strong>\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n <strong>Base miles terms and conditions</strong>\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n Kindling Rewards members can earn miles on qualifying Driftway and Lanehire vehicle\n rentals as follows:\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n {{tierOneMiles}} miles per rental for Kindling Rewards members with Ember Forge status\n and higher.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n {{tierTwoMiles}} miles per rental for Kindling Rewards Ember Trail and Ember Peak\n members.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n {{tierThreeMiles}} miles per rental for primary cardmembers of all Kindling Quayline\n cards.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n {{tierFourMiles}} miles per rental for all other Kindling Rewards members.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n Award miles are earned based on the member’s Kindling Rewards status or card membership\n at the time of rental return, not at booking or pickup. Eligibility methods cannot be\n combined. When more than one method applies, the method that awards the most miles is\n used. If award miles for a rental exceed {{tierFourMiles}} miles, the first\n {{tierFourMiles}} base award miles post immediately, and any miles above that amount\n post separately within 5 business days.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n To earn miles, members must include their Kindling Rewards number in the vehicle rental\n reservation when booking through kindling.example or related channels. No miles are\n awarded when miles are used as payment, including the cash portion of a miles-and-money\n booking.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n Members can earn either Kindling Rewards miles or Driftway Circle Points for each\n rental, not both. To earn miles, Driftway Circle members must set miles as their earning\n preference in their Driftway Circle profile. The Kindling Rewards miles offer is valid\n only at participating Driftway and Lanehire locations worldwide.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • Driftway savings of up to {{discountPercent}} off and Lanehire savings of up to\n {{partnerTwoDiscountPercent}} off apply to the pay-later base rate, which includes time\n and mileage charges only. Use partner code {{partnerOneDiscountCode}} or\n {{partnerTwoDiscountCode}} to receive the discount. The discount varies by location,\n date, rental length, car class, and other factors. Taxes, fees, surcharges, and optional\n service charges are extra.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • Offer may not be combined with any other coupon, promotion, or offer except your\n Driftway or Lanehire partner discount code.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • Offer is subject to vehicle availability at the time of rental and may not apply to\n some rates at some times, including some online rates.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • Car rental return restrictions may apply.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • Offer subject to change without notice.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • A frequent-traveler surcharge may apply when the renter chooses to receive loyalty\n miles. For rentals in the US, Puerto Rico, St. Thomas, St. Croix, and Canada, Driftway\n and Lanehire may assess a surcharge equivalent to USD $1.50 per day to offset\n participation costs in loyalty programs.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • Renter must meet Driftway and Lanehire age, driver, and credit requirements. Minimum\n rental age may vary by location. An additional daily surcharge may apply for renters\n under 25.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n <strong>Bonus miles offer terms and conditions</strong>\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n <strong>Driftway Bonus Terms &amp; Conditions:</strong>\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n <strong>• All base miles terms and conditions apply.</strong>\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • Rental must be completed between {{offerStartDate}} and {{offerEndDate}}.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • Complete a qualifying rental of {{midRentalDays}} consecutive days to earn\n {{midBonusMiles}} bonus miles. Complete a qualifying rental of {{longRentalDays}} or\n more consecutive days to earn {{longBonusMiles}} bonus miles. A maximum of\n {{longBonusMiles}} bonus miles per rental may be earned.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • Kindling Rewards bonus miles are only valid at participating Driftway airport and\n off-airport locations in the US, Canada, Mexico, and EMEA.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n <strong>• Eligible rentals are indicated in the mileage display in search\n results.</strong>\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • No bonus miles are awarded when miles are used as payment, including the cash portion\n of a miles-and-money booking.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • An advance reservation is required.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • Bonus miles offer may not be combined with any other coupon, promotion, or offer\n except your Driftway partner discount.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • Coupon code {{partnerOneCoupon}} and partner codes\n {{partnerOneDiscountCode}}/{{partnerOneDiscountCodeAlt}} must be used to earn the\n {{couponBonusMiles}} bonus miles.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • Offer subject to change without notice.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n <strong>Lanehire Bonus Terms &amp; Conditions:</strong>\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n <strong>• All base miles terms and conditions apply.</strong>\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • Rental must be completed between {{offerStartDate}} and {{offerEndDate}}.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • Complete a qualifying rental of {{midRentalDays}} consecutive days to earn\n {{midBonusMiles}} bonus miles. Complete a qualifying rental of {{longRentalDays}} or\n more consecutive days to earn {{longBonusMiles}} bonus miles. A maximum of\n {{longBonusMiles}} bonus miles per rental may be earned.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • Kindling Rewards bonus miles are only valid at participating Lanehire airport and\n off-airport locations in the US, Canada, and EMEA.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n <strong>• Eligible rentals are indicated in the mileage display in search\n results.</strong>\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • No bonus miles are awarded when miles are used as payment, including the cash portion\n of a miles-and-money booking.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • An advance reservation is required.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • Bonus miles offer may not be combined with any other coupon, promotion, or offer\n except your Lanehire partner discount.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • Coupon code {{partnerTwoCoupon}} and partner codes\n {{partnerTwoDiscountCode}}/{{partnerTwoDiscountCodeAlt}} must be used to earn the\n {{couponBonusMiles}} bonus miles.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • Offer subject to change without notice.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n <strong>Bonus Miles:</strong> Quayline Bank is not responsible for providing the stated\n benefits and services. Bonus miles post directly to your Kindling Rewards account and\n will not appear on your credit card statement.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n <strong>Earning Miles:</strong> See your Card Rewards Program Agreement for details.\n Quayline Bank is responsible for card-related earn, and those miles post to your\n Quayline statement.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n Quayline Bank, N.A. Member FDIC.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n Miles accrued, awards, and benefits are subject to change and to the rules of the\n Kindling Rewards program, including the Ember status program, which are incorporated\n here. Please allow 6–8 weeks after completed qualifying activity for miles to post.\n Kindling may change or end Kindling Rewards—including rules, awards, and offers—at any\n time without notice. Kindling and its affiliates are not responsible for products or\n services of other participating companies. Taxes and fees related to award travel are\n the member’s responsibility. Bonus miles and other non-flight miles do not count toward\n Ember status unless stated otherwise. Accumulation of mileage or status does not create\n vested rights. All calculations for Kindling Rewards, including mileage and Ember\n qualification, are made by Kindling in its discretion and are final. Information in this\n message about Kindling Rewards is not exhaustive and is qualified by the program rules\n on\n <a href=\"{{websiteUrl}}\" class=\"text-black underline dark:text-black\">kindling.example</a>.\n For complete details, go to\n <a href=\"{{websiteUrl}}\" class=\"text-black underline dark:text-black\">kindling.example</a>.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n <a href=\"{{additionalTermsUrl}}\" class=\"text-black underline dark:text-black\">See\n additional Kindling Rewards terms and conditions</a>.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n {{campaignCode}}\n </Text>\n <Spacer height={14} />\n </Column>\n </Row>\n <Row>\n <Column class=\"text-center\">\n <Text class=\"m-0 text-center text-[10px] leading-[14px] text-black dark:text-black\">\n This email was sent to\n <a href=\"{{recipientEmailUrl}}\" class=\"text-black underline dark:text-black\">{{recipientEmail}}</a>\n by Kindling.\n </Text>\n <Text class=\"m-0 text-center text-[10px] leading-[14px] text-black dark:text-black\">\n Please do not reply to this email. We cannot accept electronic replies to this email\n address.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-center text-[10px] leading-[14px] text-black dark:text-black\">\n © {{copyrightYear}} Kindling Travel, Inc. All rights reserved.\n </Text>\n <Text class=\"m-0 text-center text-[10px] leading-[14px] text-black dark:text-black\">\n Kindling Travel, Inc. 420 Ember Lane, Denver, CO 80202\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-center text-[10px] leading-[14px] text-black dark:text-black\">\n <a href=\"{{contactUrl}}\" class=\"font-bold text-black no-underline dark:text-black\">Contact\n us</a> |\n <a href=\"{{unsubscribeUrl}}\" class=\"font-bold text-black no-underline dark:text-black\">Unsubscribe</a>\n |\n <a href=\"{{preferencesUrl}}\" class=\"font-bold text-black no-underline dark:text-black\">Email\n preferences</a> |\n <a href=\"{{privacyUrl}}\" class=\"font-bold text-black no-underline dark:text-black\">Privacy\n policy</a>\n </Text>\n <Spacer height={14} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#EBEBE9] px-[30px] dark:bg-[#EBEBE9]\">\n <Row>\n <Column width=\"212\">\n <Spacer height={26} />\n </Column>\n <Column width=\"185\">\n <Text\n class=\"m-0 text-center text-[11px] font-bold uppercase tracking-wide leading-[14px] text-[#555555] dark:text-[#555555]\"\n >\n A Horizon Circle Member\n </Text>\n </Column>\n <Column width=\"213\">\n <Spacer height={26} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={16} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#EBEBE9] px-[30px] dark:bg-[#EBEBE9]\">\n <Row>\n <Column class=\"text-center\">\n <Text class=\"m-0 text-center text-xl leading-normal text-black dark:text-black\">\n <a href=\"{{appDownloadUrl}}\" class=\"text-black no-underline dark:text-black\">Download\n the latest Kindling app</a>\n </Text>\n <Spacer height={12} />\n </Column>\n </Row>\n <Row>\n <Column width=\"155\">\n <Spacer height={50} />\n </Column>\n <Column width=\"150\">\n <Text\n class=\"m-0 rounded border border-black px-3 py-3 text-center text-sm font-bold leading-5 text-black dark:border-black dark:text-black\"\n >\n <a href=\"{{iosAppUrl}}\" class=\"text-black no-underline dark:text-black\">Download for\n iOS</a>\n </Text>\n </Column>\n <Column width=\"20\">\n <Spacer height={50} />\n </Column>\n <Column width=\"150\">\n <Text\n class=\"m-0 rounded border border-black px-3 py-3 text-center text-sm font-bold leading-5 text-black dark:border-black dark:text-black\"\n >\n <a href=\"{{androidAppUrl}}\" class=\"text-black no-underline dark:text-black\">Download for\n Android</a>\n </Text>\n </Column>\n <Column width=\"155\">\n <Spacer height={50} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={16} />\n </Column>\n </Row>\n </Section>\n </Container>\n</Email>\n",
40
+ "travel-rewards-promo": "<Email class=\"font-body bg-white dark:bg-white\">\n <Preview>\n Example email template. Replace the sample rewards, partner offers, and terms before sending.\n </Preview>\n <Container class=\"w-full max-w-[670px] bg-white dark:bg-white\">\n <Section class=\"bg-white px-[30px] py-2 dark:bg-white\">\n <Row>\n <Column>\n <Text class=\"m-0 text-left text-[11px] leading-[14px] text-[#666666] dark:text-[#666666]\">\n And you’ll save up to {{discountPercent}} on base rates. Ends {{offerEndDateShort}}.\n </Text>\n </Column>\n <Column class=\"text-right\">\n <Text\n class=\"m-0 text-right text-[11px] leading-[14px] text-[#666666] dark:text-[#666666]\"\n >\n <a href=\"{{viewOnlineUrl}}\" class=\"text-[#666666] underline dark:text-[#666666]\">View\n Online</a>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#1A3FCC] dark:bg-[#1A3FCC]\">\n <Row>\n <Column>\n <Spacer height={6} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[30px] pb-2.5 pt-1.5 dark:bg-white\">\n <Row>\n <Column width=\"230\">\n <Spacer height={10} />\n <Text\n class=\"m-0 text-left text-[11px] font-bold uppercase tracking-wide leading-[14px] text-[#1A3FCC] dark:text-[#1A3FCC]\"\n >\n Kindling\n </Text>\n <Text\n class=\"m-0 text-left text-[22px] font-bold leading-[26px] text-[#1A3FCC] dark:text-[#1A3FCC]\"\n >\n Rewards\n </Text>\n </Column>\n <Column class=\"text-right\">\n <Spacer height={12} />\n <Text class=\"m-0 text-right text-xs leading-[15px] text-black dark:text-black\">\n Rewards # {{memberId}}\n </Text>\n <Text class=\"m-0 text-right text-xs leading-[15px] text-black dark:text-black\">\n Miles balance {{mileageBalance}}\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Image\n src=\"{{heroImageUrl}}\"\n width={670}\n height={320}\n alt=\"Traveler resting by an open car among autumn trees\"\n />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#163528] px-[30px] py-3 dark:bg-[#163528]\">\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 text-center text-xs font-bold leading-4 tracking-wide text-white dark:text-white\"\n >\n Kindling Rewards | Driftway | Lanehire\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[30px] dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={24} />\n <Heading\n level={2}\n class=\"m-0 text-left text-[28px] font-bold leading-[34px] text-black dark:text-black\"\n >\n Rent with Driftway or Lanehire and save up to {{discountPercent}} on base rates.\n </Heading>\n <Spacer height={16} />\n <Text class=\"m-0 text-left text-lg font-bold leading-[22px] text-black dark:text-black\">\n Longer days, longer drives, longer rentals\n </Text>\n <Spacer height={16} />\n <Text class=\"m-0 text-left text-lg leading-[22px] text-black dark:text-black\">\n <strong>{{firstName}}</strong>, let’s make the longer days count.\n </Text>\n <Spacer height={18} />\n <Text class=\"m-0 text-left text-lg leading-[22px] text-black dark:text-black\">\n Rent a car with Driftway or Lanehire and you can earn {{maxBonusMiles}} miles when you\n book and complete a rental of {{longRentalDays}} or more days by {{offerEndDate}}.\n <strong>Plus, you’ll enjoy up to {{discountPercent}} off base rates as a Kindling\n Rewards member!</strong>\n </Text>\n <Spacer height={18} />\n <Text class=\"m-0 text-left text-lg leading-[22px] text-black dark:text-black\">\n Only renting a car for {{midRentalDays}} days? You can also earn up to {{midBonusMiles}}\n bonus miles when you book and complete your rental by {{offerEndDate}}.\n </Text>\n <Spacer height={24} />\n <Button\n href=\"{{bookUrl}}\"\n class=\"rounded-full border-2 border-[#1A3FCC] bg-white px-[38px] py-4 text-lg font-bold text-[#1A3FCC] dark:border-[#1A3FCC] dark:bg-white dark:text-[#1A3FCC]\"\n >\n Book with Driftway or Lanehire\n </Button>\n <Spacer height={24} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-[30px] pb-6 dark:bg-white\">\n <Container\n class=\"w-full max-w-[610px] border border-[#E0E0DE] bg-white dark:border-[#E0E0DE] dark:bg-white\"\n >\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column width=\"280\">\n <Image\n src=\"{{accountPromptImageUrl}}\"\n width={280}\n height={220}\n alt=\"Member checking trip details on a phone\"\n />\n </Column>\n <Column>\n <Spacer height={28} />\n <Text\n class=\"m-0 px-5 text-left text-lg font-bold leading-[22px] text-black dark:text-black\"\n >\n Is your account up to date?\n </Text>\n <Spacer height={12} />\n <Text class=\"m-0 px-5 text-left text-sm leading-5 text-black dark:text-black\">\n To keep your account secure and running smoothly, sign in to Kindling Rewards and\n confirm your primary email and phone number.\n </Text>\n <Spacer height={16} />\n <Text\n class=\"m-0 px-5 text-left text-base font-bold leading-5 text-[#1A3FCC] dark:text-[#1A3FCC]\"\n >\n <a href=\"{{signInUrl}}\" class=\"font-bold text-[#1A3FCC] no-underline dark:text-[#1A3FCC]\">Sign\n in ›</a>\n </Text>\n <Spacer height={28} />\n </Column>\n </Row>\n </Section>\n </Container>\n </Section>\n <Section class=\"bg-[#1A3FCC] dark:bg-[#1A3FCC]\">\n <Row>\n <Column>\n <Spacer height={6} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#1A1A1A] px-[30px] py-4 dark:bg-[#1A1A1A]\">\n <Row>\n <Column class=\"text-right\">\n <Text class=\"m-0 text-right text-base font-bold leading-5 text-white dark:text-white\">\n Kindling Rewards\n </Text>\n <Text class=\"m-0 text-right text-xs leading-4 text-white dark:text-white\">\n Travel farther with every mile you earn.\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#EBEBE9] px-[30px] dark:bg-[#EBEBE9]\">\n <Row>\n <Column>\n <Spacer height={24} />\n </Column>\n </Row>\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 text-center text-sm font-bold leading-5 text-[#1A3FCC] dark:text-[#1A3FCC]\"\n >\n <a href=\"{{reservationsUrl}}\" class=\"font-bold text-[#1A3FCC] no-underline dark:text-[#1A3FCC]\">Reservations</a>\n </Text>\n </Column>\n <Column width=\"40\">\n <Spacer height={20} />\n </Column>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 text-center text-sm font-bold leading-5 text-[#1A3FCC] dark:text-[#1A3FCC]\"\n >\n <a href=\"{{dealsUrl}}\" class=\"font-bold text-[#1A3FCC] no-underline dark:text-[#1A3FCC]\">Deals\n &amp; offers</a>\n </Text>\n </Column>\n <Column width=\"40\">\n <Spacer height={20} />\n </Column>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 text-center text-sm font-bold leading-5 text-[#1A3FCC] dark:text-[#1A3FCC]\"\n >\n <a href=\"{{rewardsUrl}}\" class=\"font-bold text-[#1A3FCC] no-underline dark:text-[#1A3FCC]\">Kindling\n Rewards</a>\n </Text>\n </Column>\n <Column width=\"40\">\n <Spacer height={20} />\n </Column>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 text-center text-sm font-bold leading-5 text-[#1A3FCC] dark:text-[#1A3FCC]\"\n >\n <a href=\"{{accountUrl}}\" class=\"font-bold text-[#1A3FCC] no-underline dark:text-[#1A3FCC]\">My\n Kindling</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={20} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#EBEBE9] px-[30px] dark:bg-[#EBEBE9]\">\n <Row>\n <Column width=\"151\">\n <Spacer height={47} />\n </Column>\n <Column width=\"47\">\n <Image src=\"{{socialOneIconUrl}}\" width={47} height={47} alt=\"Social link\" />\n </Column>\n <Column width=\"40\">\n <Spacer height={47} />\n </Column>\n <Column width=\"47\">\n <Image src=\"{{socialTwoIconUrl}}\" width={47} height={47} alt=\"Social link\" />\n </Column>\n <Column width=\"40\">\n <Spacer height={47} />\n </Column>\n <Column width=\"47\">\n <Image src=\"{{socialThreeIconUrl}}\" width={47} height={47} alt=\"Social link\" />\n </Column>\n <Column width=\"40\">\n <Spacer height={47} />\n </Column>\n <Column width=\"47\">\n <Image src=\"{{socialFourIconUrl}}\" width={47} height={47} alt=\"Social link\" />\n </Column>\n <Column width=\"151\">\n <Spacer height={47} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={20} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#EBEBE9] px-[30px] dark:bg-[#EBEBE9]\">\n <Row>\n <Column>\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n <strong>Terms and conditions:</strong>\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n <strong>Base miles terms and conditions</strong>\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n Kindling Rewards members can earn miles on qualifying Driftway and Lanehire vehicle\n rentals as follows:\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n {{tierOneMiles}} miles per rental for Kindling Rewards members with Ember Forge status\n and higher.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n {{tierTwoMiles}} miles per rental for Kindling Rewards Ember Trail and Ember Peak\n members.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n {{tierThreeMiles}} miles per rental for primary cardmembers of all Kindling Quayline\n cards.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n {{tierFourMiles}} miles per rental for all other Kindling Rewards members.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n Award miles are earned based on the member’s Kindling Rewards status or card membership\n at the time of rental return, not at booking or pickup. Eligibility methods cannot be\n combined. When more than one method applies, the method that awards the most miles is\n used. If award miles for a rental exceed {{tierFourMiles}} miles, the first\n {{tierFourMiles}} base award miles post immediately, and any miles above that amount\n post separately within 5 business days.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n To earn miles, members must include their Kindling Rewards number in the vehicle rental\n reservation when booking through kindling.example or related channels. No miles are\n awarded when miles are used as payment, including the cash portion of a miles-and-money\n booking.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n Members can earn either Kindling Rewards miles or Driftway Circle Points for each\n rental, not both. To earn miles, Driftway Circle members must set miles as their earning\n preference in their Driftway Circle profile. The Kindling Rewards miles offer is valid\n only at participating Driftway and Lanehire locations worldwide.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • Driftway savings of up to {{discountPercent}} off and Lanehire savings of up to\n {{partnerTwoDiscountPercent}} off apply to the pay-later base rate, which includes time\n and mileage charges only. Use partner code {{partnerOneDiscountCode}} or\n {{partnerTwoDiscountCode}} to receive the discount. The discount varies by location,\n date, rental length, car class, and other factors. Taxes, fees, surcharges, and optional\n service charges are extra.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • Offer may not be combined with any other coupon, promotion, or offer except your\n Driftway or Lanehire partner discount code.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • Offer is subject to vehicle availability at the time of rental and may not apply to\n some rates at some times, including some online rates.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • Car rental return restrictions may apply.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • Offer subject to change without notice.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • A frequent-traveler surcharge may apply when the renter chooses to receive loyalty\n miles. For rentals in the US, Puerto Rico, St. Thomas, St. Croix, and Canada, Driftway\n and Lanehire may assess a surcharge equivalent to USD $1.50 per day to offset\n participation costs in loyalty programs.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • Renter must meet Driftway and Lanehire age, driver, and credit requirements. Minimum\n rental age may vary by location. An additional daily surcharge may apply for renters\n under 25.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n <strong>Bonus miles offer terms and conditions</strong>\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n <strong>Driftway Bonus Terms &amp; Conditions:</strong>\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n <strong>• All base miles terms and conditions apply.</strong>\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • Rental must be completed between {{offerStartDate}} and {{offerEndDate}}.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • Complete a qualifying rental of {{midRentalDays}} consecutive days to earn\n {{midBonusMiles}} bonus miles. Complete a qualifying rental of {{longRentalDays}} or\n more consecutive days to earn {{longBonusMiles}} bonus miles. A maximum of\n {{longBonusMiles}} bonus miles per rental may be earned.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • Kindling Rewards bonus miles are only valid at participating Driftway airport and\n off-airport locations in the US, Canada, Mexico, and EMEA.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n <strong>• Eligible rentals are indicated in the mileage display in search\n results.</strong>\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • No bonus miles are awarded when miles are used as payment, including the cash portion\n of a miles-and-money booking.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • An advance reservation is required.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • Bonus miles offer may not be combined with any other coupon, promotion, or offer\n except your Driftway partner discount.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • Coupon code {{partnerOneCoupon}} and partner codes\n {{partnerOneDiscountCode}}/{{partnerOneDiscountCodeAlt}} must be used to earn the\n {{couponBonusMiles}} bonus miles.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • Offer subject to change without notice.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n <strong>Lanehire Bonus Terms &amp; Conditions:</strong>\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n <strong>• All base miles terms and conditions apply.</strong>\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • Rental must be completed between {{offerStartDate}} and {{offerEndDate}}.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • Complete a qualifying rental of {{midRentalDays}} consecutive days to earn\n {{midBonusMiles}} bonus miles. Complete a qualifying rental of {{longRentalDays}} or\n more consecutive days to earn {{longBonusMiles}} bonus miles. A maximum of\n {{longBonusMiles}} bonus miles per rental may be earned.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • Kindling Rewards bonus miles are only valid at participating Lanehire airport and\n off-airport locations in the US, Canada, and EMEA.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n <strong>• Eligible rentals are indicated in the mileage display in search\n results.</strong>\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • No bonus miles are awarded when miles are used as payment, including the cash portion\n of a miles-and-money booking.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • An advance reservation is required.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • Bonus miles offer may not be combined with any other coupon, promotion, or offer\n except your Lanehire partner discount.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • Coupon code {{partnerTwoCoupon}} and partner codes\n {{partnerTwoDiscountCode}}/{{partnerTwoDiscountCodeAlt}} must be used to earn the\n {{couponBonusMiles}} bonus miles.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n • Offer subject to change without notice.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n <strong>Bonus Miles:</strong> Quayline Bank is not responsible for providing the stated\n benefits and services. Bonus miles post directly to your Kindling Rewards account and\n will not appear on your credit card statement.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n <strong>Earning Miles:</strong> See your Card Rewards Program Agreement for details.\n Quayline Bank is responsible for card-related earn, and those miles post to your\n Quayline statement.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n Quayline Bank, N.A. Member FDIC.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n Miles accrued, awards, and benefits are subject to change and to the rules of the\n Kindling Rewards program, including the Ember status program, which are incorporated\n here. Please allow 6–8 weeks after completed qualifying activity for miles to post.\n Kindling may change or end Kindling Rewards—including rules, awards, and offers—at any\n time without notice. Kindling and its affiliates are not responsible for products or\n services of other participating companies. Taxes and fees related to award travel are\n the member’s responsibility. Bonus miles and other non-flight miles do not count toward\n Ember status unless stated otherwise. Accumulation of mileage or status does not create\n vested rights. All calculations for Kindling Rewards, including mileage and Ember\n qualification, are made by Kindling in its discretion and are final. Information in this\n message about Kindling Rewards is not exhaustive and is qualified by the program rules\n on\n <a href=\"{{websiteUrl}}\" class=\"text-black underline dark:text-black\">kindling.example</a>.\n For complete details, go to\n <a href=\"{{websiteUrl}}\" class=\"text-black underline dark:text-black\">kindling.example</a>.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n <a href=\"{{additionalTermsUrl}}\" class=\"text-black underline dark:text-black\">See\n additional Kindling Rewards terms and conditions</a>.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-left text-[10px] leading-[14px] text-black dark:text-black\">\n {{campaignCode}}\n </Text>\n <Spacer height={14} />\n </Column>\n </Row>\n <Row>\n <Column class=\"text-center\">\n <Text class=\"m-0 text-center text-[10px] leading-[14px] text-black dark:text-black\">\n This email was sent to\n <a href=\"{{recipientEmailUrl}}\" class=\"text-black underline dark:text-black\">{{recipientEmail}}</a>\n by Kindling.\n </Text>\n <Text class=\"m-0 text-center text-[10px] leading-[14px] text-black dark:text-black\">\n Please do not reply to this email. We cannot accept electronic replies to this email\n address.\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-center text-[10px] leading-[14px] text-black dark:text-black\">\n © {{copyrightYear}} Kindling Travel, Inc. All rights reserved.\n </Text>\n <Text class=\"m-0 text-center text-[10px] leading-[14px] text-black dark:text-black\">\n Kindling Travel, Inc. 420 Ember Lane, Denver, CO 80202\n </Text>\n <Spacer height={14} />\n <Text class=\"m-0 text-center text-[10px] leading-[14px] text-black dark:text-black\">\n <a href=\"{{contactUrl}}\" class=\"font-bold text-black no-underline dark:text-black\">Contact\n us</a> |\n <a href=\"{{unsubscribeUrl}}\" class=\"font-bold text-black no-underline dark:text-black\">Unsubscribe</a>\n |\n <a href=\"{{preferencesUrl}}\" class=\"font-bold text-black no-underline dark:text-black\">Email\n preferences</a> |\n <a href=\"{{privacyUrl}}\" class=\"font-bold text-black no-underline dark:text-black\">Privacy\n policy</a>\n </Text>\n <Spacer height={14} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#EBEBE9] px-[30px] dark:bg-[#EBEBE9]\">\n <Row>\n <Column width=\"212\">\n <Spacer height={26} />\n </Column>\n <Column width=\"185\">\n <Text\n class=\"m-0 text-center text-[11px] font-bold uppercase tracking-wide leading-[14px] text-[#555555] dark:text-[#555555]\"\n >\n A Horizon Circle Member\n </Text>\n </Column>\n <Column width=\"213\">\n <Spacer height={26} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={16} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#EBEBE9] px-[30px] dark:bg-[#EBEBE9]\">\n <Row>\n <Column class=\"text-center\">\n <Text class=\"m-0 text-center text-xl leading-normal text-black dark:text-black\">\n <a href=\"{{appDownloadUrl}}\" class=\"text-black no-underline dark:text-black\">Download\n the latest Kindling app</a>\n </Text>\n <Spacer height={12} />\n </Column>\n </Row>\n <Row>\n <Column width=\"155\">\n <Spacer height={50} />\n </Column>\n <Column width=\"150\">\n <Text\n class=\"m-0 rounded border border-black px-3 py-3 text-center text-sm font-bold leading-5 text-black dark:border-black dark:text-black\"\n >\n <a href=\"{{iosAppUrl}}\" class=\"text-black no-underline dark:text-black\">Download for\n iOS</a>\n </Text>\n </Column>\n <Column width=\"20\">\n <Spacer height={50} />\n </Column>\n <Column width=\"150\">\n <Text\n class=\"m-0 rounded border border-black px-3 py-3 text-center text-sm font-bold leading-5 text-black dark:border-black dark:text-black\"\n >\n <a href=\"{{androidAppUrl}}\" class=\"text-black no-underline dark:text-black\">Download for\n Android</a>\n </Text>\n </Column>\n <Column width=\"155\">\n <Spacer height={50} />\n </Column>\n </Row>\n <Row>\n <Column>\n <Spacer height={16} />\n </Column>\n </Row>\n </Section>\n </Container>\n</Email>\n",
41
41
  "trial-ending": "<Email lang=\"en\" dir=\"ltr\" class=\"bg-gray-100 dark:bg-gray-950\">\n <Preview>Your {{workspace}} trial ends in {{daysLeft}} days. Keep your work going.</Preview>\n <Container class=\"bg-white px-10 py-10 rounded-brand max-w-[600px] dark:bg-gray-900\">\n <Image src=\"{{logoUrl}}\" alt=\"{{workspace}}\" width={132} height={36} />\n <Heading level={1} class=\"text-2xl font-bold text-gray-900 pt-6 dark:text-white\">\n Your trial ends in {{daysLeft}} days\n </Heading>\n <Text class=\"text-base leading-relaxed text-gray-600 dark:text-gray-300\">\n Hi {{firstName}}, your free trial of {{workspace}} wraps up on {{trialEndDate}}. Upgrade now\n to keep your projects, history, and settings without missing a beat.\n </Text>\n <Section class=\"bg-gray-50 px-6 py-5 rounded-brand dark:bg-gray-800\">\n <Text class=\"text-sm font-medium text-gray-500 dark:text-gray-400\">Your plan</Text>\n <Text class=\"text-xl font-bold text-gray-900 dark:text-white\">\n {{planName}} · {{planPrice}}\n </Text>\n <Text class=\"text-sm text-gray-600 dark:text-gray-300\">{{planSummary}}</Text>\n </Section>\n <Button\n href=\"{{upgradeUrl}}\"\n class=\"bg-brand text-brand-foreground font-semibold px-6 py-3 rounded-brand\"\n >\n Upgrade my plan\n </Button>\n <Spacer height={24} />\n <Text class=\"text-sm text-gray-500 dark:text-gray-400\">\n Questions about which plan fits? <a href=\"{{contactUrl}}\">Talk to us</a> before your trial\n ends.\n </Text>\n </Container>\n</Email>\n",
42
- "weekly-deals-circular": "<Email class=\"font-body bg-white dark:bg-white\">\n <Preview>Browse this week’s circular for the hottest savings in store and online.</Preview>\n <Container class=\"w-full max-w-[600px] bg-white dark:bg-white\">\n <Section class=\"bg-white px-0 py-1 dark:bg-white\">\n <Row>\n <Column class=\"pr-2 text-left\" width=\"450\">\n <Text\n class=\"m-0 text-left font-sans text-xs leading-[15px] text-[#949599] dark:text-[#949599]\"\n >\n Browse this week’s circular for the hottest savings in store and online.\n </Text>\n </Column>\n <Column class=\"text-right\" width=\"150\">\n <Text\n class=\"m-0 text-right font-sans text-xs leading-[15px] text-[#949599] dark:text-[#949599]\"\n >\n <a href=\"{{browserViewUrl}}\" class=\"font-normal text-[#949599] underline dark:text-[#949599]\">View\n in your browser</a>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#cccccc] dark:bg-[#cccccc]\">\n <Row>\n <Column class=\"py-2 text-center\">\n <Text\n class=\"m-0 text-center font-sans text-xl font-bold leading-6 tracking-tight text-[#1D1E1F] dark:text-[#1D1E1F]\"\n >\n <a href=\"{{homeUrl}}\" class=\"font-bold text-[#1D1E1F] no-underline dark:text-[#1D1E1F]\">Northcrate</a>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#3D6B63] dark:bg-[#3D6B63]\">\n <Row>\n <Column class=\"py-2.5 text-right\" width=\"291\">\n <Text\n class=\"m-0 text-right font-sans text-xl font-bold leading-6 text-white dark:text-white\"\n >\n <a href=\"{{weeklyAdUrl}}\" class=\"font-bold text-white no-underline dark:text-white\">Shop\n the Weekly Circular</a>\n </Text>\n </Column>\n <Column class=\"py-2.5 text-left\" width=\"17\">\n <Text\n class=\"m-0 text-left font-sans text-xl font-bold leading-6 text-white dark:text-white\"\n >\n ›\n </Text>\n </Column>\n <Column width=\"292\">\n <Spacer height={41} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#3D6B63] dark:bg-[#3D6B63]\">\n <Row>\n <Column class=\"pb-2.5 text-center\">\n <Text\n class=\"m-0 text-center font-sans text-base font-bold leading-6 tracking-wide text-white dark:text-white\"\n >\n <a href=\"{{weeklyAdUrl}}\" class=\"font-bold text-white no-underline dark:text-white\">Weekly\n Circular</a>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={16} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={16} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#0B5F8A] dark:bg-[#0B5F8A]\">\n <Row>\n <Column class=\"px-5 py-4 text-center\">\n <Heading\n level={2}\n class=\"m-0 text-center font-sans text-[28px] font-bold leading-8 text-white dark:text-white\"\n >\n Save {{multiBuyUnitSavings}} Each When You Buy {{multiBuyQuantity}} or More\n </Heading>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#0B5F8A] px-5 pb-4 pt-2.5 dark:bg-[#0B5F8A]\">\n <Row>\n <Column class=\"text-center\">\n <Button\n href=\"{{shopDealUrl}}\"\n class=\"rounded-[20px] bg-white px-5 py-2 text-center font-sans text-base font-bold leading-[22px] text-[#1D1E1F] dark:bg-white dark:text-[#1D1E1F]\"\n >\n Shop the Deal\n </Button>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={16} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-5 pt-4 dark:bg-white\">\n <Row>\n <Column class=\"rounded-t-[20px] bg-[#1E86B5] px-5 pt-2.5 text-center dark:bg-[#1E86B5]\">\n <Heading\n level={2}\n class=\"m-0 text-center font-sans text-[30px] font-bold leading-[30px] text-white dark:text-white\"\n >\n Peak Season Produce Has Landed\n </Heading>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-5 dark:bg-white\">\n <Row>\n <Column class=\"bg-[#1E86B5] px-5 pt-1 text-center dark:bg-[#1E86B5]\">\n <Text\n class=\"m-0 text-center font-sans text-base font-normal leading-6 text-white dark:text-white\"\n >\n Sun-warmed orchard picks and garden greens are in. Stock the kitchen with bright,\n in-season favorites.\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-5 pb-4 dark:bg-white\">\n <Row>\n <Column\n class=\"rounded-b-[20px] bg-[#1E86B5] px-5 pb-4 pt-2.5 text-center dark:bg-[#1E86B5]\"\n >\n <Button\n href=\"{{produceUrl}}\"\n class=\"rounded-[20px] bg-white px-5 py-2 text-center font-sans text-base font-bold leading-[22px] text-[#1D1E1F] dark:bg-white dark:text-[#1D1E1F]\"\n >\n Shop Fresh Produce\n </Button>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-5 dark:bg-white\">\n <Row>\n <Column class=\"rounded-t-[20px] bg-[#1E86B5] px-5 pt-2.5 text-center dark:bg-[#1E86B5]\">\n <Heading\n level={2}\n class=\"m-0 text-center font-sans text-[30px] font-bold leading-[30px] text-white dark:text-white\"\n >\n SAVE Up to {{wellnessDiscountPercent}}\n </Heading>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-5 dark:bg-white\">\n <Row>\n <Column class=\"bg-[#1E86B5] px-5 pt-1 text-center dark:bg-[#1E86B5]\">\n <Text\n class=\"m-0 text-center font-sans text-base font-normal leading-6 text-white dark:text-white\"\n >\n On everyday wellness staples. Plus, get them shipped straight to your door.⁶\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-5 pb-4 dark:bg-white\">\n <Row>\n <Column\n class=\"rounded-b-[20px] bg-[#1E86B5] px-5 pb-4 pt-2.5 text-center dark:bg-[#1E86B5]\"\n >\n <Button\n href=\"{{wellnessUrl}}\"\n class=\"rounded-[20px] bg-white px-5 py-2 text-center font-sans text-base font-bold leading-[22px] text-[#1D1E1F] dark:bg-white dark:text-[#1D1E1F]\"\n >\n Start Shopping\n </Button>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#2A7040] dark:bg-[#2A7040]\">\n <Row>\n <Column class=\"py-2.5 text-center\">\n <Text\n class=\"m-0 text-center font-sans text-xl font-bold leading-6 text-white dark:text-white\"\n >\n <a href=\"{{couponsUrl}}\" class=\"font-bold text-white no-underline dark:text-white\">Coupons\n for You</a>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#2A7040] px-5 py-2 dark:bg-[#2A7040]\">\n <Row>\n <Column class=\"pr-2 text-center\" width=\"25%\">\n <Image\n src=\"{{couponOneImageUrl}}\"\n width={130}\n height={235}\n alt=\"Personalized digital coupon offer one\"\n />\n </Column>\n <Column class=\"pr-2 text-center\" width=\"25%\">\n <Image\n src=\"{{couponTwoImageUrl}}\"\n width={130}\n height={235}\n alt=\"Personalized digital coupon offer two\"\n />\n </Column>\n <Column class=\"pr-2 text-center\" width=\"25%\">\n <Image\n src=\"{{couponThreeImageUrl}}\"\n width={130}\n height={235}\n alt=\"Personalized digital coupon offer three\"\n />\n </Column>\n <Column class=\"text-center\" width=\"25%\">\n <Image\n src=\"{{couponFourImageUrl}}\"\n width={130}\n height={235}\n alt=\"Personalized digital coupon offer four\"\n />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#2A7040] px-5 py-4 dark:bg-[#2A7040]\">\n <Row>\n <Column class=\"text-center\">\n <Button\n href=\"{{clipCouponsUrl}}\"\n class=\"rounded-[20px] bg-white px-5 py-2 text-center font-sans text-base font-bold leading-[22px] text-[#1D1E1F] dark:bg-white dark:text-[#1D1E1F]\"\n >\n Log in to Clip Coupons\n </Button>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#eff0f1] px-[30px] pt-2 dark:bg-[#eff0f1]\">\n <Row>\n <Column class=\"text-left\">\n <Text\n class=\"m-0 text-left font-sans text-lg font-bold leading-6 text-[#1d1e1f] dark:text-[#1d1e1f]\"\n >\n <a href=\"{{membershipUrl}}\" class=\"font-bold text-[#1d1e1f] no-underline dark:text-[#1d1e1f]\">Cratepass</a>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#eff0f1] px-[30px] py-2 dark:bg-[#eff0f1]\">\n <Row>\n <Column class=\"text-left\">\n <Text\n class=\"m-0 text-left font-sans text-base font-bold leading-6 text-[#1d1e1f] dark:text-[#1d1e1f]\"\n >\n Enjoy FREE grocery delivery†, {{pointsMultiplier}} Market Miles^ and more.\n </Text>\n <Text\n class=\"m-0 text-left font-sans text-base font-bold leading-6 text-[#1d1e1f] dark:text-[#1d1e1f]\"\n >\n <a href=\"{{membershipTrialUrl}}\" class=\"font-bold text-[#B91C5C] no-underline dark:text-[#B91C5C]\">Start\n Your {{trialDays}}-day Free Trial‡ »</a>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#dfe1e1] px-[30px] py-2 dark:bg-[#dfe1e1]\">\n <Row>\n <Column class=\"text-left\">\n <Text\n class=\"m-0 text-left font-sans text-base font-normal leading-6 text-[#1d1e1f] dark:text-[#1d1e1f]\"\n >\n Already a Cratepass member? Enjoying your Free Trial?\n <a href=\"{{membershipDetailsUrl}}\" class=\"font-bold text-[#1d1e1f] underline dark:text-[#1d1e1f]\">Review\n your membership details.</a>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#f9f9f9] pt-1 dark:bg-[#f9f9f9]\">\n <Row>\n <Column class=\"px-0\" width=\"5\">\n <Spacer height={36} />\n </Column>\n <Column class=\"rounded bg-[#eff0f1] py-2 text-center dark:bg-[#eff0f1]\" width=\"193\">\n <Text\n class=\"m-0 text-center font-sans text-base font-bold leading-[19px] text-[#1d1e1f] dark:text-[#1d1e1f]\"\n >\n <a href=\"{{digitalCouponsUrl}}\" class=\"font-bold text-[#1d1e1f] no-underline dark:text-[#1d1e1f]\">Digital\n Coupons</a>\n </Text>\n </Column>\n <Column class=\"px-0\" width=\"5\">\n <Spacer height={36} />\n </Column>\n <Column class=\"rounded bg-[#eff0f1] py-2 text-center dark:bg-[#eff0f1]\" width=\"194\">\n <Text\n class=\"m-0 text-center font-sans text-base font-bold leading-[19px] text-[#1d1e1f] dark:text-[#1d1e1f]\"\n >\n <a href=\"{{weeklyAdNavUrl}}\" class=\"font-bold text-[#1d1e1f] no-underline dark:text-[#1d1e1f]\">Weekly\n Circular</a>\n </Text>\n </Column>\n <Column class=\"px-0\" width=\"5\">\n <Spacer height={36} />\n </Column>\n <Column class=\"rounded bg-[#eff0f1] py-2 text-center dark:bg-[#eff0f1]\" width=\"193\">\n <Text\n class=\"m-0 text-center font-sans text-base font-bold leading-[19px] text-[#1d1e1f] dark:text-[#1d1e1f]\"\n >\n <a href=\"{{allDealsUrl}}\" class=\"font-bold text-[#1d1e1f] no-underline dark:text-[#1d1e1f]\">See\n All Deals</a>\n </Text>\n </Column>\n <Column class=\"px-0\" width=\"5\">\n <Spacer height={36} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#f9f9f9] dark:bg-[#f9f9f9]\">\n <Row>\n <Column>\n <Spacer height={6} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#f9f9f9] px-5 py-2 dark:bg-[#f9f9f9]\">\n <Row>\n <Column class=\"pl-5 text-left\" width=\"60%\">\n <Text\n class=\"m-0 pb-2 text-left font-sans text-base font-normal leading-6 text-[#0B5F8A] dark:text-[#0B5F8A]\"\n >\n <a href=\"{{preferencesUrl}}\" class=\"font-normal text-[#0B5F8A] underline dark:text-[#0B5F8A]\">Account\n Preferences</a>\n </Text>\n <Text\n class=\"m-0 pb-2 text-left font-sans text-base font-normal leading-6 text-[#0B5F8A] dark:text-[#0B5F8A]\"\n >\n <a href=\"{{feedbackUrl}}\" class=\"font-normal text-[#0B5F8A] underline dark:text-[#0B5F8A]\">Give\n Email Feedback</a>\n </Text>\n <Text\n class=\"m-0 text-left font-sans text-base font-normal leading-6 text-[#0B5F8A] dark:text-[#0B5F8A]\"\n >\n <a href=\"{{contactUrl}}\" class=\"font-normal text-[#0B5F8A] underline dark:text-[#0B5F8A]\">Contact\n Us</a>\n </Text>\n </Column>\n <Column class=\"text-right\" width=\"40%\">\n <Container class=\"w-full max-w-[100px]\">\n <Section class=\"bg-[#f9f9f9] dark:bg-[#f9f9f9]\">\n <Row>\n <Column class=\"pr-2.5 pb-4 text-center\" width=\"50%\">\n <Image src=\"{{socialOneIconUrl}}\" width={34} height={34} alt=\"Social link one\" />\n <Text class=\"m-0 hidden text-[#f9f9f9] dark:text-[#f9f9f9]\">\n <a href=\"{{socialOneUrl}}\" class=\"text-[#f9f9f9] no-underline dark:text-[#f9f9f9]\">Social\n one</a>\n </Text>\n </Column>\n <Column class=\"pl-2.5 pb-4 text-center\" width=\"50%\">\n <Image src=\"{{socialTwoIconUrl}}\" width={34} height={34} alt=\"Social link two\" />\n <Text class=\"m-0 hidden text-[#f9f9f9] dark:text-[#f9f9f9]\">\n <a href=\"{{socialTwoUrl}}\" class=\"text-[#f9f9f9] no-underline dark:text-[#f9f9f9]\">Social\n two</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column class=\"pr-2.5 pb-4 text-center\" width=\"50%\">\n <Image\n src=\"{{socialThreeIconUrl}}\"\n width={34}\n height={34}\n alt=\"Social link three\"\n />\n <Text class=\"m-0 hidden text-[#f9f9f9] dark:text-[#f9f9f9]\">\n <a href=\"{{socialThreeUrl}}\" class=\"text-[#f9f9f9] no-underline dark:text-[#f9f9f9]\">Social\n three</a>\n </Text>\n </Column>\n <Column class=\"pl-2.5 pb-4 text-center\" width=\"50%\">\n <Image\n src=\"{{socialFourIconUrl}}\"\n width={34}\n height={34}\n alt=\"Social link four\"\n />\n <Text class=\"m-0 hidden text-[#f9f9f9] dark:text-[#f9f9f9]\">\n <a href=\"{{socialFourUrl}}\" class=\"text-[#f9f9f9] no-underline dark:text-[#f9f9f9]\">Social\n four</a>\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#f9f9f9] px-5 py-2 dark:bg-[#f9f9f9]\">\n <Row>\n <Column class=\"text-left\">\n <Text\n class=\"m-0 pt-1 text-left font-sans text-sm font-normal leading-[21px] text-[#727374] dark:text-[#727374]\"\n >\n ⁶ Shipping costs are set by the seller and may vary; see each product listing for\n details.\n </Text>\n <Text\n class=\"m-0 pt-1 text-left font-sans text-sm font-normal leading-[21px] text-[#727374] dark:text-[#727374]\"\n >\n † {{deliveryMinimum}} order minimum. Restrictions apply. Subject to availability.\n Delivery time not guaranteed.\n </Text>\n <Text\n class=\"m-0 pt-1 text-left font-sans text-sm font-normal leading-[21px] text-[#727374] dark:text-[#727374]\"\n >\n ^ Restrictions apply.\n </Text>\n <Text\n class=\"m-0 pt-1 text-left font-sans text-sm font-normal leading-[21px] text-[#727374] dark:text-[#727374]\"\n >\n ‡ Eligible for free grocery delivery on orders {{deliveryMinimum}} or more and\n {{pointsMultiplier}} Market Miles on grocery and general merchandise purchases in-store\n and online. One-time offer of over {{specialtySavings}} savings on House Pantry Brands\n is not eligible during free trial. Must provide payment information to activate free\n trial. Once free trial expires, your credit/debit card will be charged for an annual\n membership unless canceled prior to the end of the trial period. You can cancel any time\n before the end of the {{trialDays}}-day trial at northcrate.example/membership. If you\n decide to cancel, your current Cratepass benefits will be available until the end of\n your free trial period. Eligible for one free trial only per household.\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#0B5F8A] py-4 dark:bg-[#0B5F8A]\">\n <Row>\n <Column class=\"pb-1 text-center\">\n <Text\n class=\"m-0 text-center font-sans text-lg font-bold leading-6 text-white dark:text-white\"\n >\n Northcrate\n </Text>\n </Column>\n </Row>\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 text-center font-sans text-sm font-bold leading-6 text-white dark:text-white\"\n >\n <a href=\"{{unsubscribeUrl}}\" class=\"font-bold text-white no-underline dark:text-white\">Unsubscribe</a>\n /\n <a href=\"{{privacyUrl}}\" class=\"font-bold text-white no-underline dark:text-white\">Privacy\n Policy</a> /\n <a href=\"{{termsUrl}}\" class=\"font-bold text-white no-underline dark:text-white\">Terms\n &amp; Conditions</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column class=\"pt-1 text-center\">\n <Text\n class=\"m-0 text-center font-sans text-xs font-normal leading-[18px] text-white dark:text-white\"\n >\n This email was sent to:\n <a href=\"mailto:{{recipientEmail}}\" class=\"font-normal text-white no-underline dark:text-white\">{{recipientEmail}}</a>\n </Text>\n <Text\n class=\"m-0 text-center font-sans text-xs font-normal leading-[18px] text-white dark:text-white\"\n >\n © Copyright {{copyrightYear}} Northcrate. 914 Harbor Ledger Ave, Seattle, WA 98101. All\n Rights Reserved.\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#bbbcbe] pb-4 dark:bg-[#bbbcbe]\">\n <Row>\n <Column class=\"py-2 text-center\">\n <Text\n class=\"m-0 text-center font-sans text-base font-bold leading-6 text-[#1d1e1f] dark:text-[#1d1e1f]\"\n >\n Get the App\n </Text>\n </Column>\n </Row>\n <Row>\n <Column class=\"pr-1 text-center\" width=\"50%\">\n <Image\n src=\"{{androidAppBadgeUrl}}\"\n width={140}\n height={47}\n alt=\"Download the Android app\"\n />\n <Text class=\"m-0 hidden text-[#bbbcbe] dark:text-[#bbbcbe]\">\n <a href=\"{{androidAppUrl}}\" class=\"text-[#bbbcbe] no-underline dark:text-[#bbbcbe]\">Android\n app</a>\n </Text>\n </Column>\n <Column class=\"text-center\" width=\"50%\">\n <Image src=\"{{iosAppBadgeUrl}}\" width={140} height={47} alt=\"Download the iOS app\" />\n <Text class=\"m-0 hidden text-[#bbbcbe] dark:text-[#bbbcbe]\">\n <a href=\"{{iosAppUrl}}\" class=\"text-[#bbbcbe] no-underline dark:text-[#bbbcbe]\">iOS\n app</a>\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n</Email>\n",
42
+ "weekly-deals-circular": "<Email class=\"font-body bg-white dark:bg-white\">\n <Preview>\n Example email template. Replace the sample pricing, availability, and restrictions before\n sending.\n </Preview>\n <Container class=\"w-full max-w-[600px] bg-white dark:bg-white\">\n <Section class=\"bg-white px-0 py-1 dark:bg-white\">\n <Row>\n <Column class=\"pr-2 text-left\" width=\"450\">\n <Text\n class=\"m-0 text-left font-sans text-xs leading-[15px] text-[#949599] dark:text-[#949599]\"\n >\n Browse this week’s circular for the hottest savings in store and online.\n </Text>\n </Column>\n <Column class=\"text-right\" width=\"150\">\n <Text\n class=\"m-0 text-right font-sans text-xs leading-[15px] text-[#949599] dark:text-[#949599]\"\n >\n <a href=\"{{browserViewUrl}}\" class=\"font-normal text-[#949599] underline dark:text-[#949599]\">View\n in your browser</a>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#cccccc] dark:bg-[#cccccc]\">\n <Row>\n <Column class=\"py-2 text-center\">\n <Text\n class=\"m-0 text-center font-sans text-xl font-bold leading-6 tracking-tight text-[#1D1E1F] dark:text-[#1D1E1F]\"\n >\n <a href=\"{{homeUrl}}\" class=\"font-bold text-[#1D1E1F] no-underline dark:text-[#1D1E1F]\">Northcrate</a>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#3D6B63] dark:bg-[#3D6B63]\">\n <Row>\n <Column class=\"py-2.5 text-right\" width=\"291\">\n <Text\n class=\"m-0 text-right font-sans text-xl font-bold leading-6 text-white dark:text-white\"\n >\n <a href=\"{{weeklyAdUrl}}\" class=\"font-bold text-white no-underline dark:text-white\">Shop\n the Weekly Circular</a>\n </Text>\n </Column>\n <Column class=\"py-2.5 text-left\" width=\"17\">\n <Text\n class=\"m-0 text-left font-sans text-xl font-bold leading-6 text-white dark:text-white\"\n >\n ›\n </Text>\n </Column>\n <Column width=\"292\">\n <Spacer height={41} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#3D6B63] dark:bg-[#3D6B63]\">\n <Row>\n <Column class=\"pb-2.5 text-center\">\n <Text\n class=\"m-0 text-center font-sans text-base font-bold leading-6 tracking-wide text-white dark:text-white\"\n >\n <a href=\"{{weeklyAdUrl}}\" class=\"font-bold text-white no-underline dark:text-white\">Weekly\n Circular</a>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={16} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={16} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#0B5F8A] dark:bg-[#0B5F8A]\">\n <Row>\n <Column class=\"px-5 py-4 text-center\">\n <Heading\n level={2}\n class=\"m-0 text-center font-sans text-[28px] font-bold leading-8 text-white dark:text-white\"\n >\n Save {{multiBuyUnitSavings}} Each When You Buy {{multiBuyQuantity}} or More\n </Heading>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#0B5F8A] px-5 pb-4 pt-2.5 dark:bg-[#0B5F8A]\">\n <Row>\n <Column class=\"text-center\">\n <Button\n href=\"{{shopDealUrl}}\"\n class=\"rounded-[20px] bg-white px-5 py-2 text-center font-sans text-base font-bold leading-[22px] text-[#1D1E1F] dark:bg-white dark:text-[#1D1E1F]\"\n >\n Shop the Deal\n </Button>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white dark:bg-white\">\n <Row>\n <Column>\n <Spacer height={16} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-5 pt-4 dark:bg-white\">\n <Row>\n <Column class=\"rounded-t-[20px] bg-[#1E86B5] px-5 pt-2.5 text-center dark:bg-[#1E86B5]\">\n <Heading\n level={2}\n class=\"m-0 text-center font-sans text-[30px] font-bold leading-[30px] text-white dark:text-white\"\n >\n Peak Season Produce Has Landed\n </Heading>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-5 dark:bg-white\">\n <Row>\n <Column class=\"bg-[#1E86B5] px-5 pt-1 text-center dark:bg-[#1E86B5]\">\n <Text\n class=\"m-0 text-center font-sans text-base font-normal leading-6 text-white dark:text-white\"\n >\n Sun-warmed orchard picks and garden greens are in. Stock the kitchen with bright,\n in-season favorites.\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-5 pb-4 dark:bg-white\">\n <Row>\n <Column\n class=\"rounded-b-[20px] bg-[#1E86B5] px-5 pb-4 pt-2.5 text-center dark:bg-[#1E86B5]\"\n >\n <Button\n href=\"{{produceUrl}}\"\n class=\"rounded-[20px] bg-white px-5 py-2 text-center font-sans text-base font-bold leading-[22px] text-[#1D1E1F] dark:bg-white dark:text-[#1D1E1F]\"\n >\n Shop Fresh Produce\n </Button>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-5 dark:bg-white\">\n <Row>\n <Column class=\"rounded-t-[20px] bg-[#1E86B5] px-5 pt-2.5 text-center dark:bg-[#1E86B5]\">\n <Heading\n level={2}\n class=\"m-0 text-center font-sans text-[30px] font-bold leading-[30px] text-white dark:text-white\"\n >\n SAVE Up to {{wellnessDiscountPercent}}\n </Heading>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-5 dark:bg-white\">\n <Row>\n <Column class=\"bg-[#1E86B5] px-5 pt-1 text-center dark:bg-[#1E86B5]\">\n <Text\n class=\"m-0 text-center font-sans text-base font-normal leading-6 text-white dark:text-white\"\n >\n On everyday wellness staples. Plus, get them shipped straight to your door.⁶\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-white px-5 pb-4 dark:bg-white\">\n <Row>\n <Column\n class=\"rounded-b-[20px] bg-[#1E86B5] px-5 pb-4 pt-2.5 text-center dark:bg-[#1E86B5]\"\n >\n <Button\n href=\"{{wellnessUrl}}\"\n class=\"rounded-[20px] bg-white px-5 py-2 text-center font-sans text-base font-bold leading-[22px] text-[#1D1E1F] dark:bg-white dark:text-[#1D1E1F]\"\n >\n Start Shopping\n </Button>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#2A7040] dark:bg-[#2A7040]\">\n <Row>\n <Column class=\"py-2.5 text-center\">\n <Text\n class=\"m-0 text-center font-sans text-xl font-bold leading-6 text-white dark:text-white\"\n >\n <a href=\"{{couponsUrl}}\" class=\"font-bold text-white no-underline dark:text-white\">Coupons\n for You</a>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#2A7040] px-5 py-2 dark:bg-[#2A7040]\">\n <Row>\n <Column class=\"pr-2 text-center\" width=\"25%\">\n <Image\n src=\"{{couponOneImageUrl}}\"\n width={130}\n height={235}\n alt=\"Personalized digital coupon offer one\"\n />\n </Column>\n <Column class=\"pr-2 text-center\" width=\"25%\">\n <Image\n src=\"{{couponTwoImageUrl}}\"\n width={130}\n height={235}\n alt=\"Personalized digital coupon offer two\"\n />\n </Column>\n <Column class=\"pr-2 text-center\" width=\"25%\">\n <Image\n src=\"{{couponThreeImageUrl}}\"\n width={130}\n height={235}\n alt=\"Personalized digital coupon offer three\"\n />\n </Column>\n <Column class=\"text-center\" width=\"25%\">\n <Image\n src=\"{{couponFourImageUrl}}\"\n width={130}\n height={235}\n alt=\"Personalized digital coupon offer four\"\n />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#2A7040] px-5 py-4 dark:bg-[#2A7040]\">\n <Row>\n <Column class=\"text-center\">\n <Button\n href=\"{{clipCouponsUrl}}\"\n class=\"rounded-[20px] bg-white px-5 py-2 text-center font-sans text-base font-bold leading-[22px] text-[#1D1E1F] dark:bg-white dark:text-[#1D1E1F]\"\n >\n Log in to Clip Coupons\n </Button>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#eff0f1] px-[30px] pt-2 dark:bg-[#eff0f1]\">\n <Row>\n <Column class=\"text-left\">\n <Text\n class=\"m-0 text-left font-sans text-lg font-bold leading-6 text-[#1d1e1f] dark:text-[#1d1e1f]\"\n >\n <a href=\"{{membershipUrl}}\" class=\"font-bold text-[#1d1e1f] no-underline dark:text-[#1d1e1f]\">Cratepass</a>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#eff0f1] px-[30px] py-2 dark:bg-[#eff0f1]\">\n <Row>\n <Column class=\"text-left\">\n <Text\n class=\"m-0 text-left font-sans text-base font-bold leading-6 text-[#1d1e1f] dark:text-[#1d1e1f]\"\n >\n Enjoy FREE grocery delivery†, {{pointsMultiplier}} Market Miles^ and more.\n </Text>\n <Text\n class=\"m-0 text-left font-sans text-base font-bold leading-6 text-[#1d1e1f] dark:text-[#1d1e1f]\"\n >\n <a href=\"{{membershipTrialUrl}}\" class=\"font-bold text-[#B91C5C] no-underline dark:text-[#B91C5C]\">Start\n Your {{trialDays}}-day Free Trial‡ »</a>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#dfe1e1] px-[30px] py-2 dark:bg-[#dfe1e1]\">\n <Row>\n <Column class=\"text-left\">\n <Text\n class=\"m-0 text-left font-sans text-base font-normal leading-6 text-[#1d1e1f] dark:text-[#1d1e1f]\"\n >\n Already a Cratepass member? Enjoying your Free Trial?\n <a href=\"{{membershipDetailsUrl}}\" class=\"font-bold text-[#1d1e1f] underline dark:text-[#1d1e1f]\">Review\n your membership details.</a>\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#f9f9f9] pt-1 dark:bg-[#f9f9f9]\">\n <Row>\n <Column class=\"px-0\" width=\"5\">\n <Spacer height={36} />\n </Column>\n <Column class=\"rounded bg-[#eff0f1] py-2 text-center dark:bg-[#eff0f1]\" width=\"193\">\n <Text\n class=\"m-0 text-center font-sans text-base font-bold leading-[19px] text-[#1d1e1f] dark:text-[#1d1e1f]\"\n >\n <a href=\"{{digitalCouponsUrl}}\" class=\"font-bold text-[#1d1e1f] no-underline dark:text-[#1d1e1f]\">Digital\n Coupons</a>\n </Text>\n </Column>\n <Column class=\"px-0\" width=\"5\">\n <Spacer height={36} />\n </Column>\n <Column class=\"rounded bg-[#eff0f1] py-2 text-center dark:bg-[#eff0f1]\" width=\"194\">\n <Text\n class=\"m-0 text-center font-sans text-base font-bold leading-[19px] text-[#1d1e1f] dark:text-[#1d1e1f]\"\n >\n <a href=\"{{weeklyAdNavUrl}}\" class=\"font-bold text-[#1d1e1f] no-underline dark:text-[#1d1e1f]\">Weekly\n Circular</a>\n </Text>\n </Column>\n <Column class=\"px-0\" width=\"5\">\n <Spacer height={36} />\n </Column>\n <Column class=\"rounded bg-[#eff0f1] py-2 text-center dark:bg-[#eff0f1]\" width=\"193\">\n <Text\n class=\"m-0 text-center font-sans text-base font-bold leading-[19px] text-[#1d1e1f] dark:text-[#1d1e1f]\"\n >\n <a href=\"{{allDealsUrl}}\" class=\"font-bold text-[#1d1e1f] no-underline dark:text-[#1d1e1f]\">See\n All Deals</a>\n </Text>\n </Column>\n <Column class=\"px-0\" width=\"5\">\n <Spacer height={36} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#f9f9f9] dark:bg-[#f9f9f9]\">\n <Row>\n <Column>\n <Spacer height={6} />\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#f9f9f9] px-5 py-2 dark:bg-[#f9f9f9]\">\n <Row>\n <Column class=\"pl-5 text-left\" width=\"60%\">\n <Text\n class=\"m-0 pb-2 text-left font-sans text-base font-normal leading-6 text-[#0B5F8A] dark:text-[#0B5F8A]\"\n >\n <a href=\"{{preferencesUrl}}\" class=\"font-normal text-[#0B5F8A] underline dark:text-[#0B5F8A]\">Account\n Preferences</a>\n </Text>\n <Text\n class=\"m-0 pb-2 text-left font-sans text-base font-normal leading-6 text-[#0B5F8A] dark:text-[#0B5F8A]\"\n >\n <a href=\"{{feedbackUrl}}\" class=\"font-normal text-[#0B5F8A] underline dark:text-[#0B5F8A]\">Give\n Email Feedback</a>\n </Text>\n <Text\n class=\"m-0 text-left font-sans text-base font-normal leading-6 text-[#0B5F8A] dark:text-[#0B5F8A]\"\n >\n <a href=\"{{contactUrl}}\" class=\"font-normal text-[#0B5F8A] underline dark:text-[#0B5F8A]\">Contact\n Us</a>\n </Text>\n </Column>\n <Column class=\"text-right\" width=\"40%\">\n <Container class=\"w-full max-w-[100px]\">\n <Section class=\"bg-[#f9f9f9] dark:bg-[#f9f9f9]\">\n <Row>\n <Column class=\"pr-2.5 pb-4 text-center\" width=\"50%\">\n <Image src=\"{{socialOneIconUrl}}\" width={34} height={34} alt=\"Social link one\" />\n <Text class=\"m-0 hidden text-[#f9f9f9] dark:text-[#f9f9f9]\">\n <a href=\"{{socialOneUrl}}\" class=\"text-[#f9f9f9] no-underline dark:text-[#f9f9f9]\">Social\n one</a>\n </Text>\n </Column>\n <Column class=\"pl-2.5 pb-4 text-center\" width=\"50%\">\n <Image src=\"{{socialTwoIconUrl}}\" width={34} height={34} alt=\"Social link two\" />\n <Text class=\"m-0 hidden text-[#f9f9f9] dark:text-[#f9f9f9]\">\n <a href=\"{{socialTwoUrl}}\" class=\"text-[#f9f9f9] no-underline dark:text-[#f9f9f9]\">Social\n two</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column class=\"pr-2.5 pb-4 text-center\" width=\"50%\">\n <Image\n src=\"{{socialThreeIconUrl}}\"\n width={34}\n height={34}\n alt=\"Social link three\"\n />\n <Text class=\"m-0 hidden text-[#f9f9f9] dark:text-[#f9f9f9]\">\n <a href=\"{{socialThreeUrl}}\" class=\"text-[#f9f9f9] no-underline dark:text-[#f9f9f9]\">Social\n three</a>\n </Text>\n </Column>\n <Column class=\"pl-2.5 pb-4 text-center\" width=\"50%\">\n <Image\n src=\"{{socialFourIconUrl}}\"\n width={34}\n height={34}\n alt=\"Social link four\"\n />\n <Text class=\"m-0 hidden text-[#f9f9f9] dark:text-[#f9f9f9]\">\n <a href=\"{{socialFourUrl}}\" class=\"text-[#f9f9f9] no-underline dark:text-[#f9f9f9]\">Social\n four</a>\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#f9f9f9] px-5 py-2 dark:bg-[#f9f9f9]\">\n <Row>\n <Column class=\"text-left\">\n <Text\n class=\"m-0 pt-1 text-left font-sans text-sm font-normal leading-[21px] text-[#727374] dark:text-[#727374]\"\n >\n ⁶ Shipping costs are set by the seller and may vary; see each product listing for\n details.\n </Text>\n <Text\n class=\"m-0 pt-1 text-left font-sans text-sm font-normal leading-[21px] text-[#727374] dark:text-[#727374]\"\n >\n † {{deliveryMinimum}} order minimum. Restrictions apply. Subject to availability.\n Delivery time not guaranteed.\n </Text>\n <Text\n class=\"m-0 pt-1 text-left font-sans text-sm font-normal leading-[21px] text-[#727374] dark:text-[#727374]\"\n >\n ^ Restrictions apply.\n </Text>\n <Text\n class=\"m-0 pt-1 text-left font-sans text-sm font-normal leading-[21px] text-[#727374] dark:text-[#727374]\"\n >\n ‡ Eligible for free grocery delivery on orders {{deliveryMinimum}} or more and\n {{pointsMultiplier}} Market Miles on grocery and general merchandise purchases in-store\n and online. One-time offer of over {{specialtySavings}} savings on House Pantry Brands\n is not eligible during free trial. Must provide payment information to activate free\n trial. Once free trial expires, your credit/debit card will be charged for an annual\n membership unless canceled prior to the end of the trial period. You can cancel any time\n before the end of the {{trialDays}}-day trial at northcrate.example/membership. If you\n decide to cancel, your current Cratepass benefits will be available until the end of\n your free trial period. Eligible for one free trial only per household.\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#0B5F8A] py-4 dark:bg-[#0B5F8A]\">\n <Row>\n <Column class=\"pb-1 text-center\">\n <Text\n class=\"m-0 text-center font-sans text-lg font-bold leading-6 text-white dark:text-white\"\n >\n Northcrate\n </Text>\n </Column>\n </Row>\n <Row>\n <Column class=\"text-center\">\n <Text\n class=\"m-0 text-center font-sans text-sm font-bold leading-6 text-white dark:text-white\"\n >\n <a href=\"{{unsubscribeUrl}}\" class=\"font-bold text-white no-underline dark:text-white\">Unsubscribe</a>\n /\n <a href=\"{{privacyUrl}}\" class=\"font-bold text-white no-underline dark:text-white\">Privacy\n Policy</a> /\n <a href=\"{{termsUrl}}\" class=\"font-bold text-white no-underline dark:text-white\">Terms\n &amp; Conditions</a>\n </Text>\n </Column>\n </Row>\n <Row>\n <Column class=\"pt-1 text-center\">\n <Text\n class=\"m-0 text-center font-sans text-xs font-normal leading-[18px] text-white dark:text-white\"\n >\n This email was sent to:\n <a href=\"mailto:{{recipientEmail}}\" class=\"font-normal text-white no-underline dark:text-white\">{{recipientEmail}}</a>\n </Text>\n <Text\n class=\"m-0 text-center font-sans text-xs font-normal leading-[18px] text-white dark:text-white\"\n >\n © Copyright {{copyrightYear}} Northcrate. 914 Harbor Ledger Ave, Seattle, WA 98101. All\n Rights Reserved.\n </Text>\n </Column>\n </Row>\n </Section>\n <Section class=\"bg-[#bbbcbe] pb-4 dark:bg-[#bbbcbe]\">\n <Row>\n <Column class=\"py-2 text-center\">\n <Text\n class=\"m-0 text-center font-sans text-base font-bold leading-6 text-[#1d1e1f] dark:text-[#1d1e1f]\"\n >\n Get the App\n </Text>\n </Column>\n </Row>\n <Row>\n <Column class=\"pr-1 text-center\" width=\"50%\">\n <Image\n src=\"{{androidAppBadgeUrl}}\"\n width={140}\n height={47}\n alt=\"Download the Android app\"\n />\n <Text class=\"m-0 hidden text-[#bbbcbe] dark:text-[#bbbcbe]\">\n <a href=\"{{androidAppUrl}}\" class=\"text-[#bbbcbe] no-underline dark:text-[#bbbcbe]\">Android\n app</a>\n </Text>\n </Column>\n <Column class=\"text-center\" width=\"50%\">\n <Image src=\"{{iosAppBadgeUrl}}\" width={140} height={47} alt=\"Download the iOS app\" />\n <Text class=\"m-0 hidden text-[#bbbcbe] dark:text-[#bbbcbe]\">\n <a href=\"{{iosAppUrl}}\" class=\"text-[#bbbcbe] no-underline dark:text-[#bbbcbe]\">iOS\n app</a>\n </Text>\n </Column>\n </Row>\n </Section>\n </Container>\n</Email>\n",
43
43
  welcome: "<Email lang=\"en\" dir=\"ltr\" class=\"bg-gray-100 dark:bg-gray-950\">\n <Preview>Welcome to {{workspace}}, {{firstName}}. Let's get your first email sent.</Preview>\n <Container class=\"bg-white px-10 py-10 rounded-brand max-w-[600px] dark:bg-gray-900\">\n <Image src=\"{{logoUrl}}\" alt=\"{{workspace}}\" width={132} height={36} />\n <Heading level={1} class=\"text-3xl font-bold text-gray-900 pt-6 dark:text-white\">\n Welcome aboard, {{firstName}}\n </Heading>\n <Text class=\"text-base leading-relaxed text-gray-600 dark:text-gray-300\">\n Thanks for creating <strong>{{workspace}}</strong>. Your account is ready, and you can send\n your first email in a couple of minutes. Start with our <a href=\"{{docsUrl}}\">quickstart\n guide</a> or jump straight into the dashboard.\n </Text>\n <Button\n href=\"{{ctaUrl}}\"\n class=\"bg-brand text-brand-foreground font-semibold px-6 py-3 rounded-brand\"\n >\n Open your dashboard\n </Button>\n <Spacer height={28} />\n <Divider class=\"border-gray-200 dark:border-gray-700\" />\n <Text class=\"text-sm text-gray-500 pt-2 dark:text-gray-400\">\n Need a hand? Reply to this email and a real person will get back to you.\n </Text>\n </Container>\n</Email>\n",
44
44
  "whatsapp-appointment-reminder": "<WhatsApp name=\"appointment_reminder\" language=\"en_US\" category=\"utility\">\n <Body>Hi {{firstName}}, this is a reminder of your appointment with {{workspace}} on {{appointmentDate}} at {{appointmentTime}}. Can you make it?</Body>\n <Footer>Reply STOP to unsubscribe</Footer>\n <Buttons>\n <Button type=\"quick-reply\">Confirm</Button>\n <Button type=\"quick-reply\">Reschedule</Button>\n </Buttons>\n</WhatsApp>\n",
45
45
  "whatsapp-flash-sale": "<WhatsApp name=\"flash_sale\" language=\"en_US\" category=\"marketing\">\n <Header type=\"text\">{{offerHeadline}}</Header>\n <Body>Hi {{firstName}}, {{offerDetails}}<If test=\"endsToday == 'true'\"> Offer ends tonight!</If></Body>\n <Footer>Reply STOP to unsubscribe</Footer>\n <Buttons>\n <Button type=\"copy-code\">{{promoCode}}</Button>\n <Button type=\"url\" url=\"{{shopUrl}}\">Shop now</Button>\n </Buttons>\n</WhatsApp>\n",