4e:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 4f:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 50:T1b4c,import { Body, Container, Head as EmailHead, Html, Preview, Section, Row, Column, Heading, Text, Link, Img, } from "jsx-email"; import { Fragment } from "react"; import { DefaultFonts } from "@/components/email/font-default"; import { EmailTailwind } from "@/components/email/email-theme"; import type { EmailTheme } from "@/components/email/email-theme"; import { emailAsset } from "@/components/email/email-assets"; import { defaultTheme } from "@/components/email/theme-default"; interface Cta_CTAWithTopLargeImageProps { theme?: EmailTheme; heading?: string; subtext?: string; ctaLabel?: string; ctaHref?: string; imageSrc?: string; imageAlt?: string; pageBackgroundColor?: string; backgroundColor?: string; headingColor?: string; textColor?: string; buttonBackgroundColor?: string; buttonTextColor?: string; } const Cta_fontFamily = 'Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif'; const Cta_responsiveStyles = ` @media only screen and (max-width: 599px) { .cta-top-image-content { padding-left: 24px !important; padding-right: 24px !important; } } .cta-top-image-button:hover { background-color: #4338ca !important; } `; type Cta_SectionProps = Omit; const Cta_defaultSectionProps = { backgroundColor: "#fffffe", buttonBackgroundColor: "#4f46e5", buttonTextColor: "#f8fafc", ctaHref: "https://example.com/", ctaLabel: "Activate & Save", heading: "Built for the journey ahead.", headingColor: "#030712", imageAlt: "", imageSrc: emailAsset("cta/cta-with-image-1.jpg"), pageBackgroundColor: "#f1f5f9", subtext: "You’re one step away from exploring our latest outdoor essentials. Confirm your email to complete your setup and get 10% off your first order.", textColor: "#4b5563", } satisfies Cta_SectionProps; const Cta_CTAWithTopLargeImageSection = (props: Cta_SectionProps) => { const resolved = { ...Cta_defaultSectionProps, ...props }; return (

‍

‍

{resolved.heading}

‍

{resolved.subtext}

‍

{resolved.ctaLabel}

‍

); }; const Cta_CTAWithTopLargeImage = ({ pageBackgroundColor = "#f1f5f9", theme = defaultTheme, ...props }: Cta_CTAWithTopLargeImageProps) => (