4c: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"] 4d: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"] 4e:Tb914,import { Fragment } from "react"; import { Body, Container, Head as EmailHead, Html, Preview, Tailwind, Section, Link, Text, Heading, Row, Column, Img, } 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 AlignedHero_HeroAlignedOverlayVariant = | "content-left" | "content-left-reversed" | "content-right" | "content-right-reversed"; interface AlignedHero_HeroAlignedOverlayProps { theme?: EmailTheme; eyebrow?: string; headingStart?: string; headingEmphasis?: string; headingEnd?: string; description?: string; ctaLabel?: string; ctaHref?: string; imageSrc?: string; imageAlt?: string; logoSrc?: string; logoAlt?: string; logoHref?: string; pageBackgroundColor?: string; backgroundColor?: string; textColor?: string; buttonBackgroundColor?: string; buttonTextColor?: string; variant?: AlignedHero_HeroAlignedOverlayVariant; } const AlignedHero_fontFamily = 'Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif'; const AlignedHero_responsiveStyles = ` @media only screen and (max-width: 599px) { .hero-aligned-overlay-start { width: 24px !important; } .hero-aligned-overlay-end { width: 112px !important; } .hero-aligned-overlay-content { text-align: left !important; } .hero-aligned-overlay-logo-gap { height: 220px !important; line-height: 220px !important; } } @media only screen and (max-width: 430px) { .hero-aligned-overlay-end { width: 24px !important; } } `; const AlignedHero_variantImages: Record< AlignedHero_HeroAlignedOverlayVariant, string > = { "content-left": emailAsset(`hero/aligned-overlay-bg-1.png`), "content-left-reversed": emailAsset(`hero/aligned-overlay-bg-4.png`), "content-right": emailAsset(`hero/aligned-overlay-bg-2.png`), "content-right-reversed": emailAsset(`hero/aligned-overlay-bg-3.png`), }; type AlignedHero_SectionProps = Required< Omit > & { variant: AlignedHero_HeroAlignedOverlayVariant; }; const AlignedHero_HeroAlignedOverlaySection = ({ backgroundColor, buttonBackgroundColor, buttonTextColor, ctaHref, ctaLabel, description, eyebrow, headingEmphasis, headingEnd, headingStart, imageAlt, imageSrc, logoAlt, logoHref, logoSrc, textColor, variant, }: AlignedHero_SectionProps) => { const contentRight = variant.startsWith("content-right"); const reversed = variant.endsWith("-reversed"); const logo = (

); const copy = ( <> {eyebrow} {headingStart}{" "} {headingEmphasis} {headingEnd}

‍

{description}

‍

{ctaLabel && ctaHref ? ( {ctaLabel}

) : null} ); return (

‍ ‍ {reversed ? copy : logo}

‍

{reversed ? logo : copy}

‍

); }; const AlignedHero_HeroAlignedOverlay = ({ backgroundColor = "#030712", buttonBackgroundColor = "#4f46e5", buttonTextColor = "#fffffe", ctaHref = "https://example.com", ctaLabel = "Discover now", description = "Plan with confidence, explore with ease, and make every journey uniquely yours. Our curated guides, travel tools, and insider tips are designed to inspire your next adventure — all in one spot.", eyebrow = "Discover the world your way", headingEmphasis = "unforgettable", headingEnd = "escape", headingStart = "Your next", imageAlt = "Travel window collage", imageSrc, logoAlt = "emailcn", logoHref = "https://example.com", logoSrc = emailAsset(`emailcn-logo-light.png`), pageBackgroundColor = "#f1f5f9", textColor = "#f9fafb", theme = defaultTheme, variant = "content-left", }: AlignedHero_HeroAlignedOverlayProps) => { const resolvedImageSrc = imageSrc ?? AlignedHero_variantImages[variant]; return (