4f: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/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1o6_421saitt-.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 50: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/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1o6_421saitt-.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 51:T102fd,import { Fragment } from "react"; import { Body, Container, Head as EmailHead, Html, Preview, Tailwind, Column, Section, Row, Link, Text, Heading, Img, Button, } from "react-email"; import { DefaultFonts } from "@/components/email/font-default"; import { createEmailTailwindConfig } 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 OverlaySplitHero_HeroOverlayedSplitVariant = | "overlay-left" | "overlay-right"; interface OverlaySplitHero_HeroOverlayedSplitProps { theme?: EmailTheme; eyebrow?: string; heading?: string; subheading?: string; description?: string; ctaLabel?: string; ctaHref?: string; imageSrc?: string; imageAlt?: string; logoSrc?: string; logoAlt?: string; logoHref?: string; pageBackgroundColor?: string; overlayColor?: string; textColor?: string; buttonBackgroundColor?: string; buttonTextColor?: string; variant?: OverlaySplitHero_HeroOverlayedSplitVariant; } const OverlaySplitHero_fontFamily = 'Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif'; const OverlaySplitHero_responsiveStyles = ` @media only screen and (max-width: 599px) { .hero-overlayed-split-content { display: table-footer-group !important; width: 100% !important; } .hero-overlayed-split-spacer { display: table-header-group !important; height: 188px !important; line-height: 188px !important; width: 100% !important; } } `; type OverlaySplitHero_SectionProps = Required< Omit > & { variant: OverlaySplitHero_HeroOverlayedSplitVariant; }; const OverlaySplitHero_HeroOverlayedSplitSection = ({ buttonBackgroundColor, buttonTextColor, ctaHref, ctaLabel, description, eyebrow, heading, imageAlt, imageSrc, logoAlt, logoHref, logoSrc, overlayColor, subheading, textColor, variant, }: OverlaySplitHero_SectionProps) => { const content = (

‍

{eyebrow} {heading} {subheading}

‍

{description}

‍

{ctaLabel && ctaHref ? ( {ctaLabel}

) : null}

); const spacer = ( ‍ ); return (

{variant === "overlay-left" ? ( <> {content} {spacer} ) : ( <> {spacer} {content} )}

); }; const OverlaySplitHero_HeroOverlayedSplit = ({ buttonBackgroundColor = "#4f46e5", buttonTextColor = "#fffffe", ctaHref = "https://example.com", ctaLabel = "Discover now", description = "From the first pour to the final sip, coffee is more than a drink — it’s a pause, a rhythm, a story in every cup. Discover how moments of calm begin with Sarina.", eyebrow = "Brew Stories", heading = "The Art of the Morning Ritual", imageAlt = "Coffee morning ritual", imageSrc = emailAsset(`hero/overlayed-split-bg.jpg`), logoAlt = "emailcn", logoHref = "https://example.com", logoSrc = emailAsset(`emailcn-logo-light.png`), overlayColor = "rgba(3, 7, 18, 0.8)", pageBackgroundColor = "#f1f5f9", subheading = "January 31, 2025", textColor = "#f9fafb", theme = defaultTheme, variant = "overlay-left", }: OverlaySplitHero_HeroOverlayedSplitProps) => (