1<!DOCTYPE html><!--Xp_1H5xkLUfPUIJ0Npr4H--><html lang="en" dir="ltr" class="__variable_b43c38"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/21a02a2f258c0cda-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/49b9fdfd6fec8ddc-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/67dd88d25d0139b0-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/84d7cea9cd87a16d-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/be9de50208e71549-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="/brand/logo-horizontal.svg"/><link rel="preload" as="image" href="/demos/posters/sneaker-order-response.webp"/><link rel="preload" as="image" href="/demos/posters/id-custom-order.webp"/><link rel="preload" as="image" href="/demos/posters/id-custom-order-2.webp"/><link rel="stylesheet" href="/_next/static/css/c9341642a36e1104.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-47455e69b614e04d.js"/>
1<script src="/_next/static/chunks/4bd1b696-c023c6e3521b1417.js" async=""></script>
1<script src="/_next/static/chunks/255-a7ba4d37dca2f1fa.js" async=""></script>
1<script src="/_next/static/chunks/main-app-80f229f4d8e83d49.js" async=""></script>
1<script src="/_next/static/chunks/619-ba102abea3e3d0e4.js" async=""></script>
1<script src="/_next/static/chunks/873-3d2dccdc888d3cc2.js" async=""></script>
1<script src="/_next/static/chunks/370-e7ac45a3cbae9ec4.js" async=""></script>
1<script src="/_next/static/chunks/490-2eeae599d630a579.js" async=""></script>
1<script src="/_next/static/chunks/app/solutions/page-ca138a752315b58a.js" async=""></script>
1<script src="/_next/static/chunks/176-786517ab9996954b.js" async=""></script>
1<script src="/_next/static/chunks/app/layout-48a1ba8133efef48.js" async=""></script>
1<meta name="next-size-adjust" content=""/><title>Solutions | emaze.ai</title><meta name="description" content="Automated personalized landing pages for the whole sales cycle: first response, meetings, quotes, orders, delivery, service and marketing."/><link rel="canonical" href="https://emaze.ai/solutions/"/><meta property="og:title" content="Solutions"/><meta property="og:description" content="Automated personalized landing pages for the whole sales cycle: first response, meetings, quotes, orders, delivery, service and marketing."/><meta property="og:url" content="https://emaze.ai/solutions/"/><meta property="og:site_name" content="emaze.ai"/><meta property="og:image" content="https://emaze.ai/og/solutions.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Solutions"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Solutions"/><meta name="twitter:description" content="Automated personalized landing pages for the whole sales cycle: f
1irst response, meetings, quotes, orders, delivery, service and marketing."/><meta name="twitter:image" content="https://emaze.ai/og/solutions.png"/><meta name="twitter:image:width" content="1200"/><meta name="twitter:image:height" content="630"/><meta name="twitter:image:alt" content="Solutions"/><link rel="icon" href="/brand/logo-mark.svg"/>
1<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script>
1</head><body><div hidden=""><!--$--><!--/$--></div><a href="#main" class="skip-link">Skip to content</a><header class="sticky top-0 z-50 border-b border-border bg-background"><div class="mx-auto w-full ps-lg pe-lg md:ps-2xl md:pe-2xl max-w-[var(--container-site)]"><div class="flex min-h-[72px] items-center gap-2xl"><a class="inline-flex items-center" aria-label="emaze.ai home" href="/"><span class="brand-logo inline-flex items-center"><img alt="emaze.ai" width="100" height="32" decoding="async" data-nimg="1" style="color:transparent;height:32px;width:auto" src="/brand/logo-horizontal.svg"/></span></a><nav aria-label="Main" class="hidden flex-1 md:block"><ul class="m-0 flex list-none justify-center gap-xl p-0"><li class="group relative"><a class="inline-flex min-h-[44px] items-center gap-xs px-sm text-body no-underline transition-colors duration-[var(--duration-fast)] text-body-muted hover:text-foreground" href="/solutions/">Solutions</a></li><li class="group relative"><a class="inline-flex min-h-[44px] items-center gap-xs px-sm text-body no-underline transition-colors duration-[var(--duration-fast)] text-body-muted hover:text-foreground" href="/industries/">Industries<svg width="12" height="12" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="mt-[2px] transition-transform duration-[var(--duration-fast)] group-hover:rotate-180"><path d="M2.5 4.5L6 8l3.5-3.5"></path></svg></a><div class="absolute start-0 top-full hidden pt-xs group-focus-within:block group-hover:block"><ul class="m-0 flex min-w-[240px] list-none flex-col gap-xs rounded-xl border border-border bg-card p-sm shadow-md"><li><a class="flex min-h-[44px] items-center rounded-lg px-md text-body no-underline transition-colors duration-[var(--duration-fast)] hover:bg-muted text-body-muted hover:text-foreground" href="/industries/automotive/">Automotive</a></li><li><a class="flex min-h-[44px] items-center rounded-lg px-md text-body no-underline transition-colors duration-[var(--duration-fast)] hover:bg-muted text-body-muted hover:text-foreground" href="/industries/retail/">Retail and ecommerce</a></li><li><a class="flex min-h-[44px] items-center rounded-lg px-md text-body no-underline transition-colors duration-[var(--duration-fast)] hover:bg-muted text-body-muted hover:text-foreground" href="/industries/">The touchpoint library</a></li></ul></div></li><li class="group relative"><a class="inline-flex min-h-[44px] items-center gap-xs px-sm text-body no-underline transition-colors duration-[var(--duration-fast)] text-body-muted hover:text-foreground" href="/case-studies/">Case studies</a></li><li class="group relative"><a class="inline-flex min-h-[44px] items-center gap-xs px-sm text-body no-underline transition-colors duration-[var(--duration-fast)] text-body-muted hover:text-foreground" href="/integrations/">Integrations</a></li><li class="group relative"><a class="inline-flex min-h-[44px] items-center gap-xs px-sm text-body no-underline transition-colors duration-[var(--duration-fast)] text-body-muted hover:text-foreground" href="/about/">About<svg width="12" height="12" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="mt-[2px] transition-transform duration-[var(--duration-fast)] group-hover:rotate-180"><path d="M2.5 4.5L6 8l3.5-3.5"></path></svg></a><div class="absolute start-0 top-full hidden pt-xs group-focus-within:block group-hover:block"><ul class="m-0 flex min-w-[240px] list-none flex-col gap-xs rounded-xl border border-border bg-card p-sm shadow-md"><li><a class="flex min-h-[44px] items-center rounded-lg px-md text-body no-underline transition-colors duration-[var(--duration-fast)] hover:bg-muted text-body-muted hover:text-foreground" href="/about/">About emaze.ai</a></li><li><a class="flex min-h-[44px] items-center rounded-lg px-md text-body no-underline transition-colors duration-[var(--duration-fast)] hover:bg-muted text-body-muted hover:text-foreground" href="/nada-show-exhibitors/">Events</a></li><li><a class="flex min-h-[44px] items-center rounded-lg px-md text-body no-underline transition-colors duration-[var(--duration-fast)] hover:bg-muted text-body-muted hover:text-foreground" href="/contact/">Contact</a></li></ul></div></li></ul></nav><div class="ms-auto hidden md:block"><a class="inline-flex items-center justify-center gap-sm rounded-[var(--radius-cta)] font-medium transition-colors duration-[var(--duration-base)] ease-[var(--ease-in-out)] no-underline cursor-pointer border disabled:opacity-50 disabled:cursor-not-allowed min-h-[44px] px-xl text-body border-transparent bg-cta text-cta-foreground hover:bg-cta-hover" href="/contact/">Book a demo</a></div><details class="group ms-auto md:hidden">
1<summary class="inline-flex size-[44px] cursor-pointer items-center justify-center rounded-full border border-neutral-300 bg-background marker:content-none [&::-webkit-details-marker]:hidden"><span class="sr-only">Menu</span><svg width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" aria-hidden="true"><path d="M3 6h14" class="group-open:hidden"></path><path d="M3 10h14" class="group-open:hidden"></path><path d="M3 14h14" class="group-open:hidden"></path><path d="M5 5l10 10" class="hidden group-open:block"></path><path d="M15 5L5 15" class="hidden group-open:block"></path></svg></summary><div id="nav-panel" class="absolute inset-inline-0 start-0 end-0 border-t border-border bg-background"><div class="mx-auto w-full ps-lg pe-lg md:ps-2xl md:pe-2xl max-w-[var(--container-site)]"><ul class="m-0 flex list-none flex-col gap-xs p-0 py-lg"><li><a class="flex min-h-[44px] items-center rounded-lg px-md text-body no-underline text-foreground" href="/solutions/">Solutions</a></li><li><a class="flex min-h-[44px] items-center rounded-lg px-md text-body no-underline text-foreground" href="/industries/">Industries</a><ul class="m-0 flex list-none flex-col gap-xs p-0 ps-lg"><li><a class="flex min-h-[44px] items-center rounded-lg px-md text-small text-body-muted no-underline" href="/industries/automotive/">Automotive</a></li><li><a class="flex min-h-[44px] items-center rounded-lg px-md text-small text-body-muted no-underline" href="/industries/retail/">Retail and ecommerce</a></li><li><a class="flex min-h-[44px] items-center rounded-lg px-md text-small text-body-muted no-underline" href="/industries/">The touchpoint library</a></li></ul></li><li><a class="flex min-h-[44px] items-center rounded-lg px-md text-body no-underline text-foreground" href="/case-studies/">Case studies</a></li><li><a class="flex min-h-[44px] items-center rounded-lg px-md text-body no-underline text-foreground" href="/integrations/">Integrations</a></li><li><a class="flex min-h-[44px] items-center rounded-lg px-md text-body no-underline text-foreground" href="/about/">About</a><ul class="m-0 flex list-none flex-col gap-xs p-0 ps-lg"><li><a class="flex min-h-[44px] items-center rounded-lg px-md text-small text-body-muted no-underline" href="/about/">About emaze.ai</a></li><li><a class="flex min-h-[44px] items-center rounded-lg px-md text-small text-body-muted no-underline" href="/nada-show-exhibitors/">Events</a></li><li><a class="flex min-h-[44px] items-center rounded-lg px-md text-small text-body-muted no-underline" href="/contact/">Contact</a></li></ul></li><li class="mt-md"><a class="inline-flex items-center justify-center gap-sm rounded-[var(--radius-cta)] font-medium transition-colors duration-[var(--duration-base)] ease-[var(--ease-in-out)] no-underline cursor-pointer border disabled:opacity-50 disabled:cursor-not-allowed min-h-[44px] px-xl text-body border-transparent bg-cta text-cta-foreground hover:bg-cta-hover w-full" href="/contact/">Book a demo</a></li></ul></div></div></details></div></div></header><main id="main"><section class="relative overflow-hidden"><div aria-hidden="true" data-wash="true" class="wash"></div><div class="relative py-5xl"><div class="mx-auto w-full ps-lg pe-lg md:ps-2xl md:pe-2xl max-w-[var(--container-site)]"><div class="mx-auto flex w-full flex-col items-center gap-lg text-center"><h1 class="max-w-[22ch] text-display">One platform for every message you send <em class="accent">after the lead arrives</em></h1><p class="max-w-[56ch] text-lead text-body-muted">emaze.ai generates interactive, personalized touchpoints for the whole cycle: first response, meetings, quotes, orders, delivery, service and marketing.</p><div class="mt-md flex flex-wrap justify-center gap-md"><a class="inline-flex items-center justify-center gap-sm rounded-[var(--radius-cta)] font-medium transition-colors duration-[var(--duration-base)] ease-[var(--ease-in-out)] no-underline cursor-pointer border disabled:opacity-50 disabled:cursor-not-allowed min-h-[52px] px-2xl text-lead border-transparent bg-cta text-cta-foreground hover:bg-cta-hover" href="/contact/">Book a demo</a><a class="inline-flex items-center justify-center gap-sm rounded-[var(--radius-cta)] font-medium transition-colors duration-[var(--duration-base)] ease-[var(--ease-in-out)] no-underline cursor-pointer border disabled:opacity-50 disabled:cursor-not-allowed min-h-[52px] px-2xl text-lead bg-neutral-0 text-cta border-cta hover:bg-blue-50" href="/industries/">See it live</a></div></div></div></div></section><section class="bg-muted text-foreground py-5xl"><div class="mx-auto w-full ps-lg pe-lg md:ps-2xl md:pe-2xl max-w-[var(--container-site)]"><h2 class="text-h2 mx-auto mb-3xl max-w-[24ch] text-center">From a CRM event to a personalized experience, <em class="accent">in seconds</em></h2><div class="grid items-start gap-2xl lg:grid-cols-[minmax(0,26rem)_1fr] lg:gap-4xl"><ol class="m-0 flex list-none flex-col p-0"><li class="border-b border-border last:border-0"><h3 class="m-0"><button type="button" id="_R_12av5t7b_-header-0" aria-expanded="true" aria-controls="_R_12av5t7b_-panel-0" class="flex min-h-[44px] w-full cursor-pointer items-center gap-md py-lg text-start transition-colors duration-[var(--duration-fast)] text-foreground"><span class="shrink-0 text-xs w-[20px] text-link" aria-hidden="true">1</span><span class="flex flex-col gap-[2px]"><span class="text-body font-medium">Trigger</span><span class="text-xs text-body-muted">An event you already have</span></span><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
1ox="0 0 16 16" fill="none" class="ms-auto size-4 shrink-0 transition-transform duration-[var(--duration-fast)] rotate-180" aria-hidden="true"><path d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z" fill="currentColor"></path></svg></button></h3><div id="_R_12av5t7b_-panel-0" role="region" aria-labelledby="_R_12av5t7b_-header-0" class="flex flex-col gap-lg pb-xl ps-[calc(20px+var(--spacing-md))]"><p class="measure text-body text-body-muted">Something happens in your CRM or DMS: a lead arrives, a quote goes out, an appointment is booked, a service is due, a lease is ending.</p><div class="relative overflow-hidden rounded-2xl border border-border lg:hidden"><img src="/images/stages/trigger.webp" alt="A CRM lead screen updating at a dealership desk as a customer arrives." width="1024" height="1024" loading="lazy" decoding="async" class="h-full min-h-[220px] w-full object-cover lg:absolute lg:inset-0 lg:min-h-0"/></div></div></li><li class="border-b border-border last:border-0"><h3 class="m-0"><button type="button" id="_R_12av5t7b_-header-1" aria-expanded="false" aria-controls="_R_12av5t7b_-panel-1" class="flex min-h-[44px] w-full cursor-pointer items-center gap-md py-lg text-start transition-colors duration-[var(--duration-fast)] text-body-muted hover:text-foreground"><span class="shrink-0 text-xs w-[20px] text-body-muted" aria-hidden="true">2</span><span class="flex flex-col gap-[2px]"><span class="text-body font-medium">Generate</span><span class="text-xs text-body-muted">Built for that one record</span></span><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="ms-auto size-4 shrink-0 transition-transform duration-[var(--duration-fast)]" aria-hidden="true"><path d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z" fill="currentColor"></path></svg></button></h3><div id="_R_12av5t7b_-panel-1" role="region" aria-labelledby="_R_12av5t7b_-header-1" hidden="" class="flex flex-col gap-lg pb-xl ps-[calc(20px+var(--spacing-md))]"><p class="measure text-body text-body-muted">emaze.ai builds the touchpoint for that record. Their name, their vehicle or policy, their branch, their agent, their language, the right offer and the right disclaimer.</p><div class="relative overflow-hidden rounded-2xl border border-border lg:hidden"><img src="/images/stages/generate.webp" alt="A personalized quote page with payment terms and trade-in value on a tablet." width="1024" height="1024" loading="lazy" decoding="async" class="h-full min-h-[220px] w-full object-cover lg:absolute lg:inset-0 lg:min-h-0"/></div></div></li><li class="border-b border-border last:border-0"><h3 class="m-0"><button type="button" id="_R_12av5t7b_-header-2" aria-expanded="false" aria-controls="_R_12av5t7b_-panel-2" class="flex min-h-[44px] w-full cursor-pointer items-center gap-md py-lg text-start transition-colors duration-[var(--duration-fast)] text-body-muted hover:text-foreground"><span class="shrink-0 text-xs w-[20px] text-body-muted" aria-hidden="true">3</span><span class="flex flex-col gap-[2px]"><span class="text-body font-medium">Deliver</span><span class="text-xs text-body-muted">Channels your customers recognise</span></span><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="ms-auto size-4 shrink-0 transition-transform duration-[var(--duration-fast)]" aria-hidden="true"><path d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z" fill="currentColor"></path></svg></button></h3><div id="_R_12av5t7b_-panel-2" role="region" aria-labelledby="_R_12av5t7b_-header-2" hidden="" class="flex flex-col gap-lg pb-xl ps-[calc(20px+var(--spacing-md))]"><p class="measure text-body text-body-muted">It goes out over WhatsApp, SMS or email, through the systems you already send from.</p><div class="relative overflow-hidden rounded-2xl border border-border lg:hidden"><img src="/images/stages/deliver.webp" alt="The same personalized quote arriving over WhatsApp, SMS and email on three phones." width="1024" height="1024" loading="lazy" decoding="async" class="h-full min-h-[220px] w-full object-cover lg:absolute lg:inset-0 lg:min-h-0"/></div></div></li><li class="border-b border-border last:border-0"><h3 class="m-0"><button type="button" id="_R_12av5t7b_-header-3" aria-expanded="false" aria-controls="_R_12av5t7b_-panel-3" class="flex min-h-[44px] w-full cursor-pointer items-center gap-md py-lg text-start transition-colors duration-[var(--duration-fast)] text-body-muted hover:text-foreground"><span class="shrink-0 text-xs w-[20px] text-body-muted" aria-hidden="true">4</span><span class="flex flex-col gap-[2px]"><span class="text-body font-medium">Engage</span><span class="text-xs text-body-muted">Interactive, not static</span></span><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
1ox="0 0 16 16" fill="none" class="ms-auto size-4 shrink-0 transition-transform duration-[var(--duration-fast)]" aria-hidden="true"><path d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z" fill="currentColor"></path></svg></button></h3><div id="_R_12av5t7b_-panel-3" role="region" aria-labelledby="_R_12av5t7b_-header-3" hidden="" class="flex flex-col gap-lg pb-xl ps-[calc(20px+var(--spacing-md))]"><p class="measure text-body text-body-muted">They open something interactive. A story with video, a swipe deck of offers, a quote they can explore, a form that takes a photo of a document instead of asking them to type it.</p><div class="relative overflow-hidden rounded-2xl border border-border lg:hidden"><img src="/images/stages/engage.webp" alt="A driver watching a personalized service offer story on his phone." width="1024" height="1024" loading="lazy" decoding="async" class="h-full min-h-[220px] w-full object-cover lg:absolute lg:inset-0 lg:min-h-0"/></div></div></li><li class="border-b border-border last:border-0"><h3 class="m-0"><button type="button" id="_R_12av5t7b_-header-4" aria-expanded="false" aria-controls="_R_12av5t7b_-panel-4" class="flex min-h-[44px] w-full cursor-pointer items-center gap-md py-lg text-start transition-colors duration-[var(--duration-fast)] text-body-muted hover:text-foreground"><span class="shrink-0 text-xs w-[20px] text-body-muted" aria-hidden="true">5</span><span class="flex flex-col gap-[2px]"><span class="text-body font-medium">Write back</span><span class="text-xs text-body-muted">Back where you can act on it</span></span><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="ms-auto size-4 shrink-0 transition-transform duration-[var(--duration-fast)]" aria-hidden="true"><path d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z" fill="currentColor"></path></svg></button></h3><div id="_R_12av5t7b_-panel-4" role="region" aria-labelledby="_R_12av5t7b_-header-4" hidden="" class="flex flex-col gap-lg pb-xl ps-[calc(20px+var(--spacing-md))]"><p class="measure text-body text-body-muted">Every open, scroll, click, swipe and submission returns to the CRM, with daily aggregated engagement to your BI.</p><div class="relative overflow-hidden rounded-2xl border border-border lg:hidden"><img src="/images/stages/write-back.webp" alt="Engagement analytics dashboards with funnels and activity feeding back to the CRM." width="1024" height="1024" loading="lazy" decoding="async" class="h-full min-h-[220px] w-full object-cover lg:absolute lg:inset-0 lg:min-h-0"/></div></div></li></ol><div class="relative overflow-hidden rounded-2xl border border-border hidden lg:block lg:min-h-[420px] lg:self-stretch"><img src="/images/stages/trigger.webp" alt="A CRM lead screen updating at a dealership desk as a customer arrives." width="1024" height="1024" loading="lazy" decoding="async" class="h-full min-h-[220px] w-full object-cover lg:absolute lg:inset-0 lg:min-h-0"/></div></div></div></section><section class="bg-background text-foreground py-5xl"><div class="mx-auto w-full ps-lg pe-lg md:ps-2xl md:pe-2xl max-w-[var(--container-site)]"><div class="mx-auto mb-3xl flex max-w-[60ch] flex-col items-center gap-lg text-center"><h2 class="text-h2 max-w-[20ch]">Every touchpoint, <em class="accent">by moment</em></h2><p class="text-lead text-body-muted">The library as it stands. Automotive is complete; retail has begun.</p></div><div class="grid gap-lg md:grid-cols-2 lg:grid-cols-4"><section class="feature-card flex flex-col gap-md rounded-2xl border border-border bg-card p-xl"><h3 class="text-h3">First response</h3><ul class="m-0 flex list-none flex-col gap-sm p-0"><li class="flex items-start gap-md text-body text-body-muted"><span class="mt-2 size-1.5 shrink-0 rounded-full bg-cta" aria-hidden="true"></span>Instant lead auto-response</li><li class="flex items-start gap-md text-body text-body-muted"><span class="mt-2 size-1.5 shrink-0 rounded-full bg-cta" aria-hidden="true"></span>Personalized vehicle or product story with video</li></ul></section><section class="feature-card flex flex-col gap-md rounded-2xl border border-border bg-card p-xl"><h3 class="text-h3">Meeting</h3><ul class="m-0 flex list-none flex-col gap-sm p-0"><li class="flex items-start gap-md text-body text-body-muted"><span class="mt-2 size-1.5 shrink-0 rounded-full bg-cta" aria-hidden="true"></span>Self-scheduling</li><li class="flex items-start gap-md text-body text-body-muted"><span class="mt-2 size-1.5 shrink-0 rounded-full bg-cta" aria-hidden="true"></span>Appointment confirmation</li><li class="flex items-start gap-md text-body text-body-muted"><span class="mt-2 size-1.5 shrink-0 rounded-full bg-cta" aria-hidden="true"></span>Reminder</li><li class="flex items-start gap-md text-body text-body-muted"><span class="mt-2 size-1.5 shrink-0 rounded-full bg-cta" aria-hidden="true"></span>No-show win-back</li></ul></section><section class="feature-card flex flex-col gap-md rounded-2xl border border-border bg-card p-xl"><h3 class="text-h3">Consideration</h3><ul class="m-0 flex list-none flex-col gap-sm p-0"><li class="flex items-start gap-md text-body text-body-muted"><span class="mt-2 size-1.5 shrink-0 rounded-full bg-cta" aria-hidden="true"></span>Interactive quote page</li><li class="flex items-start gap-md text-body text-body-muted"><span class="mt-2 size-1.5 shrink-0 rounded-full bg-cta" aria-hidden="true"></span>
1Configurator</li><li class="flex items-start gap-md text-body text-body-muted"><span class="mt-2 size-1.5 shrink-0 rounded-full bg-cta" aria-hidden="true"></span>Comparison</li><li class="flex items-start gap-md text-body text-body-muted"><span class="mt-2 size-1.5 shrink-0 rounded-full bg-cta" aria-hidden="true"></span>Specials swipe deck</li><li class="flex items-start gap-md text-body text-body-muted"><span class="mt-2 size-1.5 shrink-0 rounded-full bg-cta" aria-hidden="true"></span>Trade-in valuation</li></ul></section><section class="feature-card flex flex-col gap-md rounded-2xl border border-border bg-card p-xl"><h3 class="text-h3">Decision</h3><ul class="m-0 flex list-none flex-col gap-sm p-0"><li class="flex items-start gap-md text-body text-body-muted"><span class="mt-2 size-1.5 shrink-0 rounded-full bg-cta" aria-hidden="true"></span>Order confirmation</li><li class="flex items-start gap-md text-body text-body-muted"><span class="mt-2 size-1.5 shrink-0 rounded-full bg-cta" aria-hidden="true"></span>Document completion with live camera capture</li><li class="flex items-start gap-md text-body text-body-muted"><span class="mt-2 size-1.5 shrink-0 rounded-full bg-cta" aria-hidden="true"></span>Digital signature</li></ul></section><section class="feature-card flex flex-col gap-md rounded-2xl border border-border bg-card p-xl"><h3 class="text-h3">Delivery</h3><ul class="m-0 flex list-none flex-col gap-sm p-0"><li class="flex items-start gap-md text-body text-body-muted"><span class="mt-2 size-1.5 shrink-0 rounded-full bg-cta" aria-hidden="true"></span>Delivery-day story</li><li class="flex items-start gap-md text-body text-body-muted"><span class="mt-2 size-1.5 shrink-0 rounded-full bg-cta" aria-hidden="true"></span>Welcome and onboarding experience</li></ul></section><section class="feature-card flex flex-col gap-md rounded-2xl border border-border bg-card p-xl"><h3 class="text-h3">Ownership</h3><ul class="m-0 flex list-none flex-col gap-sm p-0"><li class="flex items-start gap-md text-body text-body-muted"><span class="mt-2 size-1.5 shrink-0 rounded-full bg-cta" aria-hidden="true"></span>Service booking and reminders</li><li class="flex items-start gap-md text-body text-body-muted"><span class="mt-2 size-1.5 shrink-0 rounded-full bg-cta" aria-hidden="true"></span>Recall notices</li><li class="flex items-start gap-md text-body text-body-muted"><span class="mt-2 size-1.5 shrink-0 rounded-full bg-cta" aria-hidden="true"></span>Lease-end and renewal journeys</li></ul></section><section class="feature-card flex flex-col gap-md rounded-2xl border border-border bg-card p-xl"><h3 class="text-h3">Marketing</h3><ul class="m-0 flex list-none flex-col gap-sm p-0"><li class="flex items-start gap-md text-body text-body-muted"><span class="mt-2 size-1.5 shrink-0 rounded-full bg-cta" aria-hidden="true"></span>Campaign stories</li><li class="flex items-start gap-md text-body text-body-muted"><span class="mt-2 size-1.5 shrink-0 rounded-full bg-cta" aria-hidden="true"></span>Seasonal greetings</li><li class="flex items-start gap-md text-body text-body-muted"><span class="mt-2 size-1.5 shrink-0 rounded-full bg-cta" aria-hidden="true"></span>Event and roundtable invitations</li><li class="flex items-start gap-md text-body text-body-muted"><span class="mt-2 size-1.5 shrink-0 rounded-full bg-cta" aria-hidden="true"></span>Loyalty and re-engagement</li></ul></section><section class="feature-card flex flex-col gap-md rounded-2xl border border-border bg-card p-xl"><h3 class="text-h3">Retail</h3><ul class="m-0 flex list-none flex-col gap-sm p-0"><li class="flex items-start gap-md text-body text-body-muted"><span class="mt-2 size-1.5 shrink-0 rounded-full bg-cta" aria-hidden="true"></span>Shoppable video story with variant selection and cart handoff</li></ul></section></div></div></section><section class="bg-muted text-foreground py-5xl"><div class="mx-auto w-full ps-lg pe-lg md:ps-2xl md:pe-2xl max-w-[var(--container-site)]"><h2 class="text-h2 mx-auto mb-3xl max-w-[20ch] text-center">The library, <em class="accent">running</em></h2><div class="flex flex-col gap-2xl"><section aria-labelledby="_R_r4av5t7b_" class="flex flex-col gap-lg"><div class="flex items-center gap-md"><h2 id="_R_r4av5t7b_" class="text-h3">Order confirmation<!-- --> <span class="text-body font-normal text-body-muted">(<!-- -->3<!-- -->)</span></h2><div class="ms-auto gap-xs hidden"><button type="button" class="inline-flex size-[44px] items-center justify-center rounded-lg border border-neutral-300 hover:bg-muted"><span class="sr-only">Scroll <!-- -->Order confirmation<!-- --> back</span><svg width="18" height="18" viewBox="0 0 18 18" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="rtl:rotate-180"><path d="M11 4L6 9l5 5"></path></svg></button><button type="button" class="inline-flex size-[44px] items-center justify-center rounded-lg border border-neutral-300 hover:bg-muted"><span class="sr-only">Scroll <!-- -->Order confirmation<!-- --> forward</span><svg width="18" height="18" viewBox="0 0 18 18" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="rtl:rotate-180"><path d="M7 4l5 5-5 5"></path></svg></button></div></div><ul class="m-0 flex list-none gap-lg overflow-x-auto p-0 pb-md snap-x snap-mandatory scroll-px-lg [scrollbar-width:thin]"><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Order response page" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/sneaker-order-response.webp" alt="" width="220" height="391" loading="eager" decoding="sync" class="h-full w-full object-cover"/>
1</button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Order confirmation</span><h3 class="text-body font-medium">Order response page</h3><p class="text-small text-body-muted">A sneaker order made personal: his size, his city, his next step. and upsale</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Your custom order is being made" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/id-custom-order.webp" alt="" width="220" height="391" loading="eager" decoding="sync" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Order confirmation</span><h3 class="text-body font-medium">Your custom order is being made</h3><p class="text-small text-body-muted">The making of their piece, step by step.</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Your custom order is being made II" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/id-custom-order-2.webp" alt="" width="220" height="391" loading="eager" decoding="sync" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Order confirmation</span><h3 class="text-body font-medium">Your custom order is being made II</h3><p class="text-small text-body-muted">A second visual take on the custom-order story.</p></div></article></li></ul></section><section aria-labelledby="_R_1b4av5t7b_" class="flex flex-col gap-lg"><div class="flex items-center gap-md"><h2 id="_R_1b4av5t7b_" class="text-h3">Story<!-- --> <span class="text-body font-normal text-body-muted">(<!-- -->11<!-- -->)</span></h2><div class="ms-auto gap-xs hidden"><button type="button" class="inline-flex size-[44px] items-center justify-center rounded-lg border border-neutral-300 hover:bg-muted"><span class="sr-only">Scroll <!-- -->Story<!-- --> back</span><svg width="18" height="18" viewBox="0 0 18 18" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="rtl:rotate-180"><path d="M11 4L6 9l5 5"></path></svg></button><button type="button" class="inline-flex size-[44px] items-center justify-center rounded-lg border border-neutral-300 hover:bg-muted"><span class="sr-only">Scroll <!-- -->Story<!-- --> forward</span><svg width="18" height="18" viewBox="0 0 18 18" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="rtl:rotate-180"><path d="M7 4l5 5-5 5"></path></svg></button></div></div><ul class="m-0 flex list-none gap-lg overflow-x-auto p-0 pb-md snap-x snap-mandatory scroll-px-lg [scrollbar-width:thin]"><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Order story video" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/sneaker-order-story.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs">
1<span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Story</span><h3 class="text-body font-medium">Order story video</h3><p class="text-small text-body-muted">The same order as a vertical story, narrated for one customer.</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Walkaround" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/auto-walkaround.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Story</span><h3 class="text-body font-medium">Walkaround</h3><p class="text-small text-body-muted">The vehicle they asked about, walked around on video for one lead.</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Mercedes S-Class" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/auto-mercedes-s-class.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Story</span><h3 class="text-body font-medium">Mercedes S-Class</h3><p class="text-small text-body-muted">A reference build on a flagship: the model story, per recipient.</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Personalized vehicle story" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/vehicle-story.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Story</span><h3 class="text-body font-medium">Personalized vehicle story</h3><p class="text-small text-body-muted">A vertical story built around the model and trim the lead actually enquired about.</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Personalized game recap" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/sports-game-recap.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Story</span><h3 class="text-body font-medium">Personalized game recap</h3><p class="text-small text-body-muted">The match retold for one fan, ready to share.</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open See it in your room" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/id-see-it-in-room.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/>
1</button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Story</span><h3 class="text-body font-medium">See it in your room</h3><p class="text-small text-body-muted">The piece they browsed, shown in a room like theirs.</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open The spring edit" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/id-spring-edit.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Story</span><h3 class="text-body font-medium">The spring edit</h3><p class="text-small text-body-muted">A seasonal refresh, personalized to their home.</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open In-store experience preview" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/id-instore-preview.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Story</span><h3 class="text-body font-medium">In-store experience preview</h3><p class="text-small text-body-muted">A preview of the visit before they come in.</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Room before and after reveal" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/id-before-after.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Story</span><h3 class="text-body font-medium">Room before and after reveal</h3><p class="text-small text-body-muted">The transformation, told as a reveal.</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Room inspiration lookbook" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/id-lookbook.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Story</span><h3 class="text-body font-medium">Room inspiration lookbook</h3><p class="text-small text-body-muted">A lookbook assembled around their taste.</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open The craft behind the product" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/id-craft-story.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/>
1</button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Story</span><h3 class="text-body font-medium">The craft behind the product</h3><p class="text-small text-body-muted">The making-of story for the piece they chose.</p></div></article></li></ul></section><section aria-labelledby="_R_1r4av5t7b_" class="flex flex-col gap-lg"><div class="flex items-center gap-md"><h2 id="_R_1r4av5t7b_" class="text-h3">Confirmation<!-- --> <span class="text-body font-normal text-body-muted">(<!-- -->6<!-- -->)</span></h2><div class="ms-auto gap-xs hidden"><button type="button" class="inline-flex size-[44px] items-center justify-center rounded-lg border border-neutral-300 hover:bg-muted"><span class="sr-only">Scroll <!-- -->Confirmation<!-- --> back</span><svg width="18" height="18" viewBox="0 0 18 18" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="rtl:rotate-180"><path d="M11 4L6 9l5 5"></path></svg></button><button type="button" class="inline-flex size-[44px] items-center justify-center rounded-lg border border-neutral-300 hover:bg-muted"><span class="sr-only">Scroll <!-- -->Confirmation<!-- --> forward</span><svg width="18" height="18" viewBox="0 0 18 18" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="rtl:rotate-180"><path d="M7 4l5 5-5 5"></path></svg></button></div></div><ul class="m-0 flex list-none gap-lg overflow-x-auto p-0 pb-md snap-x snap-mandatory scroll-px-lg [scrollbar-width:thin]"><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open VIP confirmation" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/auto-vip-confirmation.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Confirmation</span><h3 class="text-body font-medium">VIP confirmation</h3><p class="text-small text-body-muted">The meeting confirmed as an occasion: who, where, and what is waiting.</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Reservation confirmed" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/skoda-reservation-confirmed.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Confirmation</span><h3 class="text-body font-medium">Reservation confirmed</h3><p class="text-small text-body-muted">The reservation, confirmed with everything the visit needs.</p><p class="text-xs text-body-muted">Å koda</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Appointment confirmation" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/peugeot-appointment-confirmation.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs">
1<span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Confirmation</span><h3 class="text-body font-medium">Appointment confirmation</h3><p class="text-small text-body-muted">Where to go, who to ask for, and what to bring.</p><p class="text-xs text-body-muted">Peugeot</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Appointment confirmation" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/appointment-confirmation.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Confirmation</span><h3 class="text-body font-medium">Appointment confirmation</h3><p class="text-small text-body-muted">Sent on booking, with the location, the person they are meeting and what to bring.</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Service appointment confirmation" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/auto-service-confirmation.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Confirmation</span><h3 class="text-body font-medium">Service appointment confirmation</h3><p class="text-small text-body-muted">Confirms the slot with the branch and what to bring.</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Your installation is confirmed" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/id-install-confirmed.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Confirmation</span><h3 class="text-body font-medium">Your installation is confirmed</h3><p class="text-small text-body-muted">The installation slot, the team, and what to expect.</p></div></article></li></ul></section><section aria-labelledby="_R_2b4av5t7b_" class="flex flex-col gap-lg"><div class="flex items-center gap-md"><h2 id="_R_2b4av5t7b_" class="text-h3">Follow-up<!-- --> <span class="text-body font-normal text-body-muted">(<!-- -->5<!-- -->)</span></h2><div class="ms-auto gap-xs hidden"><button type="button" class="inline-flex size-[44px] items-center justify-center rounded-lg border border-neutral-300 hover:bg-muted"><span class="sr-only">Scroll <!-- -->Follow-up<!-- --> back</span><svg width="18" height="18" viewBox="0 0 18 18" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="rtl:rotate-180"><path d="M11 4L6 9l5 5"></path></svg></button><button type="button" class="inline-flex size-[44px] items-center justify-center rounded-lg border border-neutral-300 hover:bg-muted"><span class="sr-only">Scroll <!-- -->Follow-up<!-- --> forward</span><svg width="18" height="18" viewBox="0 0 18 18" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="rtl:rotate-180"><path d="M7 4l5 5-5 5"></path></svg></button></div></div><ul class="m-0 flex list-none gap-lg overflow-x-auto p-0 pb-md snap-x snap-mandatory scroll-px-lg [scrollbar-width:thin]"><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Test drive summary" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/auto-test-drive-summary.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/>
1</button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Follow-up</span><h3 class="text-body font-medium">Test drive summary</h3><p class="text-small text-body-muted">The visit, recapped personally while the drive is still fresh.</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Post test drive" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/skoda-post-test-drive.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Follow-up</span><h3 class="text-body font-medium">Post test drive</h3><p class="text-small text-body-muted">The follow-up after the drive, on the importer brand schema.</p><p class="text-xs text-body-muted">Å koda</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Post-test drive thank you" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/auto-test-drive-thanks.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Follow-up</span><h3 class="text-body font-medium">Post-test drive thank you</h3><p class="text-small text-body-muted">Lands after the visit, keeping the exact car in front of the shopper.</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open How is everything looking?" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/id-checkin.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Follow-up</span><h3 class="text-body font-medium">How is everything looking?</h3><p class="text-small text-body-muted">A post-delivery check-in that invites a reply.</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Keep it beautiful, care guide" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/id-care-guide.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Follow-up</span><h3 class="text-body font-medium">Keep it beautiful, care guide</h3><p class="text-small text-body-muted">Care instructions for exactly what they bought.</p></div></article></li></ul></section><section aria-labelledby="_R_2r4av5t7b_" class="flex flex-col gap-lg"><div class="flex items-center gap-md"><h2 id="_R_2r4av5t7b_" class="text-h3">First response<!-- --> <span class="text-body font-normal text-body-muted">(<!-- -->3<!-- -->)</span></h2><div class="ms-auto gap-xs hidden"><button type="button" class="inline-flex size-[44px] items-center justify-center rounded-lg border border-neutral-300 hover:bg-muted"><span class="sr-only">Scroll <!-- -->First response<!-- --> back</span><svg width="18" height="18" viewBox="0 0 18 18" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="rtl:rotate-180"><path d="M11 4L6 9l5 5"></path></svg></button><button type="button" class="inline-flex size-[44px] items-center justify-center rounded-lg border border-neutral-300 hover:bg-muted"><span class="sr-only">Scroll <!-- -->First response<!-- --> forward</span><svg width="18" height="18" viewBox="0 0 18 18" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="rtl:rotate-180"><path d="M7 4l5 5-5 5"></path></svg></button></div></div><ul class="m-0 flex list-none gap-lg overflow-x-auto p-0 pb-md snap-x snap-mandatory scroll-px-lg [scrollbar-width:thin]"><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Speed-to-lead" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/auto-speed-to-lead.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/>
1</button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">First response</span><h3 class="text-body font-medium">Speed-to-lead</h3><p class="text-small text-body-muted">Fires the moment the lead lands, before a salesperson has opened it.</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Instant lead response" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/lead-first-response.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">First response</span><h3 class="text-body font-medium">Instant lead response</h3><p class="text-small text-body-muted">Fires the moment a lead lands in the CRM, before a salesperson has opened it.</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Storm damage check" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/roofing-storm-check.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">First response</span><h3 class="text-body font-medium">Storm damage check</h3><p class="text-small text-body-muted">A storm-triggered offer for a free inspection at the address on the record.</p></div></article></li></ul></section><section aria-labelledby="_R_3b4av5t7b_" class="flex flex-col gap-lg"><div class="flex items-center gap-md"><h2 id="_R_3b4av5t7b_" class="text-h3">Service<!-- --> <span class="text-body font-normal text-body-muted">(<!-- -->2<!-- -->)</span></h2><div class="ms-auto gap-xs hidden"><button type="button" class="inline-flex size-[44px] items-center justify-center rounded-lg border border-neutral-300 hover:bg-muted"><span class="sr-only">Scroll <!-- -->Service<!-- --> back</span><svg width="18" height="18" viewBox="0 0 18 18" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="rtl:rotate-180"><path d="M11 4L6 9l5 5"></path></svg></button><button type="button" class="inline-flex size-[44px] items-center justify-center rounded-lg border border-neutral-300 hover:bg-muted"><span class="sr-only">Scroll <!-- -->Service<!-- --> forward</span><svg width="18" height="18" viewBox="0 0 18 18" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="rtl:rotate-180"><path d="M7 4l5 5-5 5"></path></svg></button></div></div><ul class="m-0 flex list-none gap-lg overflow-x-auto p-0 pb-md snap-x snap-mandatory scroll-px-lg [scrollbar-width:thin]"><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open First service" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/auto-first-service.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs">
1<span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Service</span><h3 class="text-body font-medium">First service</h3><p class="text-small text-body-muted">The first service interval, booked from the reminder itself.</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Service booking" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/service-booking.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Service</span><h3 class="text-body font-medium">Service booking</h3><p class="text-small text-body-muted">Fires on the service interval and books the slot without a phone call.</p></div></article></li></ul></section><section aria-labelledby="_R_3r4av5t7b_" class="flex flex-col gap-lg"><div class="flex items-center gap-md"><h2 id="_R_3r4av5t7b_" class="text-h3">Renewal<!-- --> <span class="text-body font-normal text-body-muted">(<!-- -->6<!-- -->)</span></h2><div class="ms-auto gap-xs hidden"><button type="button" class="inline-flex size-[44px] items-center justify-center rounded-lg border border-neutral-300 hover:bg-muted"><span class="sr-only">Scroll <!-- -->Renewal<!-- --> back</span><svg width="18" height="18" viewBox="0 0 18 18" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="rtl:rotate-180"><path d="M11 4L6 9l5 5"></path></svg></button><button type="button" class="inline-flex size-[44px] items-center justify-center rounded-lg border border-neutral-300 hover:bg-muted"><span class="sr-only">Scroll <!-- -->Renewal<!-- --> forward</span><svg width="18" height="18" viewBox="0 0 18 18" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="rtl:rotate-180"><path d="M7 4l5 5-5 5"></path></svg></button></div></div><ul class="m-0 flex list-none gap-lg overflow-x-auto p-0 pb-md snap-x snap-mandatory scroll-px-lg [scrollbar-width:thin]"><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Lease renewal" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/auto-lease-renewal.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Renewal</span><h3 class="text-body font-medium">Lease renewal</h3><p class="text-small text-body-muted">The lease-end conversation, opened on time and on brand.</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Purchase anniversary and upgrade" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/auto-purchase-anniversary.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Renewal</span><h3 class="text-body font-medium">Purchase anniversary and upgrade</h3><p class="text-small text-body-muted">Marks the ownership anniversary with an upgrade path built from the record.</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Purchase anniversary and upgrade II" class="block h-full w-full p-0 cursor-pointer">
1<img src="/demos/posters/auto-purchase-anniversary-2.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Renewal</span><h3 class="text-body font-medium">Purchase anniversary and upgrade II</h3><p class="text-small text-body-muted">A second take on the anniversary moment, with a different visual treatment.</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Purchase anniversary and upgrade III" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/auto-purchase-anniversary-3.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Renewal</span><h3 class="text-body font-medium">Purchase anniversary and upgrade III</h3><p class="text-small text-body-muted">A third take on the anniversary moment.</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Season ticket renewal" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/sports-season-renewal.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Renewal</span><h3 class="text-body font-medium">Season ticket renewal</h3><p class="text-small text-body-muted">The renewal, personalized to the seat and the season.</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Season ticket renewal II" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/sports-season-renewal-2.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Renewal</span><h3 class="text-body font-medium">Season ticket renewal II</h3><p class="text-small text-body-muted">A second visual take on the season renewal.</p></div></article></li></ul></section><section aria-labelledby="_R_4b4av5t7b_" class="flex flex-col gap-lg"><div class="flex items-center gap-md"><h2 id="_R_4b4av5t7b_" class="text-h3">Reminder<!-- --> <span class="text-body font-normal text-body-muted">(<!-- -->3<!-- -->)</span></h2><div class="ms-auto gap-xs hidden"><button type="button" class="inline-flex size-[44px] items-center justify-center rounded-lg border border-neutral-300 hover:bg-muted"><span class="sr-only">Scroll <!-- -->Reminder<!-- --> back</span><svg width="18" height="18" viewBox="0 0 18 18" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="rtl:rotate-180"><path d="M11 4L6 9l5 5"></path></svg></button><button type="button" class="inline-flex size-[44px] items-center justify-center rounded-lg border border-neutral-300 hover:bg-muted"><span class="sr-only">Scroll <!-- -->Reminder<!-- --> forward</span><svg width="18" height="18" viewBox="0 0 18 18" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="rtl:rotate-180"><path d="M7 4l5 5-5 5"></path></svg></button></div></div><ul class="m-0 flex list-none gap-lg overflow-x-auto p-0 pb-md snap-x snap-mandatory scroll-px-lg [scrollbar-width:thin]"><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Appointment reminder" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/peugeot-appointment-reminder.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/>
1</button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Reminder</span><h3 class="text-body font-medium">Appointment reminder</h3><p class="text-small text-body-muted">The reminder that arrives as a page, not a line of text.</p><p class="text-xs text-body-muted">Peugeot</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Warranty expiration warning" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/auto-warranty-warning.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Reminder</span><h3 class="text-body font-medium">Warranty expiration warning</h3><p class="text-small text-body-muted">Fires before the warranty lapses, with the terms already personalized.</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Annual service appointment" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/id-annual-service.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Reminder</span><h3 class="text-body font-medium">Annual service appointment</h3><p class="text-small text-body-muted">The yearly care visit, booked in one tap.</p></div></article></li></ul></section><section aria-labelledby="_R_4r4av5t7b_" class="flex flex-col gap-lg"><div class="flex items-center gap-md"><h2 id="_R_4r4av5t7b_" class="text-h3">Offer<!-- --> <span class="text-body font-normal text-body-muted">(<!-- -->12<!-- -->)</span></h2><div class="ms-auto gap-xs hidden"><button type="button" class="inline-flex size-[44px] items-center justify-center rounded-lg border border-neutral-300 hover:bg-muted"><span class="sr-only">Scroll <!-- -->Offer<!-- --> back</span><svg width="18" height="18" viewBox="0 0 18 18" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="rtl:rotate-180"><path d="M11 4L6 9l5 5"></path></svg></button><button type="button" class="inline-flex size-[44px] items-center justify-center rounded-lg border border-neutral-300 hover:bg-muted"><span class="sr-only">Scroll <!-- -->Offer<!-- --> forward</span><svg width="18" height="18" viewBox="0 0 18 18" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="rtl:rotate-180"><path d="M7 4l5 5-5 5"></path></svg></button></div></div><ul class="m-0 flex list-none gap-lg overflow-x-auto p-0 pb-md snap-x snap-mandatory scroll-px-lg [scrollbar-width:thin]"><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Price watch alert" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/auto-price-watch.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs">
1<span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Offer</span><h3 class="text-body font-medium">Price watch alert</h3><p class="text-small text-body-muted">Fires when a watched price moves, personal to the saved car.</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Game day VIP upgrade" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/sports-gameday-vip.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Offer</span><h3 class="text-body font-medium">Game day VIP upgrade</h3><p class="text-small text-body-muted">A seat upgrade offer for the game they already booked.</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Game day VIP upgrade II" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/sports-gameday-vip-2.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Offer</span><h3 class="text-body font-medium">Game day VIP upgrade II</h3><p class="text-small text-body-muted">A second visual take on the game-day upgrade.</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Jersey customization lab" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/sports-jersey-lab.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Offer</span><h3 class="text-body font-medium">Jersey customization lab</h3><p class="text-small text-body-muted">Name and number on the shirt, before the checkout.</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Gametime ticket drop" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/sports-ticket-drop.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Offer</span><h3 class="text-body font-medium">Gametime ticket drop</h3><p class="text-small text-body-muted">A drop alert for the seats they care about.</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Furnish the whole room" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/id-bundle-offer.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/>
1</button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Offer</span><h3 class="text-body font-medium">Furnish the whole room</h3><p class="text-small text-body-muted">A bundle offer built around the piece they chose.</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Complete the room" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/id-complete-room.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Offer</span><h3 class="text-body font-medium">Complete the room</h3><p class="text-small text-body-muted">Companion pieces for what they already bought.</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Anniversary reward" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/id-anniversary-reward.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Offer</span><h3 class="text-body font-medium">Anniversary reward</h3><p class="text-small text-body-muted">A thank-you reward on the purchase anniversary.</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Work from home, office season" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/id-wfh-office.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Offer</span><h3 class="text-body font-medium">Work from home, office season</h3><p class="text-small text-body-muted">A home-office moment, built from what they browsed.</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Price drop on your saved item" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/id-price-drop.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Offer</span><h3 class="text-body font-medium">Price drop on your saved item</h3><p class="text-small text-body-muted">Fires when the saved item drops in price.</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open VIP early access, new collection" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/id-vip-early-access.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/>
1</button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Offer</span><h3 class="text-body font-medium">VIP early access, new collection</h3><p class="text-small text-body-muted">First look at the new collection for loyal customers.</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open This month only" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/id-month-only.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Offer</span><h3 class="text-body font-medium">This month only</h3><p class="text-small text-body-muted">A time-boxed offer, personal to their wishlist.</p></div></article></li></ul></section><section aria-labelledby="_R_5b4av5t7b_" class="flex flex-col gap-lg"><div class="flex items-center gap-md"><h2 id="_R_5b4av5t7b_" class="text-h3">Quote<!-- --> <span class="text-body font-normal text-body-muted">(<!-- -->3<!-- -->)</span></h2><div class="ms-auto gap-xs hidden"><button type="button" class="inline-flex size-[44px] items-center justify-center rounded-lg border border-neutral-300 hover:bg-muted"><span class="sr-only">Scroll <!-- -->Quote<!-- --> back</span><svg width="18" height="18" viewBox="0 0 18 18" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="rtl:rotate-180"><path d="M11 4L6 9l5 5"></path></svg></button><button type="button" class="inline-flex size-[44px] items-center justify-center rounded-lg border border-neutral-300 hover:bg-muted"><span class="sr-only">Scroll <!-- -->Quote<!-- --> forward</span><svg width="18" height="18" viewBox="0 0 18 18" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="rtl:rotate-180"><path d="M7 4l5 5-5 5"></path></svg></button></div></div><ul class="m-0 flex list-none gap-lg overflow-x-auto p-0 pb-md snap-x snap-mandatory scroll-px-lg [scrollbar-width:thin]"><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Roof quote with storm inspection" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/roofing-quote.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Quote</span><h3 class="text-body font-medium">Roof quote with storm inspection</h3><p class="text-small text-body-muted">The quote as a page, with the free inspection attached.</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Trade account designer proposal" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/id-trade-proposal.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Quote</span>
1<h3 class="text-body font-medium">Trade account designer proposal</h3><p class="text-small text-body-muted">A proposal page for the trade account, ready to approve.</p></div></article></li><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Your personalized quote is ready" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/id-quote-ready.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Quote</span><h3 class="text-body font-medium">Your personalized quote is ready</h3><p class="text-small text-body-muted">The quote as a page the customer can explore.</p></div></article></li></ul></section><section aria-labelledby="_R_5r4av5t7b_" class="flex flex-col gap-lg"><div class="flex items-center gap-md"><h2 id="_R_5r4av5t7b_" class="text-h3">Delivery<!-- --> <span class="text-body font-normal text-body-muted">(<!-- -->1<!-- -->)</span></h2><div class="ms-auto gap-xs hidden"><button type="button" class="inline-flex size-[44px] items-center justify-center rounded-lg border border-neutral-300 hover:bg-muted"><span class="sr-only">Scroll <!-- -->Delivery<!-- --> back</span><svg width="18" height="18" viewBox="0 0 18 18" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="rtl:rotate-180"><path d="M11 4L6 9l5 5"></path></svg></button><button type="button" class="inline-flex size-[44px] items-center justify-center rounded-lg border border-neutral-300 hover:bg-muted"><span class="sr-only">Scroll <!-- -->Delivery<!-- --> forward</span><svg width="18" height="18" viewBox="0 0 18 18" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="rtl:rotate-180"><path d="M7 4l5 5-5 5"></path></svg></button></div></div><ul class="m-0 flex list-none gap-lg overflow-x-auto p-0 pb-md snap-x snap-mandatory scroll-px-lg [scrollbar-width:thin]"><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Your order is on its way" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/id-order-on-way.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Delivery</span><h3 class="text-body font-medium">Your order is on its way</h3><p class="text-small text-body-muted">Shipping told visually, not as a plain-text tracking mail.</p></div></article></li></ul></section><section aria-labelledby="_R_6b4av5t7b_" class="flex flex-col gap-lg"><div class="flex items-center gap-md"><h2 id="_R_6b4av5t7b_" class="text-h3">Win-back<!-- --> <span class="text-body font-normal text-body-muted">(<!-- -->1<!-- -->)</span></h2><div class="ms-auto gap-xs hidden"><button type="button" class="inline-flex size-[44px] items-center justify-center rounded-lg border border-neutral-300 hover:bg-muted"><span class="sr-only">Scroll <!-- -->Win-back<!-- --> back</span><svg width="18" height="18" viewBox="0 0 18 18" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="rtl:rotate-180"><path d="M11 4L6 9l5 5"></path></svg></button><button type="button" class="inline-flex size-[44px] items-center justify-center rounded-lg border border-neutral-300 hover:bg-muted"><span class="sr-only">Scroll <!-- -->Win-back<!-- --> forward</span><svg width="18" height="18" viewBox="0 0 18 18" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="rtl:rotate-180"><path d="M7 4l5 5-5 5"></path></svg></button></div></div><ul class="m-0 flex list-none gap-lg overflow-x-auto p-0 pb-md snap-x snap-mandatory scroll-px-lg [scrollbar-width:thin]"><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Your room is still waiting" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/id-room-waiting.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/>
1</button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Win-back</span><h3 class="text-body font-medium">Your room is still waiting</h3><p class="text-small text-body-muted">A win-back around the room they left unfinished.</p></div></article></li></ul></section><section aria-labelledby="_R_6r4av5t7b_" class="flex flex-col gap-lg"><div class="flex items-center gap-md"><h2 id="_R_6r4av5t7b_" class="text-h3">Comparison<!-- --> <span class="text-body font-normal text-body-muted">(<!-- -->1<!-- -->)</span></h2><div class="ms-auto gap-xs hidden"><button type="button" class="inline-flex size-[44px] items-center justify-center rounded-lg border border-neutral-300 hover:bg-muted"><span class="sr-only">Scroll <!-- -->Comparison<!-- --> back</span><svg width="18" height="18" viewBox="0 0 18 18" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="rtl:rotate-180"><path d="M11 4L6 9l5 5"></path></svg></button><button type="button" class="inline-flex size-[44px] items-center justify-center rounded-lg border border-neutral-300 hover:bg-muted"><span class="sr-only">Scroll <!-- -->Comparison<!-- --> forward</span><svg width="18" height="18" viewBox="0 0 18 18" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="rtl:rotate-180"><path d="M7 4l5 5-5 5"></path></svg></button></div></div><ul class="m-0 flex list-none gap-lg overflow-x-auto p-0 pb-md snap-x snap-mandatory scroll-px-lg [scrollbar-width:thin]"><li class="w-[180px] shrink-0 snap-start md:w-[220px]"><article class="flex h-full flex-col gap-md"><div class="group relative w-full overflow-hidden rounded-lg border border-border aspect-[9/16] bg-blue-50 transition-shadow duration-[var(--duration-base)] ease-[var(--ease-in-out)] hover:shadow-sm"><button type="button" aria-label="Open Help me choose, side by side" class="block h-full w-full p-0 cursor-pointer"><img src="/demos/posters/id-help-me-choose.webp" alt="" width="220" height="391" loading="lazy" decoding="async" class="h-full w-full object-cover"/></button></div><div class="flex flex-col gap-xs"><span class="inline-flex w-fit rounded-full bg-muted px-md py-xs text-xs text-body-muted">Comparison</span><h3 class="text-body font-medium">Help me choose, side by side</h3><p class="text-small text-body-muted">The two finalists compared on one page.</p></div></article></li></ul></section></div></div></section><section class="bg-background text-foreground py-5xl"><div class="mx-auto w-full ps-lg pe-lg md:ps-2xl md:pe-2xl max-w-[var(--container-site)]"><div class="grid gap-lg lg:grid-cols-2"><div class="relative flex flex-col gap-md overflow-hidden rounded-2xl border border-border p-2xl"><div aria-hidden="true" data-wash="true" class="wash wash-quiet"></div><h2 class="text-h3 relative max-w-[20ch]">Personalized per record, <em class="accent">not per segment</em></h2><p class="relative measure text-body text-body-muted">Segmentation sends one asset to a thousand people. emaze.ai builds a thousand assets, one per record, from your data and your design system. Right-to-left and bilingual builds run in production today.</p></div><div class="relative flex flex-col gap-md overflow-hidden rounded-2xl border border-border p-2xl"><div aria-hidden="true" data-wash="true" class="wash wash-quiet"></div><h2 class="text-h3 relative max-w-[20ch]">Your brand, your assets, <em class="accent">your rules</em></h2><p class="relative measure text-body text-body-muted">Touchpoints are generated from your design system and your DAM. Brand teams at importer level have signed off on live journeys for two years.</p></div></div></div></section><section class="bg-muted text-foreground py-5xl"><div class="mx-auto w-full ps-lg pe-lg md:ps-2xl md:pe-2xl max-w-[var(--container-site)]"><div class="grid gap-3xl lg:grid-cols-[1fr_minmax(0,420px)] lg:gap-4xl"><div class="flex flex-col gap-lg"><h2 class="text-h2 max-w-[18ch]">Measured at the element, <em class="accent">not the click</em></h2><p class="measure text-lead text-body-muted">
1A click tells you a link was opened. emaze.ai reports which slide they reached, how long they stayed on it, what they swiped past, and where they stopped, per recipient.</p><p class="measure text-small text-body-muted">Analytics stores only the dimensions the touchpoint declares, like model, branch, campaign and agent. Names, phone numbers and email addresses never enter the analytics store.</p><p class="measure rounded-lg border border-border bg-card p-lg text-small text-body-muted"><span class="font-medium text-foreground">In development. </span>We are building a benchmark across industries and touchpoint types from two years of engagement data, so the platform can tell you which design converts best at each stage.</p></div><div class="flex flex-col gap-lg rounded-xl border border-border bg-card p-xl"><p class="text-small text-body-muted">Captured per recipient</p><ul class="m-0 grid list-none gap-sm p-0 sm:grid-cols-2"><li class="flex items-center gap-md"><span class="size-2 shrink-0 rounded-full bg-blue-500" aria-hidden="true"></span><span class="text-body">Opens and unique opens</span></li><li class="flex items-center gap-md"><span class="size-2 shrink-0 rounded-full bg-blue-500" aria-hidden="true"></span><span class="text-body">Active seconds</span></li><li class="flex items-center gap-md"><span class="size-2 shrink-0 rounded-full bg-blue-500" aria-hidden="true"></span><span class="text-body">Scroll depth</span></li><li class="flex items-center gap-md"><span class="size-2 shrink-0 rounded-full bg-blue-500" aria-hidden="true"></span><span class="text-body">Heatmaps</span></li><li class="flex items-center gap-md"><span class="size-2 shrink-0 rounded-full bg-blue-500" aria-hidden="true"></span><span class="text-body">Clicks</span></li><li class="flex items-center gap-md"><span class="size-2 shrink-0 rounded-full bg-blue-500" aria-hidden="true"></span><span class="text-body">Slides and swipes</span></li><li class="flex items-center gap-md"><span class="size-2 shrink-0 rounded-full bg-blue-500" aria-hidden="true"></span><span class="text-body">Form submissions</span></li><li class="flex items-center gap-md"><span class="size-2 shrink-0 rounded-full bg-blue-500" aria-hidden="true"></span><span class="text-body">Exits</span></li></ul><div class="flex flex-col gap-sm border-t border-border pt-lg"><p class="text-small"><span class="font-medium">Written back</span><span class="text-body-muted"> â to the CRM record it came from</span></p><p class="text-small"><span class="font-medium">Exported daily</span><span class="text-body-muted"> â to your BI, one row per record</span></p></div></div></div></div></section><section class="bg-dark text-neutral-0 py-5xl"><div class="mx-auto w-full ps-lg pe-lg md:ps-2xl md:pe-2xl max-w-[var(--container-site)]"><div class="grid gap-2xl lg:grid-cols-[minmax(0,22rem)_1fr] lg:gap-4xl"><h2 class="text-h2 text-neutral-0">What your security team <em class="accent">will ask</em></h2><ul class="m-0 flex list-none flex-col gap-lg p-0"><li class="flex items-start gap-md"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="mt-1 size-5 shrink-0 text-blue-300" aria-hidden="true"><path d="M10 17.5C10 17.5 16.6667 14.1667 16.6667 9.16667V4.16667L10 1.66667L3.33334 4.16667V9.16667C3.33334 14.1667 10 17.5 10 17.5Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M6.66667 9.16667L8.75 11.25L13.3333 6.66667" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg><p class="measure text-body text-dark-foreground">Analytics stores declared dimensions only. Personal fields are excluded from the event store by design.</p></li><li class="flex items-start gap-md"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="mt-1 size-5 shrink-0 text-blue-300" aria-hidden="true"><path d="M10 17.5C10 17.5 16.6667 14.1667 16.6667 9.16667V4.16667L10 1.66667L3.33334 4.16667V9.16667C3.33334 14.1667 10 17.5 10 17.5Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M6.66667 9.16667L8.75 11.25L13.3333 6.66667" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg><p class="measure text-body text-dark-foreground">SOC 2 Type II audited, report available under NDA.</p></li><li class="flex items-start gap-md"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="mt-1 size-5 shrink-0 text-blue-300" aria-hidden="true"><path d="M10 17.5C10 17.5 16.6667 14.1667 16.6667 9.16667V4.16667L10 1.66667L3.33334 4.16667V9.16667C3.33334 14.1667 10 17.5 10 17.5Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M6.66667 9.16667L8.75 11.25L13.3333 6.66667" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg><p class="measure text-body text-dark-foreground">GDPR compliant.</p></li><li class="flex items-start gap-md"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="mt-1 size-5 shrink-0 text-blue-300" aria-hidden="true"><path d="M10 17.5C10 17.5 16.6667 14.1667 16.6667 9.16667V4.16667L10 1.66667L3.33334 4.16667V9.16667C3.33334 14.1667 10 17.5 10 17.5Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M6.66667 9.16667L8.75 11.25L13.3333 6.66667" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg><p class="measure text-body text-dark-foreground">Passed enterprise third-party vendor reviews, including a full remediation cycle.</p></li></ul></div></div></section><section class="bg-background text-foreground py-5xl"><div class="mx-auto w-full ps-lg pe-lg md:ps-2xl md:pe-2xl max-w-[var(--container-site)]"><h2 class="text-h2 mx-auto mb-3xl max-w-[20ch] text-center">What it <em class="accent">connects to</em></h2><div class="flex flex-col gap-4xl"><section aria-labelledby="int-triggers" class="grid gap-xl md:grid-cols-[minmax(0,22rem)_1fr] md:gap-4xl"><div class="flex flex-col gap-md"><h2 id="int-triggers" class="text-h3">Where the trigger comes from</h2><p class="text-body text-body-muted">An event in the system your team already works in. A new lead, a booked appointment, a quote sent, a delivery scheduled, a service interval reached.</p></div><ul class="m-0 grid list-none gap-md p-0 sm:grid-cols-2"><li class="flex flex-col gap-xs rounded-lg border border-border bg-card p-lg"><div class="flex flex-wrap items-baseline gap-sm"><h3 class="text-body font-medium">Salesforce</h3></div><p class="text-small text-body-muted">CRM triggers and write-back</p></li><li class="flex flex-col gap-xs rounded-lg border border-border bg-card p-lg"><div class="flex flex-wrap items-baseline gap-sm"><h3 class="text-body font-medium">HubSpot</h3></div><p class="text-small text-body-muted">CRM triggers and write-back</p></li><li class="flex flex-col gap-xs rounded-lg border border-border bg-card p-lg"><div class="flex flex-wrap items-baseline gap-sm"><h3 class="text-body font-medium">DriveCentric</h3><span class="rounded-full bg-blue-50 px-md py-xs text-xs text-blue-800">Webhooks, zero development</span></div><p class="text-small text-body-muted">CRM. emaze.ai listens to its webhooks and runs the whole journey.</p></li><li class="flex flex-col gap-xs rounded-lg border border-border bg-card p-lg"><div class="flex flex-wrap items-baseline gap-sm"><h3 class="text-body font-medium">Microsoft Dynamics 365</h3></div><p class="text-small text-body-muted">CRM triggers and write-back</p></li><li class="flex flex-col gap-xs rounded-lg border border-border bg-card p-lg"><div class="flex flex-wrap items-baseline gap-sm"><h3 class="text-body font-medium">Zoho CRM</h3></div><p class="text-small text-body-muted">CRM triggers and write-back</p></li><li class="flex flex-col gap-xs rounded-lg border border-border bg-card p-lg"><div class="flex flex-wrap items-baseline gap-sm"><h3 class="text-body font-medium">CDK</h3></div><p class="text-small text-body-muted">Dealer management system</p></li><li class="flex flex-col gap-xs rounded-lg border border-border bg-card p-lg"><div class="flex flex-wrap items-baseline gap-sm"><h3 class="text-body font-medium">Tekion</h3></div><p class="text-small text-body-muted">Dealer management system</p></li><li class="flex flex-col gap-xs rounded-lg border border-border bg-card p-lg"><div class="flex flex-wrap items-baseline gap-sm"><h3 class="text-body font-medium">
1DealerSocket</h3></div><p class="text-small text-body-muted">Dealer CRM</p></li><li class="flex flex-col gap-xs rounded-lg border border-border bg-card p-lg"><div class="flex flex-wrap items-baseline gap-sm"><h3 class="text-body font-medium">Shopify</h3><span class="rounded-full bg-blue-50 px-md py-xs text-xs text-blue-800">Webhooks, zero development</span></div><p class="text-small text-body-muted">Commerce platform. emaze.ai listens to its webhooks and runs the whole journey.</p></li><li class="flex flex-col gap-xs rounded-lg border border-border bg-card p-lg"><div class="flex flex-wrap items-baseline gap-sm"><h3 class="text-body font-medium">Tafnit</h3></div><p class="text-small text-body-muted">Business portals and ERP, by Matrix</p></li><li class="flex flex-col gap-xs rounded-lg border border-border bg-card p-lg"><div class="flex flex-wrap items-baseline gap-sm"><h3 class="text-body font-medium">ServiceWhale</h3></div><p class="text-small text-body-muted">Home-services sales platform</p></li><li class="flex flex-col gap-xs rounded-lg border border-border bg-card p-lg"><div class="flex flex-wrap items-baseline gap-sm"><h3 class="text-body font-medium">Duve</h3></div><p class="text-small text-body-muted">Hospitality guest experience platform</p></li><li class="flex flex-col gap-xs rounded-lg border border-border bg-card p-lg"><div class="flex flex-wrap items-baseline gap-sm"><h3 class="text-body font-medium">Google Sheets</h3></div><p class="text-small text-body-muted">A spreadsheet as the trigger: rows in, personalized links back</p></li></ul></section><section aria-labelledby="int-delivery" class="grid gap-xl md:grid-cols-[minmax(0,22rem)_1fr] md:gap-4xl"><div class="flex flex-col gap-md"><h2 id="int-delivery" class="text-h3">How it reaches the customer</h2><p class="text-body text-body-muted">The touchpoint goes out as a link, through the channels and the sending identity your business already uses. We do not become a new sender your customers do not recognise.</p></div><ul class="m-0 grid list-none gap-md p-0 sm:grid-cols-2"><li class="flex flex-col gap-xs rounded-lg border border-border bg-card p-lg"><div class="flex flex-wrap items-baseline gap-sm"><h3 class="text-body font-medium">WhatsApp</h3></div><p class="text-small text-body-muted">Delivery channel</p><p class="text-xs text-body-muted">Via Glassix</p></li><li class="flex flex-col gap-xs rounded-lg border border-border bg-card p-lg"><div class="flex flex-wrap items-baseline gap-sm"><h3 class="text-body font-medium">Twilio</h3></div><p class="text-small text-body-muted">SMS delivery</p><p class="text-xs text-body-muted">A2P 10DLC registered for US sending</p></li><li class="flex flex-col gap-xs rounded-lg border border-border bg-card p-lg"><div class="flex flex-wrap items-baseline gap-sm"><h3 class="text-body font-medium">Glassix</h3></div><p class="text-small text-body-muted">Messaging platform and WhatsApp delivery route</p></li><li class="flex flex-col gap-xs rounded-lg border border-border bg-card p-lg"><div class="flex flex-wrap items-baseline gap-sm"><h3 class="text-body font-medium">Commbox</h3></div><p class="text-small text-body-muted">Messaging platform</p></li><li class="flex flex-col gap-xs rounded-lg border border-border bg-card p-lg"><div class="flex flex-wrap items-baseline gap-sm"><h3 class="text-body font-medium">Brevo</h3></div><p class="text-small text-body-muted">Email delivery</p></li></ul></section><section aria-labelledby="int-data" class="grid gap-xl md:grid-cols-[minmax(0,22rem)_1fr] md:gap-4xl"><div class="flex flex-col gap-md"><h2 id="int-data" class="text-h3">Where the engagement data lands</h2><p class="text-body text-body-muted">Every open, scroll, click, swipe, dwell-second and form submission is captured and written back. It reaches your CRM as activity, and your BI stack as rows you can join on.</p></div><ul class="m-0 grid list-none gap-md p-0 sm:grid-cols-2"><li class="flex flex-col gap-xs rounded-lg border border-border bg-card p-lg"><div class="flex flex-wrap items-baseline gap-sm"><h3 class="text-body font-medium">BigQuery</h3></div><p class="text-small text-body-muted">Engagement warehouse</p></li><li class="flex flex-col gap-xs rounded-lg border border-border bg-card p-lg"><div class="flex flex-wrap items-baseline gap-sm"><h3 class="text-body font-medium">Salesforce Marketing Cloud Intelligence</h3></div><p class="text-small text-body-muted">Daily aggregated export, one row per CRM record</p><p class="text-xs text-body-muted">Formerly Datorama. Running in production.</p></li><li class="flex flex-col gap-xs rounded-lg border border-border bg-card p-lg"><div class="flex flex-wrap items-baseline gap-sm"><h3 class="text-body font-medium">Your CRM</h3></div><p class="text-small text-body-muted">Write-back as activity on the record</p></li></ul></section></div><div class="mt-2xl flex justify-center"><a class="inline-flex items-center justify-center gap-sm rounded-[var(--radius-cta)] font-medium transition-colors duration-[var(--duration-base)] ease-[var(--ease-in-out)] no-underline cursor-pointer border disabled:opacity-50 disabled:cursor-not-allowed min-h-[44px] px-xl text-body bg-neutral-0 text-cta border-cta hover:bg-blue-50" href="/integrations/">Integrations and API</a></div></div></section><!--$--><!--/$--><section class="bg-background text-foreground py-5xl"><div class="mx-auto w-full ps-lg pe-lg md:ps-2xl md:pe-2xl max-w-[var(--container-site)]"><div class="relative flex aspect-[820/1018] flex-col justify-start overflow-hidden rounded-2xl border border-border p-xl md:aspect-auto md:min-
1h-[420px] md:p-4xl"><picture><source media="(min-width: 768px)" srcSet="/images/closing/closing-desktop.webp"/><img src="/images/closing/closing-mobile.webp" alt="Customers in a sunlit parking lot, each smiling at a personalized page on their phone." loading="lazy" decoding="async" class="absolute inset-0 h-full w-full object-cover"/></picture><div aria-hidden="true" class="absolute inset-0 bg-dark/30"></div><div class="relative mx-auto flex flex-col items-center gap-lg pt-lg text-center md:pt-md"><h2 class="text-h2 max-w-[20ch] text-neutral-0">See it with <em class="accent">your brand</em> on it</h2><p class="max-w-[36ch] text-lead text-neutral-0">Your first journey, built before the second meeting.</p><div class="mt-md"><a class="inline-flex items-center justify-center gap-sm rounded-[var(--radius-cta)] font-medium transition-colors duration-[var(--duration-base)] ease-[var(--ease-in-out)] no-underline cursor-pointer border disabled:opacity-50 disabled:cursor-not-allowed min-h-[52px] px-2xl text-lead border-transparent bg-cta text-cta-foreground hover:bg-cta-hover" href="/contact/">Book a demo</a></div></div></div></div></section></main><footer class="border-t border-border bg-blue-50"><div class="mx-auto w-full ps-lg pe-lg md:ps-2xl md:pe-2xl max-w-[var(--container-site)]"><p class="max-w-[16ch] pt-4xl text-h2">Every message, <em class="accent">worth opening.</em></p><div class="grid gap-2xl py-4xl md:grid-cols-[1.5fr_repeat(4,1fr)]"><div class="flex flex-col gap-lg"><a aria-label="emaze.ai home" class="inline-flex text-foreground" href="/"><span class="brand-logo inline-flex items-center"><img src="/brand/logo-horizontal.svg" alt="emaze.ai" width="113" height="36" style="height:36px;width:auto"/></span></a><p class="measure text-small text-body-muted">Turn a CRM event into a personalized, interactive page built for one named person, delivered over WhatsApp, SMS or email.</p></div><nav aria-label="Product"><h2 class="mb-md text-small font-medium text-foreground">Product</h2><ul class="m-0 flex list-none flex-col gap-xs p-0"><li><a class="inline-flex min-h-[44px] items-center text-small text-body-muted no-underline hover:text-foreground md:min-h-0 md:py-xs" href="/solutions/">Solutions</a></li><li><a class="inline-flex min-h-[44px] items-center text-small text-body-muted no-underline hover:text-foreground md:min-h-0 md:py-xs" href="/case-studies/">Case studies</a></li><li><a class="inline-flex min-h-[44px] items-center text-small text-body-muted no-underline hover:text-foreground md:min-h-0 md:py-xs" href="/integrations/">Integrations and API</a></li></ul></nav><nav aria-label="Industries"><h2 class="mb-md text-small font-medium text-foreground">Industries</h2><ul class="m-0 flex list-none flex-col gap-xs p-0"><li><a class="inline-flex min-h-[44px] items-center text-small text-body-muted no-underline hover:text-foreground md:min-h-0 md:py-xs" href="/industries/automotive/">Automotive</a></li><li><a class="inline-flex min-h-[44px] items-center text-small text-body-muted no-underline hover:text-foreground md:min-h-0 md:py-xs" href="/industries/retail/">Retail and ecommerce</a></li><li><a class="inline-flex min-h-[44px] items-center text-small text-body-muted no-underline hover:text-foreground md:min-h-0 md:py-xs" href="/industries/">All industries</a></li></ul></nav><nav aria-label="Company"><h2 class="mb-md text-small font-medium text-foreground">Company</h2><ul class="m-0 flex list-none flex-col gap-xs p-0"><li><a class="inline-flex min-h-[44px] items-center text-small text-body-muted no-underline hover:text-foreground md:min-h-0 md:py-xs" href="/about/">About</a></li><li><a class="inline-flex min-h-[44px] items-center text-small text-body-muted no-underline hover:text-foreground md:min-h-0 md:py-xs" href="/nada-show-exhibitors/">Events</a></li><li><a class="inline-flex min-h-[44px] items-center text-small text-body-muted no-underline hover:text-foreground md:min-h-0 md:py-xs" href="/contact/">Contact</a></li></ul></nav><nav aria-label="Legal"><h2 class="mb-md text-small font-medium text-foreground">Legal</h2><ul class="m-0 flex list-none flex-col gap-xs p-0"><li><a class="inline-flex min-h-[44px] items-center text-small text-body-muted no-underline hover:text-foreground md:min-
1h-0 md:py-xs" href="/legal/terms/">Terms of service</a></li><li><a class="inline-flex min-h-[44px] items-center text-small text-body-muted no-underline hover:text-foreground md:min-h-0 md:py-xs" href="/legal/privacy/">Privacy policy</a></li></ul></nav></div><div class="flex flex-col gap-lg border-t border-border pt-xl pb-[76px] md:flex-row md:items-center md:justify-between"><ul class="m-0 flex list-none flex-wrap gap-lg p-0"><li class="flex items-center gap-sm rounded-lg border border-border bg-background px-md py-sm"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="size-4 shrink-0 text-primary" aria-hidden="true"><path d="M10 17.5C10 17.5 16.6667 14.1667 16.6667 9.16667V4.16667L10 1.66667L3.33334 4.16667V9.16667C3.33334 14.1667 10 17.5 10 17.5Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M6.66667 9.16667L8.75 11.25L13.3333 6.66667" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="text-small text-foreground">SOC 2 Type II audited</span><span class="sr-only">. <!-- -->Report available under NDA<!-- -->.</span></li><li class="flex items-center gap-sm rounded-lg border border-border bg-background px-md py-sm"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="size-4 shrink-0 text-primary" aria-hidden="true"><path d="M10 17.5C10 17.5 16.6667 14.1667 16.6667 9.16667V4.16667L10 1.66667L3.33334 4.16667V9.16667C3.33334 14.1667 10 17.5 10 17.5Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M6.66667 9.16667L8.75 11.25L13.3333 6.66667" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="text-small text-foreground">GDPR compliant</span><span class="sr-only">. <!-- -->Personal fields excluded from analytics by design<!-- -->.</span></li></ul><div class="flex items-center gap-lg"><button type="button" class="inline-flex min-h-[44px] items-center text-small text-body-muted hover:text-foreground md:min-h-0 md:py-xs">Cookie settings</button><p class="text-small text-body-muted">© <!-- -->2026<!-- --> emaze.ai. All rights reserved.</p></div></div></div></footer><div class="fixed bottom-[16px] z-40 flex flex-col items-start gap-sm print:hidden" style="inset-inline-start:16px"><button type="button" aria-expanded="false" aria-controls="ask-ai-panel" class="inline-flex min-h-[44px] items-center gap-sm rounded-full border px-lg text-small font-medium shadow-md transition-colors duration-[var(--duration-fast)] border-border bg-card text-foreground hover:border-primary"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="size-4 text-link" aria-hidden="true"><path d="M14.7647 16.75C15.3263 16.75 15.865 16.9871 16.2621 17.409C16.6592 17.831 16.8824 18.4033 16.8824 19C16.8824 18.4033 17.1055 17.831 17.5026 17.409C17.8997 16.9871 18.4384 16.75 19 16.75C18.4384 16.75 17.8997 16.5129 17.5026 16.091C17.1055 15.669 16.8824 15.0967 16.8824 14.5C16.8824 15.0967 16.6592 15.669 16.2621 16.091C15.865 16.5129 15.3263 16.75 14.7647 16.75ZM14.7647 3.25C15.3263 3.25 15.865 3.48705 16.2621 3.90901C16.6592 4.33097 16.8824 4.90326 16.8824 5.5C16.8824 4.90326 17.1055 4.33097 17.5026 3.90901C17.8997 3.48705 18.4384 3.25 19 3.25C18.4384 3.25 17.8997 3.01295 17.5026 2.59099C17.1055 2.16903 16.8824 1.59674 16.8824 1C16.8824 1.59674 16.6592 2.16903 16.2621 2.59099C15.865 3.01295 15.3263 3.25 14.7647 3.25ZM7.35294 16.75C7.35294 14.9598 8.02227 13.2429 9.21367 11.977C10.4051 10.7112 12.021 10 13.7059 10C12.021 10 10.4051 9.28884 9.21367 8.02297C8.02227 6.7571 7.35294 5.04021 7.35294 3.25C7.35294 5.04021 6.68361 6.7571 5.49221 8.02297C4.3008 9.28884 2.6849 10 1 10C2.6849 10 4.3008 10.7112 5.49221 11.977C6.68361 13.2429 7.35294 14.9598 7.35294 16.75Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg>Ask your AI</button></div>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"emaze.ai","legalName":"emaze visual software LTD","url":"https://emaze.ai","logo":"https://emaze.ai/brand/logo-horizontal.svg","address":{"@type":"PostalAddress","streetAddress":"Bar Kochva St 16","addressLocality":"Bnei Brak","addressCountry":"IL"}}</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"emaze.ai","url":"https://emaze.ai","publisher":{"@type":"Organization","name":"emaze visual software LTD"},"inLanguage":"en"}</script>
1<script src="/_next/static/chunks/webpack-47455e69b614e04d.js" id="_R_" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[2619,[\"619\",\"static/chunks/619-ba102abea3e3d0e4.js\",\"873\",\"static/chunks/873-3d2dccdc888d3cc2.js\",\"370\",\"static/chunks/370-e7ac45a3cbae9ec4.js\",\"490\",\"static/chunks/490-2eeae599d630a579.js\",\"805\",\"static/chunks/app/solutions/page-ca138a752315b58a.js\"],\"\"]\n3:I[1356,[\"619\",\"static/chunks/619-ba102abea3e3d0e4.js\",\"176\",\"static/chunks/176-786517ab9996954b.js\",\"873\",\"static/chunks/873-3d2dccdc888d3cc2.js\",\"177\",\"static/chunks/app/layout-48a1ba8133efef48.js\"],\"Image\"]\n10:I[7150,[],\"\"]\n:HL[\"/_next/static/media/21a02a2f258c0cda-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/49b9fdfd6fec8ddc-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/67dd88d25d0139b0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/84d7cea9cd87a16d-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/be9de50208e71549-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/c9341642a36e1104.css\",\"style\"]\n"])</script>
1<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"Xp-1H5xkLUfPUIJ0Npr4H\",\"p\":\"\",\"c\":[\"\",\"solutions\",\"\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"solutions\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/c9341642a36e1104.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"dir\":\"ltr\",\"className\":\"__variable_b43c38\",\"children\":[\"$\",\"body\",null,{\"children\":[[\"$\",\"a\",null,{\"href\":\"#main\",\"className\":\"skip-link\",\"children\":\"Skip to content\"}],[\"$\",\"header\",null,{\"className\":\"sticky top-0 z-50 border-b border-border bg-background\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto w-full ps-lg pe-lg md:ps-2xl md:pe-2xl max-w-[var(--container-site)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex min-h-[72px] items-center gap-2xl\",\"children\":[[\"$\",\"$L2\",null,{\"href\":\"/\",\"className\":\"inline-flex items-center\",\"aria-label\":\"emaze.ai home\",\"children\":[\"$\",\"span\",null,{\"className\":\"brand-logo inline-flex items-center\",\"children\":[\"$\",\"$L3\",null,{\"src\":\"/brand/logo-horizontal.svg\",\"alt\":\"emaze.ai\",\"width\":100,\"height\":32,\"priority\":true,\"style\":{\"height\":32,\"width\":\"auto\"}}]}]}],[\"$\",\"nav\",null,{\"aria-label\":\"Main\",\"className\":\"hidden flex-1 md:block\",\"children\":[\"$\",\"ul\",null,{\"className\":\"m-0 flex list-none justify-center gap-xl p-0\",\"children\":[[\"$\",\"li\",\"/solutions/\",{\"className\":\"group relative\",\"children\":[[\"$\",\"$L2\",null,{\"href\":\"/solutions/\",\"aria-current\":\"$undefined\",\"className\":\"inline-flex min-h-[44px] items-center gap-xs px-sm text-body no-underline transition-colors duration-[var(--duration-fast)] text-body-muted hover:text-foreground\",\"children\":[\"Solutions\",null]}],null]}],[\"$\",\"li\",\"/industries/\",{\"className\":\"group relative\",\"children\":[[\"$\",\"$L2\",null,{\"href\":\"/industries/\",\"aria-current\":\"$undefined\",\"className\":\"inline-flex min-h-[44px] items-center gap-xs px-sm text-body no-underline transition-colors duration-[var(--duration-fast)] text-body-muted hover:text-foreground\",\"children\":[\"Industries\",[\"$\",\"svg\",null,{\"width\":\"12\",\"height\":\"12\",\"viewBox\":\"0 0 12 12\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"1.5\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"aria-hidden\":\"true\",\"className\":\"mt-[2px] transition-transform duration-[var(--duration-fast)] group-hover:rotate-180\",\"children\":[\"$\",\"path\",null,{\"d\":\"M2.5 4.5L6 8l3.5-3.5\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"absolute start-0 top-full hidden pt-xs group-focus-within:block group-hover:block\",\"children\":[\"$\",\"ul\",null,{\"className\":\"m-0 flex min-w-[240px] list-none flex-col gap-xs rounded-xl border border-border bg-card p-sm shadow-md\",\"children\":[[\"$\",\"li\",\"/industries/automotive/Automotive\",{\"children\":[\"$\",\"$L2\",null,{\"href\":\"/industries/automotive/\",\"aria-current\":\"$undefined\",\"className\":\"flex min-h-[44px] items-center rounded-lg px-md text-body no-underline transition-colors duration-[var(--duration-fast)] hover:bg-muted text-body-muted hover:text-foreground\",\"children\":\"Automotive\"}]}],[\"$\",\"li\",\"/industries/retail/Retail and ecommerce\",{\"children\":[\"$\",\"$L2\",null,{\"href\":\"/industries/retail/\",\"aria-current\":\"$undefined\",\"className\":\"flex min-h-[44px] items-center rounded-lg px-md text-body no-underline transition-colors duration-[var(--duration-fast)] hover:bg-muted text-body-muted hover:text-foreground\",\"children\":\"Retail and ecommerce\"}]}],[\"$\",\"li\",\"/industries/The touchpoint library\",{\"children\":[\"$\",\"$L2\",null,{\"href\":\"/industries/\",\"aria-current\":\"$undefined\",\"className\":\"flex min-h-[44px] items-center rounded-lg px-md text-body no-underline transition-colors duration-[var(--duration-fast)] hover:bg-muted text-body-muted hover:text-foreground\",\"children\":\"The touchpoint library\"}]}]]}]}]]}],[\"$\",\"li\",\"/case-studies/\",{\"className\":\"group relative\",\"children\":[[\"$\",\"$L2\",null,{\"href\":\"/case-studies/\",\"aria-current\":\"$undefined\",\"className\":\"inline-flex min-h-[44px] items-center gap-xs px-sm text-body no-underline transition-colors duration-[var(--duration-fast)] text-body-muted hover:text-foreground\",\"children\":[\"Case studies\",null]}],null]}],[\"$\",\"li\",\"/integrations/\",{\"className\":\"group relative\",\"children\":[[\"$\",\"$L2\",null,{\"href\":\"/integrations/\",\"aria-current\":\"$undefined\",\"className\":\"inline-flex min-h-[44px] items-center gap-xs px-sm text-body no-underline transition-colors duration-[var(--duration-fast)] text-body-muted hover:text-foreground\",\"children\":[\"Integrations\",null]}],null]}],\"$L4\"]}]}],\"$L5\",\"$L6\"]}]}]}],\"$L7\",\"$L8\",\"$L9\",\"$La\",\"$Lb\",\"$Lc\"]}]}]]}],{\"children\":[\"solutions\",\"$Ld\",{\"children\":[\"__PAGE__\",\"$Le\",{}
1,null,false]},null,false]},null,false],\"$Lf\",false]],\"m\":\"$undefined\",\"G\":[\"$10\",[]],\"s\":false,\"S\":true}\n"])</script>
1<script>self.__next_f.push([1,"11:I[9766,[],\"\"]\n12:I[8924,[],\"\"]\n15:I[2197,[\"619\",\"static/chunks/619-ba102abea3e3d0e4.js\",\"176\",\"static/chunks/176-786517ab9996954b.js\",\"873\",\"static/chunks/873-3d2dccdc888d3cc2.js\",\"177\",\"static/chunks/app/layout-48a1ba8133efef48.js\"],\"AskYourAI\"]\n16:I[9848,[\"619\",\"static/chunks/619-ba102abea3e3d0e4.js\",\"176\",\"static/chunks/176-786517ab9996954b.js\",\"873\",\"static/chunks/873-3d2dccdc888d3cc2.js\",\"177\",\"static/chunks/app/layout-48a1ba8133efef48.js\"],\"ConsentBanner\"]\n17:I[9647,[\"619\",\"static/chunks/619-ba102abea3e3d0e4.js\",\"873\",\"static/chunks/873-3d2dccdc888d3cc2.js\",\"370\",\"static/chunks/370-e7ac45a3cbae9ec4.js\",\"490\",\"static/chunks/490-2eeae599d630a579.js\",\"805\",\"static/chunks/app/solutions/page-ca138a752315b58a.js\"],\"StageFlow\"]\n25:I[4431,[],\"ViewportBoundary\"]\n27:I[4431,[],\"MetadataBoundary\"]\n28:\"$Sreact.suspense\"\n"])</script>
1<script>self.__next_f.push([1,"4:[\"$\",\"li\",\"/about/\",{\"className\":\"group relative\",\"children\":[[\"$\",\"$L2\",null,{\"href\":\"/about/\",\"aria-current\":\"$undefined\",\"className\":\"inline-flex min-h-[44px] items-center gap-xs px-sm text-body no-underline transition-colors duration-[var(--duration-fast)] text-body-muted hover:text-foreground\",\"children\":[\"About\",[\"$\",\"svg\",null,{\"width\":\"12\",\"height\":\"12\",\"viewBox\":\"0 0 12 12\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"1.5\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"aria-hidden\":\"true\",\"className\":\"mt-[2px] transition-transform duration-[var(--duration-fast)] group-hover:rotate-180\",\"children\":[\"$\",\"path\",null,{\"d\":\"M2.5 4.5L6 8l3.5-3.5\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"absolute start-0 top-full hidden pt-xs group-focus-within:block group-hover:block\",\"children\":[\"$\",\"ul\",null,{\"className\":\"m-0 flex min-w-[240px] list-none flex-col gap-xs rounded-xl border border-border bg-card p-sm shadow-md\",\"children\":[[\"$\",\"li\",\"/about/About emaze.ai\",{\"children\":[\"$\",\"$L2\",null,{\"href\":\"/about/\",\"aria-current\":\"$undefined\",\"className\":\"flex min-h-[44px] items-center rounded-lg px-md text-body no-underline transition-colors duration-[var(--duration-fast)] hover:bg-muted text-body-muted hover:text-foreground\",\"children\":\"About emaze.ai\"}]}],[\"$\",\"li\",\"/nada-show-exhibitors/Events\",{\"children\":[\"$\",\"$L2\",null,{\"href\":\"/nada-show-exhibitors/\",\"aria-current\":\"$undefined\",\"className\":\"flex min-h-[44px] items-center rounded-lg px-md text-body no-underline transition-colors duration-[var(--duration-fast)] hover:bg-muted text-body-muted hover:text-foreground\",\"children\":\"Events\"}]}],[\"$\",\"li\",\"/contact/Contact\",{\"children\":[\"$\",\"$L2\",null,{\"href\":\"/contact/\",\"aria-current\":\"$undefined\",\"className\":\"flex min-h-[44px] items-center rounded-lg px-md text-body no-underline transition-colors duration-[var(--duration-fast)] hover:bg-muted text-body-muted hover:text-foreground\",\"children\":\"Contact\"}]}]]}]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"5:[\"$\",\"div\",null,{\"className\":\"ms-auto hidden md:block\",\"children\":[\"$\",\"$L2\",null,{\"href\":\"/contact/\",\"className\":\"inline-flex items-center justify-center gap-sm rounded-[var(--radius-cta)] font-medium transition-colors duration-[var(--duration-base)] ease-[var(--ease-in-out)] no-underline cursor-pointer border disabled:opacity-50 disabled:cursor-not-allowed min-h-[44px] px-xl text-body border-transparent bg-cta text-cta-foreground hover:bg-cta-hover\",\"children\":\"Book a demo\"}]}]\n"])</script>
1<script>self.__next_f.push([1,"6:[\"$\",\"details\",null,{\"className\":\"group ms-auto md:hidden\",\"children\":[[\"$\",\"summary\",null,{\"className\":\"inline-flex size-[44px] cursor-pointer items-center justify-center rounded-full border border-neutral-300 bg-background marker:content-none [\u0026::-webkit-details-marker]:hidden\",\"children\":[[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"Menu\"}],[\"$\",\"svg\",null,{\"width\":\"20\",\"height\":\"20\",\"viewBox\":\"0 0 20 20\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"1.5\",\"strokeLinecap\":\"round\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M3 6h14\",\"className\":\"group-open:hidden\"}],[\"$\",\"path\",null,{\"d\":\"M3 10h14\",\"className\":\"group-open:hidden\"}],[\"$\",\"path\",null,{\"d\":\"M3 14h14\",\"className\":\"group-open:hidden\"}],[\"$\",\"path\",null,{\"d\":\"M5 5l10 10\",\"className\":\"hidden group-open:block\"}],[\"$\",\"path\",null,{\"d\":\"M15 5L5 15\",\"className\":\"hidden group-open:block\"}]]}]]}],[\"$\",\"div\",null,{\"id\":\"nav-panel\",\"className\":\"absolute inset-inline-0 start-0 end-0 border-t border-border bg-background\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto w-full ps-lg pe-lg md:ps-2xl md:pe-2xl max-w-[var(--container-site)]\",\"children\":[\"$\",\"ul\",null,{\"className\":\"m-0 flex list-none flex-col gap-xs p-0 py-lg\",\"children\":[[[\"$\",\"li\",\"/solutions/\",{\"children\":[[\"$\",\"$L2\",null,{\"href\":\"/solutions/\",\"aria-current\":\"$undefined\",\"className\":\"flex min-h-[44px] items-center rounded-lg px-md text-body no-underline text-foreground\",\"children\":\"Solutions\"}],null]}],[\"$\",\"li\",\"/industries/\",{\"children\":[[\"$\",\"$L2\",null,{\"href\":\"/industries/\",\"aria-current\":\"$undefined\",\"className\":\"flex min-h-[44px] items-center rounded-lg px-md text-body no-underline text-foreground\",\"children\":\"Industries\"}],[\"$\",\"ul\",null,{\"className\":\"m-0 flex list-none flex-col gap-xs p-0 ps-lg\",\"children\":[[\"$\",\"li\",\"/industries/automotive/Automotive\",{\"children\":[\"$\",\"$L2\",null,{\"href\":\"/industries/automotive/\",\"aria-current\":\"$undefined\",\"className\":\"flex min-h-[44px] items-center rounded-lg px-md text-small text-body-muted no-underline\",\"children\":\"Automotive\"}]}],[\"$\",\"li\",\"/industries/retail/Retail and ecommerce\",{\"children\":[\"$\",\"$L2\",null,{\"href\":\"/industries/retail/\",\"aria-current\":\"$undefined\",\"className\":\"flex min-h-[44px] items-center rounded-lg px-md text-small text-body-muted no-underline\",\"children\":\"Retail and ecommerce\"}]}],[\"$\",\"li\",\"/industries/The touchpoint library\",{\"children\":[\"$\",\"$L2\",null,{\"href\":\"/industries/\",\"aria-current\":\"$undefined\",\"className\":\"flex min-h-[44px] items-center rounded-lg px-md text-small text-body-muted no-underline\",\"children\":\"The touchpoint library\"}]}]]}]]}],[\"$\",\"li\",\"/case-studies/\",{\"children\":[[\"$\",\"$L2\",null,{\"href\":\"/case-studies/\",\"aria-current\":\"$undefined\",\"className\":\"flex min-h-[44px] items-center rounded-lg px-md text-body no-underline text-foreground\",\"children\":\"Case studies\"}],null]}],[\"$\",\"li\",\"/integrations/\",{\"children\":[[\"$\",\"$L2\",null,{\"href\":\"/integrations/\",\"aria-current\":\"$undefined\",\"className\":\"flex min-h-[44px] items-center rounded-lg px-md text-body no-underline text-foreground\",\"children\":\"Integrations\"}],null]}],[\"$\",\"li\",\"/about/\",{\"children\":[[\"$\",\"$L2\",null,{\"href\":\"/about/\",\"aria-current\":\"$undefined\",\"className\":\"flex min-h-[44px] items-center rounded-lg px-md text-body no-underline text-foreground\",\"children\":\"About\"}],[\"$\",\"ul\",null,{\"className\":\"m-0 flex list-none flex-col gap-xs p-0 ps-lg\",\"children\":[[\"$\",\"li\",\"/about/About emaze.ai\",{\"children\":[\"$\",\"$L2\",null,{\"href\":\"/about/\",\"aria-current\":\"$undefined\",\"className\":\"flex min-h-[44px] items-center rounded-lg px-md text-small text-body-muted no-underline\",\"children\":\"About emaze.ai\"}]}],[\"$\",\"li\",\"/nada-show-exhibitors/Events\",{\"children\":[\"$\",\"$L2\",null,{\"href\":\"/nada-show-exhibitors/\",\"aria-current\":\"$undefined\",\"className\":\"flex min-h-[44px] items-center rounded-lg px-md text-small text-body-muted no-underline\",\"children\":\"Events\"}]}],[\"$\",\"li\",\"/contact/Contact\",{\"children\":[\"$\",\"$L2\",null,{\"href\":\"/contact/\",\"aria-current\":\"$undefined\",\"className\":\"flex min-h-[44px] items-center rounded-lg px-md text-small text-body-muted no-underline\",\"children\":\"Contact\"}]}]]}]]}]],[\"$\",\"li\",null,{\"className\":\"mt-md\",\"children\":[\"$\",\"$L2\",null,{\"href\":\"/contact/\",\"className\":\"inline-flex items-center justify-center gap-sm rounded-[var(--radius-cta)] font-medium transition-colors duration-[var(--duration-base)] ease-[var(--ease-in-out)] no-underline cursor-pointer border disabled:opacity-50 disabled:cursor-not-allowed min-h-[44px] px-xl text-body border-transparent bg-cta text-cta-foreground hover:bg-cta-hover w-full\",\"children\":\"Book a demo\"}]}]]}]}]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"7:[\"$\",\"main\",null,{\"id\":\"main\",\"children\":[[\"$\",\"$L11\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L12\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"section\",null,{\"id\":\"$undefined\",\"className\":\"bg-background text-foreground py-5xl\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto w-full ps-lg pe-lg md:ps-2xl md:pe-2xl max-w-[var(--container-site)]\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"text-h2\",\"children\":\"Page not found\"}],[\"$\",\"p\",null,{\"className\":\"measure mt-lg text-body-muted\",\"children\":\"That page does not exist. It may have moved when the site was rebuilt.\"}],[\"$\",\"div\",null,{\"className\":\"mt-xl\",\"children\":[\"$\",\"$L2\",null,{\"href\":\"/\",\"className\":\"inline-flex items-center justify-center gap-sm rounded-[var(--radius-cta)] font-medium transition-colors duration-[var(--duration-base)] ease-[var(--ease-in-out)] no-underline cursor-pointer border disabled:opacity-50 disabled:cursor-not-allowed min-h-[44px] px-xl text-body border-transparent bg-cta text-cta-foreground hover:bg-cta-hover\",\"children\":\"Go to the homepage\"}]}]]}]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],[\"$\",\"section\",null,{\"id\":\"$undefined\",\"className\":\"bg-background text-foreground py-5xl\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto w-full ps-lg pe-lg md:ps-2xl md:pe-2xl max-w-[var(--container-site)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative flex aspect-[820/1018] flex-col justify-start overflow-hidden rounded-2xl border border-border p-xl md:aspect-auto md:min-h-[420px] md:p-4xl\",\"children\":[[\"$\",\"picture\",null,{\"children\":[[\"$\",\"source\",null,{\"media\":\"(min-width: 768px)\",\"srcSet\":\"/images/closing/closing-desktop.webp\"}],[\"$\",\"img\",null,{\"src\":\"/images/closing/closing-mobile.webp\",\"alt\":\"Customers in a sunlit parking lot, each smiling at a personalized page on their phone.\",\"loading\":\"lazy\",\"decoding\":\"async\",\"className\":\"absolute inset-0 h-full w-full object-cover\"}]]}],[\"$\",\"div\",null,{\"aria-hidden\":\"true\",\"className\":\"absolute inset-0 bg-dark/30\"}],[\"$\",\"div\",null,{\"className\":\"relative mx-auto flex flex-col items-center gap-lg pt-lg text-center md:pt-md\",\"children\":[[\"$\",\"h2\",null,{\"id\":\"$undefined\",\"className\":\"text-h2 max-w-[20ch] text-neutral-0\",\"children\":[\"See it with \",[\"$\",\"em\",\"1\",{\"className\":\"accent\",\"children\":\"your brand\"}],\" on it\"]}],[\"$\",\"p\",null,{\"className\":\"max-w-[36ch] text-lead text-neutral-0\",\"children\":\"Your first journey, built before the second meeting.\"}],[\"$\",\"div\",null,{\"className\":\"mt-md\",\"children\":[\"$\",\"$L2\",null,{\"href\":\"/contact/\",\"className\":\"inline-flex items-center justify-center gap-sm rounded-[var(--radius-cta)] font-medium transition-colors duration-[var(--duration-base)] ease-[var(--ease-in-out)] no-underline cursor-pointer border disabled:opacity-50 disabled:cursor-not-allowed min-h-[52px] px-2xl text-lead border-transparent bg-cta text-cta-foreground hover:bg-cta-hover\",\"children\":\"Book a demo\"}]}]]}]]}]}]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"8:[\"$\",\"footer\",null,{\"className\":\"border-t border-border bg-blue-50\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto w-full ps-lg pe-lg md:ps-2xl md:pe-2xl max-w-[var(--container-site)]\",\"children\":[[\"$\",\"p\",null,{\"className\":\"max-w-[16ch] pt-4xl text-h2\",\"children\":[\"Every message, \",[\"$\",\"em\",null,{\"className\":\"accent\",\"children\":\"worth opening.\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid gap-2xl py-4xl md:grid-cols-[1.5fr_repeat(4,1fr)]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-lg\",\"children\":[[\"$\",\"$L2\",null,{\"href\":\"/\",\"aria-label\":\"emaze.ai home\",\"className\":\"inline-flex text-foreground\",\"children\":[\"$\",\"span\",null,{\"className\":\"brand-logo inline-flex items-center\",\"children\":[\"$\",\"img\",null,{\"src\":\"/brand/logo-horizontal.svg\",\"alt\":\"emaze.ai\",\"width\":113,\"height\":36,\"style\":{\"height\":36,\"width\":\"auto\"}}]}]}],[\"$\",\"p\",null,{\"className\":\"measure text-small text-body-muted\",\"children\":\"Turn a CRM event into a personalized, interactive page built for one named person, delivered over WhatsApp, SMS or email.\"}]]}],[[\"$\",\"nav\",\"Product\",{\"aria-label\":\"Product\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"mb-md text-small font-medium text-foreground\",\"children\":\"Product\"}],[\"$\",\"ul\",null,{\"className\":\"m-0 flex list-none flex-col gap-xs p-0\",\"children\":[[\"$\",\"li\",\"/solutions/\",{\"children\":[\"$\",\"$L2\",null,{\"href\":\"/solutions/\",\"className\":\"inline-flex min-h-[44px] items-center text-small text-body-muted no-underline hover:text-foreground md:min-h-0 md:py-xs\",\"children\":\"Solutions\"}]}],[\"$\",\"li\",\"/case-studies/\",{\"children\":[\"$\",\"$L2\",null,{\"href\":\"/case-studies/\",\"className\":\"inline-flex min-h-[44px] items-center text-small text-body-muted no-underline hover:text-foreground md:min-h-0 md:py-xs\",\"children\":\"Case studies\"}]}],[\"$\",\"li\",\"/integrations/\",{\"children\":[\"$\",\"$L2\",null,{\"href\":\"/integrations/\",\"className\":\"inline-flex min-h-[44px] items-center text-small text-body-muted no-underline hover:text-foreground md:min-h-0 md:py-xs\",\"children\":\"Integrations and API\"}]}]]}]]}],[\"$\",\"nav\",\"Industries\",{\"aria-label\":\"Industries\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"mb-md text-small font-medium text-foreground\",\"children\":\"Industries\"}],[\"$\",\"ul\",null,{\"className\":\"m-0 flex list-none flex-col gap-xs p-0\",\"children\":[[\"$\",\"li\",\"/industries/automotive/\",{\"children\":[\"$\",\"$L2\",null,{\"href\":\"/industries/automotive/\",\"className\":\"inline-flex min-h-[44px] items-center text-small text-body-muted no-underline hover:text-foreground md:min-h-0 md:py-xs\",\"children\":\"Automotive\"}]}],[\"$\",\"li\",\"/industries/retail/\",{\"children\":[\"$\",\"$L2\",null,{\"href\":\"/industries/retail/\",\"className\":\"inline-flex min-h-[44px] items-center text-small text-body-muted no-underline hover:text-foreground md:min-h-0 md:py-xs\",\"children\":\"Retail and ecommerce\"}]}],[\"$\",\"li\",\"/industries/\",{\"children\":[\"$\",\"$L2\",null,{\"href\":\"/industries/\",\"className\":\"inline-flex min-h-[44px] items-center text-small text-body-muted no-underline hover:text-foreground md:min-h-0 md:py-xs\",\"children\":\"All industries\"}]}]]}]]}],[\"$\",\"nav\",\"Company\",{\"aria-label\":\"Company\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"mb-md text-small font-medium text-foreground\",\"children\":\"Company\"}],[\"$\",\"ul\",null,{\"className\":\"m-0 flex list-none flex-col gap-xs p-0\",\"children\":[[\"$\",\"li\",\"/about/\",{\"children\":[\"$\",\"$L2\",null,{\"href\":\"/about/\",\"className\":\"inline-flex min-h-[44px] items-center text-small text-body-muted no-underline hover:text-foreground md:min-h-0 md:py-xs\",\"children\":\"About\"}]}],[\"$\",\"li\",\"/nada-show-exhibitors/\",{\"children\":[\"$\",\"$L2\",null,{\"href\":\"/nada-show-exhibitors/\",\"className\":\"inline-flex min-h-[44px] items-center text-small text-body-muted no-underline hover:text-foreground md:min-
1h-0 md:py-xs\",\"children\":\"Events\"}]}],[\"$\",\"li\",\"/contact/\",{\"children\":[\"$\",\"$L2\",null,{\"href\":\"/contact/\",\"className\":\"inline-flex min-h-[44px] items-center text-small text-body-muted no-underline hover:text-foreground md:min-h-0 md:py-xs\",\"children\":\"Contact\"}]}]]}]]}],[\"$\",\"nav\",\"Legal\",{\"aria-label\":\"Legal\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"mb-md text-small font-medium text-foreground\",\"children\":\"Legal\"}],\"$L13\"]}]]]}],\"$L14\"]}]}]\n"])</script>
1<script>self.__next_f.push([1,"9:[\"$\",\"$L15\",null,{}]\na:[\"$\",\"$L16\",null,{}]\nb:[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Organization\\\",\\\"name\\\":\\\"emaze.ai\\\",\\\"legalName\\\":\\\"emaze visual software LTD\\\",\\\"url\\\":\\\"https://emaze.ai\\\",\\\"logo\\\":\\\"https://emaze.ai/brand/logo-horizontal.svg\\\",\\\"address\\\":{\\\"@type\\\":\\\"PostalAddress\\\",\\\"streetAddress\\\":\\\"Bar Kochva St 16\\\",\\\"addressLocality\\\":\\\"Bnei Brak\\\",\\\"addressCountry\\\":\\\"IL\\\"}}\"}}]\nc:[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"WebSite\\\",\\\"name\\\":\\\"emaze.ai\\\",\\\"url\\\":\\\"https://emaze.ai\\\",\\\"publisher\\\":{\\\"@type\\\":\\\"Organization\\\",\\\"name\\\":\\\"emaze visual software LTD\\\"},\\\"inLanguage\\\":\\\"en\\\"}\"}}]\nd:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L11\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L12\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\n"])</script>
1<script>self.__next_f.push([1,"e:[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"section\",null,{\"className\":\"relative overflow-hidden\",\"children\":[[\"$\",\"div\",null,{\"aria-hidden\":\"true\",\"data-wash\":\"true\",\"className\":\"wash\"}],[\"$\",\"div\",null,{\"className\":\"relative py-5xl\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto w-full ps-lg pe-lg md:ps-2xl md:pe-2xl max-w-[var(--container-site)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto flex w-full flex-col items-center gap-lg text-center\",\"children\":[null,[\"$\",\"h1\",null,{\"className\":\"max-w-[22ch] text-display\",\"children\":[\"One platform for every message you send \",[\"$\",\"em\",\"1\",{\"className\":\"accent\",\"children\":\"after the lead arrives\"}],\"\"]}],[\"$\",\"p\",null,{\"className\":\"max-w-[56ch] text-lead text-body-muted\",\"children\":\"emaze.ai generates interactive, personalized touchpoints for the whole cycle: first response, meetings, quotes, orders, delivery, service and marketing.\"}],[\"$\",\"div\",null,{\"className\":\"mt-md flex flex-wrap justify-center gap-md\",\"children\":[[\"$\",\"$L2\",null,{\"href\":\"/contact/\",\"className\":\"inline-flex items-center justify-center gap-sm rounded-[var(--radius-cta)] font-medium transition-colors duration-[var(--duration-base)] ease-[var(--ease-in-out)] no-underline cursor-pointer border disabled:opacity-50 disabled:cursor-not-allowed min-h-[52px] px-2xl text-lead border-transparent bg-cta text-cta-foreground hover:bg-cta-hover\",\"children\":\"Book a demo\"}],[\"$\",\"$L2\",null,{\"href\":\"/industries/\",\"className\":\"inline-flex items-center justify-center gap-sm rounded-[var(--radius-cta)] font-medium transition-colors duration-[var(--duration-base)] ease-[var(--ease-in-out)] no-underline cursor-pointer border disabled:opacity-50 disabled:cursor-not-allowed min-h-[52px] px-2xl text-lead bg-neutral-0 text-cta border-cta hover:bg-blue-50\",\"children\":\"See it live\"}]]}]]}]}]}]]}],[\"$\",\"section\",null,{\"id\":\"$undefined\",\"className\":\"bg-muted text-foreground py-5xl\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto w-full ps-lg pe-lg md:ps-2xl md:pe-2xl max-w-[var(--container-site)]\",\"children\":[[\"$\",\"h2\",null,{\"id\":\"$undefined\",\"className\":\"text-h2 mx-auto mb-3xl max-w-[24ch] text-center\",\"children\":[\"From a CRM event to a personalized experience, \",[\"$\",\"em\",\"1\",{\"className\":\"accent\",\"children\":\"in seconds\"}],\"\"]}],[\"$\",\"$L17\",null,{}]]}]}],[\"$\",\"section\",null,{\"id\":\"$undefined\",\"className\":\"bg-background text-foreground py-5xl\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto w-full ps-lg pe-lg md:ps-2xl md:pe-2xl max-w-[var(--container-site)]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mx-auto mb-3xl flex max-w-[60ch] flex-col items-center gap-lg text-center\",\"children\":[[\"$\",\"h2\",null,{\"id\":\"$undefined\",\"className\":\"text-h2 max-w-[20ch]\",\"children\":[\"Every touchpoint, \",[\"$\",\"em\",\"1\",{\"className\":\"accent\",\"children\":\"by moment\"}],\"\"]}],[\"$\",\"p\",null,{\"className\":\"text-lead text-body-muted\",\"children\":\"The library as it stands. Automotive is complete; retail has begun.\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid gap-lg md:grid-cols-2 lg:grid-cols-4\",\"children\":[[\"$\",\"section\",\"First response\",{\"className\":\"feature-card flex flex-col gap-md rounded-2xl border border-border bg-card p-xl\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-h3\",\"children\":\"First response\"}],[\"$\",\"ul\",null,{\"className\":\"m-0 flex list-none flex-col gap-sm p-0\",\"children\":[[\"$\",\"li\",\"Instant lead auto-response\",{\"className\":\"flex items-start gap-md text-body text-body-muted\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 size-1.5 shrink-0 rounded-full bg-cta\",\"aria-hidden\":\"true\"}],\"Instant lead auto-response\"]}],[\"$\",\"li\",\"Personalized vehicle or product story with video\",{\"className\":\"flex items-start gap-md text-body text-body-muted\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 size-1.5 shrink-0 rounded-full bg-cta\",\"aria-hidden\":\"true\"}],\"Personalized vehicle or product story with video\"]}]]}]]}],[\"$\",\"section\",\"Meeting\",{\"className\":\"feature-card flex flex-col gap-md rounded-2xl border border-border bg-card p-xl\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-h3\",\"children\":\"Meeting\"}],\"$L18\"]}],\"$L19\",\"$L1a\",\"$L1b\",\"$L1c\",\"$L1d\",\"$L1e\"]}]]}]}],\"$L1f\",\"$L20\",\"$L21\",\"$L22\",\"$L23\"],null,\"$L24\"]}]\n"])</script>
1<script>self.__next_f.push([1,"f:[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$L25\",null,{\"children\":\"$L26\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]],[\"$\",\"$L27\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$28\",null,{\"fallback\":null,\"children\":\"$L29\"}]}]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"2a:I[9848,[\"619\",\"static/chunks/619-ba102abea3e3d0e4.js\",\"176\",\"static/chunks/176-786517ab9996954b.js\",\"873\",\"static/chunks/873-3d2dccdc888d3cc2.js\",\"177\",\"static/chunks/app/layout-48a1ba8133efef48.js\"],\"ConsentSettingsButton\"]\n2b:I[5184,[\"619\",\"static/chunks/619-ba102abea3e3d0e4.js\",\"873\",\"static/chunks/873-3d2dccdc888d3cc2.js\",\"370\",\"static/chunks/370-e7ac45a3cbae9ec4.js\",\"490\",\"static/chunks/490-2eeae599d630a579.js\",\"805\",\"static/chunks/app/solutions/page-ca138a752315b58a.js\"],\"TouchpointGallery\"]\n35:I[4431,[],\"OutletBoundary\"]\n37:I[5278,[],\"AsyncMetadataOutlet\"]\n13:[\"$\",\"ul\",null,{\"className\":\"m-0 flex list-none flex-col gap-xs p-0\",\"children\":[[\"$\",\"li\",\"/legal/terms/\",{\"children\":[\"$\",\"$L2\",null,{\"href\":\"/legal/terms/\",\"className\":\"inline-flex min-h-[44px] items-center text-small text-body-muted no-underline hover:text-foreground md:min-h-0 md:py-xs\",\"children\":\"Terms of service\"}]}],[\"$\",\"li\",\"/legal/privacy/\",{\"children\":[\"$\",\"$L2\",null,{\"href\":\"/legal/privacy/\",\"className\":\"inline-flex min-h-[44px] items-center text-small text-body-muted no-underline hover:text-foreground md:min-h-0 md:py-xs\",\"children\":\"Privacy policy\"}]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"14:[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-lg border-t border-border pt-xl pb-[76px] md:flex-row md:items-center md:justify-between\",\"children\":[[\"$\",\"ul\",null,{\"className\":\"m-0 flex list-none flex-wrap gap-lg p-0\",\"children\":[[\"$\",\"li\",\"SOC 2 Type II audited\",{\"className\":\"flex items-center gap-sm rounded-lg border border-border bg-background px-md py-sm\",\"children\":[[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"20\",\"height\":\"20\",\"viewBox\":\"0 0 20 20\",\"fill\":\"none\",\"className\":\"size-4 shrink-0 text-primary\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M10 17.5C10 17.5 16.6667 14.1667 16.6667 9.16667V4.16667L10 1.66667L3.33334 4.16667V9.16667C3.33334 14.1667 10 17.5 10 17.5Z\",\"stroke\":\"currentColor\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\"}],[\"$\",\"path\",null,{\"d\":\"M6.66667 9.16667L8.75 11.25L13.3333 6.66667\",\"stroke\":\"currentColor\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-small text-foreground\",\"children\":\"SOC 2 Type II audited\"}],[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":[\". \",\"Report available under NDA\",\".\"]}]]}],[\"$\",\"li\",\"GDPR compliant\",{\"className\":\"flex items-center gap-sm rounded-lg border border-border bg-background px-md py-sm\",\"children\":[[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"20\",\"height\":\"20\",\"viewBox\":\"0 0 20 20\",\"fill\":\"none\",\"className\":\"size-4 shrink-0 text-primary\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M10 17.5C10 17.5 16.6667 14.1667 16.6667 9.16667V4.16667L10 1.66667L3.33334 4.16667V9.16667C3.33334 14.1667 10 17.5 10 17.5Z\",\"stroke\":\"currentColor\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\"}],[\"$\",\"path\",null,{\"d\":\"M6.66667 9.16667L8.75 11.25L13.3333 6.66667\",\"stroke\":\"currentColor\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-small text-foreground\",\"children\":\"GDPR compliant\"}],[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":[\". \",\"Personal fields excluded from analytics by design\",\".\"]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-lg\",\"children\":[[\"$\",\"$L2a\",null,{}],[\"$\",\"p\",null,{\"className\":\"text-small text-body-muted\",\"children\":[\"© \",2026,\" emaze.ai. All rights reserved.\"]}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"18:[\"$\",\"ul\",null,{\"className\":\"m-0 flex list-none flex-col gap-sm p-0\",\"children\":[[\"$\",\"li\",\"Self-scheduling\",{\"className\":\"flex items-start gap-md text-body text-body-muted\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 size-1.5 shrink-0 rounded-full bg-cta\",\"aria-hidden\":\"true\"}],\"Self-scheduling\"]}],[\"$\",\"li\",\"Appointment confirmation\",{\"className\":\"flex items-start gap-md text-body text-body-muted\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 size-1.5 shrink-0 rounded-full bg-cta\",\"aria-hidden\":\"true\"}],\"Appointment confirmation\"]}],[\"$\",\"li\",\"Reminder\",{\"className\":\"flex items-start gap-md text-body text-body-muted\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 size-1.5 shrink-0 rounded-full bg-cta\",\"aria-hidden\":\"true\"}],\"Reminder\"]}],[\"$\",\"li\",\"No-show win-back\",{\"className\":\"flex items-start gap-md text-body text-body-muted\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 size-1.5 shrink-0 rounded-full bg-cta\",\"aria-hidden\":\"true\"}],\"No-show win-back\"]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"19:[\"$\",\"section\",\"Consideration\",{\"className\":\"feature-card flex flex-col gap-md rounded-2xl border border-border bg-card p-xl\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-h3\",\"children\":\"Consideration\"}],[\"$\",\"ul\",null,{\"className\":\"m-0 flex list-none flex-col gap-sm p-0\",\"children\":[[\"$\",\"li\",\"Interactive quote page\",{\"className\":\"flex items-start gap-md text-body text-body-muted\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 size-1.5 shrink-0 rounded-full bg-cta\",\"aria-hidden\":\"true\"}],\"Interactive quote page\"]}],[\"$\",\"li\",\"Configurator\",{\"className\":\"flex items-start gap-md text-body text-body-muted\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 size-1.5 shrink-0 rounded-full bg-cta\",\"aria-hidden\":\"true\"}],\"Configurator\"]}],[\"$\",\"li\",\"Comparison\",{\"className\":\"flex items-start gap-md text-body text-body-muted\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 size-1.5 shrink-0 rounded-full bg-cta\",\"aria-hidden\":\"true\"}],\"Comparison\"]}],[\"$\",\"li\",\"Specials swipe deck\",{\"className\":\"flex items-start gap-md text-body text-body-muted\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 size-1.5 shrink-0 rounded-full bg-cta\",\"aria-hidden\":\"true\"}],\"Specials swipe deck\"]}],[\"$\",\"li\",\"Trade-in valuation\",{\"className\":\"flex items-start gap-md text-body text-body-muted\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 size-1.5 shrink-0 rounded-full bg-cta\",\"aria-hidden\":\"true\"}],\"Trade-in valuation\"]}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"1a:[\"$\",\"section\",\"Decision\",{\"className\":\"feature-card flex flex-col gap-md rounded-2xl border border-border bg-card p-xl\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-h3\",\"children\":\"Decision\"}],[\"$\",\"ul\",null,{\"className\":\"m-0 flex list-none flex-col gap-sm p-0\",\"children\":[[\"$\",\"li\",\"Order confirmation\",{\"className\":\"flex items-start gap-md text-body text-body-muted\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 size-1.5 shrink-0 rounded-full bg-cta\",\"aria-hidden\":\"true\"}],\"Order confirmation\"]}],[\"$\",\"li\",\"Document completion with live camera capture\",{\"className\":\"flex items-start gap-md text-body text-body-muted\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 size-1.5 shrink-0 rounded-full bg-cta\",\"aria-hidden\":\"true\"}],\"Document completion with live camera capture\"]}],[\"$\",\"li\",\"Digital signature\",{\"className\":\"flex items-start gap-md text-body text-body-muted\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 size-1.5 shrink-0 rounded-full bg-cta\",\"aria-hidden\":\"true\"}],\"Digital signature\"]}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"1b:[\"$\",\"section\",\"Delivery\",{\"className\":\"feature-card flex flex-col gap-md rounded-2xl border border-border bg-card p-xl\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-h3\",\"children\":\"Delivery\"}],[\"$\",\"ul\",null,{\"className\":\"m-0 flex list-none flex-col gap-sm p-0\",\"children\":[[\"$\",\"li\",\"Delivery-day story\",{\"className\":\"flex items-start gap-md text-body text-body-muted\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 size-1.5 shrink-0 rounded-full bg-cta\",\"aria-hidden\":\"true\"}],\"Delivery-day story\"]}],[\"$\",\"li\",\"Welcome and onboarding experience\",{\"className\":\"flex items-start gap-md text-body text-body-muted\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 size-1.5 shrink-0 rounded-full bg-cta\",\"aria-hidden\":\"true\"}],\"Welcome and onboarding experience\"]}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"1c:[\"$\",\"section\",\"Ownership\",{\"className\":\"feature-card flex flex-col gap-md rounded-2xl border border-border bg-card p-xl\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-h3\",\"children\":\"Ownership\"}],[\"$\",\"ul\",null,{\"className\":\"m-0 flex list-none flex-col gap-sm p-0\",\"children\":[[\"$\",\"li\",\"Service booking and reminders\",{\"className\":\"flex items-start gap-md text-body text-body-muted\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 size-1.5 shrink-0 rounded-full bg-cta\",\"aria-hidden\":\"true\"}],\"Service booking and reminders\"]}],[\"$\",\"li\",\"Recall notices\",{\"className\":\"flex items-start gap-md text-body text-body-muted\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 size-1.5 shrink-0 rounded-full bg-cta\",\"aria-hidden\":\"true\"}],\"Recall notices\"]}],[\"$\",\"li\",\"Lease-end and renewal journeys\",{\"className\":\"flex items-start gap-md text-body text-body-muted\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 size-1.5 shrink-0 rounded-full bg-cta\",\"aria-hidden\":\"true\"}],\"Lease-end and renewal journeys\"]}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"1d:[\"$\",\"section\",\"Marketing\",{\"className\":\"feature-card flex flex-col gap-md rounded-2xl border border-border bg-card p-xl\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-h3\",\"children\":\"Marketing\"}],[\"$\",\"ul\",null,{\"className\":\"m-0 flex list-none flex-col gap-sm p-0\",\"children\":[[\"$\",\"li\",\"Campaign stories\",{\"className\":\"flex items-start gap-md text-body text-body-muted\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 size-1.5 shrink-0 rounded-full bg-cta\",\"aria-hidden\":\"true\"}],\"Campaign stories\"]}],[\"$\",\"li\",\"Seasonal greetings\",{\"className\":\"flex items-start gap-md text-body text-body-muted\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 size-1.5 shrink-0 rounded-full bg-cta\",\"aria-hidden\":\"true\"}],\"Seasonal greetings\"]}],[\"$\",\"li\",\"Event and roundtable invitations\",{\"className\":\"flex items-start gap-md text-body text-body-muted\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 size-1.5 shrink-0 rounded-full bg-cta\",\"aria-hidden\":\"true\"}],\"Event and roundtable invitations\"]}],[\"$\",\"li\",\"Loyalty and re-engagement\",{\"className\":\"flex items-start gap-md text-body text-body-muted\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 size-1.5 shrink-0 rounded-full bg-cta\",\"aria-hidden\":\"true\"}],\"Loyalty and re-engagement\"]}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"1e:[\"$\",\"section\",\"Retail\",{\"className\":\"feature-card flex flex-col gap-md rounded-2xl border border-border bg-card p-xl\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-h3\",\"children\":\"Retail\"}],[\"$\",\"ul\",null,{\"className\":\"m-0 flex list-none flex-col gap-sm p-0\",\"children\":[[\"$\",\"li\",\"Shoppable video story with variant selection and cart handoff\",{\"className\":\"flex items-start gap-md text-body text-body-muted\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 size-1.5 shrink-0 rounded-full bg-cta\",\"aria-hidden\":\"true\"}],\"Shoppable video story with variant selection and cart handoff\"]}]]}]]}]\n1f:[\"$\",\"section\",null,{\"id\":\"$undefined\",\"className\":\"bg-muted text-foreground py-5xl\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto w-full ps-lg pe-lg md:ps-2xl md:pe-2xl max-w-[var(--container-site)]\",\"children\":[[\"$\",\"h2\",null,{\"id\":\"$undefined\",\"className\":\"text-h2 mx-auto mb-3xl max-w-[20ch] text-center\",\"children\":[\"The library, \",[\"$\",\"em\",\"1\",{\"className\":\"accent\",\"children\":\"running\"}],\"\"]}],[\"$\",\"$L2b\",null,{\"grouping\":\"type\"}]]}]}]\n"])</script>
1<script>self.__next_f.push([1,"20:[\"$\",\"section\",null,{\"id\":\"$undefined\",\"className\":\"bg-background text-foreground py-5xl\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto w-full ps-lg pe-lg md:ps-2xl md:pe-2xl max-w-[var(--container-site)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid gap-lg lg:grid-cols-2\",\"children\":[[\"$\",\"div\",\"Personalized per record, *not per segment*\",{\"className\":\"relative flex flex-col gap-md overflow-hidden rounded-2xl border border-border p-2xl\",\"children\":[[\"$\",\"div\",null,{\"aria-hidden\":\"true\",\"data-wash\":\"true\",\"className\":\"wash wash-quiet\"}],[\"$\",\"h2\",null,{\"id\":\"$undefined\",\"className\":\"text-h3 relative max-w-[20ch]\",\"children\":[\"Personalized per record, \",[\"$\",\"em\",\"1\",{\"className\":\"accent\",\"children\":\"not per segment\"}],\"\"]}],[\"$\",\"p\",null,{\"className\":\"relative measure text-body text-body-muted\",\"children\":\"Segmentation sends one asset to a thousand people. emaze.ai builds a thousand assets, one per record, from your data and your design system. Right-to-left and bilingual builds run in production today.\"}]]}],[\"$\",\"div\",\"Your brand, your assets, *your rules*\",{\"className\":\"relative flex flex-col gap-md overflow-hidden rounded-2xl border border-border p-2xl\",\"children\":[[\"$\",\"div\",null,{\"aria-hidden\":\"true\",\"data-wash\":\"true\",\"className\":\"wash wash-quiet\"}],[\"$\",\"h2\",null,{\"id\":\"$undefined\",\"className\":\"text-h3 relative max-w-[20ch]\",\"children\":[\"Your brand, your assets, \",[\"$\",\"em\",\"1\",{\"className\":\"accent\",\"children\":\"your rules\"}],\"\"]}],[\"$\",\"p\",null,{\"className\":\"relative measure text-body text-body-muted\",\"children\":\"Touchpoints are generated from your design system and your DAM. Brand teams at importer level have signed off on live journeys for two years.\"}]]}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"21:[\"$\",\"section\",null,{\"id\":\"$undefined\",\"className\":\"bg-muted text-foreground py-5xl\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto w-full ps-lg pe-lg md:ps-2xl md:pe-2xl max-w-[var(--container-site)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid gap-3xl lg:grid-cols-[1fr_minmax(0,420px)] lg:gap-4xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-lg\",\"children\":[[\"$\",\"h2\",null,{\"id\":\"$undefined\",\"className\":\"text-h2 max-w-[18ch]\",\"children\":[\"Measured at the element, \",[\"$\",\"em\",\"1\",{\"className\":\"accent\",\"children\":\"not the click\"}],\"\"]}],[\"$\",\"p\",null,{\"className\":\"measure text-lead text-body-muted\",\"children\":\"A click tells you a link was opened. emaze.ai reports which slide they reached, how long they stayed on it, what they swiped past, and where they stopped, per recipient.\"}],[\"$\",\"p\",null,{\"className\":\"measure text-small text-body-muted\",\"children\":\"Analytics stores only the dimensions the touchpoint declares, like model, branch, campaign and agent. Names, phone numbers and email addresses never enter the analytics store.\"}],[\"$\",\"p\",null,{\"className\":\"measure rounded-lg border border-border bg-card p-lg text-small text-body-muted\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-medium text-foreground\",\"children\":\"In development. \"}],\"We are building a benchmark across industries and touchpoint types from two years of engagement data, so the platform can tell you which design converts best at each stage.\"]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-lg rounded-xl border border-border bg-card p-xl\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-small text-body-muted\",\"children\":\"Captured per recipient\"}],[\"$\",\"ul\",null,{\"className\":\"m-0 grid list-none gap-sm p-0 sm:grid-cols-2\",\"children\":[[\"$\",\"li\",\"Opens and unique opens\",{\"className\":\"flex items-center gap-md\",\"children\":[[\"$\",\"span\",null,{\"className\":\"size-2 shrink-0 rounded-full bg-blue-500\",\"aria-hidden\":\"true\"}],[\"$\",\"span\",null,{\"className\":\"text-body\",\"children\":\"Opens and unique opens\"}]]}],[\"$\",\"li\",\"Active seconds\",{\"className\":\"flex items-center gap-md\",\"children\":[[\"$\",\"span\",null,{\"className\":\"size-2 shrink-0 rounded-full bg-blue-500\",\"aria-hidden\":\"true\"}],[\"$\",\"span\",null,{\"className\":\"text-body\",\"children\":\"Active seconds\"}]]}],[\"$\",\"li\",\"Scroll depth\",{\"className\":\"flex items-center gap-md\",\"children\":[[\"$\",\"span\",null,{\"className\":\"size-2 shrink-0 rounded-full bg-blue-500\",\"aria-hidden\":\"true\"}],[\"$\",\"span\",null,{\"className\":\"text-body\",\"children\":\"Scroll depth\"}]]}],[\"$\",\"li\",\"Heatmaps\",{\"className\":\"flex items-center gap-md\",\"children\":[[\"$\",\"span\",null,{\"className\":\"size-2 shrink-0 rounded-full bg-blue-500\",\"aria-hidden\":\"true\"}],[\"$\",\"span\",null,{\"className\":\"text-body\",\"children\":\"Heatmaps\"}]]}],[\"$\",\"li\",\"Clicks\",{\"className\":\"flex items-center gap-md\",\"children\":[[\"$\",\"span\",null,{\"className\":\"size-2 shrink-0 rounded-full bg-blue-500\",\"aria-hidden\":\"true\"}],[\"$\",\"span\",null,{\"className\":\"text-body\",\"children\":\"Clicks\"}]]}],[\"$\",\"li\",\"Slides and swipes\",{\"className\":\"flex items-center gap-md\",\"children\":[[\"$\",\"span\",null,{\"className\":\"size-2 shrink-0 rounded-full bg-blue-500\",\"aria-hidden\":\"true\"}],[\"$\",\"span\",null,{\"className\":\"text-body\",\"children\":\"Slides and swipes\"}]]}],[\"$\",\"li\",\"Form submissions\",{\"className\":\"flex items-center gap-md\",\"children\":[[\"$\",\"span\",null,{\"className\":\"size-2 shrink-0 rounded-full bg-blue-500\",\"aria-hidden\":\"true\"}],[\"$\",\"span\",null,{\"className\":\"text-body\",\"children\":\"Form submissions\"}]]}],[\"$\",\"li\",\"Exits\",{\"className\":\"flex items-center gap-md\",\"children\":[[\"$\",\"span\",null,{\"className\":\"size-2 shrink-0 rounded-full bg-blue-500\",\"aria-hidden\":\"true\"}],[\"$\",\"span\",null,{\"className\":\"text-body\",\"children\":\"Exits\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-sm border-t border-border pt-lg\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-small\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-medium\",\"children\":\"Written back\"}],[\"$\",\"span\",null,{\"className\":\"text-body-muted\",\"children\":\" â to the CRM record it came from\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-small\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-medium\",\"children\":\"Exported daily\"}],[\"$\",\"span\",null,{\"className\":\"text-body-muted\",\"children\":\" â to your BI, one row per record\"}]]}]]}]]}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"22:[\"$\",\"section\",null,{\"id\":\"$undefined\",\"className\":\"bg-dark text-neutral-0 py-5xl\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto w-full ps-lg pe-lg md:ps-2xl md:pe-2xl max-w-[var(--container-site)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid gap-2xl lg:grid-cols-[minmax(0,22rem)_1fr] lg:gap-4xl\",\"children\":[[\"$\",\"h2\",null,{\"id\":\"$undefined\",\"className\":\"text-h2 text-neutral-0\",\"children\":[\"What your security team \",[\"$\",\"em\",\"1\",{\"className\":\"accent\",\"children\":\"will ask\"}],\"\"]}],[\"$\",\"ul\",null,{\"className\":\"m-0 flex list-none flex-col gap-lg p-0\",\"children\":[[\"$\",\"li\",\"Analytics stores declared dimensions only. Personal fields are excluded from the event store by design.\",{\"className\":\"flex items-start gap-md\",\"children\":[[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"20\",\"height\":\"20\",\"viewBox\":\"0 0 20 20\",\"fill\":\"none\",\"className\":\"mt-1 size-5 shrink-0 text-blue-300\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M10 17.5C10 17.5 16.6667 14.1667 16.6667 9.16667V4.16667L10 1.66667L3.33334 4.16667V9.16667C3.33334 14.1667 10 17.5 10 17.5Z\",\"stroke\":\"currentColor\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\"}],[\"$\",\"path\",null,{\"d\":\"M6.66667 9.16667L8.75 11.25L13.3333 6.66667\",\"stroke\":\"currentColor\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\"}]]}],[\"$\",\"p\",null,{\"className\":\"measure text-body text-dark-foreground\",\"children\":\"Analytics stores declared dimensions only. Personal fields are excluded from the event store by design.\"}]]}],[\"$\",\"li\",\"SOC 2 Type II audited, report available under NDA.\",{\"className\":\"flex items-start gap-md\",\"children\":[[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"20\",\"height\":\"20\",\"viewBox\":\"0 0 20 20\",\"fill\":\"none\",\"className\":\"mt-1 size-5 shrink-0 text-blue-300\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M10 17.5C10 17.5 16.6667 14.1667 16.6667 9.16667V4.16667L10 1.66667L3.33334 4.16667V9.16667C3.33334 14.1667 10 17.5 10 17.5Z\",\"stroke\":\"currentColor\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\"}],[\"$\",\"path\",null,{\"d\":\"M6.66667 9.16667L8.75 11.25L13.3333 6.66667\",\"stroke\":\"currentColor\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\"}]]}],[\"$\",\"p\",null,{\"className\":\"measure text-body text-dark-foreground\",\"children\":\"SOC 2 Type II audited, report available under NDA.\"}]]}],[\"$\",\"li\",\"GDPR compliant.\",{\"className\":\"flex items-start gap-md\",\"children\":[[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"20\",\"height\":\"20\",\"viewBox\":\"0 0 20 20\",\"fill\":\"none\",\"className\":\"mt-1 size-5 shrink-0 text-blue-300\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M10 17.5C10 17.5 16.6667 14.1667 16.6667 9.16667V4.16667L10 1.66667L3.33334 4.16667V9.16667C3.33334 14.1667 10 17.5 10 17.5Z\",\"stroke\":\"currentColor\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\"}],[\"$\",\"path\",null,{\"d\":\"M6.66667 9.16667L8.75 11.25L13.3333 6.66667\",\"stroke\":\"currentColor\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\"}]]}],[\"$\",\"p\",null,{\"className\":\"measure text-body text-dark-foreground\",\"children\":\"GDPR compliant.\"}]]}],[\"$\",\"li\",\"Passed enterprise third-party vendor reviews, including a full remediation cycle.\",{\"className\":\"flex items-start gap-md\",\"children\":[[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"20\",\"height\":\"20\",\"viewBox\":\"0 0 20 20\",\"fill\":\"none\",\"className\":\"mt-1 size-5 shrink-0 text-blue-300\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M10 17.5C10 17.5 16.6667 14.1667 16.6667 9.16667V4.16667L10 1.66667L3.33334 4.16667V9.16667C3.33334 14.1667 10 17.5 10 17.5Z\",\"stroke\":\"currentColor\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\"}],[\"$\",\"path\",null,{\"d\":\"M6.66667 9.16667L8.75 11.25L13.3333 6.66667\",\"stroke\":\"currentColor\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\"}]]}],[\"$\",\"p\",null,{\"className\":\"measure text-body text-dark-foreground\",\"children\":\"Passed enterprise third-party vendor reviews, including a full remediation cycle.\"}]]}]]}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"23:[\"$\",\"section\",null,{\"id\":\"$undefined\",\"className\":\"bg-background text-foreground py-5xl\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto w-full ps-lg pe-lg md:ps-2xl md:pe-2xl max-w-[var(--container-site)]\",\"children\":[[\"$\",\"h2\",null,{\"id\":\"$undefined\",\"className\":\"text-h2 mx-auto mb-3xl max-w-[20ch] text-center\",\"children\":[\"What it \",[\"$\",\"em\",\"1\",{\"className\":\"accent\",\"children\":\"connects to\"}],\"\"]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-4xl\",\"children\":[[\"$\",\"section\",\"triggers\",{\"aria-labelledby\":\"int-triggers\",\"className\":\"grid gap-xl md:grid-cols-[minmax(0,22rem)_1fr] md:gap-4xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-md\",\"children\":[[\"$\",\"h2\",null,{\"id\":\"int-triggers\",\"className\":\"text-h3\",\"children\":\"Where the trigger comes from\"}],[\"$\",\"p\",null,{\"className\":\"text-body text-body-muted\",\"children\":\"An event in the system your team already works in. A new lead, a booked appointment, a quote sent, a delivery scheduled, a service interval reached.\"}]]}],[\"$\",\"ul\",null,{\"className\":\"m-0 grid list-none gap-md p-0 sm:grid-cols-2\",\"children\":[[\"$\",\"li\",\"Salesforce\",{\"className\":\"flex flex-col gap-xs rounded-lg border border-border bg-card p-lg\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-baseline gap-sm\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-body font-medium\",\"children\":\"Salesforce\"}],null]}],[\"$\",\"p\",null,{\"className\":\"text-small text-body-muted\",\"children\":\"CRM triggers and write-back\"}],null]}],[\"$\",\"li\",\"HubSpot\",{\"className\":\"flex flex-col gap-xs rounded-lg border border-border bg-card p-lg\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-baseline gap-sm\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-body font-medium\",\"children\":\"HubSpot\"}],null]}],[\"$\",\"p\",null,{\"className\":\"text-small text-body-muted\",\"children\":\"CRM triggers and write-back\"}],null]}],[\"$\",\"li\",\"DriveCentric\",{\"className\":\"flex flex-col gap-xs rounded-lg border border-border bg-card p-lg\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-baseline gap-sm\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-body font-medium\",\"children\":\"DriveCentric\"}],[\"$\",\"span\",null,{\"className\":\"rounded-full bg-blue-50 px-md py-xs text-xs text-blue-800\",\"children\":\"Webhooks, zero development\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-small text-body-muted\",\"children\":\"CRM. emaze.ai listens to its webhooks and runs the whole journey.\"}],null]}],[\"$\",\"li\",\"Microsoft Dynamics 365\",{\"className\":\"flex flex-col gap-xs rounded-lg border border-border bg-card p-lg\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-baseline gap-sm\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-body font-medium\",\"children\":\"Microsoft Dynamics 365\"}],null]}],[\"$\",\"p\",null,{\"className\":\"text-small text-body-muted\",\"children\":\"CRM triggers and write-back\"}],null]}],[\"$\",\"li\",\"Zoho CRM\",{\"className\":\"flex flex-col gap-xs rounded-lg border border-border bg-card p-lg\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-baseline gap-sm\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-body font-medium\",\"children\":\"Zoho CRM\"}],null]}],[\"$\",\"p\",null,{\"className\":\"text-small text-body-muted\",\"children\":\"CRM triggers and write-back\"}],null]}],[\"$\",\"li\",\"CDK\",{\"className\":\"flex flex-col gap-xs rounded-lg border border-border bg-card p-lg\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-baseline gap-sm\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-body font-medium\",\"children\":\"CDK\"}],null]}],[\"$\",\"p\",null,{\"className\":\"text-small text-body-muted\",\"children\":\"Dealer management system\"}],null]}],[\"$\",\"li\",\"Tekion\",{\"className\":\"flex flex-col gap-xs rounded-lg border border-border bg-card p-lg\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-baseline gap-sm\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-body font-medium\",\"children\":\"Tekion\"}],null]}],[\"$\",\"p\",null,{\"className\":\"text-small text-body-muted\",\"children\":\"Dealer management system\"}],null]}],[\"$\",\"li\",\"DealerSocket\",{\"className\":\"flex flex-col gap-xs rounded-lg border border-border bg-card p-lg\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-baseline gap-sm\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-body font-medium\",\"children\":\"DealerSocket\"}],null]}],\"$L2c\",null]}],\"$L2d\",\"$L2e\",\"$L2f\",\"$L30\",\"$L31\"]}]]}],\"$L32\",\"$L33\"]}],\"$L34\"]}]}]\n"])</script>
1<script>self.__next_f.push([1,"24:[\"$\",\"$L35\",null,{\"children\":[\"$L36\",[\"$\",\"$L37\",null,{\"promise\":\"$@38\"}]]}]\n"])</script>
1<script>self.__next_f.push([1,"2c:[\"$\",\"p\",null,{\"className\":\"text-small text-body-muted\",\"children\":\"Dealer CRM\"}]\n2d:[\"$\",\"li\",\"Shopify\",{\"className\":\"flex flex-col gap-xs rounded-lg border border-border bg-card p-lg\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-baseline gap-sm\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-body font-medium\",\"children\":\"Shopify\"}],[\"$\",\"span\",null,{\"className\":\"rounded-full bg-blue-50 px-md py-xs text-xs text-blue-800\",\"children\":\"Webhooks, zero development\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-small text-body-muted\",\"children\":\"Commerce platform. emaze.ai listens to its webhooks and runs the whole journey.\"}],null]}]\n2e:[\"$\",\"li\",\"Tafnit\",{\"className\":\"flex flex-col gap-xs rounded-lg border border-border bg-card p-lg\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-baseline gap-sm\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-body font-medium\",\"children\":\"Tafnit\"}],null]}],[\"$\",\"p\",null,{\"className\":\"text-small text-body-muted\",\"children\":\"Business portals and ERP, by Matrix\"}],null]}]\n2f:[\"$\",\"li\",\"ServiceWhale\",{\"className\":\"flex flex-col gap-xs rounded-lg border border-border bg-card p-lg\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-baseline gap-sm\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-body font-medium\",\"children\":\"ServiceWhale\"}],null]}],[\"$\",\"p\",null,{\"className\":\"text-small text-body-muted\",\"children\":\"Home-services sales platform\"}],null]}]\n30:[\"$\",\"li\",\"Duve\",{\"className\":\"flex flex-col gap-xs rounded-lg border border-border bg-card p-lg\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-baseline gap-sm\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-body font-medium\",\"children\":\"Duve\"}],null]}],[\"$\",\"p\",null,{\"className\":\"text-small text-body-muted\",\"children\":\"Hospitality guest experience platform\"}],null]}]\n31:[\"$\",\"li\",\"Google Sheets\",{\"className\":\"flex flex-col gap-xs rounded-lg border border-border bg-card p-lg\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-baseline gap-sm\",\"children\":[[\"$\",\"h3\",null,{\""])</script>
1<script>self.__next_f.push([1,"className\":\"text-body font-medium\",\"children\":\"Google Sheets\"}],null]}],[\"$\",\"p\",null,{\"className\":\"text-small text-body-muted\",\"children\":\"A spreadsheet as the trigger: rows in, personalized links back\"}],null]}]\n"])</script>
1<script>self.__next_f.push([1,"32:[\"$\",\"section\",\"delivery\",{\"aria-labelledby\":\"int-delivery\",\"className\":\"grid gap-xl md:grid-cols-[minmax(0,22rem)_1fr] md:gap-4xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-md\",\"children\":[[\"$\",\"h2\",null,{\"id\":\"int-delivery\",\"className\":\"text-h3\",\"children\":\"How it reaches the customer\"}],[\"$\",\"p\",null,{\"className\":\"text-body text-body-muted\",\"children\":\"The touchpoint goes out as a link, through the channels and the sending identity your business already uses. We do not become a new sender your customers do not recognise.\"}]]}],[\"$\",\"ul\",null,{\"className\":\"m-0 grid list-none gap-md p-0 sm:grid-cols-2\",\"children\":[[\"$\",\"li\",\"WhatsApp\",{\"className\":\"flex flex-col gap-xs rounded-lg border border-border bg-card p-lg\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-baseline gap-sm\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-body font-medium\",\"children\":\"WhatsApp\"}],null]}],[\"$\",\"p\",null,{\"className\":\"text-small text-body-muted\",\"children\":\"Delivery channel\"}],[\"$\",\"p\",null,{\"className\":\"text-xs text-body-muted\",\"children\":\"Via Glassix\"}]]}],[\"$\",\"li\",\"Twilio\",{\"className\":\"flex flex-col gap-xs rounded-lg border border-border bg-card p-lg\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-baseline gap-sm\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-body font-medium\",\"children\":\"Twilio\"}],null]}],[\"$\",\"p\",null,{\"className\":\"text-small text-body-muted\",\"children\":\"SMS delivery\"}],[\"$\",\"p\",null,{\"className\":\"text-xs text-body-muted\",\"children\":\"A2P 10DLC registered for US sending\"}]]}],[\"$\",\"li\",\"Glassix\",{\"className\":\"flex flex-col gap-xs rounded-lg border border-border bg-card p-lg\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-baseline gap-sm\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-body font-medium\",\"children\":\"Glassix\"}],null]}],[\"$\",\"p\",null,{\"className\":\"text-small text-body-muted\",\"children\":\"Messaging platform and WhatsApp delivery route\"}],null]}],[\"$\",\"li\",\"Commbox\",{\"className\":\"flex flex-col gap-xs rounded-lg border border-border bg-card p-lg\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-baseline gap-sm\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-body font-medium\",\"children\":\"Commbox\"}],null]}],[\"$\",\"p\",null,{\"className\":\"text-small text-body-muted\",\"children\":\"Messaging platform\"}],null]}],[\"$\",\"li\",\"Brevo\",{\"className\":\"flex flex-col gap-xs rounded-lg border border-border bg-card p-lg\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-baseline gap-sm\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-body font-medium\",\"children\":\"Brevo\"}],null]}],[\"$\",\"p\",null,{\"className\":\"text-small text-body-muted\",\"children\":\"Email delivery\"}],null]}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"33:[\"$\",\"section\",\"data\",{\"aria-labelledby\":\"int-data\",\"className\":\"grid gap-xl md:grid-cols-[minmax(0,22rem)_1fr] md:gap-4xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-md\",\"children\":[[\"$\",\"h2\",null,{\"id\":\"int-data\",\"className\":\"text-h3\",\"children\":\"Where the engagement data lands\"}],[\"$\",\"p\",null,{\"className\":\"text-body text-body-muted\",\"children\":\"Every open, scroll, click, swipe, dwell-second and form submission is captured and written back. It reaches your CRM as activity, and your BI stack as rows you can join on.\"}]]}],[\"$\",\"ul\",null,{\"className\":\"m-0 grid list-none gap-md p-0 sm:grid-cols-2\",\"children\":[[\"$\",\"li\",\"BigQuery\",{\"className\":\"flex flex-col gap-xs rounded-lg border border-border bg-card p-lg\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-baseline gap-sm\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-body font-medium\",\"children\":\"BigQuery\"}],null]}],[\"$\",\"p\",null,{\"className\":\"text-small text-body-muted\",\"children\":\"Engagement warehouse\"}],null]}],[\"$\",\"li\",\"Salesforce Marketing Cloud Intelligence\",{\"className\":\"flex flex-col gap-xs rounded-lg border border-border bg-card p-lg\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-baseline gap-sm\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-body font-medium\",\"children\":\"Salesforce Marketing Cloud Intelligence\"}],null]}],[\"$\",\"p\",null,{\"className\":\"text-small text-body-muted\",\"children\":\"Daily aggregated export, one row per CRM record\"}],[\"$\",\"p\",null,{\"className\":\"text-xs text-body-muted\",\"children\":\"Formerly Datorama. Running in production.\"}]]}],[\"$\",\"li\",\"Your CRM\",{\"className\":\"flex flex-col gap-xs rounded-lg border border-border bg-card p-lg\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-baseline gap-sm\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-body font-medium\",\"children\":\"Your CRM\"}],null]}],[\"$\",\"p\",null,{\"className\":\"text-small text-body-muted\",\"children\":\"Write-back as activity on the record\"}],null]}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"34:[\"$\",\"div\",null,{\"className\":\"mt-2xl flex justify-center\",\"children\":[\"$\",\"$L2\",null,{\"href\":\"/integrations/\",\"className\":\"inline-flex items-center justify-center gap-sm rounded-[var(--radius-cta)] font-medium transition-colors duration-[var(--duration-base)] ease-[var(--ease-in-out)] no-underline cursor-pointer border disabled:opacity-50 disabled:cursor-not-allowed min-h-[44px] px-xl text-body bg-neutral-0 text-cta border-cta hover:bg-blue-50\",\"children\":\"Integrations and API\"}]}]\n"])</script>
1<script>self.__next_f.push([1,"26:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
1<script>self.__next_f.push([1,"36:null\n"])</script>
1<script>self.__next_f.push([1,"39:I[622,[],\"IconMark\"]\n"])</script>
1<script>self.__next_f.push([1,"38:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"Solutions | emaze.ai\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Automated personalized landing pages for the whole sales cycle: first response, meetings, quotes, orders, delivery, service and marketing.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"canonical\",\"href\":\"https://emaze.ai/solutions/\"}],[\"$\",\"meta\",\"3\",{\"property\":\"og:title\",\"content\":\"Solutions\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:description\",\"content\":\"Automated personalized landing pages for the whole sales cycle: first response, meetings, quotes, orders, delivery, service and marketing.\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:url\",\"content\":\"https://emaze.ai/solutions/\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:site_name\",\"content\":\"emaze.ai\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:image\",\"content\":\"https://emaze.ai/og/solutions.png\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image:alt\",\"content\":\"Solutions\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:title\",\"content\":\"Solutions\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:description\",\"content\":\"Automated personalized landing pages for the whole sales cycle: f
1irst response, meetings, quotes, orders, delivery, service and marketing.\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:image\",\"content\":\"https://emaze.ai/og/solutions.png\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:image:alt\",\"content\":\"Solutions\"}],[\"$\",\"link\",\"19\",{\"rel\":\"icon\",\"href\":\"/brand/logo-mark.svg\"}],[\"$\",\"$L39\",\"20\",{}]],\"error\":null,\"digest\":\"$undefined\"}\n"])</script>
1<script>self.__next_f.push([1,"29:\"$38:metadata\"\n"])</script>
1</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.