4d: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"] 4e: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"] 4f:Td3f9,import { Body, Head as EmailHead, Html, Preview, Section, Row, Column, Text, Link, Img, } from "jsx-email"; import { Fragment } from "react"; import type { ReactNode } 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"; const resolveDefaultProps = ( defaults: Defaults, props: Props ) => { const supplied = props as Record; const fallbackEntries = Object.entries(defaults).map(([key, value]) => [ key, supplied[key] === undefined ? value : supplied[key], ]); return { ...defaults, ...props, ...Object.fromEntries(fallbackEntries), } as Defaults & Props; }; type ContentCtaFooter_FooterWithContentAndCtaVariant = | "centered" | "left-aligned" | "right-aligned"; interface ContentCtaFooter_FooterWithContentAndCtaProps { theme?: EmailTheme; heading?: string; subtext?: string; ctaLabel?: string; ctaHref?: string; logoSrc?: string; logoAlt?: string; updatePreferencesHref?: string; unsubscribeHref?: string; pageBackgroundColor?: string; backgroundColor?: string; headingColor?: string; textColor?: string; mutedTextColor?: string; buttonColor?: string; buttonTextColor?: string; variant?: ContentCtaFooter_FooterWithContentAndCtaVariant; } const ContentCtaFooter_fontFamily = 'Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif'; const ContentCtaFooter_defaults = { backgroundColor: "#fffffe", buttonColor: "#4f46e5", buttonTextColor: "#fffffe", ctaHref: "https://example.com", ctaLabel: "Visit website", heading: "Start sending professionally\ndesigned emails today", headingColor: "#030712", logoAlt: "Maizzle", logoSrc: emailAsset("maizzle-insignia.png"), mutedTextColor: "#d1d5db", pageBackgroundColor: "#f1f5f9", subtext: "Lorem ipsum dolor sit amet consectetur. Eget aenean sed sit sed in sapien. Vel auctor arcu nulla consectetur sed.", textColor: "#6b7280", unsubscribeHref: "https://example.com/unsub", updatePreferencesHref: "https://example.com/update", }; type ContentCtaFooter_SectionProps = Omit< ContentCtaFooter_FooterWithContentAndCtaProps, "theme" >; type ContentCtaFooter_ResolvedProps = typeof ContentCtaFooter_defaults & ContentCtaFooter_SectionProps & { variant: ContentCtaFooter_FooterWithContentAndCtaVariant; }; const ContentCtaFooter_Multiline = ({ text }: { text: string }) => text.split("\n").map((line, index) => ( {index > 0 ?
: null} {line} )); const ContentCtaFooter_FooterWithContentAndCtaSection = ( props: ContentCtaFooter_SectionProps ) => { const resolved = { ...resolveDefaultProps(ContentCtaFooter_defaults, props), variant: props.variant ?? "centered", } as ContentCtaFooter_ResolvedProps; const textAlign = { centered: "center", "left-aligned": "left", "right-aligned": "right", }[resolved.variant] as "center" | "left" | "right"; return (

‍

{resolved.subtext}

‍

{resolved.ctaLabel}

‍

‍

© 2026 emailcn. All rights reserved.

Want to change how you receive these emails?
You can{" "} update your preferences {" "} or{" "} unsubscribe from this list.

‍

); }; const ContentCtaFooter_FooterWithContentAndCta = ({ pageBackgroundColor = "#f1f5f9", theme = defaultTheme, variant = "centered", ...props }: ContentCtaFooter_FooterWithContentAndCtaProps) => ( {props.heading ?? ContentCtaFooter_defaults.heading.replaceAll("\n", " ")} ); ContentCtaFooter_FooterWithContentAndCta.PreviewProps = { theme: defaultTheme, variant: "centered", } satisfies ContentCtaFooter_FooterWithContentAndCtaProps; const __ContentCtaFooter = ContentCtaFooter_FooterWithContentAndCta; interface LargeTitleFooter_FooterWithLargeTitleAndButtonsProps { theme?: EmailTheme; title?: string; pageBackgroundColor?: string; backgroundColor?: string; primaryColor?: string; textColor?: string; mutedTextColor?: string; dividerColor?: string; unsubscribeHref?: string; } const LargeTitleFooter_fontFamily = 'Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif'; const LargeTitleFooter_responsiveStyles = [ "@media only screen and (max-width: 599px) {", " .footer-large-button-cell { display: block !important; margin-left: auto !important; margin-right: auto !important; max-width: 260px !important; width: 100% !important; }", " .footer-large-button-gap { display: block !important; line-height: 24px !important; }", " .footer-large-break { display: none !important; }", "}", ].join("\n"); const LargeTitleFooter_FooterWithLargeTitleAndButtonsSection = ({ title = "Start sending professionally\ndesigned emails today", pageBackgroundColor = "#f1f5f9", backgroundColor = "#fffffe", primaryColor = "#4f46e5", textColor = "#6b7280", mutedTextColor = "#d1d5db", dividerColor = "#d1d5db", unsubscribeHref = "https://example.com/unsub", }: Omit) => (

‍

‍

{title.split("\n").map((line, index) => ( {index > 0 ?
: null} {line} ))}

‍

Shop with us

‍

If you have any questions or need assistance{" "}
please reply to this email.

‍

You're receiving this because you subscribed to updates.{" "}
No longer want to receive emails?{" "} Unsubscribe

‍

); const LargeTitleFooter_FooterWithLargeTitleAndButtons = ({ theme = defaultTheme, ...props }: LargeTitleFooter_FooterWithLargeTitleAndButtonsProps) => (