<!DOCTYPE html><!--Qbncbt4LhDNRS7XRi5pMy--><html lang="en" class="__variable_c1924f"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/1bb87caddaaf6c2d-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/49fce7c6966c54d3-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/5bd95970c700f5bd-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/648293620770408b-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="/logo.png"/><link rel="stylesheet" href="/_next/static/css/dccfb35b947c2297.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/2afcde18b31ddea1.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-c7dc172313b22fcf.js"/><script src="/_next/static/chunks/f45d7092-5a1846c7842c372c.js" async=""></script><script src="/_next/static/chunks/6920-c2005377ae005f67.js" async=""></script><script src="/_next/static/chunks/main-app-4c4713582524015c.js" async=""></script><script src="/_next/static/chunks/96b3c8a7-afea762d8eb955a6.js" async=""></script><script src="/_next/static/chunks/app/layout-ad8cfb3d407e22c2.js" async=""></script><script src="/_next/static/chunks/4929-b98dfdb626fc9f0d.js" async=""></script><script src="/_next/static/chunks/app/error-ff787c29e250c89d.js" async=""></script><script src="/_next/static/chunks/7277-661e50074d507b81.js" async=""></script><script src="/_next/static/chunks/8694-a42f3ba2d5384cf1.js" async=""></script><script src="/_next/static/chunks/4568-fb5be34e97a36f2b.js" async=""></script><script src="/_next/static/chunks/app/page-ee18caf86dbf8b89.js" async=""></script><link rel="preload" href="https://www.googletagmanager.com/gtag/js?id=G-3YDXPDFV6T" as="script"/><meta name="next-size-adjust" content=""/><title>SaaS Loyalty Program Platform | UseLoyalty</title><meta name="description" content="UseLoyalty is a self-serve software platform for SaaS and online products that need configurable loyalty programs, SDKs, APIs, webhooks, widgets, and integrations."/><link rel="manifest" href="/favicon/site.webmanifest"/><link rel="canonical" href="https://www.useloyalty.app"/><meta property="og:title" content="SaaS Loyalty Program Platform | UseLoyalty"/><meta property="og:description" content="UseLoyalty is a self-serve software platform for SaaS and online products that need configurable loyalty programs, SDKs, APIs, webhooks, widgets, and integrations."/><meta property="og:url" content="https://www.useloyalty.app"/><meta property="og:site_name" content="UseLoyalty"/><meta property="og:image" content="https://www.useloyalty.app/og.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="UseLoyalty SaaS loyalty platform"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="SaaS Loyalty Program Platform | UseLoyalty"/><meta name="twitter:description" content="UseLoyalty is a self-serve software platform for SaaS and online products that need configurable loyalty programs, SDKs, APIs, webhooks, widgets, and integrations."/><meta name="twitter:image" content="https://www.useloyalty.app/og.png"/><link rel="shortcut icon" href="/favicon/favicon.ico"/><link rel="icon" href="/favicon/favicon-96x96.png" type="image/png" sizes="96x96"/><link rel="icon" href="/favicon/favicon.svg" type="image/svg+xml"/><link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png" sizes="180x180"/><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body><div hidden=""><!--$--><!--/$--></div><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><div class="bg-[#f7f5f2] text-[#111827] antialiased"><header class="z-50 px-4 sm:px-6 fixed left-0 right-0 top-2 bg-transparent transition-all duration-300 "><div class="relative z-20 mx-auto flex items-center justify-between gap-3 transition-all duration-300 max-w-5xl py-6"><a class="flex items-center gap-2 rounded-full" href="/"><span class="flex items-center gap-1.5 text-xl font-black tracking-tight transition-colors duration-300 text-white"><img src="/logo.png" alt="" aria-hidden="true" class="h-8 w-8"/>UseLoyalty</span></a><nav class="hidden items-center gap-1 text-[14px] font-semibold transition-colors duration-300 md:flex text-white"><div class="group relative"><a class="inline-flex items-center gap-1 rounded-lg px-3 py-1.5 transition hover:bg-[#ffffff1a] focus:bg-[#ffffff1a] focus:outline-none" href="/features">Product<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-3.5 w-3.5 transition duration-200 group-hover:rotate-180 group-focus-within:rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></a><div class="invisible absolute -left-96 top-full z-50 w-[1240px] max-w-[calc(100vw-2rem)] pt-4 opacity-0 transition duration-150 ease-out group-hover:visible group-hover:opacity-100 group-focus-within:visible group-focus-within:opacity-100"><div class="grid gap-6 rounded-2xl border border-gray-200 bg-white p-6 text-gray-950 shadow-2xl shadow-gray-950/15 lg:grid-cols-[0.55fr_1.45fr]"><div><p class="text-sm font-black tracking-tight text-gray-500">Core capabilities</p><div class="mt-5 grid gap-2"><a class="group/item flex items-center rounded-xl py-3 transition hover:bg-gray-50 active:scale-[0.99] gap-3 px-3" href="/features/campaign-builder"><span class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gray-100 text-gray-700 shadow-sm shadow-gray-950/5 transition group-hover/item:bg-gray-200 group-hover/item:text-gray-950 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-grid h-5 w-5" aria-hidden="true"><rect width="7" height="7" x="3" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="14" rx="1"></rect><rect width="7" height="7" x="3" y="14" rx="1"></rect></svg></span><span class="min-w-0"><span class="block font-black text-gray-950 text-sm">Campaign Builder</span><span class="mt-1 block text-xs font-semibold leading-5 text-gray-500">Create and manage loyalty campaigns</span></span></a><a class="group/item flex items-center rounded-xl py-3 transition hover:bg-gray-50 active:scale-[0.99] gap-3 px-3" href="/features/loyalty-analytics"><span class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gray-100 text-gray-700 shadow-sm shadow-gray-950/5 transition group-hover/item:bg-gray-200 group-hover/item:text-gray-950 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-column h-5 w-5" aria-hidden="true"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg></span><span class="min-w-0"><span class="block font-black text-gray-950 text-sm">Loyalty Analytics</span><span class="mt-1 block text-xs font-semibold leading-5 text-gray-500">Track and improve performance</span></span></a><a class="group/item flex items-center rounded-xl py-3 transition hover:bg-gray-50 active:scale-[0.99] gap-3 px-3" href="/features/loyalty-api"><span class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gray-100 text-gray-700 shadow-sm shadow-gray-950/5 transition group-hover/item:bg-gray-200 group-hover/item:text-gray-950 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plug h-5 w-5" aria-hidden="true"><path d="M12 22v-5"></path><path d="M15 8V2"></path><path d="M17 8a1 1 0 0 1 1 1v4a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1z"></path><path d="M9 8V2"></path></svg></span><span class="min-w-0"><span class="block font-black text-gray-950 text-sm">Loyalty API</span><span class="mt-1 block text-xs font-semibold leading-5 text-gray-500">Loyalty program API for integrations</span></span></a><a class="group/item flex items-center rounded-xl py-3 transition hover:bg-gray-50 active:scale-[0.99] gap-3 px-3" href="/features/widget-and-portal"><span class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gray-100 text-gray-700 shadow-sm shadow-gray-950/5 transition group-hover/item:bg-gray-200 group-hover/item:text-gray-950 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-code-xml h-5 w-5" aria-hidden="true"><path d="m18 16 4-4-4-4"></path><path d="m6 8-4 4 4 4"></path><path d="m14.5 4-5 16"></path></svg></span><span class="min-w-0"><span class="block font-black text-gray-950 text-sm">Widget &amp; Portal</span><span class="mt-1 block text-xs font-semibold leading-5 text-gray-500">Embed loyalty in your app or store</span></span></a><a class="group/item flex items-center rounded-xl py-3 transition hover:bg-gray-50 active:scale-[0.99] gap-3 px-3" href="/features/dedicated-loyalty-page"><span class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gray-100 text-gray-700 shadow-sm shadow-gray-950/5 transition group-hover/item:bg-gray-200 group-hover/item:text-gray-950 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-panel-top h-5 w-5" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9h18"></path></svg></span><span class="min-w-0"><span class="block font-black text-gray-950 text-sm">Dedicated Loyalty Page</span><span class="mt-1 block text-xs font-semibold leading-5 text-gray-500">Branded customer-facing loyalty hub</span></span></a><a class="group/item flex items-center rounded-xl py-3 transition hover:bg-gray-50 active:scale-[0.99] gap-3 px-3" href="/features/digital-wallet-pass"><span class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gray-100 text-gray-700 shadow-sm shadow-gray-950/5 transition group-hover/item:bg-gray-200 group-hover/item:text-gray-950 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wallet h-5 w-5" aria-hidden="true"><path d="M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1"></path><path d="M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4"></path></svg></span><span class="min-w-0"><span class="block font-black text-gray-950 text-sm">Digital Wallet Pass</span><span class="mt-1 block text-xs font-semibold leading-5 text-gray-500">Google Wallet &amp; Apple Wallet passes</span></span></a><a class="group/item flex items-center rounded-xl py-3 transition hover:bg-gray-50 active:scale-[0.99] gap-3 px-3" href="/features/gamification-software"><span class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gray-100 text-gray-700 shadow-sm shadow-gray-950/5 transition group-hover/item:bg-gray-200 group-hover/item:text-gray-950 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-5 w-5" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg></span><span class="min-w-0"><span class="block font-black text-gray-950 text-sm">Gamification Software</span><span class="mt-1 block text-xs font-semibold leading-5 text-gray-500">Build gamified loyalty programs</span></span></a></div></div><div class="border-gray-100 lg:border-l lg:pl-6"><p class="text-sm font-black tracking-tight text-gray-500">Loyalty and gamification mechanics</p><div class="mt-3 grid gap-1 sm:grid-cols-2 lg:grid-cols-3"><a class="group/item flex items-center rounded-xl py-3 transition hover:bg-gray-50 active:scale-[0.99] min-h-[52px] gap-1.5 px-1.5 py-1.5" href="/features/points"><span class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gray-100 text-gray-700 shadow-sm shadow-gray-950/5 transition group-hover/item:bg-gray-200 group-hover/item:text-gray-950 h-8 w-8 rounded-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-5 w-5" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></span><span class="min-w-0"><span class="block font-black text-gray-950 whitespace-nowrap text-[13px]">Points</span></span></a><a class="group/item flex items-center rounded-xl py-3 transition hover:bg-gray-50 active:scale-[0.99] min-h-[52px] gap-1.5 px-1.5 py-1.5" href="/features/point-expiration"><span class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gray-100 text-gray-700 shadow-sm shadow-gray-950/5 transition group-hover/item:bg-gray-200 group-hover/item:text-gray-950 h-8 w-8 rounded-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hourglass h-5 w-5" aria-hidden="true"><path d="M5 22h14"></path><path d="M5 2h14"></path><path d="M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22"></path><path d="M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2"></path></svg></span><span class="min-w-0"><span class="block font-black text-gray-950 whitespace-nowrap text-[13px]">Point Expiry</span></span></a><a class="group/item flex items-center rounded-xl py-3 transition hover:bg-gray-50 active:scale-[0.99] min-h-[52px] gap-1.5 px-1.5 py-1.5" href="/features/tiers"><span class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gray-100 text-gray-700 shadow-sm shadow-gray-950/5 transition group-hover/item:bg-gray-200 group-hover/item:text-gray-950 h-8 w-8 rounded-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trophy h-5 w-5" aria-hidden="true"><path d="M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978"></path><path d="M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978"></path><path d="M18 9h1.5a1 1 0 0 0 0-5H18"></path><path d="M4 22h16"></path><path d="M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z"></path><path d="M6 9H4.5a1 1 0 0 1 0-5H6"></path></svg></span><span class="min-w-0"><span class="block font-black text-gray-950 whitespace-nowrap text-[13px]">Tiers</span></span></a><a class="group/item flex items-center rounded-xl py-3 transition hover:bg-gray-50 active:scale-[0.99] min-h-[52px] gap-1.5 px-1.5 py-1.5" href="/features/rewards"><span class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gray-100 text-gray-700 shadow-sm shadow-gray-950/5 transition group-hover/item:bg-gray-200 group-hover/item:text-gray-950 h-8 w-8 rounded-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-gift h-5 w-5" aria-hidden="true"><path d="M12 7v14"></path><path d="M20 11v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8"></path><path d="M7.5 7a1 1 0 0 1 0-5A4.8 8 0 0 1 12 7a4.8 8 0 0 1 4.5-5 1 1 0 0 1 0 5"></path><rect x="3" y="7" width="18" height="4" rx="1"></rect></svg></span><span class="min-w-0"><span class="block font-black text-gray-950 whitespace-nowrap text-[13px]">Rewards</span></span></a><a class="group/item flex items-center rounded-xl py-3 transition hover:bg-gray-50 active:scale-[0.99] min-h-[52px] gap-1.5 px-1.5 py-1.5" href="/features/memberships"><span class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gray-100 text-gray-700 shadow-sm shadow-gray-950/5 transition group-hover/item:bg-gray-200 group-hover/item:text-gray-950 h-8 w-8 rounded-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wallet-cards h-5 w-5" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2"></path><path d="M3 11h3c.8 0 1.6.3 2.1.9l1.1.9c1.6 1.6 4.1 1.6 5.7 0l1.1-.9c.5-.5 1.3-.9 2.1-.9H21"></path></svg></span><span class="min-w-0"><span class="block font-black text-gray-950 whitespace-nowrap text-[13px]">Memberships</span></span></a><a class="group/item flex items-center rounded-xl py-3 transition hover:bg-gray-50 active:scale-[0.99] min-h-[52px] gap-1.5 px-1.5 py-1.5" href="/features/stamp-cards"><span class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gray-100 text-gray-700 shadow-sm shadow-gray-950/5 transition group-hover/item:bg-gray-200 group-hover/item:text-gray-950 h-8 w-8 rounded-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-stamp h-5 w-5" aria-hidden="true"><path d="M14 13V8.5C14 7 15 7 15 5a3 3 0 0 0-6 0c0 2 1 2 1 3.5V13"></path><path d="M20 15.5a2.5 2.5 0 0 0-2.5-2.5h-11A2.5 2.5 0 0 0 4 15.5V17a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1z"></path><path d="M5 22h14"></path></svg></span><span class="min-w-0"><span class="block font-black text-gray-950 whitespace-nowrap text-[13px]">Stamp Cards</span></span></a><a class="group/item flex items-center rounded-xl py-3 transition hover:bg-gray-50 active:scale-[0.99] min-h-[52px] gap-1.5 px-1.5 py-1.5" href="/features/spin-the-wheel"><span class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gray-100 text-gray-700 shadow-sm shadow-gray-950/5 transition group-hover/item:bg-gray-200 group-hover/item:text-gray-950 h-8 w-8 rounded-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-activity h-5 w-5" aria-hidden="true"><path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"></path></svg></span><span class="min-w-0"><span class="block font-black text-gray-950 whitespace-nowrap text-[13px]">Spin Wheel</span></span></a><a class="group/item flex items-center rounded-xl py-3 transition hover:bg-gray-50 active:scale-[0.99] min-h-[52px] gap-1.5 px-1.5 py-1.5" href="/features/scratch-card"><span class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gray-100 text-gray-700 shadow-sm shadow-gray-950/5 transition group-hover/item:bg-gray-200 group-hover/item:text-gray-950 h-8 w-8 rounded-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hand h-5 w-5" aria-hidden="true"><path d="M18 11V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2"></path><path d="M14 10V4a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2"></path><path d="M10 10.5V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2v8"></path><path d="M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15"></path></svg></span><span class="min-w-0"><span class="block font-black text-gray-950 whitespace-nowrap text-[13px]">Scratch Cards</span></span></a><a class="group/item flex items-center rounded-xl py-3 transition hover:bg-gray-50 active:scale-[0.99] min-h-[52px] gap-1.5 px-1.5 py-1.5" href="/features/lotteries-and-raffles"><span class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gray-100 text-gray-700 shadow-sm shadow-gray-950/5 transition group-hover/item:bg-gray-200 group-hover/item:text-gray-950 h-8 w-8 rounded-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-dice5 lucide-dice-5 h-5 w-5" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><path d="M16 8h.01"></path><path d="M8 8h.01"></path><path d="M8 16h.01"></path><path d="M16 16h.01"></path><path d="M12 12h.01"></path></svg></span><span class="min-w-0"><span class="block font-black text-gray-950 whitespace-nowrap text-[13px]">Lotteries &amp; Raffles</span></span></a><a class="group/item flex items-center rounded-xl py-3 transition hover:bg-gray-50 active:scale-[0.99] min-h-[52px] gap-1.5 px-1.5 py-1.5" href="/features/referrals"><span class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gray-100 text-gray-700 shadow-sm shadow-gray-950/5 transition group-hover/item:bg-gray-200 group-hover/item:text-gray-950 h-8 w-8 rounded-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle h-5 w-5" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg></span><span class="min-w-0"><span class="block font-black text-gray-950 whitespace-nowrap text-[13px]">Referrals</span></span></a><a class="group/item flex items-center rounded-xl py-3 transition hover:bg-gray-50 active:scale-[0.99] min-h-[52px] gap-1.5 px-1.5 py-1.5" href="/features/challenges-and-quests"><span class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gray-100 text-gray-700 shadow-sm shadow-gray-950/5 transition group-hover/item:bg-gray-200 group-hover/item:text-gray-950 h-8 w-8 rounded-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-target h-5 w-5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg></span><span class="min-w-0"><span class="block font-black text-gray-950 whitespace-nowrap text-[13px]">Challenges &amp; Quests</span></span></a><a class="group/item flex items-center rounded-xl py-3 transition hover:bg-gray-50 active:scale-[0.99] min-h-[52px] gap-1.5 px-1.5 py-1.5" href="/features/badges"><span class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gray-100 text-gray-700 shadow-sm shadow-gray-950/5 transition group-hover/item:bg-gray-200 group-hover/item:text-gray-950 h-8 w-8 rounded-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check h-5 w-5" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></span><span class="min-w-0"><span class="block font-black text-gray-950 whitespace-nowrap text-[13px]">Badges</span></span></a><a class="group/item flex items-center rounded-xl py-3 transition hover:bg-gray-50 active:scale-[0.99] min-h-[52px] gap-1.5 px-1.5 py-1.5" href="/features/leaderboards"><span class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gray-100 text-gray-700 shadow-sm shadow-gray-950/5 transition group-hover/item:bg-gray-200 group-hover/item:text-gray-950 h-8 w-8 rounded-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-crown h-5 w-5" aria-hidden="true"><path d="M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294z"></path><path d="M5 21h14"></path></svg></span><span class="min-w-0"><span class="block font-black text-gray-950 whitespace-nowrap text-[13px]">Leaderboards</span></span></a><a class="group/item flex items-center rounded-xl py-3 transition hover:bg-gray-50 active:scale-[0.99] min-h-[52px] gap-1.5 px-1.5 py-1.5" href="/features/coupons-and-promo-codes"><span class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gray-100 text-gray-700 shadow-sm shadow-gray-950/5 transition group-hover/item:bg-gray-200 group-hover/item:text-gray-950 h-8 w-8 rounded-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tags h-5 w-5" aria-hidden="true"><path d="M13.172 2a2 2 0 0 1 1.414.586l6.71 6.71a2.4 2.4 0 0 1 0 3.408l-4.592 4.592a2.4 2.4 0 0 1-3.408 0l-6.71-6.71A2 2 0 0 1 6 9.172V3a1 1 0 0 1 1-1z"></path><path d="M2 7v6.172a2 2 0 0 0 .586 1.414l6.71 6.71a2.4 2.4 0 0 0 3.191.193"></path><circle cx="10.5" cy="6.5" r=".5" fill="currentColor"></circle></svg></span><span class="min-w-0"><span class="block font-black text-gray-950 whitespace-nowrap text-[13px]">Coupons &amp; Codes</span></span></a><a class="group/item flex items-center rounded-xl py-3 transition hover:bg-gray-50 active:scale-[0.99] min-h-[52px] gap-1.5 px-1.5 py-1.5" href="/features/social-sharing"><span class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gray-100 text-gray-700 shadow-sm shadow-gray-950/5 transition group-hover/item:bg-gray-200 group-hover/item:text-gray-950 h-8 w-8 rounded-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-5 w-5" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg></span><span class="min-w-0"><span class="block font-black text-gray-950 whitespace-nowrap text-[13px]">Social Sharing</span></span></a><a class="group/item flex items-center rounded-xl py-3 transition hover:bg-gray-50 active:scale-[0.99] min-h-[52px] gap-1.5 px-1.5 py-1.5" href="/features/social-rewards"><span class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gray-100 text-gray-700 shadow-sm shadow-gray-950/5 transition group-hover/item:bg-gray-200 group-hover/item:text-gray-950 h-8 w-8 rounded-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-share2 lucide-share-2 h-5 w-5" aria-hidden="true"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"></line><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"></line></svg></span><span class="min-w-0"><span class="block font-black text-gray-950 whitespace-nowrap text-[13px]">Social Rewards</span></span></a><a class="group/item flex items-center rounded-xl py-3 transition hover:bg-gray-50 active:scale-[0.99] min-h-[52px] gap-1.5 px-1.5 py-1.5" href="/features/review-rewards"><span class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gray-100 text-gray-700 shadow-sm shadow-gray-950/5 transition group-hover/item:bg-gray-200 group-hover/item:text-gray-950 h-8 w-8 rounded-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-award h-5 w-5" aria-hidden="true"><path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526"></path><circle cx="12" cy="8" r="6"></circle></svg></span><span class="min-w-0"><span class="block font-black text-gray-950 whitespace-nowrap text-[13px]">Review Rewards</span></span></a><a class="group/item flex items-center rounded-xl py-3 transition hover:bg-gray-50 active:scale-[0.99] min-h-[52px] gap-1.5 px-1.5 py-1.5" href="/features/receipt-scanning"><span class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gray-100 text-gray-700 shadow-sm shadow-gray-950/5 transition group-hover/item:bg-gray-200 group-hover/item:text-gray-950 h-8 w-8 rounded-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-scroll-text h-5 w-5" aria-hidden="true"><path d="M15 12h-5"></path><path d="M15 8h-5"></path><path d="M19 17V5a2 2 0 0 0-2-2H4"></path><path d="M8 21h12a2 2 0 0 0 2-2v-1a1 1 0 0 0-1-1H11a1 1 0 0 0-1 1v1a2 2 0 1 1-4 0V5a2 2 0 1 0-4 0v2a1 1 0 0 0 1 1h3"></path></svg></span><span class="min-w-0"><span class="block font-black text-gray-950 whitespace-nowrap text-[13px]">Receipts</span></span></a><a class="group/item flex items-center rounded-xl py-3 transition hover:bg-gray-50 active:scale-[0.99] min-h-[52px] gap-1.5 px-1.5 py-1.5" href="/features/daily-checkins"><span class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gray-100 text-gray-700 shadow-sm shadow-gray-950/5 transition group-hover/item:bg-gray-200 group-hover/item:text-gray-950 h-8 w-8 rounded-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar-check h-5 w-5" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path><path d="m9 16 2 2 4-4"></path></svg></span><span class="min-w-0"><span class="block font-black text-gray-950 whitespace-nowrap text-[13px]">Daily Check-ins</span></span></a></div></div><div class="flex justify-center border-t border-gray-100 pt-5 lg:col-span-2"><a class="group/cta inline-flex items-center gap-2 rounded-full border border-gray-200 bg-gray-50 px-4 py-2.5 text-sm font-black text-gray-700 transition hover:border-gray-300 hover:bg-gray-100 hover:text-gray-950 active:scale-[0.98]" href="/features">View all product features<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 transition group-hover/cta:translate-x-0.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></div><a class="rounded-lg px-3 py-1.5 transition hover:bg-[#ffffff1a]" href="/integrations">Integrations</a><a class="rounded-lg px-3 py-1.5 transition hover:bg-[#ffffff1a]" href="/blog">Blog</a></nav><div class="flex items-center gap-2"><a class="hidden px-5 py-2.5 text-[13px] font-bold shadow-sm transition active:scale-[0.98] sm:inline-flex sm:rounded-full bg-[#f5c518] text-[#1a1a2e] hover:bg-[#f0b800]" href="https://app.useloyalty.app">Get Started</a><button type="button" aria-expanded="false" class="inline-flex h-11 w-11 items-center justify-center rounded-full border border-gray-200 bg-white/80 text-gray-950 shadow-sm backdrop-blur-md transition hover:bg-white md:hidden"><span class="sr-only">Open menu</span><svg class="h-5 w-5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M4 7h16M4 12h16M4 17h16"></path></svg></button></div></div></header><main id="main-content" class="scroll-reveal-root"><section id="hero" class="relative flex min-h-screen flex-col overflow-hidden px-4 pt-28 text-[#111827] sm:px-6 md:pt-32" style="background-color:#004cda;background-image:url(&quot;/home.png&quot;);background-position:center top;background-repeat:no-repeat;background-size:cover"><div class="pointer-events-none absolute bottom-0 left-0 right-0 h-36 bg-gradient-to-b from-transparent to-[#f7f5f2]" aria-hidden="true"></div><div class="relative z-10 mx-auto flex max-w-4xl flex-col items-center pb-8 pt-8 text-center md:pt-12"><p class="rounded-full border border-white/35 bg-white/15 px-4 py-2 text-xs font-black uppercase tracking-wider text-white/85 backdrop-blur-md">For SaaS and online products</p><h1 class="mt-5 max-w-3xl text-4xl font-extrabold leading-[1.08] tracking-tight text-white sm:text-5xl md:text-[3.75rem]">Plug a loyalty program into your app.</h1><p class="mt-6 max-w-2xl text-base font-semibold leading-relaxed text-white/85 sm:text-lg md:text-xl">useloyalty.app is a self-serve software platform for launching loyalty programs inside online products. Configure the program, connect your app with an SDK, API, or webhook, and reward the actions that keep users active.</p><div class="mt-8 flex flex-col items-stretch gap-3 sm:w-auto sm:flex-row sm:items-center"><a class="inline-flex items-center justify-center gap-2 rounded-full bg-[#111827] px-6 py-3.5 text-[13.5px] font-bold text-white shadow-sm transition hover:bg-gray-800 active:scale-[0.98]" href="https://app.useloyalty.app">Get Started<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="mt-6 flex w-full max-w-3xl flex-wrap justify-center gap-2 text-left" aria-label="Online platform highlights"><div class="rounded-full border border-white/40 bg-white/15 px-4 py-2 text-xs font-bold text-white/85 backdrop-blur-md">Self-serve setup</div><div class="rounded-full border border-white/40 bg-white/15 px-4 py-2 text-xs font-bold text-white/85 backdrop-blur-md">Custom SDK</div><div class="rounded-full border border-white/40 bg-white/15 px-4 py-2 text-xs font-bold text-white/85 backdrop-blur-md">Webhook-ready</div></div></div><div class="max-w-5xl mx-auto relative mt-4 md:mt-8 flex justify-center perspective-container z-10"><div id="hero-dashboard" class="w-full bg-white rounded-t-2xl shadow-2xl border border-gray-200/60 p-4 pb-16 flex gap-4 transform origin-top md:[transform:rotateX(12deg)_rotateY(0deg)] [box-shadow:0_25px_60px_-15px_rgba(0,0,0,0.15)] transition-transform duration-300 sm:p-5 sm:pb-20 sm:gap-5" aria-hidden="true"><div class="w-48 shrink-0 hidden sm:flex flex-col space-y-6 border-r border-gray-100 pr-4"><div class="text-xs font-black tracking-tight text-gray-950 flex items-center gap-2 px-2"><span class="w-4 h-4 bg-gray-950 rounded-tl-md rounded-br-md"></span>UseLoyalty</div><div class="space-y-1.5 text-[11px] font-bold text-gray-500"><div class="flex items-center gap-2 bg-amber-50 text-amber-900 px-2.5 py-1.5 rounded-lg">🏠 Home</div><div class="flex items-center gap-2 px-2.5 py-1.5">🎯 Challenges</div><div class="flex items-center gap-2 px-2.5 py-1.5">🏁 Missions</div><div class="flex items-center gap-2 px-2.5 py-1.5">🔥 Streaks</div></div><div class="space-y-1.5 pt-4"><div class="text-[9px] font-extrabold uppercase tracking-wider text-gray-400 px-2.5">Tools</div><div class="space-y-1 text-[11px] font-bold text-gray-500"><div class="flex items-center gap-2 px-2.5 py-1">🎟️ Coupons</div><div class="flex items-center gap-2 px-2.5 py-1">🏅 Badges</div><div class="flex items-center gap-2 px-2.5 py-1">🏆 Leaderboard</div></div></div></div><div class="flex-1 space-y-5"><div class="flex items-center justify-between"><div><h4 class="text-xs font-bold text-gray-900">Hello, Maya</h4><p class="text-[9px] text-gray-400 font-medium">AI insights for today&#x27;s loyalty moves</p></div><div class="bg-gray-50 px-3 py-1 rounded-md text-[10px] text-gray-400 border border-gray-100 flex items-center gap-2"><span>🔍 Search</span></div></div><div class="grid grid-cols-2 md:grid-cols-4 gap-3"><div class="bg-gray-50/60 p-3 rounded-xl border border-gray-100"><div class="text-[9px] font-bold text-gray-400">🔥 Active streaks</div><div class="text-base font-extrabold text-gray-950 mt-1">455</div></div><div class="bg-gray-50/60 p-3 rounded-xl border border-gray-100"><div class="text-[9px] font-bold text-gray-400">🎯 Live challenges</div><div class="text-base font-extrabold text-gray-950 mt-1">55</div></div><div class="bg-gray-50/60 p-3 rounded-xl border border-gray-100"><div class="text-[9px] font-bold text-gray-400">🏁 Missions completed</div><div class="text-base font-extrabold text-gray-950 mt-1">400</div></div><div class="bg-gray-50/60 p-3 rounded-xl border border-gray-100"><div class="text-[9px] font-bold text-gray-400">⭐ Points issued</div><div class="text-base font-extrabold text-gray-950 mt-1">600k</div></div></div><div class="grid grid-cols-1 md:grid-cols-3 gap-4"><div class="md:col-span-2 bg-gray-50/50 p-4 rounded-xl border border-gray-100 h-40 flex flex-col justify-between"><div class="text-[10px] font-bold text-gray-950">Loyalty growth over time</div><div class="flex items-end justify-between gap-2 px-2 h-20"><div class="w-full bg-blue-400/80 rounded-t h-[40%]"></div><div class="w-full bg-blue-300/60 rounded-t h-[30%]"></div><div class="w-full bg-blue-400/80 rounded-t h-[65%]"></div><div class="w-full bg-blue-500 rounded-t h-[85%]"></div><div class="w-full bg-blue-400/80 rounded-t h-[50%]"></div><div class="w-full bg-blue-300/60 rounded-t h-[40%]"></div></div></div><div class="space-y-2"><div class="bg-gray-50/50 p-2.5 rounded-xl border border-gray-100 flex items-center gap-2 text-[10px] font-bold text-gray-800"><span class="p-1 bg-white rounded shadow-sm">🎟️</span> <!-- -->Issue a coupon</div><div class="bg-gray-50/50 p-2.5 rounded-xl border border-gray-100 flex items-center gap-2 text-[10px] font-bold text-gray-800"><span class="p-1 bg-white rounded shadow-sm">🎲</span> <!-- -->Run a chance game</div></div></div></div></div></div></section><section class="bg-gradient-to-b from-[#ffffff] to-[#f4f1ee] px-4 py-20 sm:px-6 md:py-24"><div class="mx-auto max-w-6xl"><div class="mx-auto max-w-3xl text-center"><p class="text-sm font-black uppercase tracking-wider text-[#1934c4]">How it works</p><h2 class="mt-4 text-4xl font-black leading-tight text-[#1a1a2e] md:text-5xl">Set up your loyalty program in four simple steps.</h2><p class="mt-5 text-lg font-semibold leading-8 text-[#1a1a2e]/70">Create your account, register your website, choose where the loyalty experience appears, then add quests and rewards your customers can follow at a glance.</p></div><div class="relative mt-12"><svg class="pointer-events-none absolute inset-x-0 top-0 z-0 hidden h-full w-full overflow-visible lg:block" viewBox="0 0 100 100" preserveAspectRatio="none" aria-hidden="true"><path d="M 24 8 C 42 1 49 18 36 24 C 19 33 13 11 29 13 C 50 16 60 22 72 34 C 88 50 94 25 78 25 C 62 25 64 55 79 49 C 91 44 83 67 66 67 C 48 67 42 58 26 61 C 9 64 18 88 32 78 C 45 69 55 79 70 86 C 88 95 94 75 78 75 C 61 75 60 103 78 98" fill="none" stroke="#111827" stroke-dasharray="1 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="3.4" opacity="0.34" vector-effect="non-scaling-stroke"></path></svg><div class="absolute bottom-8 left-5 top-8 hidden border-l-2 border-dotted border-gray-300 sm:block lg:hidden" aria-hidden="true"></div><div class="relative z-10 grid gap-6"><article class="relative lg:grid lg:grid-cols-[1fr_88px_1fr] lg:items-start"><div class="hidden lg:block lg:col-start-1"><div class="rounded-2xl border border-gray-200 bg-[rgb(227,233,240)] p-6 shadow-sm md:min-h-[300px]"><p class="text-xs font-black uppercase tracking-wider text-[#1934c4]">Step 01</p><h3 class="mt-3 text-2xl font-black leading-tight text-[#1a1a2e]">Create your account and register your website</h3><p class="mt-3 text-base font-semibold leading-7 text-[#1a1a2e]/65">Start by creating your UseLoyalty account, then add the website or product where customers will see the loyalty experience.</p><ul class="mt-6 space-y-3" aria-label="Create your account and register your website details"><li class="flex gap-3 rounded-xl bg-white p-4"><span class="mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[#1934c4] text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><p class="text-sm font-semibold leading-6 text-[#1a1a2e]/75">Enter your brand name, website URL, logo, and the basic program details customers should recognize.</p></li><li class="flex gap-3 rounded-xl bg-white p-4"><span class="mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[#f5c518] text-[#1a1a2e]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check h-4 w-4" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></span><p class="text-sm font-semibold leading-6 text-[#1a1a2e]/75">Your loyalty workspace is connected to the right website before you add the customer-facing experience.</p></li></ul></div></div><div class="relative sm:ml-12 lg:hidden"><div class="absolute left-0 top-7 hidden h-5 w-5 -translate-x-[3.35rem] rounded-full border-4 border-white bg-[#1934c4] shadow-md ring-4 ring-blue-100 sm:block" aria-hidden="true"></div><div class="mb-4 flex items-center gap-2 sm:hidden" aria-hidden="true"><span class="h-3 w-3 rounded-full bg-[#1934c4]"></span></div><div class="rounded-2xl border border-gray-200 bg-[rgb(227,233,240)] p-6 shadow-sm md:min-h-[300px]"><p class="text-xs font-black uppercase tracking-wider text-[#1934c4]">Step 01</p><h3 class="mt-3 text-2xl font-black leading-tight text-[#1a1a2e]">Create your account and register your website</h3><p class="mt-3 text-base font-semibold leading-7 text-[#1a1a2e]/65">Start by creating your UseLoyalty account, then add the website or product where customers will see the loyalty experience.</p><ul class="mt-6 space-y-3" aria-label="Create your account and register your website details"><li class="flex gap-3 rounded-xl bg-white p-4"><span class="mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[#1934c4] text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><p class="text-sm font-semibold leading-6 text-[#1a1a2e]/75">Enter your brand name, website URL, logo, and the basic program details customers should recognize.</p></li><li class="flex gap-3 rounded-xl bg-white p-4"><span class="mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[#f5c518] text-[#1a1a2e]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check h-4 w-4" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></span><p class="text-sm font-semibold leading-6 text-[#1a1a2e]/75">Your loyalty workspace is connected to the right website before you add the customer-facing experience.</p></li></ul></div></div><div class="hidden lg:block lg:col-start-3" aria-hidden="true"></div></article><article class="relative lg:grid lg:grid-cols-[1fr_88px_1fr] lg:items-start"><div class="hidden lg:block lg:col-start-3"><div class="rounded-2xl border border-gray-200 bg-[rgb(227,233,240)] p-6 shadow-sm md:min-h-[300px]"><p class="text-xs font-black uppercase tracking-wider text-[#1934c4]">Step 02</p><h3 class="mt-3 text-2xl font-black leading-tight text-[#1a1a2e]">Choose a widget or embedded page</h3><p class="mt-3 text-base font-semibold leading-7 text-[#1a1a2e]/65">Decide how customers will join, track progress, and come back to the program from your site or app.</p><ul class="mt-6 space-y-3" aria-label="Choose a widget or embedded page details"><li class="flex gap-3 rounded-xl bg-white p-4"><span class="mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[#1934c4] text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><p class="text-sm font-semibold leading-6 text-[#1a1a2e]/75">Use a floating widget for quick access, or publish an embedded loyalty page when you want a full program hub.</p></li><li class="flex gap-3 rounded-xl bg-white p-4"><span class="mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[#f5c518] text-[#1a1a2e]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check h-4 w-4" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></span><p class="text-sm font-semibold leading-6 text-[#1a1a2e]/75">Customers have a visible place to sign up, view quests, check points, and redeem rewards.</p></li></ul></div></div><div class="relative sm:ml-12 lg:hidden"><div class="absolute left-0 top-7 hidden h-5 w-5 -translate-x-[3.35rem] rounded-full border-4 border-white bg-[#1934c4] shadow-md ring-4 ring-blue-100 sm:block" aria-hidden="true"></div><div class="mb-4 flex items-center gap-2 sm:hidden" aria-hidden="true"><span class="h-3 w-3 rounded-full bg-[#1934c4]"></span></div><div class="rounded-2xl border border-gray-200 bg-[rgb(227,233,240)] p-6 shadow-sm md:min-h-[300px]"><p class="text-xs font-black uppercase tracking-wider text-[#1934c4]">Step 02</p><h3 class="mt-3 text-2xl font-black leading-tight text-[#1a1a2e]">Choose a widget or embedded page</h3><p class="mt-3 text-base font-semibold leading-7 text-[#1a1a2e]/65">Decide how customers will join, track progress, and come back to the program from your site or app.</p><ul class="mt-6 space-y-3" aria-label="Choose a widget or embedded page details"><li class="flex gap-3 rounded-xl bg-white p-4"><span class="mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[#1934c4] text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><p class="text-sm font-semibold leading-6 text-[#1a1a2e]/75">Use a floating widget for quick access, or publish an embedded loyalty page when you want a full program hub.</p></li><li class="flex gap-3 rounded-xl bg-white p-4"><span class="mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[#f5c518] text-[#1a1a2e]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check h-4 w-4" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></span><p class="text-sm font-semibold leading-6 text-[#1a1a2e]/75">Customers have a visible place to sign up, view quests, check points, and redeem rewards.</p></li></ul></div></div><div class="hidden lg:block lg:col-start-1" aria-hidden="true"></div></article><article class="relative lg:grid lg:grid-cols-[1fr_88px_1fr] lg:items-start"><div class="hidden lg:block lg:col-start-1"><div class="rounded-2xl border border-gray-200 bg-[rgb(227,233,240)] p-6 shadow-sm md:min-h-[300px]"><p class="text-xs font-black uppercase tracking-wider text-[#1934c4]">Step 03</p><h3 class="mt-3 text-2xl font-black leading-tight text-[#1a1a2e]">Add quests</h3><p class="mt-3 text-base font-semibold leading-7 text-[#1a1a2e]/65">Turn the actions you want customers to repeat into clear quests they can understand and complete.</p><ul class="mt-6 space-y-3" aria-label="Add quests details"><li class="flex gap-3 rounded-xl bg-white p-4"><span class="mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[#1934c4] text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><p class="text-sm font-semibold leading-6 text-[#1a1a2e]/75">Create quests for purchases, referrals, reviews, onboarding, visits, social actions, or any event you send through the API.</p></li><li class="flex gap-3 rounded-xl bg-white p-4"><span class="mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[#f5c518] text-[#1a1a2e]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check h-4 w-4" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></span><p class="text-sm font-semibold leading-6 text-[#1a1a2e]/75">Customers see exactly what to do next, and your team can track which actions drive engagement.</p></li></ul></div></div><div class="relative sm:ml-12 lg:hidden"><div class="absolute left-0 top-7 hidden h-5 w-5 -translate-x-[3.35rem] rounded-full border-4 border-white bg-[#1934c4] shadow-md ring-4 ring-blue-100 sm:block" aria-hidden="true"></div><div class="mb-4 flex items-center gap-2 sm:hidden" aria-hidden="true"><span class="h-3 w-3 rounded-full bg-[#1934c4]"></span></div><div class="rounded-2xl border border-gray-200 bg-[rgb(227,233,240)] p-6 shadow-sm md:min-h-[300px]"><p class="text-xs font-black uppercase tracking-wider text-[#1934c4]">Step 03</p><h3 class="mt-3 text-2xl font-black leading-tight text-[#1a1a2e]">Add quests</h3><p class="mt-3 text-base font-semibold leading-7 text-[#1a1a2e]/65">Turn the actions you want customers to repeat into clear quests they can understand and complete.</p><ul class="mt-6 space-y-3" aria-label="Add quests details"><li class="flex gap-3 rounded-xl bg-white p-4"><span class="mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[#1934c4] text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><p class="text-sm font-semibold leading-6 text-[#1a1a2e]/75">Create quests for purchases, referrals, reviews, onboarding, visits, social actions, or any event you send through the API.</p></li><li class="flex gap-3 rounded-xl bg-white p-4"><span class="mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[#f5c518] text-[#1a1a2e]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check h-4 w-4" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></span><p class="text-sm font-semibold leading-6 text-[#1a1a2e]/75">Customers see exactly what to do next, and your team can track which actions drive engagement.</p></li></ul></div></div><div class="hidden lg:block lg:col-start-3" aria-hidden="true"></div></article><article class="relative lg:grid lg:grid-cols-[1fr_88px_1fr] lg:items-start"><div class="hidden lg:block lg:col-start-3"><div class="rounded-2xl border border-gray-200 bg-[rgb(227,233,240)] p-6 shadow-sm md:min-h-[300px]"><p class="text-xs font-black uppercase tracking-wider text-[#1934c4]">Step 04</p><h3 class="mt-3 text-2xl font-black leading-tight text-[#1a1a2e]">Add rewards</h3><p class="mt-3 text-base font-semibold leading-7 text-[#1a1a2e]/65">Attach meaningful rewards to completed quests so customers have a reason to participate again.</p><ul class="mt-6 space-y-3" aria-label="Add rewards details"><li class="flex gap-3 rounded-xl bg-white p-4"><span class="mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[#1934c4] text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><p class="text-sm font-semibold leading-6 text-[#1a1a2e]/75">Set points, coupons, digital perks, physical rewards, claim limits, expiration dates, and tier requirements.</p></li><li class="flex gap-3 rounded-xl bg-white p-4"><span class="mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[#f5c518] text-[#1a1a2e]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check h-4 w-4" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></span><p class="text-sm font-semibold leading-6 text-[#1a1a2e]/75">Your program has a complete path: join, complete quests, earn progress, and redeem rewards.</p></li></ul></div></div><div class="relative sm:ml-12 lg:hidden"><div class="absolute left-0 top-7 hidden h-5 w-5 -translate-x-[3.35rem] rounded-full border-4 border-white bg-[#1934c4] shadow-md ring-4 ring-blue-100 sm:block" aria-hidden="true"></div><div class="mb-4 flex items-center gap-2 sm:hidden" aria-hidden="true"><span class="h-3 w-3 rounded-full bg-[#1934c4]"></span></div><div class="rounded-2xl border border-gray-200 bg-[rgb(227,233,240)] p-6 shadow-sm md:min-h-[300px]"><p class="text-xs font-black uppercase tracking-wider text-[#1934c4]">Step 04</p><h3 class="mt-3 text-2xl font-black leading-tight text-[#1a1a2e]">Add rewards</h3><p class="mt-3 text-base font-semibold leading-7 text-[#1a1a2e]/65">Attach meaningful rewards to completed quests so customers have a reason to participate again.</p><ul class="mt-6 space-y-3" aria-label="Add rewards details"><li class="flex gap-3 rounded-xl bg-white p-4"><span class="mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[#1934c4] text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><p class="text-sm font-semibold leading-6 text-[#1a1a2e]/75">Set points, coupons, digital perks, physical rewards, claim limits, expiration dates, and tier requirements.</p></li><li class="flex gap-3 rounded-xl bg-white p-4"><span class="mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[#f5c518] text-[#1a1a2e]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check h-4 w-4" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></span><p class="text-sm font-semibold leading-6 text-[#1a1a2e]/75">Your program has a complete path: join, complete quests, earn progress, and redeem rewards.</p></li></ul></div></div><div class="hidden lg:block lg:col-start-1" aria-hidden="true"></div></article></div></div></div></section><section id="ai-loyalty-growth" class="bg-[#f4f1ee] px-4 py-20 sm:px-6 md:py-24"><div class="mx-auto max-w-6xl"><div class="mb-12 text-center md:mb-16"><span class="mb-3 block text-xs font-bold uppercase tracking-wider text-amber-800/80">Features</span><h2 class="text-4xl font-bold tracking-tight text-gray-900 md:text-5xl">Built for AI-powered loyalty growth</h2></div><div class="grid grid-cols-1 gap-6 md:grid-cols-2 lg:gap-8"><article class="flex min-h-[460px] flex-col justify-between rounded-3xl border border-stone-200/40 bg-[#f0eae5] p-8 md:p-10"><h3 class="text-[28px] font-semibold leading-snug text-gray-900">Smart, flexible, and tuned around your retention strategy</h3><div class="mx-auto my-8 flex w-full max-w-sm flex-col space-y-4"><div class="flex items-center justify-between gap-2 overflow-hidden rounded-2xl border border-stone-200/30 bg-white p-3 shadow-sm"><div class="flex items-center gap-2"><span class="flex h-7 w-7 items-center justify-center rounded-full bg-[#5C4D46]" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3.5 w-3.5 text-white" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="flex h-7 w-7 items-center justify-center rounded-full bg-[#737373]" aria-hidden="true"></span><span class="flex h-7 w-7 items-center justify-center rounded-full bg-[#EAB308]" aria-hidden="true"></span><span class="flex h-7 w-7 items-center justify-center rounded-full bg-[#EA580C]" aria-hidden="true"></span><span class="flex h-7 w-7 items-center justify-center rounded-full bg-[#16A34A]" aria-hidden="true"></span><span class="flex h-7 w-7 items-center justify-center rounded-full bg-[#2563EB]" aria-hidden="true"></span></div><div class="flex items-center gap-2 border-l border-gray-100 pl-2 text-gray-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-palette h-4 w-4 text-gray-700" aria-hidden="true"><path d="M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z"></path><circle cx="13.5" cy="6.5" r=".5" fill="currentColor"></circle><circle cx="17.5" cy="10.5" r=".5" fill="currentColor"></circle><circle cx="6.5" cy="12.5" r=".5" fill="currentColor"></circle><circle cx="8.5" cy="7.5" r=".5" fill="currentColor"></circle></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-4 w-4 opacity-60" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg></div></div><div class="flex gap-3"><div class="flex flex-1 items-center justify-between rounded-2xl border border-stone-200/30 bg-white px-4 py-3 shadow-sm"><div class="relative h-5 w-9 rounded-full bg-[#16A34A]"><span class="absolute right-[2px] top-[2px] h-4 w-4 rounded-full bg-white shadow-sm"></span></div><span class="text-xs font-semibold text-gray-700">Hide UseLoyalty branding</span></div><div class="flex items-center gap-3 rounded-2xl border border-stone-200/30 bg-white px-3 py-3 text-gray-500 shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 text-gray-700" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-column h-4 w-4 opacity-60" aria-hidden="true"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg></div></div></div><p class="max-w-sm text-base leading-relaxed text-stone-500"><strong class="font-semibold text-stone-800">Personalize every loyalty moment.</strong> <!-- -->From branding and interface layout to colors and menus, so your loyalty experience feels like an extension of your brand.</p></article><article class="relative flex min-h-[460px] flex-col justify-between overflow-hidden rounded-3xl border border-stone-200/40 bg-[#f0eae5] p-8 md:p-10"><h3 class="text-[28px] font-semibold leading-snug text-gray-900">Fits the customer journeys you already run</h3><div class="relative my-6 w-full overflow-hidden h-[114px]"><div class="learn-more-journey-track-l"><div class="flex shrink-0 gap-3" aria-hidden="true"><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm"><svg width="22" height="22" viewBox="0 0 24 24" fill="none"><path d="M13.479 9.883c-1.626-.604-2.512-1.067-2.512-1.803 0-.622.518-1.003 1.394-1.003 1.549 0 3.178.57 4.29 1.036l.638-3.9C16.183 3.73 14.406 3 12.03 3 9.68 3 7.77 3.8 6.639 5.175 5.654 6.37 5.25 7.853 5.25 9.133c0 2.73 1.664 4.317 4.352 5.3 1.777.647 2.538 1.14 2.538 1.927 0 .684-.57 1.094-1.637 1.094-1.5 0-3.633-.64-5.047-1.436l-.652 3.958C6.13 20.59 8.297 21 10.483 21c2.406 0 4.337-.77 5.485-2.1 1.01-1.163 1.432-2.7 1.432-4.183 0-2.833-1.664-4.33-3.921-4.834z" fill="#635BFF"></path></svg></div><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm"><svg width="22" height="22" viewBox="0 0 24 24" fill="none"><path d="M7.076 21.337H2.47a.641.641 0 0 1-.633-.74L4.944 3.72a.771.771 0 0 1 .76-.645h7.13c2.358 0 4.225.65 5.42 1.88.86.88 1.24 1.977 1.134 3.262-.005.037-.01.073-.01.11-.57 3.556-3.123 5.05-6.677 5.05H10.26a.77.77 0 0 0-.758.648l-.957 5.941a.64.64 0 0 1-.632.541l.163-.17z" fill="#003087"></path><path d="M19.78 8.596c-.068.436-.19.856-.37 1.253-1.09 2.296-3.37 3.395-6.618 3.395h-1.8a.77.77 0 0 0-.759.648l-.957 5.94a.641.641 0 0 1-.632.542H5.93a.557.557 0 0 1-.551-.642l.835-5.286.16-.17h2.7a.77.77 0 0 0 .76-.648l.957-5.942a.77.77 0 0 1 .759-.647h4.233c2.205 0 3.86.503 4.998 1.557z" fill="#009CDE"></path></svg></div><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm"><svg width="22" height="22" viewBox="0 0 24 24" fill="none"><path d="M14.45 9.55 21 3h-4.243L12 7.757 7.243 3H3l6.55 6.55A4.5 4.5 0 0 0 9 12a4.5 4.5 0 0 0 .55 2.45L3 21h4.243L12 16.243 16.757 21H21l-6.55-6.55A4.5 4.5 0 0 0 16.5 12a4.5 4.5 0 0 0-.05-.45z" fill="#FF4A00"></path></svg></div><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm"><svg width="22" height="22" viewBox="0 0 24 24" fill="none"><path d="M18.164 7.932V5.5a1.752 1.752 0 1 0-1.75 0v2.432A4.754 4.754 0 0 0 14.5 9.5l-5.558-4.07a2.25 2.25 0 1 0-.898 1.226L13.5 10.73a4.75 4.75 0 1 0 4.664-2.798zM17.25 18a2.75 2.75 0 1 1 0-5.5 2.75 2.75 0 0 1 0 5.5z" fill="#FF7A59"></path></svg></div><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm"><svg width="22" height="22" viewBox="0 0 24 24" fill="none"><path d="M15.337 3.17c-.013-.1-.1-.155-.17-.162-.07-.007-1.543-.03-1.543-.03s-1.026-.998-1.14-1.112a.39.39 0 0 0-.22-.087V21.5l5.25-1.134S18.86 5.21 18.87 5.14c.01-.07-.06-.14-.13-.147l-2.01-.253c-.085-.01-.378-1.27-.393-1.57zM12.264 2.91l-.573.177C11.44 2.44 11.07 1.8 10.23 1.8c-.06 0-.12.007-.18.014C9.99 1.58 9.69 1.5 9.41 1.5c-2.257 0-3.34 2.82-3.676 4.254l-1.576.488c-.49.154-.505.17-.57.63L2 19.723 14.26 22 12.264 2.91zm-1.95.6c-.67.207-1.404.435-2.13.66.306-1.178.9-1.75 1.43-1.97.15.41.51.97.7 1.31zm-1.12-1.89c.09 0 .17.02.24.055-.69.325-1.43 1.147-1.746 2.79l-1.39.43C6.6 3.61 7.508 1.62 9.194 1.62z" fill="#96BF48"></path></svg></div><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm"><svg width="22" height="22" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="9" stroke="#F22F46" stroke-width="2"></circle><circle cx="8.5" cy="8.5" r="1.5" fill="#F22F46"></circle><circle cx="15.5" cy="8.5" r="1.5" fill="#F22F46"></circle><circle cx="8.5" cy="15.5" r="1.5" fill="#F22F46"></circle><circle cx="15.5" cy="15.5" r="1.5" fill="#F22F46"></circle></svg></div><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm"><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zM6.313 15.165a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313zM8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zM8.834 6.313a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312zM18.956 8.834a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V8.834zM17.688 8.834a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522v6.312zM15.165 18.956a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.522v-2.522h2.52zM15.165 17.688a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0 1 2.52-2.52h6.313A2.527 2.527 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522 2.523h-6.313z" fill="#E01E5A"></path></svg></div><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm"><svg width="22" height="14" viewBox="0 0 64 40" fill="none"><rect width="64" height="40" rx="6" fill="#7F54B3"></rect><text x="10" y="27" font-size="14" font-weight="bold" fill="white" font-family="Arial">Woo</text></svg></div></div><div class="flex shrink-0 gap-3" aria-hidden="true"><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm"><svg width="22" height="22" viewBox="0 0 24 24" fill="none"><path d="M13.479 9.883c-1.626-.604-2.512-1.067-2.512-1.803 0-.622.518-1.003 1.394-1.003 1.549 0 3.178.57 4.29 1.036l.638-3.9C16.183 3.73 14.406 3 12.03 3 9.68 3 7.77 3.8 6.639 5.175 5.654 6.37 5.25 7.853 5.25 9.133c0 2.73 1.664 4.317 4.352 5.3 1.777.647 2.538 1.14 2.538 1.927 0 .684-.57 1.094-1.637 1.094-1.5 0-3.633-.64-5.047-1.436l-.652 3.958C6.13 20.59 8.297 21 10.483 21c2.406 0 4.337-.77 5.485-2.1 1.01-1.163 1.432-2.7 1.432-4.183 0-2.833-1.664-4.33-3.921-4.834z" fill="#635BFF"></path></svg></div><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm"><svg width="22" height="22" viewBox="0 0 24 24" fill="none"><path d="M7.076 21.337H2.47a.641.641 0 0 1-.633-.74L4.944 3.72a.771.771 0 0 1 .76-.645h7.13c2.358 0 4.225.65 5.42 1.88.86.88 1.24 1.977 1.134 3.262-.005.037-.01.073-.01.11-.57 3.556-3.123 5.05-6.677 5.05H10.26a.77.77 0 0 0-.758.648l-.957 5.941a.64.64 0 0 1-.632.541l.163-.17z" fill="#003087"></path><path d="M19.78 8.596c-.068.436-.19.856-.37 1.253-1.09 2.296-3.37 3.395-6.618 3.395h-1.8a.77.77 0 0 0-.759.648l-.957 5.94a.641.641 0 0 1-.632.542H5.93a.557.557 0 0 1-.551-.642l.835-5.286.16-.17h2.7a.77.77 0 0 0 .76-.648l.957-5.942a.77.77 0 0 1 .759-.647h4.233c2.205 0 3.86.503 4.998 1.557z" fill="#009CDE"></path></svg></div><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm"><svg width="22" height="22" viewBox="0 0 24 24" fill="none"><path d="M14.45 9.55 21 3h-4.243L12 7.757 7.243 3H3l6.55 6.55A4.5 4.5 0 0 0 9 12a4.5 4.5 0 0 0 .55 2.45L3 21h4.243L12 16.243 16.757 21H21l-6.55-6.55A4.5 4.5 0 0 0 16.5 12a4.5 4.5 0 0 0-.05-.45z" fill="#FF4A00"></path></svg></div><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm"><svg width="22" height="22" viewBox="0 0 24 24" fill="none"><path d="M18.164 7.932V5.5a1.752 1.752 0 1 0-1.75 0v2.432A4.754 4.754 0 0 0 14.5 9.5l-5.558-4.07a2.25 2.25 0 1 0-.898 1.226L13.5 10.73a4.75 4.75 0 1 0 4.664-2.798zM17.25 18a2.75 2.75 0 1 1 0-5.5 2.75 2.75 0 0 1 0 5.5z" fill="#FF7A59"></path></svg></div><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm"><svg width="22" height="22" viewBox="0 0 24 24" fill="none"><path d="M15.337 3.17c-.013-.1-.1-.155-.17-.162-.07-.007-1.543-.03-1.543-.03s-1.026-.998-1.14-1.112a.39.39 0 0 0-.22-.087V21.5l5.25-1.134S18.86 5.21 18.87 5.14c.01-.07-.06-.14-.13-.147l-2.01-.253c-.085-.01-.378-1.27-.393-1.57zM12.264 2.91l-.573.177C11.44 2.44 11.07 1.8 10.23 1.8c-.06 0-.12.007-.18.014C9.99 1.58 9.69 1.5 9.41 1.5c-2.257 0-3.34 2.82-3.676 4.254l-1.576.488c-.49.154-.505.17-.57.63L2 19.723 14.26 22 12.264 2.91zm-1.95.6c-.67.207-1.404.435-2.13.66.306-1.178.9-1.75 1.43-1.97.15.41.51.97.7 1.31zm-1.12-1.89c.09 0 .17.02.24.055-.69.325-1.43 1.147-1.746 2.79l-1.39.43C6.6 3.61 7.508 1.62 9.194 1.62z" fill="#96BF48"></path></svg></div><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm"><svg width="22" height="22" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="9" stroke="#F22F46" stroke-width="2"></circle><circle cx="8.5" cy="8.5" r="1.5" fill="#F22F46"></circle><circle cx="15.5" cy="8.5" r="1.5" fill="#F22F46"></circle><circle cx="8.5" cy="15.5" r="1.5" fill="#F22F46"></circle><circle cx="15.5" cy="15.5" r="1.5" fill="#F22F46"></circle></svg></div><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm"><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zM6.313 15.165a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313zM8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zM8.834 6.313a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312zM18.956 8.834a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V8.834zM17.688 8.834a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522v6.312zM15.165 18.956a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.522v-2.522h2.52zM15.165 17.688a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0 1 2.52-2.52h6.313A2.527 2.527 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522 2.523h-6.313z" fill="#E01E5A"></path></svg></div><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm"><svg width="22" height="14" viewBox="0 0 64 40" fill="none"><rect width="64" height="40" rx="6" fill="#7F54B3"></rect><text x="10" y="27" font-size="14" font-weight="bold" fill="white" font-family="Arial">Woo</text></svg></div></div></div><div class="learn-more-journey-track-r"><div class="flex shrink-0 gap-3" aria-hidden="true"><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm"><svg width="22" height="16" viewBox="0 0 64 44" fill="none"><path d="M26.4 4.8a11.2 11.2 0 0 1 8-3.3 11.2 11.2 0 0 1 9.9 5.9 8.4 8.4 0 0 1 3.5-.8A8.5 8.5 0 0 1 56.3 15a8.5 8.5 0 0 1-1.3 4.6A7.2 7.2 0 0 1 57 25a7.2 7.2 0 0 1-7.2 7.2H14.4A9.6 9.6 0 0 1 5 22.8 9.6 9.6 0 0 1 14 13.2h.4A11.2 11.2 0 0 1 26.4 4.8z" fill="#00A1E0"></path></svg></div><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm"><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><ellipse cx="12" cy="11" rx="6" ry="5" fill="#FFE01B" stroke="#241C15" stroke-width="1"></ellipse><path d="M12 16c-2 0-3.5.8-3.5 2s1.5 2 3.5 2 3.5-.8 3.5-2-1.5-2-3.5-2z" fill="#FFE01B" stroke="#241C15" stroke-width="1"></path><circle cx="10" cy="10.5" r="1" fill="#241C15"></circle><circle cx="14" cy="10.5" r="1" fill="#241C15"></circle><path d="M10.5 12.5c.4.4 1 .7 1.5.7s1.1-.3 1.5-.7" stroke="#241C15" stroke-width="0.8" stroke-linecap="round"></path></svg></div><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm"><span class="text-[11px] font-extrabold tracking-tight text-green-700">Klaviyo</span></div><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm"><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><rect width="24" height="24" rx="5" fill="#1F8DED"></rect><path d="M12 5a7 7 0 1 1 0 14A7 7 0 0 1 12 5zm-3 6a1 1 0 1 0 2 0 1 1 0 0 0-2 0zm4 0a1 1 0 1 0 2 0 1 1 0 0 0-2 0zm-4 3c.5 1.5 4.5 1.5 5 0" stroke="white" stroke-width="1.2" stroke-linecap="round"></path></svg></div><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm"><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="10" fill="#52BD94"></circle><path d="M7 12h10M12 7v10" stroke="white" stroke-width="2" stroke-linecap="round"></path></svg></div><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm"><span class="text-[10px] font-extrabold tracking-tight text-purple-600">Mixpanel</span></div><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm"><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M12 2L2 20h20L12 2z" fill="#1C78C0"></path><path d="M12 8l-4 8h8l-4-8z" fill="white"></path></svg></div><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm"><span class="text-[11px] font-extrabold tracking-tight text-orange-500">Braze</span></div></div><div class="flex shrink-0 gap-3" aria-hidden="true"><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm"><svg width="22" height="16" viewBox="0 0 64 44" fill="none"><path d="M26.4 4.8a11.2 11.2 0 0 1 8-3.3 11.2 11.2 0 0 1 9.9 5.9 8.4 8.4 0 0 1 3.5-.8A8.5 8.5 0 0 1 56.3 15a8.5 8.5 0 0 1-1.3 4.6A7.2 7.2 0 0 1 57 25a7.2 7.2 0 0 1-7.2 7.2H14.4A9.6 9.6 0 0 1 5 22.8 9.6 9.6 0 0 1 14 13.2h.4A11.2 11.2 0 0 1 26.4 4.8z" fill="#00A1E0"></path></svg></div><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm"><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><ellipse cx="12" cy="11" rx="6" ry="5" fill="#FFE01B" stroke="#241C15" stroke-width="1"></ellipse><path d="M12 16c-2 0-3.5.8-3.5 2s1.5 2 3.5 2 3.5-.8 3.5-2-1.5-2-3.5-2z" fill="#FFE01B" stroke="#241C15" stroke-width="1"></path><circle cx="10" cy="10.5" r="1" fill="#241C15"></circle><circle cx="14" cy="10.5" r="1" fill="#241C15"></circle><path d="M10.5 12.5c.4.4 1 .7 1.5.7s1.1-.3 1.5-.7" stroke="#241C15" stroke-width="0.8" stroke-linecap="round"></path></svg></div><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm"><span class="text-[11px] font-extrabold tracking-tight text-green-700">Klaviyo</span></div><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm"><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><rect width="24" height="24" rx="5" fill="#1F8DED"></rect><path d="M12 5a7 7 0 1 1 0 14A7 7 0 0 1 12 5zm-3 6a1 1 0 1 0 2 0 1 1 0 0 0-2 0zm4 0a1 1 0 1 0 2 0 1 1 0 0 0-2 0zm-4 3c.5 1.5 4.5 1.5 5 0" stroke="white" stroke-width="1.2" stroke-linecap="round"></path></svg></div><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm"><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="10" fill="#52BD94"></circle><path d="M7 12h10M12 7v10" stroke="white" stroke-width="2" stroke-linecap="round"></path></svg></div><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm"><span class="text-[10px] font-extrabold tracking-tight text-purple-600">Mixpanel</span></div><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm"><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M12 2L2 20h20L12 2z" fill="#1C78C0"></path><path d="M12 8l-4 8h8l-4-8z" fill="white"></path></svg></div><div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm"><span class="text-[11px] font-extrabold tracking-tight text-orange-500">Braze</span></div></div></div><div class="pointer-events-none absolute inset-y-0 left-0 z-10 w-10 bg-gradient-to-r from-[#f0eae5] to-transparent" aria-hidden="true"></div><div class="pointer-events-none absolute inset-y-0 right-0 z-10 w-10 bg-gradient-to-l from-[#f0eae5] to-transparent" aria-hidden="true"></div></div><p class="max-w-sm text-base leading-relaxed text-stone-500"><strong class="font-semibold text-stone-800">Seamless integrations.</strong> <!-- -->Plug UseLoyalty into your app, CRM, or loyalty stack. Trigger rewards, sync events, and keep every user journey connected.</p></article></div><div class="mt-10 grid grid-cols-1 gap-6 lg:grid-cols-3 lg:gap-8"><article class="flex min-h-[320px] flex-col justify-start rounded-3xl border border-stone-200/20 bg-[#f0eae5] p-8 md:p-10"><div class="mb-8 flex h-11 w-11 items-center justify-center rounded-full border border-stone-200/10 bg-white text-gray-800 shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trophy h-5 w-5" aria-hidden="true"><path d="M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978"></path><path d="M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978"></path><path d="M18 9h1.5a1 1 0 0 0 0-5H18"></path><path d="M4 22h16"></path><path d="M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z"></path><path d="M6 9H4.5a1 1 0 0 1 0-5H6"></path></svg></div><h3 class="text-[28px] font-semibold leading-snug text-gray-900">Leaderboards that motivate</h3><p class="mt-3 max-w-[250px] text-base font-normal leading-relaxed text-stone-500 md:max-w-none">Spotlight top performers by points, rank, tier, or campaign so friendly competition stays visible.</p></article><article class="flex min-h-[320px] flex-col justify-start rounded-3xl border border-stone-200/20 bg-[#f0eae5] p-8 md:p-10"><div class="mb-8 flex h-11 w-11 items-center justify-center rounded-full border border-stone-200/10 bg-white text-gray-800 shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-5 w-5" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg></div><h3 class="text-[28px] font-semibold leading-snug text-gray-900">Referral schemas</h3><p class="mt-3 max-w-[250px] text-base font-normal leading-relaxed text-stone-500 md:max-w-none">Configure invite flows, referral rewards, milestone bonuses, and fraud-aware limits without hard-coding every campaign.</p></article><article class="flex min-h-[320px] flex-col justify-start rounded-3xl border border-stone-200/20 bg-[#f0eae5] p-8 md:p-10"><div class="mb-8 flex h-11 w-11 items-center justify-center rounded-full border border-stone-200/10 bg-white text-gray-800 shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-gift h-5 w-5" aria-hidden="true"><path d="M12 7v14"></path><path d="M20 11v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8"></path><path d="M7.5 7a1 1 0 0 1 0-5A4.8 8 0 0 1 12 7a4.8 8 0 0 1 4.5-5 1 1 0 0 1 0 5"></path><rect x="3" y="7" width="18" height="4" rx="1"></rect></svg></div><h3 class="text-[28px] font-semibold leading-snug text-gray-900">Game of chance</h3><p class="mt-3 max-w-[250px] text-base font-normal leading-relaxed text-stone-500 md:max-w-none">Add spin wheels, lucky draws, surprise coupons, and limited-time wins while keeping reward rules controlled.</p></article></div></div><style>
        .learn-more-journey-track-l {
          display: flex;
          gap: 12px;
          width: max-content;
          animation: learn-more-journey-left 22s linear infinite;
        }
        .learn-more-journey-track-r {
          display: flex;
          gap: 12px;
          width: max-content;
          margin-top: 12px;
          animation: learn-more-journey-right 28s linear infinite;
        }
        @keyframes learn-more-journey-left {
          from {
            transform: translateX(0);
          }
          to {
            transform: translateX(-50%);
          }
        }
        @keyframes learn-more-journey-right {
          from {
            transform: translateX(-50%);
          }
          to {
            transform: translateX(0);
          }
        }
      </style></section><section id="pricing" class="bg-[#0f1fa8] px-4 py-24"><div class="mx-auto max-w-6xl"><div class="mx-auto mb-10 max-w-2xl text-center"><p class="mb-3 text-sm font-bold uppercase tracking-widest text-[#f5c518]">Pricing</p><h1 class="text-4xl font-black leading-tight text-white md:text-6xl">Simple, honest pricing</h1><p class="mt-5 text-base leading-7 text-white/60 md:text-lg">Two plans to choose from, plus a custom enterprise option for larger<!-- --> online products, apps, and growing digital teams.</p></div><div class="mb-12 flex items-center justify-center gap-4"><button type="button" aria-pressed="false" class="text-sm font-semibold text-white/40">Monthly</button><button type="button" class="relative h-7 w-14 rounded-full transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-[#f5c518] focus:ring-offset-2 focus:ring-offset-[#0f1fa8] bg-[#f5c518]" aria-label="Toggle annual billing" aria-checked="true" role="switch"><span class="absolute left-1 top-1 h-5 w-5 rounded-full bg-white shadow transition-transform duration-300 translate-x-7"></span></button><button type="button" aria-pressed="true" class="flex items-center gap-2 text-sm font-semibold text-white">Yearly<span class="rounded-full bg-[#f5c518] px-2 py-0.5 text-xs font-bold text-[#1a1a2e]">Save 20%</span></button></div><div class="mb-8 grid grid-cols-1 gap-6 md:grid-cols-3"><div class="relative flex flex-col rounded-2xl p-8 transition-all duration-300 border border-white/10 bg-white/5"><div class="mb-6"><h2 class="mb-1 text-xl font-black text-white">Starter</h2><p class="text-sm text-white/50">Perfect for single-location teams getting started with loyalty.</p></div><div class="mb-6"><div class="flex items-end gap-1"><span class="text-5xl font-black text-white">$<!-- -->35</span><span class="mb-2 text-sm text-white/40">/mo</span></div><p class="mt-1 text-xs text-white/40">Billed $<!-- -->420<!-- -->/yr - save $<!-- -->168</p></div><ul class="mb-8 flex-1 space-y-3"><li class="flex items-start gap-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-[#f5c518]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-sm text-white/70">Custom Quest &amp; Challenge creation</span></li><li class="flex items-start gap-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-[#f5c518]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-sm text-white/70">Unlimited loyalty members</span></li><li class="flex items-start gap-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-[#f5c518]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-sm text-white/70">Digital stamp cards</span></li><li class="flex items-start gap-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-[#f5c518]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-sm text-white/70">QR code check-ins</span></li><li class="flex items-start gap-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-[#f5c518]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-sm text-white/70">Basic analytics dashboard</span></li><li class="flex items-start gap-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-[#f5c518]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-sm text-white/70">Email support</span></li></ul><a class="inline-flex items-center justify-center gap-2 rounded-full py-3 text-center text-sm font-bold transition border border-white/20 text-white hover:border-[#f5c518]/60 hover:bg-white/10" href="#demo">Start Free Trial<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="relative flex flex-col rounded-2xl p-8 transition-all duration-300 border-2 border-[#f5c518] bg-white shadow-2xl"><div class="absolute -top-4 left-1/2 -translate-x-1/2 rounded-full bg-[#f5c518] px-4 py-1 text-xs font-black uppercase tracking-wide text-[#1a1a2e]">Most Popular</div><div class="mb-6"><h2 class="mb-1 text-xl font-black text-[#1a1a2e]">Growth</h2><p class="text-sm text-[#1a1a2e]/60">For teams serious about retention and multi-location scale.</p></div><div class="mb-6"><div class="flex items-end gap-1"><span class="text-5xl font-black text-[#1934c4]">$<!-- -->79</span><span class="mb-2 text-sm text-[#1a1a2e]/50">/mo</span></div><p class="mt-1 text-xs text-[#1934c4]/70">Billed $<!-- -->948<!-- -->/yr - save $<!-- -->240</p></div><ul class="mb-8 flex-1 space-y-3"><li class="flex items-start gap-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-[#1934c4]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-sm text-[#1a1a2e]/80">Up to 5 locations</span></li><li class="flex items-start gap-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-[#1934c4]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-sm text-[#1a1a2e]/80">Unlimited loyalty members</span></li><li class="flex items-start gap-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-[#1934c4]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-sm text-[#1a1a2e]/80">Everything in Starter</span></li><li class="flex items-start gap-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-[#1934c4]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-sm text-[#1a1a2e]/80">Push &amp; SMS notifications</span></li><li class="flex items-start gap-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-[#1934c4]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-sm text-[#1a1a2e]/80">Advanced analytics + exports</span></li><li class="flex items-start gap-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-[#1934c4]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-sm text-[#1a1a2e]/80">White-label branding</span></li><li class="flex items-start gap-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-[#1934c4]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-sm text-[#1a1a2e]/80">Reward drops &amp; freebies</span></li><li class="flex items-start gap-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-[#1934c4]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-sm text-[#1a1a2e]/80">Priority support</span></li></ul><a class="inline-flex items-center justify-center gap-2 rounded-full py-3 text-center text-sm font-bold transition bg-[#1934c4] text-white hover:bg-[#0f1fa8]" href="#demo">Start Free Trial<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="flex flex-col rounded-2xl border border-white/10 bg-white/5 p-8"><div class="mb-6"><h2 class="mb-1 text-xl font-black text-white">Enterprise</h2><p class="text-sm text-white/50">For multi-location teams, franchises, and brands with custom needs.</p></div><div class="mb-6"><span class="text-3xl font-black text-white">Custom</span><p class="mt-1 text-xs text-white/40">Volume discounts available</p></div><ul class="mb-8 flex-1 space-y-3"><li class="flex items-start gap-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-[#f5c518]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-sm text-white/70">Unlimited locations</span></li><li class="flex items-start gap-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-[#f5c518]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-sm text-white/70">Unlimited members</span></li><li class="flex items-start gap-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-[#f5c518]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-sm text-white/70">Everything in Growth</span></li><li class="flex items-start gap-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-[#f5c518]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-sm text-white/70">Dedicated account manager</span></li><li class="flex items-start gap-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-[#f5c518]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-sm text-white/70">Custom integrations &amp; API</span></li><li class="flex items-start gap-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-[#f5c518]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-sm text-white/70">Advanced reporting &amp; SLA</span></li><li class="flex items-start gap-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-[#f5c518]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-sm text-white/70">White-glove onboarding</span></li><li class="flex items-start gap-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-0.5 h-4 w-4 shrink-0 text-[#f5c518]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-sm text-white/70">Custom contract &amp; billing</span></li></ul><a class="inline-flex items-center justify-center gap-2 rounded-full border border-white/20 py-3 text-center text-sm font-bold text-white transition hover:border-[#f5c518]/60 hover:bg-white/10" href="/enterprise">Contact Sales<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div><p class="text-center text-sm text-white/30">Switch plans or cancel anytime · No hidden fees · Complete flexibility</p></div></section><section id="demo" class="relative flex w-full scroll-mt-24 flex-col items-center overflow-hidden bg-gradient-to-b from-[#F9FAFB] via-[#fff6df] to-[#f9e6c5] px-4 pb-16 pt-20 text-[#111827] sm:px-6 md:pt-24"><div class="relative z-10 mx-auto grid w-full max-w-5xl gap-8 lg:grid-cols-[1fr_0.9fr] lg:items-start"><div class="max-w-2xl"><span class="text-xs font-bold uppercase tracking-wider text-blue-600">Demo</span><h2 class="mt-4 text-4xl font-extrabold leading-[1.15] tracking-tight text-gray-950 md:text-[2.75rem]">Launch your first SaaS loyalty loop this week.</h2><p class="mt-4 text-base font-semibold leading-relaxed text-[#4B5563] md:text-lg">Tell us what action you want users to repeat. We will show the simplest way to turn it into points, rewards, referrals, tiers, or an in-app mission.</p><div class="mt-6 grid gap-3 text-sm font-bold text-gray-700 sm:grid-cols-3"><div class="rounded-2xl border border-white/60 bg-white/45 p-4 backdrop-blur-md">15-min walkthrough</div><div class="rounded-2xl border border-white/60 bg-white/45 p-4 backdrop-blur-md">First reward rule</div><div class="rounded-2xl border border-white/60 bg-white/45 p-4 backdrop-blur-md">SDK or webhook fit</div></div></div><form id="learn-more-demo-form" class="rounded-[2rem] border border-white/60 bg-white/75 p-5 shadow-sm backdrop-blur-md sm:p-6" aria-labelledby="learn-more-demo-form-title" action="#demo"><h3 id="learn-more-demo-form-title" class="text-lg font-extrabold text-gray-950">Get a tailored walkthrough</h3><div class="mt-5 grid gap-4"><label class="grid gap-1.5 text-sm font-bold text-gray-700">Email<input required="" type="email" autoComplete="email" placeholder="you@company.com" class="min-h-12 rounded-2xl border border-gray-200 bg-white px-4 text-base font-semibold text-gray-950 placeholder:text-gray-400 focus:ring-2 focus:ring-blue-500" name="email"/></label><label class="grid gap-1.5 text-sm font-bold text-gray-700">Company<input required="" type="text" autoComplete="organization" placeholder="Company name" class="min-h-12 rounded-2xl border border-gray-200 bg-white px-4 text-base font-semibold text-gray-950 placeholder:text-gray-400 focus:ring-2 focus:ring-blue-500" name="company"/></label><label class="grid gap-1.5 text-sm font-bold text-gray-700">Goal<select name="goal" class="min-h-12 rounded-2xl border border-gray-200 bg-white px-4 text-base font-semibold text-gray-950 focus:ring-2 focus:ring-blue-500"><option>Increase product engagement</option><option>Improve onboarding completion</option><option>Grow referrals</option><option>Reward renewals or upgrades</option><option>Launch in-app loyalty rewards</option></select></label><label class="grid gap-1.5 text-sm font-bold text-gray-700">What would you like to discuss?<textarea name="message" rows="4" placeholder="Tell us what user action you want to reward" class="min-h-28 resize-y rounded-2xl border border-gray-200 bg-white px-4 py-3 text-base font-semibold text-gray-950 placeholder:text-gray-400 focus:ring-2 focus:ring-blue-500"></textarea></label><button type="submit" class="min-h-12 rounded-full bg-gray-950 px-6 py-3.5 text-sm font-bold text-white transition hover:bg-gray-800 active:scale-[0.98] disabled:cursor-not-allowed disabled:bg-gray-500">Request demo</button><p id="learn-more-demo-form-status" class="min-h-5 text-sm font-semibold text-gray-600" role="status" aria-live="polite"></p></div></form></div><div class="relative z-10 mt-12 flex w-full justify-center"><footer class="w-full max-w-5xl bg-white/40 backdrop-blur-md rounded-[2rem] border border-white/20 p-8 md:p-12 relative z-10 flex flex-col justify-between min-h-[340px] shadow-sm"><div class="grid grid-cols-1 md:grid-cols-12 gap-8 md:gap-4 items-start"><div class="md:col-span-4 space-y-4 max-w-xs"><div class="flex items-center gap-2"><span class="text-lg font-black tracking-tight text-gray-950 flex items-center gap-1"><img src="/logo.png" alt="" aria-hidden="true" class="h-8 w-8"/>UseLoyalty</span></div><p class="text-[13px] text-gray-600 leading-relaxed font-medium">UseLoyalty is a loyalty platform for rewards, referrals, tiers, badges, and status-driven engagement.</p><div class="flex items-center gap-2 pt-2"><a href="https://x.com/useLoyalty" target="_blank" rel="noopener noreferrer" aria-label="X (Twitter)" class="flex items-center justify-center w-8 h-8 rounded-full bg-gray-950 text-white transition hover:bg-gray-700"><svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.744l7.73-8.835L2.25 2.25h6.977l4.255 5.629 4.762-5.629zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></a><a href="https://www.instagram.com/useloyaltyapp/" target="_blank" rel="noopener noreferrer" aria-label="Instagram" class="flex items-center justify-center w-8 h-8 rounded-full bg-gray-950 text-white transition hover:bg-gray-700"><svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"></path></svg></a></div></div><div class="md:col-span-8 grid grid-cols-2 gap-8 md:grid-cols-3 md:gap-6 md:justify-items-start lg:pl-6"><div class="space-y-3 text-[13px]"><h4 class="text-[11px] font-extrabold uppercase tracking-wider text-gray-950">Pages</h4><ul class="space-y-2.5 font-semibold text-gray-600"><li><a class="hover:text-gray-950 transition" href="/features">Features</a></li><li><a class="hover:text-gray-950 transition" href="/pricing">Pricing</a></li><li><a class="hover:text-gray-950 transition" href="/ideas">Ideas</a></li><li><a class="hover:text-gray-950 transition" href="/industries">Industries</a></li><li><a class="hover:text-gray-950 transition" href="/blog">Blog</a></li><li><a class="hover:text-gray-950 transition" href="/contact">Contact</a></li></ul></div><div class="space-y-3 text-[13px]"><h4 class="text-[11px] font-extrabold uppercase tracking-wider text-gray-950">Tools</h4><ul class="space-y-2.5 font-semibold text-gray-600"><li><a class="hover:text-gray-950 transition" href="/tools">All tools</a></li><li><a class="hover:text-gray-950 transition" href="/tools/ai-search-visibility-checker">AI Search Visibility Checker</a></li><li><a class="hover:text-gray-950 transition" href="/tools/local-seo-score-checker">Local SEO Score Checker</a></li><li><a class="hover:text-gray-950 transition" href="/tools/customer-retention-calculator">Customer Retention</a></li><li><a class="hover:text-gray-950 transition" href="/tools/restaurant-loyalty-program-calculator">Restaurant Loyalty Program</a></li><li><a class="hover:text-gray-950 transition" href="/tools/restaurant-instagram-caption-generator">Instagram Caption Generator</a></li><li><a class="hover:text-gray-950 transition" href="/tools/roi-calculator">Loyalty ROI Calculator</a></li></ul></div><div class="space-y-3 text-[13px]"><h4 class="text-[11px] font-extrabold uppercase tracking-wider text-gray-950">Alternatives</h4><ul class="space-y-2.5 font-semibold text-gray-600"><li><a class="hover:text-gray-950 transition" href="/alternatives">All comparisons</a></li><li><a class="hover:text-gray-950 transition" href="/alternatives/yotpo">vs Yotpo</a></li><li><a class="hover:text-gray-950 transition" href="/alternatives/smile">vs Smile.io</a></li><li><a class="hover:text-gray-950 transition" href="/alternatives/rivo">vs Rivo</a></li><li><a class="hover:text-gray-950 transition" href="/alternatives/rise-ai">vs Rise.ai</a></li><li><a class="hover:text-gray-950 transition" href="/alternatives/appstle">vs Appstle</a></li><li><a class="hover:text-gray-950 transition" href="/alternatives/growave">vs Growave</a></li><li><a class="hover:text-gray-950 transition" href="/alternatives/bon-loyalty">vs BON Loyalty</a></li><li><a class="hover:text-gray-950 transition" href="/alternatives/loyaltylion">vs LoyaltyLion</a></li><li><a class="hover:text-gray-950 transition" href="/alternatives/antavo">vs Antavo</a></li><li><a class="hover:text-gray-950 transition" href="/alternatives/xoxoday">vs Xoxoday</a></li><li><a class="hover:text-gray-950 transition" href="/alternatives/open-loyalty">vs Open Loyalty</a></li><li><a class="hover:text-gray-950 transition" href="/alternatives/joy">vs Joy</a></li><li><a class="hover:text-gray-950 transition" href="/alternatives/kangaroo-rewards">vs Kangaroo Rewards</a></li><li><a class="hover:text-gray-950 transition" href="/alternatives/nector">vs Nector</a></li><li><a class="hover:text-gray-950 transition" href="/alternatives/perkville">vs Perkville</a></li><li><a class="hover:text-gray-950 transition" href="/alternatives/froonze">vs Froonze</a></li><li><a class="hover:text-gray-950 transition" href="/alternatives/marsello">vs Marsello</a></li></ul></div></div></div><hr class="border-gray-900/5 my-8 md:my-6"/><div class="flex flex-col sm:flex-row items-center justify-between gap-4 text-[12px] font-semibold text-gray-600/90"><ul class="font-semibold text-gray-600 flex space-x-5"><li><a class="hover:text-gray-950 transition" href="/privacy">Privacy Policy</a></li><li><a class="hover:text-gray-950 transition" href="/terms">Terms of Service</a></li></ul><div>© 2026 UseLoyalty. All rights reserved.</div></div></footer></div></section></main><div id="footer-img" class="relative bottom-0 left-0 h-[150px] w-full bg-contain bg-repeat-x" style="background-image:url(&quot;/footer.png&quot;)"></div></div><!--$--><!--/$--><script src="/_next/static/chunks/webpack-c7dc172313b22fcf.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[9455,[\"7410\",\"static/chunks/96b3c8a7-afea762d8eb955a6.js\",\"7177\",\"static/chunks/app/layout-ad8cfb3d407e22c2.js\"],\"PostHogProvider\"]\n3:\"$Sreact.suspense\"\n4:I[1904,[\"7410\",\"static/chunks/96b3c8a7-afea762d8eb955a6.js\",\"7177\",\"static/chunks/app/layout-ad8cfb3d407e22c2.js\"],\"default\"]\n5:I[9899,[],\"\"]\n6:I[3458,[\"4929\",\"static/chunks/4929-b98dfdb626fc9f0d.js\",\"8039\",\"static/chunks/app/error-ff787c29e250c89d.js\"],\"default\"]\n7:I[7015,[],\"\"]\n8:I[4568,[\"4929\",\"static/chunks/4929-b98dfdb626fc9f0d.js\",\"7277\",\"static/chunks/7277-661e50074d507b81.js\",\"8694\",\"static/chunks/8694-a42f3ba2d5384cf1.js\",\"4568\",\"static/chunks/4568-fb5be34e97a36f2b.js\",\"8974\",\"static/chunks/app/page-ee18caf86dbf8b89.js\"],\"SiteHeader\"]\n9:I[3938,[\"4929\",\"static/chunks/4929-b98dfdb626fc9f0d.js\",\"7277\",\"static/chunks/7277-661e50074d507b81.js\",\"8694\",\"static/chunks/8694-a42f3ba2d5384cf1.js\",\"4568\",\"static/chunks/4568-fb5be34e97a36f2b.js\",\"8974\",\"static/chunks/app/page-ee18caf86dbf8b89.js\"],\"\"]\na:I[1179,[\"4929\",\"static/chunks/4929-b98dfdb626fc9f0d.js\",\"7277\",\"static/chunks/7277-661e50074d507b81.js\",\"8694\",\"static/chunks/8694-a42f3ba2d5384cf1.js\",\"4568\",\"static/chunks/4568-fb5be34e97a36f2b.js\",\"8974\",\"static/chunks/app/page-ee18caf86dbf8b89.js\"],\"default\"]\n14:I[6721,[],\"\"]\n:HL[\"/_next/static/media/1bb87caddaaf6c2d-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/49fce7c6966c54d3-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/5bd95970c700f5bd-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/648293620770408b-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/dccfb35b947c2297.css\",\"style\"]\n:HL[\"/_next/static/css/2afcde18b31ddea1.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"Qbncbt4LhDNRS7XRi5pMy\",\"p\":\"\",\"c\":[\"\",\"\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/dccfb35b947c2297.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/2afcde18b31ddea1.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"__variable_c1924f\",\"children\":[\"$\",\"body\",null,{\"children\":[[\"$\",\"$L2\",null,{\"children\":[[\"$\",\"$3\",null,{\"fallback\":null,\"children\":[\"$\",\"$L4\",null,{}]}],[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$6\",\"errorStyles\":[],\"errorScripts\":[],\"template\":[\"$\",\"$L7\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"div\",null,{\"className\":\"bg-[#0f1fa8] text-[#111827] antialiased\",\"children\":[[\"$\",\"$L8\",null,{\"variant\":\"transparent\"}],[\"$\",\"main\",null,{\"className\":\"flex min-h-[70vh] flex-col items-center justify-center px-4 py-32 text-center sm:px-6\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-extrabold uppercase tracking-wider text-[#f5c518]\",\"children\":\"404 — Page not found\"}],[\"$\",\"h1\",null,{\"className\":\"mt-4 text-6xl font-black text-white md:text-8xl\",\"children\":\"404\"}],[\"$\",\"p\",null,{\"className\":\"mx-auto mt-6 max-w-md text-lg font-semibold leading-relaxed text-white/70\",\"children\":\"This page doesn't exist or was moved. Try heading back to the homepage.\"}],[\"$\",\"div\",null,{\"className\":\"mt-10 flex flex-wrap items-center justify-center gap-4\",\"children\":[[\"$\",\"$L9\",null,{\"href\":\"/\",\"className\":\"inline-flex items-center gap-2 rounded-full bg-[#f5c518] px-6 py-3 text-sm font-black text-[#1a1a2e] shadow-lg transition hover:bg-[#f0b800] active:scale-[0.98]\",\"children\":[\"Back to home\",[\"$\",\"$La\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M5 12h14\",\"key\":\"1ays0h\"}],[\"path\",{\"d\":\"m12 5 7 7-7 7\",\"key\":\"xquz4c\"}]],\"className\":\"lucide-arrow-right h-4 w-4\",\"aria-hidden\":\"true\"}]]}],[\"$\",\"$L9\",null,{\"href\":\"/features\",\"className\":\"rounded-full border border-white/20 px-6 py-3 text-sm font-black text-white transition hover:bg-white/10 active:scale-[0.98]\",\"children\":\"Explore features\"}]]}],[\"$\",\"div\",null,{\"className\":\"mt-16 grid grid-cols-2 gap-3 sm:grid-cols-4\",\"children\":[[\"$\",\"$L9\",\"/features\",{\"href\":\"/features\",\"className\":\"rounded-2xl border border-white/10 bg-white/10 px-5 py-3 text-sm font-bold text-white/80 transition hover:border-[#f5c518] hover:text-white active:scale-[0.98]\",\"children\":\"Features\"}],[\"$\",\"$L9\",\"/pricing\",{\"href\":\"/pricing\",\"className\":\"rounded-2xl border border-white/10 bg-white/10 px-5 py-3 text-sm font-bold text-white/80 transition hover:border-[#f5c518] hover:text-white active:scale-[0.98]\",\"children\":\"Pricing\"}],[\"$\",\"$L9\",\"/alternatives\",{\"href\":\"/alternatives\",\"className\":\"rounded-2xl border border-white/10 bg-white/10 px-5 py-3 text-sm font-bold text-white/80 transition hover:border-[#f5c518] hover:text-white active:scale-[0.98]\",\"children\":\"Alternatives\"}],[\"$\",\"$L9\",\"/blog\",{\"href\":\"/blog\",\"className\":\"rounded-2xl border border-white/10 bg-white/10 px-5 py-3 text-sm font-bold text-white/80 transition hover:border-[#f5c518] hover:text-white active:scale-[0.98]\",\"children\":\"Blog\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"bg-[#F9FAFB] px-4 sm:px-6 pb-8 flex justify-center\",\"children\":[\"$\",\"footer\",null,{\"className\":\"w-full max-w-5xl bg-white/40 backdrop-blur-md rounded-[2rem] border border-white/20 p-8 md:p-12 relative z-10 flex flex-col justify-between min-h-[340px] shadow-sm\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 md:grid-cols-12 gap-8 md:gap-4 items-start\",\"children\":[[\"$\",\"div\",null,{\"className\":\"md:col-span-4 space-y-4 max-w-xs\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2\",\"children\":[\"$\",\"span\",null,{\"className\":\"text-lg font-black tracking-tight text-gray-950 flex items-center gap-1\",\"children\":[[\"$\",\"img\",null,{\"src\":\"/logo.png\",\"alt\":\"\",\"aria-hidden\":true,\"className\":\"h-8 w-8\"}],\"UseLoyalty\"]}]}],[\"$\",\"p\",null,{\"className\":\"text-[13px] text-gray-600 leading-relaxed font-medium\",\"children\":\"UseLoyalty is a loyalty platform for rewards, referrals, tiers, badges, and status-driven engagement.\"}],\"$Lb\"]}],\"$Lc\"]}],\"$Ld\",\"$Le\"]}]}]]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],\"$Lf\",\"$L10\",\"$L11\"]}]}]]}],{\"children\":[\"__PAGE__\",\"$L12\",{},null,false]},null,false],\"$L13\",false]],\"m\":\"$undefined\",\"G\":[\"$14\",[]],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"1d:I[9603,[\"7410\",\"static/chunks/96b3c8a7-afea762d8eb955a6.js\",\"7177\",\"static/chunks/app/layout-ad8cfb3d407e22c2.js\"],\"\"]\n1e:I[2481,[\"4929\",\"static/chunks/4929-b98dfdb626fc9f0d.js\",\"7277\",\"static/chunks/7277-661e50074d507b81.js\",\"8694\",\"static/chunks/8694-a42f3ba2d5384cf1.js\",\"4568\",\"static/chunks/4568-fb5be34e97a36f2b.js\",\"8974\",\"static/chunks/app/page-ee18caf86dbf8b89.js\"],\"ScrollRevealMain\"]\n2a:I[1669,[],\"ViewportBoundary\"]\n2c:I[1669,[],\"MetadataBoundary\"]\n15:T42e,"])</script><script>self.__next_f.push([1,"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"])</script><script>self.__next_f.push([1,"b:[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2 pt-2\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://x.com/useLoyalty\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"X (Twitter)\",\"className\":\"flex items-center justify-center w-8 h-8 rounded-full bg-gray-950 text-white transition hover:bg-gray-700\",\"children\":[\"$\",\"svg\",null,{\"width\":\"14\",\"height\":\"14\",\"viewBox\":\"0 0 24 24\",\"fill\":\"currentColor\",\"children\":[\"$\",\"path\",null,{\"d\":\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.744l7.73-8.835L2.25 2.25h6.977l4.255 5.629 4.762-5.629zm-1.161 17.52h1.833L7.084 4.126H5.117z\"}]}]}],[\"$\",\"a\",null,{\"href\":\"https://www.instagram.com/useloyaltyapp/\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"Instagram\",\"className\":\"flex items-center justify-center w-8 h-8 rounded-full bg-gray-950 text-white transition hover:bg-gray-700\",\"children\":[\"$\",\"svg\",null,{\"width\":\"14\",\"height\":\"14\",\"viewBox\":\"0 0 24 24\",\"fill\":\"currentColor\",\"children\":[\"$\",\"path\",null,{\"d\":\"$15\"}]}]}]]}]\n"])</script><script>self.__next_f.push([1,"c:[\"$\",\"div\",null,{\"className\":\"md:col-span-8 grid grid-cols-2 gap-8 md:grid-cols-3 md:gap-6 md:justify-items-start lg:pl-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"space-y-3 text-[13px]\",\"children\":[[\"$\",\"h4\",null,{\"className\":\"text-[11px] font-extrabold uppercase tracking-wider text-gray-950\",\"children\":\"Pages\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2.5 font-semibold text-gray-600\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/features\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"Features\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/pricing\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"Pricing\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/ideas\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"Ideas\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/industries\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"Industries\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/blog\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"Blog\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/contact\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"Contact\"}]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-3 text-[13px]\",\"children\":[[\"$\",\"h4\",null,{\"className\":\"text-[11px] font-extrabold uppercase tracking-wider text-gray-950\",\"children\":\"Tools\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2.5 font-semibold text-gray-600\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/tools\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"All tools\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/tools/ai-search-visibility-checker\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"AI Search Visibility Checker\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/tools/local-seo-score-checker\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"Local SEO Score Checker\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/tools/customer-retention-calculator\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"Customer Retention\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/tools/restaurant-loyalty-program-calculator\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"Restaurant Loyalty Program\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/tools/restaurant-instagram-caption-generator\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"Instagram Caption Generator\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/tools/roi-calculator\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"Loyalty ROI Calculator\"}]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-3 text-[13px]\",\"children\":[[\"$\",\"h4\",null,{\"className\":\"text-[11px] font-extrabold uppercase tracking-wider text-gray-950\",\"children\":\"Alternatives\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2.5 font-semibold text-gray-600\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/alternatives\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"All comparisons\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/alternatives/yotpo\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"vs Yotpo\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/alternatives/smile\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"vs Smile.io\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/alternatives/rivo\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"vs Rivo\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/alternatives/rise-ai\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"vs Rise.ai\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/alternatives/appstle\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"vs Appstle\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/alternatives/growave\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"vs Growave\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/alternatives/bon-loyalty\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"vs BON Loyalty\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/alternatives/loyaltylion\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"vs LoyaltyLion\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/alternatives/antavo\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"vs Antavo\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/alternatives/xoxoday\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"vs Xoxoday\"}]}],\"$L16\",\"$L17\",\"$L18\",\"$L19\",\"$L1a\",\"$L1b\",\"$L1c\"]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"d:[\"$\",\"hr\",null,{\"className\":\"border-gray-900/5 my-8 md:my-6\"}]\ne:[\"$\",\"div\",null,{\"className\":\"flex flex-col sm:flex-row items-center justify-between gap-4 text-[12px] font-semibold text-gray-600/90\",\"children\":[[\"$\",\"ul\",null,{\"className\":\"font-semibold text-gray-600 flex space-x-5\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/privacy\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"Privacy Policy\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/terms\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"Terms of Service\"}]}]]}],[\"$\",\"div\",null,{\"children\":\"© 2026 UseLoyalty. All rights reserved.\"}]]}]\nf:[\"$\",\"$L1d\",null,{\"src\":\"https://www.googletagmanager.com/gtag/js?id=G-3YDXPDFV6T\",\"strategy\":\"afterInteractive\"}]\n10:[\"$\",\"$L1d\",null,{\"id\":\"ga-init\",\"strategy\":\"afterInteractive\",\"children\":\"\\n            window.dataLayer = window.dataLayer || [];\\n            function gtag(){dataLayer.push(arguments);}\\n            gtag('js', new Date());\\n            gtag('config', 'G-3YDXPDFV6T');\\n          \"}]\n11:[\"$\",\"$L1d\",null,{\"id\":\"clarity-init\",\"strategy\":\"afterInteractive\",\"children\":\"\\n            (function(c,l,a,r,i,t,y){\\n              c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};\\n              t=l.createElement(r);t.async=1;t.src=\\\"https://www.clarity.ms/tag/\\\"+i;\\n              y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);\\n            })(window, document, \\\"clarity\\\", \\\"script\\\", \\\"wyaslf18o5\\\");\\n          \"}]\n"])</script><script>self.__next_f.push([1,"12:[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"div\",null,{\"className\":\"bg-[#f7f5f2] text-[#111827] antialiased\",\"children\":[[\"$\",\"$L8\",null,{\"variant\":\"roundedTransparent\",\"hideIndustries\":true}],[\"$\",\"$L1e\",null,{\"id\":\"main-content\",\"children\":[[\"$\",\"section\",null,{\"id\":\"hero\",\"className\":\"relative flex min-h-screen flex-col overflow-hidden px-4 pt-28 text-[#111827] sm:px-6 md:pt-32\",\"style\":{\"backgroundColor\":\"#004cda\",\"backgroundImage\":\"url(\\\"/home.png\\\")\",\"backgroundPosition\":\"center top\",\"backgroundRepeat\":\"no-repeat\",\"backgroundSize\":\"cover\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute bottom-0 left-0 right-0 h-36 bg-gradient-to-b from-transparent to-[#f7f5f2]\",\"aria-hidden\":\"true\"}],[\"$\",\"div\",null,{\"className\":\"relative z-10 mx-auto flex max-w-4xl flex-col items-center pb-8 pt-8 text-center md:pt-12\",\"children\":[[\"$\",\"p\",null,{\"className\":\"rounded-full border border-white/35 bg-white/15 px-4 py-2 text-xs font-black uppercase tracking-wider text-white/85 backdrop-blur-md\",\"children\":\"For SaaS and online products\"}],[\"$\",\"h1\",null,{\"className\":\"mt-5 max-w-3xl text-4xl font-extrabold leading-[1.08] tracking-tight text-white sm:text-5xl md:text-[3.75rem]\",\"children\":\"Plug a loyalty program into your app.\"}],[\"$\",\"p\",null,{\"className\":\"mt-6 max-w-2xl text-base font-semibold leading-relaxed text-white/85 sm:text-lg md:text-xl\",\"children\":\"useloyalty.app is a self-serve software platform for launching loyalty programs inside online products. Configure the program, connect your app with an SDK, API, or webhook, and reward the actions that keep users active.\"}],[\"$\",\"div\",null,{\"className\":\"mt-8 flex flex-col items-stretch gap-3 sm:w-auto sm:flex-row sm:items-center\",\"children\":[\"$\",\"$L9\",null,{\"href\":\"https://app.useloyalty.app\",\"className\":\"inline-flex items-center justify-center gap-2 rounded-full bg-[#111827] px-6 py-3.5 text-[13.5px] font-bold text-white shadow-sm transition hover:bg-gray-800 active:scale-[0.98]\",\"children\":[\"Get Started\",[\"$\",\"$La\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$0:f:0:1:1:props:children:1:props:children:props:children:0:props:children:1:props:notFound:0:props:children:1:props:children:3:props:children:0:props:children:1:props:iconNode\",\"className\":\"lucide-arrow-right h-4 w-4\",\"aria-hidden\":\"true\"}]]}]}],[\"$\",\"div\",null,{\"className\":\"mt-6 flex w-full max-w-3xl flex-wrap justify-center gap-2 text-left\",\"aria-label\":\"Online platform highlights\",\"children\":[[\"$\",\"div\",\"Self-serve setup\",{\"className\":\"rounded-full border border-white/40 bg-white/15 px-4 py-2 text-xs font-bold text-white/85 backdrop-blur-md\",\"children\":\"Self-serve setup\"}],[\"$\",\"div\",\"Custom SDK\",{\"className\":\"rounded-full border border-white/40 bg-white/15 px-4 py-2 text-xs font-bold text-white/85 backdrop-blur-md\",\"children\":\"Custom SDK\"}],[\"$\",\"div\",\"Webhook-ready\",{\"className\":\"rounded-full border border-white/40 bg-white/15 px-4 py-2 text-xs font-bold text-white/85 backdrop-blur-md\",\"children\":\"Webhook-ready\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"max-w-5xl mx-auto relative mt-4 md:mt-8 flex justify-center perspective-container z-10\",\"children\":[\"$\",\"div\",null,{\"id\":\"hero-dashboard\",\"className\":\"w-full bg-white rounded-t-2xl shadow-2xl border border-gray-200/60 p-4 pb-16 flex gap-4 transform origin-top md:[transform:rotateX(12deg)_rotateY(0deg)] [box-shadow:0_25px_60px_-15px_rgba(0,0,0,0.15)] transition-transform duration-300 sm:p-5 sm:pb-20 sm:gap-5\",\"aria-hidden\":true,\"children\":[[\"$\",\"div\",null,{\"className\":\"w-48 shrink-0 hidden sm:flex flex-col space-y-6 border-r border-gray-100 pr-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-xs font-black tracking-tight text-gray-950 flex items-center gap-2 px-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-4 h-4 bg-gray-950 rounded-tl-md rounded-br-md\"}],\"UseLoyalty\"]}],[\"$\",\"div\",null,{\"className\":\"space-y-1.5 text-[11px] font-bold text-gray-500\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2 bg-amber-50 text-amber-900 px-2.5 py-1.5 rounded-lg\",\"children\":\"🏠 Home\"}],\"$L1f\",\"$L20\",\"$L21\"]}],\"$L22\"]}],\"$L23\"]}]}]]}],\"$L24\",\"$L25\",\"$L26\",\"$L27\"]}],\"$L28\"]}],null,\"$L29\"]}]\n"])</script><script>self.__next_f.push([1,"13:[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$L2a\",null,{\"children\":\"$L2b\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]],[\"$\",\"$L2c\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$3\",null,{\"fallback\":null,\"children\":\"$L2d\"}]}]}]]}]\n"])</script><script>self.__next_f.push([1,"39:I[80,[\"4929\",\"static/chunks/4929-b98dfdb626fc9f0d.js\",\"7277\",\"static/chunks/7277-661e50074d507b81.js\",\"8694\",\"static/chunks/8694-a42f3ba2d5384cf1.js\",\"4568\",\"static/chunks/4568-fb5be34e97a36f2b.js\",\"8974\",\"static/chunks/app/page-ee18caf86dbf8b89.js\"],\"PricingPlans\"]\n3a:I[3807,[\"4929\",\"static/chunks/4929-b98dfdb626fc9f0d.js\",\"7277\",\"static/chunks/7277-661e50074d507b81.js\",\"8694\",\"static/chunks/8694-a42f3ba2d5384cf1.js\",\"4568\",\"static/chunks/4568-fb5be34e97a36f2b.js\",\"8974\",\"static/chunks/app/page-ee18caf86dbf8b89.js\"],\"LearnMoreDemoSection\"]\n43:I[1669,[],\"OutletBoundary\"]\n45:I[1111,[],\"AsyncMetadataOutlet\"]\n16:[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/alternatives/open-loyalty\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"vs Open Loyalty\"}]}]\n17:[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/alternatives/joy\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"vs Joy\"}]}]\n18:[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/alternatives/kangaroo-rewards\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"vs Kangaroo Rewards\"}]}]\n19:[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/alternatives/nector\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"vs Nector\"}]}]\n1a:[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/alternatives/perkville\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"vs Perkville\"}]}]\n1b:[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/alternatives/froonze\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"vs Froonze\"}]}]\n1c:[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/alternatives/marsello\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"vs Marsello\"}]}]\n1f:[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2 px-2.5 py-1.5\",\"children\":\"🎯 Challenges\"}]\n20:[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2 px-2.5 py-1.5\",\"children\":\"🏁 Missions\"}]\n21:[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2 px-2.5 py-1.5\",\"children\":\"🔥 Streaks\"}]\n22:[\"$\",\"div\",null,{\"className\":\"space-y-1.5 p"])</script><script>self.__next_f.push([1,"t-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-[9px] font-extrabold uppercase tracking-wider text-gray-400 px-2.5\",\"children\":\"Tools\"}],[\"$\",\"div\",null,{\"className\":\"space-y-1 text-[11px] font-bold text-gray-500\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2 px-2.5 py-1\",\"children\":\"🎟️ Coupons\"}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2 px-2.5 py-1\",\"children\":\"🏅 Badges\"}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2 px-2.5 py-1\",\"children\":\"🏆 Leaderboard\"}]]}]]}]\n"])</script><script>self.__next_f.push([1,"23:[\"$\",\"div\",null,{\"className\":\"flex-1 space-y-5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"h4\",null,{\"className\":\"text-xs font-bold text-gray-900\",\"children\":\"Hello, Maya\"}],[\"$\",\"p\",null,{\"className\":\"text-[9px] text-gray-400 font-medium\",\"children\":\"AI insights for today's loyalty moves\"}]]}],[\"$\",\"div\",null,{\"className\":\"bg-gray-50 px-3 py-1 rounded-md text-[10px] text-gray-400 border border-gray-100 flex items-center gap-2\",\"children\":[\"$\",\"span\",null,{\"children\":\"🔍 Search\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-2 md:grid-cols-4 gap-3\",\"children\":[[\"$\",\"div\",null,{\"className\":\"bg-gray-50/60 p-3 rounded-xl border border-gray-100\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-[9px] font-bold text-gray-400\",\"children\":\"🔥 Active streaks\"}],[\"$\",\"div\",null,{\"className\":\"text-base font-extrabold text-gray-950 mt-1\",\"children\":\"455\"}]]}],[\"$\",\"div\",null,{\"className\":\"bg-gray-50/60 p-3 rounded-xl border border-gray-100\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-[9px] font-bold text-gray-400\",\"children\":\"🎯 Live challenges\"}],[\"$\",\"div\",null,{\"className\":\"text-base font-extrabold text-gray-950 mt-1\",\"children\":\"55\"}]]}],[\"$\",\"div\",null,{\"className\":\"bg-gray-50/60 p-3 rounded-xl border border-gray-100\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-[9px] font-bold text-gray-400\",\"children\":\"🏁 Missions completed\"}],[\"$\",\"div\",null,{\"className\":\"text-base font-extrabold text-gray-950 mt-1\",\"children\":\"400\"}]]}],[\"$\",\"div\",null,{\"className\":\"bg-gray-50/60 p-3 rounded-xl border border-gray-100\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-[9px] font-bold text-gray-400\",\"children\":\"⭐ Points issued\"}],[\"$\",\"div\",null,{\"className\":\"text-base font-extrabold text-gray-950 mt-1\",\"children\":\"600k\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 md:grid-cols-3 gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"md:col-span-2 bg-gray-50/50 p-4 rounded-xl border border-gray-100 h-40 flex flex-col justify-between\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-[10px] font-bold text-gray-950\",\"children\":\"Loyalty growth over time\"}],[\"$\",\"div\",null,{\"className\":\"flex items-end justify-between gap-2 px-2 h-20\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-full bg-blue-400/80 rounded-t h-[40%]\"}],[\"$\",\"div\",null,{\"className\":\"w-full bg-blue-300/60 rounded-t h-[30%]\"}],[\"$\",\"div\",null,{\"className\":\"w-full bg-blue-400/80 rounded-t h-[65%]\"}],[\"$\",\"div\",null,{\"className\":\"w-full bg-blue-500 rounded-t h-[85%]\"}],[\"$\",\"div\",null,{\"className\":\"w-full bg-blue-400/80 rounded-t h-[50%]\"}],[\"$\",\"div\",null,{\"className\":\"w-full bg-blue-300/60 rounded-t h-[40%]\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"bg-gray-50/50 p-2.5 rounded-xl border border-gray-100 flex items-center gap-2 text-[10px] font-bold text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"className\":\"p-1 bg-white rounded shadow-sm\",\"children\":\"🎟️\"}],\" \",\"Issue a coupon\"]}],[\"$\",\"div\",null,{\"className\":\"bg-gray-50/50 p-2.5 rounded-xl border border-gray-100 flex items-center gap-2 text-[10px] font-bold text-gray-800\",\"children\":[[\"$\",\"span\",null,{\"className\":\"p-1 bg-white rounded shadow-sm\",\"children\":\"🎲\"}],\" \",\"Run a chance game\"]}]]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"24:[\"$\",\"section\",null,{\"className\":\"bg-gradient-to-b from-[#ffffff] to-[#f4f1ee] px-4 py-20 sm:px-6 md:py-24\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-6xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-3xl text-center\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-black uppercase tracking-wider text-[#1934c4]\",\"children\":\"How it works\"}],[\"$\",\"h2\",null,{\"className\":\"mt-4 text-4xl font-black leading-tight text-[#1a1a2e] md:text-5xl\",\"children\":\"Set up your loyalty program in four simple steps.\"}],[\"$\",\"p\",null,{\"className\":\"mt-5 text-lg font-semibold leading-8 text-[#1a1a2e]/70\",\"children\":\"Create your account, register your website, choose where the loyalty experience appears, then add quests and rewards your customers can follow at a glance.\"}]]}],[\"$\",\"div\",null,{\"className\":\"relative mt-12\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"pointer-events-none absolute inset-x-0 top-0 z-0 hidden h-full w-full overflow-visible lg:block\",\"viewBox\":\"0 0 100 100\",\"preserveAspectRatio\":\"none\",\"aria-hidden\":\"true\",\"children\":[\"$\",\"path\",null,{\"d\":\"M 24 8 C 42 1 49 18 36 24 C 19 33 13 11 29 13 C 50 16 60 22 72 34 C 88 50 94 25 78 25 C 62 25 64 55 79 49 C 91 44 83 67 66 67 C 48 67 42 58 26 61 C 9 64 18 88 32 78 C 45 69 55 79 70 86 C 88 95 94 75 78 75 C 61 75 60 103 78 98\",\"fill\":\"none\",\"stroke\":\"#111827\",\"strokeDasharray\":\"1 8\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"strokeWidth\":\"3.4\",\"opacity\":\"0.34\",\"vectorEffect\":\"non-scaling-stroke\"}]}],[\"$\",\"div\",null,{\"className\":\"absolute bottom-8 left-5 top-8 hidden border-l-2 border-dotted border-gray-300 sm:block lg:hidden\",\"aria-hidden\":\"true\"}],[\"$\",\"div\",null,{\"className\":\"relative z-10 grid gap-6\",\"children\":[[\"$\",\"article\",\"Step 01\",{\"className\":\"relative lg:grid lg:grid-cols-[1fr_88px_1fr] lg:items-start\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hidden lg:block lg:col-start-1\",\"children\":[\"$\",\"div\",null,{\"className\":\"rounded-2xl border border-gray-200 bg-[rgb(227,233,240)] p-6 shadow-sm md:min-h-[300px]\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-xs font-black uppercase tracking-wider text-[#1934c4]\",\"children\":\"Step 01\"}],[\"$\",\"h3\",null,{\"className\":\"mt-3 text-2xl font-black leading-tight text-[#1a1a2e]\",\"children\":\"Create your account and register your website\"}],[\"$\",\"p\",null,{\"className\":\"mt-3 text-base font-semibold leading-7 text-[#1a1a2e]/65\",\"children\":\"Start by creating your UseLoyalty account, then add the website or product where customers will see the loyalty experience.\"}],[\"$\",\"ul\",null,{\"className\":\"mt-6 space-y-3\",\"aria-label\":\"Create your account and register your website details\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex gap-3 rounded-xl bg-white p-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[#1934c4] text-white\",\"children\":[\"$\",\"$La\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M20 6 9 17l-5-5\",\"key\":\"1gmf2c\"}]],\"className\":\"lucide-check h-4 w-4\",\"strokeWidth\":2.8,\"aria-hidden\":\"true\"}]}],[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold leading-6 text-[#1a1a2e]/75\",\"children\":\"Enter your brand name, website URL, logo, and the basic program details customers should recognize.\"}]]}],[\"$\",\"li\",null,{\"className\":\"flex gap-3 rounded-xl bg-white p-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[#f5c518] text-[#1a1a2e]\",\"children\":[\"$\",\"$La\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z\",\"key\":\"3c2336\"}],[\"path\",{\"d\":\"m9 12 2 2 4-4\",\"key\":\"dzmm74\"}]],\"className\":\"lucide-badge-check h-4 w-4\",\"strokeWidth\":2.5,\"aria-hidden\":\"true\"}]}],[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold leading-6 text-[#1a1a2e]/75\",\"children\":\"Your loyalty workspace is connected to the right website before you add the customer-facing experience.\"}]]}]]}]]}]}],\"$L2e\",\"$L2f\"]}],\"$L30\",\"$L31\",\"$L32\"]}]]}]]}]}]\n"])</script><script>self.__next_f.push([1,"25:[\"$\",\"section\",null,{\"id\":\"ai-loyalty-growth\",\"className\":\"bg-[#f4f1ee] px-4 py-20 sm:px-6 md:py-24\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-6xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-12 text-center md:mb-16\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mb-3 block text-xs font-bold uppercase tracking-wider text-amber-800/80\",\"children\":\"Features\"}],[\"$\",\"h2\",null,{\"className\":\"text-4xl font-bold tracking-tight text-gray-900 md:text-5xl\",\"children\":\"Built for AI-powered loyalty growth\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 gap-6 md:grid-cols-2 lg:gap-8\",\"children\":[[\"$\",\"article\",null,{\"className\":\"flex min-h-[460px] flex-col justify-between rounded-3xl border border-stone-200/40 bg-[#f0eae5] p-8 md:p-10\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-[28px] font-semibold leading-snug text-gray-900\",\"children\":\"Smart, flexible, and tuned around your retention strategy\"}],[\"$\",\"div\",null,{\"className\":\"mx-auto my-8 flex w-full max-w-sm flex-col space-y-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between gap-2 overflow-hidden rounded-2xl border border-stone-200/30 bg-white p-3 shadow-sm\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"span\",\"bg-[#5C4D46]\",{\"className\":\"flex h-7 w-7 items-center justify-center rounded-full bg-[#5C4D46]\",\"aria-hidden\":\"true\",\"children\":[\"$\",\"$La\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$24:props:children:props:children:1:props:children:2:props:children:0:props:children:0:props:children:props:children:3:props:children:0:props:children:0:props:children:props:iconNode\",\"className\":\"lucide-check h-3.5 w-3.5 text-white\"}]}],[\"$\",\"span\",\"bg-[#737373]\",{\"className\":\"flex h-7 w-7 items-center justify-center rounded-full bg-[#737373]\",\"aria-hidden\":\"true\",\"children\":null}],[\"$\",\"span\",\"bg-[#EAB308]\",{\"className\":\"flex h-7 w-7 items-center justify-center rounded-full bg-[#EAB308]\",\"aria-hidden\":\"true\",\"children\":null}],[\"$\",\"span\",\"bg-[#EA580C]\",{\"className\":\"flex h-7 w-7 items-center justify-center rounded-full bg-[#EA580C]\",\"aria-hidden\":\"true\",\"children\":null}],[\"$\",\"span\",\"bg-[#16A34A]\",{\"className\":\"flex h-7 w-7 items-center justify-center rounded-full bg-[#16A34A]\",\"aria-hidden\":\"true\",\"children\":null}],[\"$\",\"span\",\"bg-[#2563EB]\",{\"className\":\"flex h-7 w-7 items-center justify-center rounded-full bg-[#2563EB]\",\"aria-hidden\":\"true\",\"children\":null}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2 border-l border-gray-100 pl-2 text-gray-400\",\"children\":[[\"$\",\"$La\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z\",\"key\":\"e79jfc\"}],[\"circle\",{\"cx\":\"13.5\",\"cy\":\"6.5\",\"r\":\".5\",\"fill\":\"currentColor\",\"key\":\"1okk4w\"}],[\"circle\",{\"cx\":\"17.5\",\"cy\":\"10.5\",\"r\":\".5\",\"fill\":\"currentColor\",\"key\":\"f64h9f\"}],[\"circle\",{\"cx\":\"6.5\",\"cy\":\"12.5\",\"r\":\".5\",\"fill\":\"currentColor\",\"key\":\"qy21gx\"}],[\"circle\",{\"cx\":\"8.5\",\"cy\":\"7.5\",\"r\":\".5\",\"fill\":\"currentColor\",\"key\":\"fotxhn\"}]],\"className\":\"lucide-palette h-4 w-4 text-gray-700\",\"aria-hidden\":\"true\"}],[\"$\",\"$La\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\",\"key\":\"1s2grr\"}],[\"path\",{\"d\":\"M20 2v4\",\"key\":\"1rf3ol\"}],[\"path\",{\"d\":\"M22 4h-4\",\"key\":\"gwowj6\"}],[\"circle\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\",\"key\":\"6kqj1y\"}]],\"className\":\"lucide-sparkles h-4 w-4 opacity-60\",\"aria-hidden\":\"true\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-1 items-center justify-between rounded-2xl border border-stone-200/30 bg-white px-4 py-3 shadow-sm\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative h-5 w-9 rounded-full bg-[#16A34A]\",\"children\":[\"$\",\"span\",null,{\"className\":\"absolute right-[2px] top-[2px] h-4 w-4 rounded-full bg-white shadow-sm\"}]}],[\"$\",\"span\",null,{\"className\":\"text-xs font-semibold text-gray-700\",\"children\":\"Hide UseLoyalty branding\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 rounded-2xl border border-stone-200/30 bg-white px-3 py-3 text-gray-500 shadow-sm\",\"children\":[\"$L33\",\"$L34\"]}]]}]]}],\"$L35\"]}],\"$L36\"]}],\"$L37\"]}],\"$L38\"]}]\n"])</script><script>self.__next_f.push([1,"26:[\"$\",\"$L39\",null,{\"ctaHref\":\"#demo\",\"planContext\":\"online products, apps, and growing digital teams\"}]\n3b:T42e,"])</script><script>self.__next_f.push([1,"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"])</script><script>self.__next_f.push([1,"27:[\"$\",\"$L3a\",null,{\"children\":[\"$\",\"div\",null,{\"className\":\"relative z-10 mt-12 flex w-full justify-center\",\"children\":[\"$\",\"footer\",null,{\"className\":\"w-full max-w-5xl bg-white/40 backdrop-blur-md rounded-[2rem] border border-white/20 p-8 md:p-12 relative z-10 flex flex-col justify-between min-h-[340px] shadow-sm\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 md:grid-cols-12 gap-8 md:gap-4 items-start\",\"children\":[[\"$\",\"div\",null,{\"className\":\"md:col-span-4 space-y-4 max-w-xs\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2\",\"children\":[\"$\",\"span\",null,{\"className\":\"text-lg font-black tracking-tight text-gray-950 flex items-center gap-1\",\"children\":[[\"$\",\"img\",null,{\"src\":\"/logo.png\",\"alt\":\"\",\"aria-hidden\":true,\"className\":\"h-8 w-8\"}],\"UseLoyalty\"]}]}],[\"$\",\"p\",null,{\"className\":\"text-[13px] text-gray-600 leading-relaxed font-medium\",\"children\":\"UseLoyalty is a loyalty platform for rewards, referrals, tiers, badges, and status-driven engagement.\"}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2 pt-2\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://x.com/useLoyalty\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"X (Twitter)\",\"className\":\"flex items-center justify-center w-8 h-8 rounded-full bg-gray-950 text-white transition hover:bg-gray-700\",\"children\":[\"$\",\"svg\",null,{\"width\":\"14\",\"height\":\"14\",\"viewBox\":\"0 0 24 24\",\"fill\":\"currentColor\",\"children\":[\"$\",\"path\",null,{\"d\":\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.744l7.73-8.835L2.25 2.25h6.977l4.255 5.629 4.762-5.629zm-1.161 17.52h1.833L7.084 4.126H5.117z\"}]}]}],[\"$\",\"a\",null,{\"href\":\"https://www.instagram.com/useloyaltyapp/\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"Instagram\",\"className\":\"flex items-center justify-center w-8 h-8 rounded-full bg-gray-950 text-white transition hover:bg-gray-700\",\"children\":[\"$\",\"svg\",null,{\"width\":\"14\",\"height\":\"14\",\"viewBox\":\"0 0 24 24\",\"fill\":\"currentColor\",\"children\":[\"$\",\"path\",null,{\"d\":\"$3b\"}]}]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"md:col-span-8 grid grid-cols-2 gap-8 md:grid-cols-3 md:gap-6 md:justify-items-start lg:pl-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"space-y-3 text-[13px]\",\"children\":[[\"$\",\"h4\",null,{\"className\":\"text-[11px] font-extrabold uppercase tracking-wider text-gray-950\",\"children\":\"Pages\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2.5 font-semibold text-gray-600\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/features\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"Features\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/pricing\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"Pricing\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/ideas\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"Ideas\"}]}],\"$L3c\",\"$L3d\",\"$L3e\"]}]]}],\"$L3f\",\"$L40\"]}]]}],\"$L41\",\"$L42\"]}]}]}]\n"])</script><script>self.__next_f.push([1,"28:[\"$\",\"div\",null,{\"id\":\"footer-img\",\"className\":\"relative bottom-0 left-0 h-[150px] w-full bg-contain bg-repeat-x\",\"style\":{\"backgroundImage\":\"url(\\\"/footer.png\\\")\"}}]\n29:[\"$\",\"$L43\",null,{\"children\":[\"$L44\",[\"$\",\"$L45\",null,{\"promise\":\"$@46\"}]]}]\n"])</script><script>self.__next_f.push([1,"2e:[\"$\",\"div\",null,{\"className\":\"relative sm:ml-12 lg:hidden\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute left-0 top-7 hidden h-5 w-5 -translate-x-[3.35rem] rounded-full border-4 border-white bg-[#1934c4] shadow-md ring-4 ring-blue-100 sm:block\",\"aria-hidden\":\"true\"}],[\"$\",\"div\",null,{\"className\":\"mb-4 flex items-center gap-2 sm:hidden\",\"aria-hidden\":\"true\",\"children\":[\"$\",\"span\",null,{\"className\":\"h-3 w-3 rounded-full bg-[#1934c4]\"}]}],[\"$\",\"div\",null,{\"className\":\"rounded-2xl border border-gray-200 bg-[rgb(227,233,240)] p-6 shadow-sm md:min-h-[300px]\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-xs font-black uppercase tracking-wider text-[#1934c4]\",\"children\":\"Step 01\"}],[\"$\",\"h3\",null,{\"className\":\"mt-3 text-2xl font-black leading-tight text-[#1a1a2e]\",\"children\":\"Create your account and register your website\"}],[\"$\",\"p\",null,{\"className\":\"mt-3 text-base font-semibold leading-7 text-[#1a1a2e]/65\",\"children\":\"Start by creating your UseLoyalty account, then add the website or product where customers will see the loyalty experience.\"}],[\"$\",\"ul\",null,{\"className\":\"mt-6 space-y-3\",\"aria-label\":\"Create your account and register your website details\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex gap-3 rounded-xl bg-white p-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[#1934c4] text-white\",\"children\":[\"$\",\"$La\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$24:props:children:props:children:1:props:children:2:props:children:0:props:children:0:props:children:props:children:3:props:children:0:props:children:0:props:children:props:iconNode\",\"className\":\"lucide-check h-4 w-4\",\"strokeWidth\":2.8,\"aria-hidden\":\"true\"}]}],[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold leading-6 text-[#1a1a2e]/75\",\"children\":\"Enter your brand name, website URL, logo, and the basic program details customers should recognize.\"}]]}],[\"$\",\"li\",null,{\"className\":\"flex gap-3 rounded-xl bg-white p-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[#f5c518] text-[#1a1a2e]\",\"children\":[\"$\",\"$La\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$24:props:children:props:children:1:props:children:2:props:children:0:props:children:0:props:children:props:children:3:props:children:1:props:children:0:props:children:props:iconNode\",\"className\":\"lucide-badge-check h-4 w-4\",\"strokeWidth\":2.5,\"aria-hidden\":\"true\"}]}],[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold leading-6 text-[#1a1a2e]/75\",\"children\":\"Your loyalty workspace is connected to the right website before you add the customer-facing experience.\"}]]}]]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"2f:[\"$\",\"div\",null,{\"className\":\"hidden lg:block lg:col-start-3\",\"aria-hidden\":\"true\"}]\n"])</script><script>self.__next_f.push([1,"30:[\"$\",\"article\",\"Step 02\",{\"className\":\"relative lg:grid lg:grid-cols-[1fr_88px_1fr] lg:items-start\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hidden lg:block lg:col-start-3\",\"children\":[\"$\",\"div\",null,{\"className\":\"rounded-2xl border border-gray-200 bg-[rgb(227,233,240)] p-6 shadow-sm md:min-h-[300px]\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-xs font-black uppercase tracking-wider text-[#1934c4]\",\"children\":\"Step 02\"}],[\"$\",\"h3\",null,{\"className\":\"mt-3 text-2xl font-black leading-tight text-[#1a1a2e]\",\"children\":\"Choose a widget or embedded page\"}],[\"$\",\"p\",null,{\"className\":\"mt-3 text-base font-semibold leading-7 text-[#1a1a2e]/65\",\"children\":\"Decide how customers will join, track progress, and come back to the program from your site or app.\"}],[\"$\",\"ul\",null,{\"className\":\"mt-6 space-y-3\",\"aria-label\":\"Choose a widget or embedded page details\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex gap-3 rounded-xl bg-white p-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[#1934c4] text-white\",\"children\":[\"$\",\"$La\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$24:props:children:props:children:1:props:children:2:props:children:0:props:children:0:props:children:props:children:3:props:children:0:props:children:0:props:children:props:iconNode\",\"className\":\"lucide-check h-4 w-4\",\"strokeWidth\":2.8,\"aria-hidden\":\"true\"}]}],[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold leading-6 text-[#1a1a2e]/75\",\"children\":\"Use a floating widget for quick access, or publish an embedded loyalty page when you want a full program hub.\"}]]}],[\"$\",\"li\",null,{\"className\":\"flex gap-3 rounded-xl bg-white p-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[#f5c518] text-[#1a1a2e]\",\"children\":[\"$\",\"$La\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$24:props:children:props:children:1:props:children:2:props:children:0:props:children:0:props:children:props:children:3:props:children:1:props:children:0:props:children:props:iconNode\",\"className\":\"lucide-badge-check h-4 w-4\",\"strokeWidth\":2.5,\"aria-hidden\":\"true\"}]}],[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold leading-6 text-[#1a1a2e]/75\",\"children\":\"Customers have a visible place to sign up, view quests, check points, and redeem rewards.\"}]]}]]}]]}]}],[\"$\",\"div\",null,{\"className\":\"relative sm:ml-12 lg:hidden\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute left-0 top-7 hidden h-5 w-5 -translate-x-[3.35rem] rounded-full border-4 border-white bg-[#1934c4] shadow-md ring-4 ring-blue-100 sm:block\",\"aria-hidden\":\"true\"}],[\"$\",\"div\",null,{\"className\":\"mb-4 flex items-center gap-2 sm:hidden\",\"aria-hidden\":\"true\",\"children\":[\"$\",\"span\",null,{\"className\":\"h-3 w-3 rounded-full bg-[#1934c4]\"}]}],[\"$\",\"div\",null,{\"className\":\"rounded-2xl border border-gray-200 bg-[rgb(227,233,240)] p-6 shadow-sm md:min-h-[300px]\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-xs font-black uppercase tracking-wider text-[#1934c4]\",\"children\":\"Step 02\"}],[\"$\",\"h3\",null,{\"className\":\"mt-3 text-2xl font-black leading-tight text-[#1a1a2e]\",\"children\":\"Choose a widget or embedded page\"}],[\"$\",\"p\",null,{\"className\":\"mt-3 text-base font-semibold leading-7 text-[#1a1a2e]/65\",\"children\":\"Decide how customers will join, track progress, and come back to the program from your site or app.\"}],[\"$\",\"ul\",null,{\"className\":\"mt-6 space-y-3\",\"aria-label\":\"Choose a widget or embedded page details\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex gap-3 rounded-xl bg-white p-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[#1934c4] text-white\",\"children\":[\"$\",\"$La\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$24:props:children:props:children:1:props:children:2:props:children:0:props:children:0:props:children:props:children:3:props:children:0:props:children:0:props:children:props:iconNode\",\"className\":\"lucide-check h-4 w-4\",\"strokeWidth\":2.8,\"aria-hidden\":\"true\"}]}],[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold leading-6 text-[#1a1a2e]/75\",\"children\":\"Use a floating widget for quick access, or publish an embedded loyalty page when you want a full program hub.\"}]]}],[\"$\",\"li\",null,{\"className\":\"flex gap-3 rounded-xl bg-white p-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[#f5c518] text-[#1a1a2e]\",\"children\":[\"$\",\"$La\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$24:props:children:props:children:1:props:children:2:props:children:0:props:children:0:props:children:props:children:3:props:children:1:props:children:0:props:children:props:iconNode\",\"className\":\"lucide-badge-check h-4 w-4\",\"strokeWidth\":2.5,\"aria-hidden\":\"true\"}]}],[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold leading-6 text-[#1a1a2e]/75\",\"children\":\"Customers have a visible place to sign up, view quests, check points, and redeem rewards.\"}]]}]]}]]}]]}],\"$L47\"]}]\n"])</script><script>self.__next_f.push([1,"31:[\"$\",\"article\",\"Step 03\",{\"className\":\"relative lg:grid lg:grid-cols-[1fr_88px_1fr] lg:items-start\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hidden lg:block lg:col-start-1\",\"children\":[\"$\",\"div\",null,{\"className\":\"rounded-2xl border border-gray-200 bg-[rgb(227,233,240)] p-6 shadow-sm md:min-h-[300px]\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-xs font-black uppercase tracking-wider text-[#1934c4]\",\"children\":\"Step 03\"}],[\"$\",\"h3\",null,{\"className\":\"mt-3 text-2xl font-black leading-tight text-[#1a1a2e]\",\"children\":\"Add quests\"}],[\"$\",\"p\",null,{\"className\":\"mt-3 text-base font-semibold leading-7 text-[#1a1a2e]/65\",\"children\":\"Turn the actions you want customers to repeat into clear quests they can understand and complete.\"}],[\"$\",\"ul\",null,{\"className\":\"mt-6 space-y-3\",\"aria-label\":\"Add quests details\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex gap-3 rounded-xl bg-white p-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[#1934c4] text-white\",\"children\":[\"$\",\"$La\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$24:props:children:props:children:1:props:children:2:props:children:0:props:children:0:props:children:props:children:3:props:children:0:props:children:0:props:children:props:iconNode\",\"className\":\"lucide-check h-4 w-4\",\"strokeWidth\":2.8,\"aria-hidden\":\"true\"}]}],[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold leading-6 text-[#1a1a2e]/75\",\"children\":\"Create quests for purchases, referrals, reviews, onboarding, visits, social actions, or any event you send through the API.\"}]]}],[\"$\",\"li\",null,{\"className\":\"flex gap-3 rounded-xl bg-white p-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[#f5c518] text-[#1a1a2e]\",\"children\":[\"$\",\"$La\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$24:props:children:props:children:1:props:children:2:props:children:0:props:children:0:props:children:props:children:3:props:children:1:props:children:0:props:children:props:iconNode\",\"className\":\"lucide-badge-check h-4 w-4\",\"strokeWidth\":2.5,\"aria-hidden\":\"true\"}]}],[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold leading-6 text-[#1a1a2e]/75\",\"children\":\"Customers see exactly what to do next, and your team can track which actions drive engagement.\"}]]}]]}]]}]}],[\"$\",\"div\",null,{\"className\":\"relative sm:ml-12 lg:hidden\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute left-0 top-7 hidden h-5 w-5 -translate-x-[3.35rem] rounded-full border-4 border-white bg-[#1934c4] shadow-md ring-4 ring-blue-100 sm:block\",\"aria-hidden\":\"true\"}],[\"$\",\"div\",null,{\"className\":\"mb-4 flex items-center gap-2 sm:hidden\",\"aria-hidden\":\"true\",\"children\":[\"$\",\"span\",null,{\"className\":\"h-3 w-3 rounded-full bg-[#1934c4]\"}]}],[\"$\",\"div\",null,{\"className\":\"rounded-2xl border border-gray-200 bg-[rgb(227,233,240)] p-6 shadow-sm md:min-h-[300px]\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-xs font-black uppercase tracking-wider text-[#1934c4]\",\"children\":\"Step 03\"}],[\"$\",\"h3\",null,{\"className\":\"mt-3 text-2xl font-black leading-tight text-[#1a1a2e]\",\"children\":\"Add quests\"}],[\"$\",\"p\",null,{\"className\":\"mt-3 text-base font-semibold leading-7 text-[#1a1a2e]/65\",\"children\":\"Turn the actions you want customers to repeat into clear quests they can understand and complete.\"}],[\"$\",\"ul\",null,{\"className\":\"mt-6 space-y-3\",\"aria-label\":\"Add quests details\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex gap-3 rounded-xl bg-white p-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[#1934c4] text-white\",\"children\":[\"$\",\"$La\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$24:props:children:props:children:1:props:children:2:props:children:0:props:children:0:props:children:props:children:3:props:children:0:props:children:0:props:children:props:iconNode\",\"className\":\"lucide-check h-4 w-4\",\"strokeWidth\":2.8,\"aria-hidden\":\"true\"}]}],[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold leading-6 text-[#1a1a2e]/75\",\"children\":\"Create quests for purchases, referrals, reviews, onboarding, visits, social actions, or any event you send through the API.\"}]]}],[\"$\",\"li\",null,{\"className\":\"flex gap-3 rounded-xl bg-white p-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[#f5c518] text-[#1a1a2e]\",\"children\":[\"$\",\"$La\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$24:props:children:props:children:1:props:children:2:props:children:0:props:children:0:props:children:props:children:3:props:children:1:props:children:0:props:children:props:iconNode\",\"className\":\"lucide-badge-check h-4 w-4\",\"strokeWidth\":2.5,\"aria-hidden\":\"true\"}]}],[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold leading-6 text-[#1a1a2e]/75\",\"children\":\"Customers see exactly what to do next, and your team can track which actions drive engagement.\"}]]}]]}]]}]]}],\"$L48\"]}]\n"])</script><script>self.__next_f.push([1,"32:[\"$\",\"article\",\"Step 04\",{\"className\":\"relative lg:grid lg:grid-cols-[1fr_88px_1fr] lg:items-start\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hidden lg:block lg:col-start-3\",\"children\":[\"$\",\"div\",null,{\"className\":\"rounded-2xl border border-gray-200 bg-[rgb(227,233,240)] p-6 shadow-sm md:min-h-[300px]\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-xs font-black uppercase tracking-wider text-[#1934c4]\",\"children\":\"Step 04\"}],[\"$\",\"h3\",null,{\"className\":\"mt-3 text-2xl font-black leading-tight text-[#1a1a2e]\",\"children\":\"Add rewards\"}],[\"$\",\"p\",null,{\"className\":\"mt-3 text-base font-semibold leading-7 text-[#1a1a2e]/65\",\"children\":\"Attach meaningful rewards to completed quests so customers have a reason to participate again.\"}],[\"$\",\"ul\",null,{\"className\":\"mt-6 space-y-3\",\"aria-label\":\"Add rewards details\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex gap-3 rounded-xl bg-white p-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[#1934c4] text-white\",\"children\":[\"$\",\"$La\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$24:props:children:props:children:1:props:children:2:props:children:0:props:children:0:props:children:props:children:3:props:children:0:props:children:0:props:children:props:iconNode\",\"className\":\"lucide-check h-4 w-4\",\"strokeWidth\":2.8,\"aria-hidden\":\"true\"}]}],[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold leading-6 text-[#1a1a2e]/75\",\"children\":\"Set points, coupons, digital perks, physical rewards, claim limits, expiration dates, and tier requirements.\"}]]}],[\"$\",\"li\",null,{\"className\":\"flex gap-3 rounded-xl bg-white p-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[#f5c518] text-[#1a1a2e]\",\"children\":[\"$\",\"$La\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$24:props:children:props:children:1:props:children:2:props:children:0:props:children:0:props:children:props:children:3:props:children:1:props:children:0:props:children:props:iconNode\",\"className\":\"lucide-badge-check h-4 w-4\",\"strokeWidth\":2.5,\"aria-hidden\":\"true\"}]}],[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold leading-6 text-[#1a1a2e]/75\",\"children\":\"Your program has a complete path: join, complete quests, earn progress, and redeem rewards.\"}]]}]]}]]}]}],[\"$\",\"div\",null,{\"className\":\"relative sm:ml-12 lg:hidden\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute left-0 top-7 hidden h-5 w-5 -translate-x-[3.35rem] rounded-full border-4 border-white bg-[#1934c4] shadow-md ring-4 ring-blue-100 sm:block\",\"aria-hidden\":\"true\"}],[\"$\",\"div\",null,{\"className\":\"mb-4 flex items-center gap-2 sm:hidden\",\"aria-hidden\":\"true\",\"children\":[\"$\",\"span\",null,{\"className\":\"h-3 w-3 rounded-full bg-[#1934c4]\"}]}],[\"$\",\"div\",null,{\"className\":\"rounded-2xl border border-gray-200 bg-[rgb(227,233,240)] p-6 shadow-sm md:min-h-[300px]\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-xs font-black uppercase tracking-wider text-[#1934c4]\",\"children\":\"Step 04\"}],[\"$\",\"h3\",null,{\"className\":\"mt-3 text-2xl font-black leading-tight text-[#1a1a2e]\",\"children\":\"Add rewards\"}],[\"$\",\"p\",null,{\"className\":\"mt-3 text-base font-semibold leading-7 text-[#1a1a2e]/65\",\"children\":\"Attach meaningful rewards to completed quests so customers have a reason to participate again.\"}],[\"$\",\"ul\",null,{\"className\":\"mt-6 space-y-3\",\"aria-label\":\"Add rewards details\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex gap-3 rounded-xl bg-white p-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[#1934c4] text-white\",\"children\":[\"$\",\"$La\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$24:props:children:props:children:1:props:children:2:props:children:0:props:children:0:props:children:props:children:3:props:children:0:props:children:0:props:children:props:iconNode\",\"className\":\"lucide-check h-4 w-4\",\"strokeWidth\":2.8,\"aria-hidden\":\"true\"}]}],[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold leading-6 text-[#1a1a2e]/75\",\"children\":\"Set points, coupons, digital perks, physical rewards, claim limits, expiration dates, and tier requirements.\"}]]}],[\"$\",\"li\",null,{\"className\":\"flex gap-3 rounded-xl bg-white p-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[#f5c518] text-[#1a1a2e]\",\"children\":[\"$\",\"$La\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$24:props:children:props:children:1:props:children:2:props:children:0:props:children:0:props:children:props:children:3:props:children:1:props:children:0:props:children:props:iconNode\",\"className\":\"lucide-badge-check h-4 w-4\",\"strokeWidth\":2.5,\"aria-hidden\":\"true\"}]}],[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold leading-6 text-[#1a1a2e]/75\",\"children\":\"Your program has a complete path: join, complete quests, earn progress, and redeem rewards.\"}]]}]]}]]}]]}],\"$L49\"]}]\n"])</script><script>self.__next_f.push([1,"33:[\"$\",\"$La\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\",\"key\":\"r04s7s\"}]],\"className\":\"lucide-star h-4 w-4 text-gray-700\",\"aria-hidden\":\"true\"}]\n34:[\"$\",\"$La\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M3 3v16a2 2 0 0 0 2 2h16\",\"key\":\"c24i48\"}],[\"path\",{\"d\":\"M18 17V9\",\"key\":\"2bz60n\"}],[\"path\",{\"d\":\"M13 17V5\",\"key\":\"1frdt8\"}],[\"path\",{\"d\":\"M8 17v-3\",\"key\":\"17ska0\"}]],\"className\":\"lucide-chart-column h-4 w-4 opacity-60\",\"aria-hidden\":\"true\"}]\n35:[\"$\",\"p\",null,{\"className\":\"max-w-sm text-base leading-relaxed text-stone-500\",\"children\":[[\"$\",\"strong\",null,{\"className\":\"font-semibold text-stone-800\",\"children\":\"Personalize every loyalty moment.\"}],\" \",\"From branding and interface layout to colors and menus, so your loyalty experience feels like an extension of your brand.\"]}]\n"])</script><script>self.__next_f.push([1,"36:[\"$\",\"article\",null,{\"className\":\"relative flex min-h-[460px] flex-col justify-between overflow-hidden rounded-3xl border border-stone-200/40 bg-[#f0eae5] p-8 md:p-10\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-[28px] font-semibold leading-snug text-gray-900\",\"children\":\"Fits the customer journeys you already run\"}],[\"$\",\"div\",null,{\"className\":\"relative my-6 w-full overflow-hidden h-[114px]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"learn-more-journey-track-l\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex shrink-0 gap-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm\",\"children\":[\"$\",\"svg\",null,{\"width\":\"22\",\"height\":\"22\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"children\":[\"$\",\"path\",null,{\"d\":\"M13.479 9.883c-1.626-.604-2.512-1.067-2.512-1.803 0-.622.518-1.003 1.394-1.003 1.549 0 3.178.57 4.29 1.036l.638-3.9C16.183 3.73 14.406 3 12.03 3 9.68 3 7.77 3.8 6.639 5.175 5.654 6.37 5.25 7.853 5.25 9.133c0 2.73 1.664 4.317 4.352 5.3 1.777.647 2.538 1.14 2.538 1.927 0 .684-.57 1.094-1.637 1.094-1.5 0-3.633-.64-5.047-1.436l-.652 3.958C6.13 20.59 8.297 21 10.483 21c2.406 0 4.337-.77 5.485-2.1 1.01-1.163 1.432-2.7 1.432-4.183 0-2.833-1.664-4.33-3.921-4.834z\",\"fill\":\"#635BFF\"}]}]}],[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm\",\"children\":[\"$\",\"svg\",null,{\"width\":\"22\",\"height\":\"22\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M7.076 21.337H2.47a.641.641 0 0 1-.633-.74L4.944 3.72a.771.771 0 0 1 .76-.645h7.13c2.358 0 4.225.65 5.42 1.88.86.88 1.24 1.977 1.134 3.262-.005.037-.01.073-.01.11-.57 3.556-3.123 5.05-6.677 5.05H10.26a.77.77 0 0 0-.758.648l-.957 5.941a.64.64 0 0 1-.632.541l.163-.17z\",\"fill\":\"#003087\"}],[\"$\",\"path\",null,{\"d\":\"M19.78 8.596c-.068.436-.19.856-.37 1.253-1.09 2.296-3.37 3.395-6.618 3.395h-1.8a.77.77 0 0 0-.759.648l-.957 5.94a.641.641 0 0 1-.632.542H5.93a.557.557 0 0 1-.551-.642l.835-5.286.16-.17h2.7a.77.77 0 0 0 .76-.648l.957-5.942a.77.77 0 0 1 .759-.647h4.233c2.205 0 3.86.503 4.998 1.557z\",\"fill\":\"#009CDE\"}]]}]}],[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm\",\"children\":[\"$\",\"svg\",null,{\"width\":\"22\",\"height\":\"22\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"children\":[\"$\",\"path\",null,{\"d\":\"M14.45 9.55 21 3h-4.243L12 7.757 7.243 3H3l6.55 6.55A4.5 4.5 0 0 0 9 12a4.5 4.5 0 0 0 .55 2.45L3 21h4.243L12 16.243 16.757 21H21l-6.55-6.55A4.5 4.5 0 0 0 16.5 12a4.5 4.5 0 0 0-.05-.45z\",\"fill\":\"#FF4A00\"}]}]}],[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm\",\"children\":[\"$\",\"svg\",null,{\"width\":\"22\",\"height\":\"22\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"children\":[\"$\",\"path\",null,{\"d\":\"M18.164 7.932V5.5a1.752 1.752 0 1 0-1.75 0v2.432A4.754 4.754 0 0 0 14.5 9.5l-5.558-4.07a2.25 2.25 0 1 0-.898 1.226L13.5 10.73a4.75 4.75 0 1 0 4.664-2.798zM17.25 18a2.75 2.75 0 1 1 0-5.5 2.75 2.75 0 0 1 0 5.5z\",\"fill\":\"#FF7A59\"}]}]}],[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm\",\"children\":[\"$\",\"svg\",null,{\"width\":\"22\",\"height\":\"22\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"children\":[\"$\",\"path\",null,{\"d\":\"M15.337 3.17c-.013-.1-.1-.155-.17-.162-.07-.007-1.543-.03-1.543-.03s-1.026-.998-1.14-1.112a.39.39 0 0 0-.22-.087V21.5l5.25-1.134S18.86 5.21 18.87 5.14c.01-.07-.06-.14-.13-.147l-2.01-.253c-.085-.01-.378-1.27-.393-1.57zM12.264 2.91l-.573.177C11.44 2.44 11.07 1.8 10.23 1.8c-.06 0-.12.007-.18.014C9.99 1.58 9.69 1.5 9.41 1.5c-2.257 0-3.34 2.82-3.676 4.254l-1.576.488c-.49.154-.505.17-.57.63L2 19.723 14.26 22 12.264 2.91zm-1.95.6c-.67.207-1.404.435-2.13.66.306-1.178.9-1.75 1.43-1.97.15.41.51.97.7 1.31zm-1.12-1.89c.09 0 .17.02.24.055-.69.325-1.43 1.147-1.746 2.79l-1.39.43C6.6 3.61 7.508 1.62 9.194 1.62z\",\"fill\":\"#96BF48\"}]}]}],\"$L4a\",\"$L4b\",\"$L4c\"]}],\"$L4d\"]}],\"$L4e\",\"$L4f\",\"$L50\"]}],\"$L51\"]}]\n"])</script><script>self.__next_f.push([1,"37:[\"$\",\"div\",null,{\"className\":\"mt-10 grid grid-cols-1 gap-6 lg:grid-cols-3 lg:gap-8\",\"children\":[[\"$\",\"article\",\"Leaderboards that motivate\",{\"className\":\"flex min-h-[320px] flex-col justify-start rounded-3xl border border-stone-200/20 bg-[#f0eae5] p-8 md:p-10\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-8 flex h-11 w-11 items-center justify-center rounded-full border border-stone-200/10 bg-white text-gray-800 shadow-sm\",\"children\":[\"$\",\"$La\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978\",\"key\":\"1n3hpd\"}],[\"path\",{\"d\":\"M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978\",\"key\":\"rfe1zi\"}],[\"path\",{\"d\":\"M18 9h1.5a1 1 0 0 0 0-5H18\",\"key\":\"7xy6bh\"}],[\"path\",{\"d\":\"M4 22h16\",\"key\":\"57wxv0\"}],[\"path\",{\"d\":\"M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z\",\"key\":\"1mhfuq\"}],[\"path\",{\"d\":\"M6 9H4.5a1 1 0 0 1 0-5H6\",\"key\":\"tex48p\"}]],\"className\":\"lucide-trophy h-5 w-5\",\"aria-hidden\":\"true\"}]}],[\"$\",\"h3\",null,{\"className\":\"text-[28px] font-semibold leading-snug text-gray-900\",\"children\":\"Leaderboards that motivate\"}],[\"$\",\"p\",null,{\"className\":\"mt-3 max-w-[250px] text-base font-normal leading-relaxed text-stone-500 md:max-w-none\",\"children\":\"Spotlight top performers by points, rank, tier, or campaign so friendly competition stays visible.\"}]]}],[\"$\",\"article\",\"Referral schemas\",{\"className\":\"flex min-h-[320px] flex-col justify-start rounded-3xl border border-stone-200/20 bg-[#f0eae5] p-8 md:p-10\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-8 flex h-11 w-11 items-center justify-center rounded-full border border-stone-200/10 bg-white text-gray-800 shadow-sm\",\"children\":[\"$\",\"$La\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\",\"key\":\"1yyitq\"}],[\"path\",{\"d\":\"M16 3.128a4 4 0 0 1 0 7.744\",\"key\":\"16gr8j\"}],[\"path\",{\"d\":\"M22 21v-2a4 4 0 0 0-3-3.87\",\"key\":\"kshegd\"}],[\"circle\",{\"cx\":\"9\",\"cy\":\"7\",\"r\":\"4\",\"key\":\"nufk8\"}]],\"className\":\"lucide-users h-5 w-5\",\"aria-hidden\":\"true\"}]}],[\"$\",\"h3\",null,{\"className\":\"text-[28px] font-semibold leading-snug text-gray-900\",\"children\":\"Referral schemas\"}],[\"$\",\"p\",null,{\"className\":\"mt-3 max-w-[250px] text-base font-normal leading-relaxed text-stone-500 md:max-w-none\",\"children\":\"Configure invite flows, referral rewards, milestone bonuses, and fraud-aware limits without hard-coding every campaign.\"}]]}],[\"$\",\"article\",\"Game of chance\",{\"className\":\"flex min-h-[320px] flex-col justify-start rounded-3xl border border-stone-200/20 bg-[#f0eae5] p-8 md:p-10\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-8 flex h-11 w-11 items-center justify-center rounded-full border border-stone-200/10 bg-white text-gray-800 shadow-sm\",\"children\":[\"$\",\"$La\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M12 7v14\",\"key\":\"1akyts\"}],[\"path\",{\"d\":\"M20 11v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8\",\"key\":\"1sqzm4\"}],[\"path\",{\"d\":\"M7.5 7a1 1 0 0 1 0-5A4.8 8 0 0 1 12 7a4.8 8 0 0 1 4.5-5 1 1 0 0 1 0 5\",\"key\":\"kc0143\"}],[\"rect\",{\"x\":\"3\",\"y\":\"7\",\"width\":\"18\",\"height\":\"4\",\"rx\":\"1\",\"key\":\"1hberx\"}]],\"className\":\"lucide-gift h-5 w-5\",\"aria-hidden\":\"true\"}]}],[\"$\",\"h3\",null,{\"className\":\"text-[28px] font-semibold leading-snug text-gray-900\",\"children\":\"Game of chance\"}],[\"$\",\"p\",null,{\"className\":\"mt-3 max-w-[250px] text-base font-normal leading-relaxed text-stone-500 md:max-w-none\",\"children\":\"Add spin wheels, lucky draws, surprise coupons, and limited-time wins while keeping reward rules controlled.\"}]]}]]}]\n"])</script><script>self.__next_f.push([1,"38:[\"$\",\"style\",null,{\"children\":\"\\n        .learn-more-journey-track-l {\\n          display: flex;\\n          gap: 12px;\\n          width: max-content;\\n          animation: learn-more-journey-left 22s linear infinite;\\n        }\\n        .learn-more-journey-track-r {\\n          display: flex;\\n          gap: 12px;\\n          width: max-content;\\n          margin-top: 12px;\\n          animation: learn-more-journey-right 28s linear infinite;\\n        }\\n        @keyframes learn-more-journey-left {\\n          from {\\n            transform: translateX(0);\\n          }\\n          to {\\n            transform: translateX(-50%);\\n          }\\n        }\\n        @keyframes learn-more-journey-right {\\n          from {\\n            transform: translateX(-50%);\\n          }\\n          to {\\n            transform: translateX(0);\\n          }\\n        }\\n      \"}]\n"])</script><script>self.__next_f.push([1,"3c:[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/industries\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"Industries\"}]}]\n3d:[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/blog\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"Blog\"}]}]\n3e:[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/contact\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"Contact\"}]}]\n"])</script><script>self.__next_f.push([1,"3f:[\"$\",\"div\",null,{\"className\":\"space-y-3 text-[13px]\",\"children\":[[\"$\",\"h4\",null,{\"className\":\"text-[11px] font-extrabold uppercase tracking-wider text-gray-950\",\"children\":\"Tools\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2.5 font-semibold text-gray-600\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/tools\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"All tools\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/tools/ai-search-visibility-checker\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"AI Search Visibility Checker\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/tools/local-seo-score-checker\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"Local SEO Score Checker\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/tools/customer-retention-calculator\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"Customer Retention\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/tools/restaurant-loyalty-program-calculator\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"Restaurant Loyalty Program\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/tools/restaurant-instagram-caption-generator\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"Instagram Caption Generator\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/tools/roi-calculator\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"Loyalty ROI Calculator\"}]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"40:[\"$\",\"div\",null,{\"className\":\"space-y-3 text-[13px]\",\"children\":[[\"$\",\"h4\",null,{\"className\":\"text-[11px] font-extrabold uppercase tracking-wider text-gray-950\",\"children\":\"Alternatives\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2.5 font-semibold text-gray-600\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/alternatives\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"All comparisons\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/alternatives/yotpo\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"vs Yotpo\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/alternatives/smile\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"vs Smile.io\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/alternatives/rivo\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"vs Rivo\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/alternatives/rise-ai\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"vs Rise.ai\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/alternatives/appstle\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"vs Appstle\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/alternatives/growave\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"vs Growave\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/alternatives/bon-loyalty\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"vs BON Loyalty\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/alternatives/loyaltylion\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"vs LoyaltyLion\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/alternatives/antavo\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"vs Antavo\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/alternatives/xoxoday\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"vs Xoxoday\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/alternatives/open-loyalty\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"vs Open Loyalty\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/alternatives/joy\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"vs Joy\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/alternatives/kangaroo-rewards\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"vs Kangaroo Rewards\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/alternatives/nector\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"vs Nector\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/alternatives/perkville\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"vs Perkville\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/alternatives/froonze\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"vs Froonze\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/alternatives/marsello\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"vs Marsello\"}]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"41:[\"$\",\"hr\",null,{\"className\":\"border-gray-900/5 my-8 md:my-6\"}]\n42:[\"$\",\"div\",null,{\"className\":\"flex flex-col sm:flex-row items-center justify-between gap-4 text-[12px] font-semibold text-gray-600/90\",\"children\":[[\"$\",\"ul\",null,{\"className\":\"font-semibold text-gray-600 flex space-x-5\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/privacy\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"Privacy Policy\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/terms\",\"className\":\"hover:text-gray-950 transition\",\"children\":\"Terms of Service\"}]}]]}],[\"$\",\"div\",null,{\"children\":\"© 2026 UseLoyalty. All rights reserved.\"}]]}]\n"])</script><script>self.__next_f.push([1,"47:[\"$\",\"div\",null,{\"className\":\"hidden lg:block lg:col-start-1\",\"aria-hidden\":\"true\"}]\n48:[\"$\",\"div\",null,{\"className\":\"hidden lg:block lg:col-start-3\",\"aria-hidden\":\"true\"}]\n49:[\"$\",\"div\",null,{\"className\":\"hidden lg:block lg:col-start-1\",\"aria-hidden\":\"true\"}]\n4a:[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm\",\"children\":[\"$\",\"svg\",null,{\"width\":\"22\",\"height\":\"22\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"children\":[[\"$\",\"circle\",null,{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"9\",\"stroke\":\"#F22F46\",\"strokeWidth\":\"2\"}],[\"$\",\"circle\",null,{\"cx\":\"8.5\",\"cy\":\"8.5\",\"r\":\"1.5\",\"fill\":\"#F22F46\"}],[\"$\",\"circle\",null,{\"cx\":\"15.5\",\"cy\":\"8.5\",\"r\":\"1.5\",\"fill\":\"#F22F46\"}],[\"$\",\"circle\",null,{\"cx\":\"8.5\",\"cy\":\"15.5\",\"r\":\"1.5\",\"fill\":\"#F22F46\"}],[\"$\",\"circle\",null,{\"cx\":\"15.5\",\"cy\":\"15.5\",\"r\":\"1.5\",\"fill\":\"#F22F46\"}]]}]}]\n"])</script><script>self.__next_f.push([1,"4b:[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm\",\"children\":[\"$\",\"svg\",null,{\"width\":\"20\",\"height\":\"20\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"children\":[\"$\",\"path\",null,{\"d\":\"M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zM6.313 15.165a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313zM8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zM8.834 6.313a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312zM18.956 8.834a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V8.834zM17.688 8.834a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522v6.312zM15.165 18.956a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.522v-2.522h2.52zM15.165 17.688a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0 1 2.52-2.52h6.313A2.527 2.527 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522 2.523h-6.313z\",\"fill\":\"#E01E5A\"}]}]}]\n"])</script><script>self.__next_f.push([1,"4c:[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm\",\"children\":[\"$\",\"svg\",null,{\"width\":\"22\",\"height\":\"14\",\"viewBox\":\"0 0 64 40\",\"fill\":\"none\",\"children\":[[\"$\",\"rect\",null,{\"width\":\"64\",\"height\":\"40\",\"rx\":\"6\",\"fill\":\"#7F54B3\"}],[\"$\",\"text\",null,{\"x\":\"10\",\"y\":\"27\",\"fontSize\":\"14\",\"fontWeight\":\"bold\",\"fill\":\"white\",\"fontFamily\":\"Arial\",\"children\":\"Woo\"}]]}]}]\n"])</script><script>self.__next_f.push([1,"4d:[\"$\",\"div\",null,{\"className\":\"flex shrink-0 gap-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm\",\"children\":[\"$\",\"svg\",null,{\"width\":\"22\",\"height\":\"22\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"children\":[\"$\",\"path\",null,{\"d\":\"M13.479 9.883c-1.626-.604-2.512-1.067-2.512-1.803 0-.622.518-1.003 1.394-1.003 1.549 0 3.178.57 4.29 1.036l.638-3.9C16.183 3.73 14.406 3 12.03 3 9.68 3 7.77 3.8 6.639 5.175 5.654 6.37 5.25 7.853 5.25 9.133c0 2.73 1.664 4.317 4.352 5.3 1.777.647 2.538 1.14 2.538 1.927 0 .684-.57 1.094-1.637 1.094-1.5 0-3.633-.64-5.047-1.436l-.652 3.958C6.13 20.59 8.297 21 10.483 21c2.406 0 4.337-.77 5.485-2.1 1.01-1.163 1.432-2.7 1.432-4.183 0-2.833-1.664-4.33-3.921-4.834z\",\"fill\":\"#635BFF\"}]}]}],[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm\",\"children\":[\"$\",\"svg\",null,{\"width\":\"22\",\"height\":\"22\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M7.076 21.337H2.47a.641.641 0 0 1-.633-.74L4.944 3.72a.771.771 0 0 1 .76-.645h7.13c2.358 0 4.225.65 5.42 1.88.86.88 1.24 1.977 1.134 3.262-.005.037-.01.073-.01.11-.57 3.556-3.123 5.05-6.677 5.05H10.26a.77.77 0 0 0-.758.648l-.957 5.941a.64.64 0 0 1-.632.541l.163-.17z\",\"fill\":\"#003087\"}],[\"$\",\"path\",null,{\"d\":\"M19.78 8.596c-.068.436-.19.856-.37 1.253-1.09 2.296-3.37 3.395-6.618 3.395h-1.8a.77.77 0 0 0-.759.648l-.957 5.94a.641.641 0 0 1-.632.542H5.93a.557.557 0 0 1-.551-.642l.835-5.286.16-.17h2.7a.77.77 0 0 0 .76-.648l.957-5.942a.77.77 0 0 1 .759-.647h4.233c2.205 0 3.86.503 4.998 1.557z\",\"fill\":\"#009CDE\"}]]}]}],[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm\",\"children\":[\"$\",\"svg\",null,{\"width\":\"22\",\"height\":\"22\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"children\":[\"$\",\"path\",null,{\"d\":\"M14.45 9.55 21 3h-4.243L12 7.757 7.243 3H3l6.55 6.55A4.5 4.5 0 0 0 9 12a4.5 4.5 0 0 0 .55 2.45L3 21h4.243L12 16.243 16.757 21H21l-6.55-6.55A4.5 4.5 0 0 0 16.5 12a4.5 4.5 0 0 0-.05-.45z\",\"fill\":\"#FF4A00\"}]}]}],[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm\",\"children\":[\"$\",\"svg\",null,{\"width\":\"22\",\"height\":\"22\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"children\":[\"$\",\"path\",null,{\"d\":\"M18.164 7.932V5.5a1.752 1.752 0 1 0-1.75 0v2.432A4.754 4.754 0 0 0 14.5 9.5l-5.558-4.07a2.25 2.25 0 1 0-.898 1.226L13.5 10.73a4.75 4.75 0 1 0 4.664-2.798zM17.25 18a2.75 2.75 0 1 1 0-5.5 2.75 2.75 0 0 1 0 5.5z\",\"fill\":\"#FF7A59\"}]}]}],[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm\",\"children\":[\"$\",\"svg\",null,{\"width\":\"22\",\"height\":\"22\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"children\":[\"$\",\"path\",null,{\"d\":\"M15.337 3.17c-.013-.1-.1-.155-.17-.162-.07-.007-1.543-.03-1.543-.03s-1.026-.998-1.14-1.112a.39.39 0 0 0-.22-.087V21.5l5.25-1.134S18.86 5.21 18.87 5.14c.01-.07-.06-.14-.13-.147l-2.01-.253c-.085-.01-.378-1.27-.393-1.57zM12.264 2.91l-.573.177C11.44 2.44 11.07 1.8 10.23 1.8c-.06 0-.12.007-.18.014C9.99 1.58 9.69 1.5 9.41 1.5c-2.257 0-3.34 2.82-3.676 4.254l-1.576.488c-.49.154-.505.17-.57.63L2 19.723 14.26 22 12.264 2.91zm-1.95.6c-.67.207-1.404.435-2.13.66.306-1.178.9-1.75 1.43-1.97.15.41.51.97.7 1.31zm-1.12-1.89c.09 0 .17.02.24.055-.69.325-1.43 1.147-1.746 2.79l-1.39.43C6.6 3.61 7.508 1.62 9.194 1.62z\",\"fill\":\"#96BF48\"}]}]}],[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm\",\"children\":\"$L52\"}],\"$L53\",\"$L54\"]}]\n"])</script><script>self.__next_f.push([1,"4e:[\"$\",\"div\",null,{\"className\":\"learn-more-journey-track-r\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex shrink-0 gap-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm\",\"children\":[\"$\",\"svg\",null,{\"width\":\"22\",\"height\":\"16\",\"viewBox\":\"0 0 64 44\",\"fill\":\"none\",\"children\":[\"$\",\"path\",null,{\"d\":\"M26.4 4.8a11.2 11.2 0 0 1 8-3.3 11.2 11.2 0 0 1 9.9 5.9 8.4 8.4 0 0 1 3.5-.8A8.5 8.5 0 0 1 56.3 15a8.5 8.5 0 0 1-1.3 4.6A7.2 7.2 0 0 1 57 25a7.2 7.2 0 0 1-7.2 7.2H14.4A9.6 9.6 0 0 1 5 22.8 9.6 9.6 0 0 1 14 13.2h.4A11.2 11.2 0 0 1 26.4 4.8z\",\"fill\":\"#00A1E0\"}]}]}],[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm\",\"children\":[\"$\",\"svg\",null,{\"width\":\"20\",\"height\":\"20\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"children\":[[\"$\",\"ellipse\",null,{\"cx\":\"12\",\"cy\":\"11\",\"rx\":\"6\",\"ry\":\"5\",\"fill\":\"#FFE01B\",\"stroke\":\"#241C15\",\"strokeWidth\":\"1\"}],[\"$\",\"path\",null,{\"d\":\"M12 16c-2 0-3.5.8-3.5 2s1.5 2 3.5 2 3.5-.8 3.5-2-1.5-2-3.5-2z\",\"fill\":\"#FFE01B\",\"stroke\":\"#241C15\",\"strokeWidth\":\"1\"}],[\"$\",\"circle\",null,{\"cx\":\"10\",\"cy\":\"10.5\",\"r\":\"1\",\"fill\":\"#241C15\"}],[\"$\",\"circle\",null,{\"cx\":\"14\",\"cy\":\"10.5\",\"r\":\"1\",\"fill\":\"#241C15\"}],[\"$\",\"path\",null,{\"d\":\"M10.5 12.5c.4.4 1 .7 1.5.7s1.1-.3 1.5-.7\",\"stroke\":\"#241C15\",\"strokeWidth\":\"0.8\",\"strokeLinecap\":\"round\"}]]}]}],[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm\",\"children\":[\"$\",\"span\",null,{\"className\":\"text-[11px] font-extrabold tracking-tight text-green-700\",\"children\":\"Klaviyo\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm\",\"children\":[\"$\",\"svg\",null,{\"width\":\"20\",\"height\":\"20\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"children\":[[\"$\",\"rect\",null,{\"width\":\"24\",\"height\":\"24\",\"rx\":\"5\",\"fill\":\"#1F8DED\"}],[\"$\",\"path\",null,{\"d\":\"M12 5a7 7 0 1 1 0 14A7 7 0 0 1 12 5zm-3 6a1 1 0 1 0 2 0 1 1 0 0 0-2 0zm4 0a1 1 0 1 0 2 0 1 1 0 0 0-2 0zm-4 3c.5 1.5 4.5 1.5 5 0\",\"stroke\":\"white\",\"strokeWidth\":\"1.2\",\"strokeLinecap\":\"round\"}]]}]}],[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm\",\"children\":[\"$\",\"svg\",null,{\"width\":\"20\",\"height\":\"20\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"children\":[[\"$\",\"circle\",null,{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\",\"fill\":\"#52BD94\"}],[\"$\",\"path\",null,{\"d\":\"M7 12h10M12 7v10\",\"stroke\":\"white\",\"strokeWidth\":\"2\",\"strokeLinecap\":\"round\"}]]}]}],[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm\",\"children\":[\"$\",\"span\",null,{\"className\":\"text-[10px] font-extrabold tracking-tight text-purple-600\",\"children\":\"Mixpanel\"}]}],[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm\",\"children\":[\"$\",\"svg\",null,{\"width\":\"20\",\"height\":\"20\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M12 2L2 20h20L12 2z\",\"fill\":\"#1C78C0\"}],[\"$\",\"path\",null,{\"d\":\"M12 8l-4 8h8l-4-8z\",\"fill\":\"white\"}]]}]}],[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm\",\"children\":[\"$\",\"span\",null,{\"className\":\"text-[11px] font-extrabold tracking-tight text-orange-500\",\"children\":\"Braze\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"flex shrink-0 gap-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm\",\"children\":[\"$\",\"svg\",null,{\"width\":\"22\",\"height\":\"16\",\"viewBox\":\"0 0 64 44\",\"fill\":\"none\",\"children\":[\"$\",\"path\",null,{\"d\":\"M26.4 4.8a11.2 11.2 0 0 1 8-3.3 11.2 11.2 0 0 1 9.9 5.9 8.4 8.4 0 0 1 3.5-.8A8.5 8.5 0 0 1 56.3 15a8.5 8.5 0 0 1-1.3 4.6A7.2 7.2 0 0 1 57 25a7.2 7.2 0 0 1-7.2 7.2H14.4A9.6 9.6 0 0 1 5 22.8 9.6 9.6 0 0 1 14 13.2h.4A11.2 11.2 0 0 1 26.4 4.8z\",\"fill\":\"#00A1E0\"}]}]}],[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm\",\"children\":\"$L55\"}],\"$L56\",\"$L57\",\"$L58\",\"$L59\",\"$L5a\",\"$L5b\"]}]]}]\n"])</script><script>self.__next_f.push([1,"4f:[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-y-0 left-0 z-10 w-10 bg-gradient-to-r from-[#f0eae5] to-transparent\",\"aria-hidden\":\"true\"}]\n50:[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-y-0 right-0 z-10 w-10 bg-gradient-to-l from-[#f0eae5] to-transparent\",\"aria-hidden\":\"true\"}]\n51:[\"$\",\"p\",null,{\"className\":\"max-w-sm text-base leading-relaxed text-stone-500\",\"children\":[[\"$\",\"strong\",null,{\"className\":\"font-semibold text-stone-800\",\"children\":\"Seamless integrations.\"}],\" \",\"Plug UseLoyalty into your app, CRM, or loyalty stack. Trigger rewards, sync events, and keep every user journey connected.\"]}]\n"])</script><script>self.__next_f.push([1,"52:[\"$\",\"svg\",null,{\"width\":\"22\",\"height\":\"22\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"children\":[[\"$\",\"circle\",null,{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"9\",\"stroke\":\"#F22F46\",\"strokeWidth\":\"2\"}],[\"$\",\"circle\",null,{\"cx\":\"8.5\",\"cy\":\"8.5\",\"r\":\"1.5\",\"fill\":\"#F22F46\"}],[\"$\",\"circle\",null,{\"cx\":\"15.5\",\"cy\":\"8.5\",\"r\":\"1.5\",\"fill\":\"#F22F46\"}],[\"$\",\"circle\",null,{\"cx\":\"8.5\",\"cy\":\"15.5\",\"r\":\"1.5\",\"fill\":\"#F22F46\"}],[\"$\",\"circle\",null,{\"cx\":\"15.5\",\"cy\":\"15.5\",\"r\":\"1.5\",\"fill\":\"#F22F46\"}]]}]\n"])</script><script>self.__next_f.push([1,"53:[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm\",\"children\":[\"$\",\"svg\",null,{\"width\":\"20\",\"height\":\"20\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"children\":[\"$\",\"path\",null,{\"d\":\"M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zM6.313 15.165a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313zM8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zM8.834 6.313a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312zM18.956 8.834a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V8.834zM17.688 8.834a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522v6.312zM15.165 18.956a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.522v-2.522h2.52zM15.165 17.688a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0 1 2.52-2.52h6.313A2.527 2.527 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522 2.523h-6.313z\",\"fill\":\"#E01E5A\"}]}]}]\n"])</script><script>self.__next_f.push([1,"54:[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm\",\"children\":[\"$\",\"svg\",null,{\"width\":\"22\",\"height\":\"14\",\"viewBox\":\"0 0 64 40\",\"fill\":\"none\",\"children\":[[\"$\",\"rect\",null,{\"width\":\"64\",\"height\":\"40\",\"rx\":\"6\",\"fill\":\"#7F54B3\"}],[\"$\",\"text\",null,{\"x\":\"10\",\"y\":\"27\",\"fontSize\":\"14\",\"fontWeight\":\"bold\",\"fill\":\"white\",\"fontFamily\":\"Arial\",\"children\":\"Woo\"}]]}]}]\n55:[\"$\",\"svg\",null,{\"width\":\"20\",\"height\":\"20\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"children\":[[\"$\",\"ellipse\",null,{\"cx\":\"12\",\"cy\":\"11\",\"rx\":\"6\",\"ry\":\"5\",\"fill\":\"#FFE01B\",\"stroke\":\"#241C15\",\"strokeWidth\":\"1\"}],[\"$\",\"path\",null,{\"d\":\"M12 16c-2 0-3.5.8-3.5 2s1.5 2 3.5 2 3.5-.8 3.5-2-1.5-2-3.5-2z\",\"fill\":\"#FFE01B\",\"stroke\":\"#241C15\",\"strokeWidth\":\"1\"}],[\"$\",\"circle\",null,{\"cx\":\"10\",\"cy\":\"10.5\",\"r\":\"1\",\"fill\":\"#241C15\"}],[\"$\",\"circle\",null,{\"cx\":\"14\",\"cy\":\"10.5\",\"r\":\"1\",\"fill\":\"#241C15\"}],[\"$\",\"path\",null,{\"d\":\"M10.5 12.5c.4.4 1 .7 1.5.7s1.1-.3 1.5-.7\",\"stroke\":\"#241C15\",\"strokeWidth\":\"0.8\",\"strokeLinecap\":\"round\"}]]}]\n56:[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm\",\"children\":[\"$\",\"span\",null,{\"className\":\"text-[11px] font-extrabold tracking-tight text-green-700\",\"children\":\"Klaviyo\"}]}]\n57:[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm\",\"children\":[\"$\",\"svg\",null,{\"width\":\"20\",\"height\":\"20\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"children\":[[\"$\",\"rect\",null,{\"width\":\"24\",\"height\":\"24\",\"rx\":\"5\",\"fill\":\"#1F8DED\"}],[\"$\",\"path\",null,{\"d\":\"M12 5a7 7 0 1 1 0 14A7 7 0 0 1 12 5zm-3 6a1 1 0 1 0 2 0 1 1 0 0 0-2 0zm4 0a1 1 0 1 0 2 0 1 1 0 0 0-2 0zm-4 3c.5 1.5 4.5 1.5 5 0\",\"stroke\":\"white\",\"strokeWidth\":\"1.2\",\"strokeLinecap\":\"round\"}]]}]}]\n58:[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm\",\"children\":[\"$\",\"svg\",nu"])</script><script>self.__next_f.push([1,"ll,{\"width\":\"20\",\"height\":\"20\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"children\":[[\"$\",\"circle\",null,{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\",\"fill\":\"#52BD94\"}],[\"$\",\"path\",null,{\"d\":\"M7 12h10M12 7v10\",\"stroke\":\"white\",\"strokeWidth\":\"2\",\"strokeLinecap\":\"round\"}]]}]}]\n59:[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm\",\"children\":[\"$\",\"span\",null,{\"className\":\"text-[10px] font-extrabold tracking-tight text-purple-600\",\"children\":\"Mixpanel\"}]}]\n5a:[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm\",\"children\":[\"$\",\"svg\",null,{\"width\":\"20\",\"height\":\"20\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M12 2L2 20h20L12 2z\",\"fill\":\"#1C78C0\"}],[\"$\",\"path\",null,{\"d\":\"M12 8l-4 8h8l-4-8z\",\"fill\":\"white\"}]]}]}]\n5b:[\"$\",\"div\",null,{\"className\":\"flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-stone-200/30 bg-white shadow-sm\",\"children\":[\"$\",\"span\",null,{\"className\":\"text-[11px] font-extrabold tracking-tight text-orange-500\",\"children\":\"Braze\"}]}]\n"])</script><script>self.__next_f.push([1,"2b:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"44:null\n"])</script><script>self.__next_f.push([1,"5c:I[39,[],\"IconMark\"]\n"])</script><script>self.__next_f.push([1,"46:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"SaaS Loyalty Program Platform | UseLoyalty\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"UseLoyalty is a self-serve software platform for SaaS and online products that need configurable loyalty programs, SDKs, APIs, webhooks, widgets, and integrations.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"manifest\",\"href\":\"/favicon/site.webmanifest\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"canonical\",\"href\":\"https://www.useloyalty.app\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:title\",\"content\":\"SaaS Loyalty Program Platform | UseLoyalty\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:description\",\"content\":\"UseLoyalty is a self-serve software platform for SaaS and online products that need configurable loyalty programs, SDKs, APIs, webhooks, widgets, and integrations.\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:url\",\"content\":\"https://www.useloyalty.app\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:site_name\",\"content\":\"UseLoyalty\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:image\",\"content\":\"https://www.useloyalty.app/og.png\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:image:alt\",\"content\":\"UseLoyalty SaaS loyalty platform\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:title\",\"content\":\"SaaS Loyalty Program Platform | UseLoyalty\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:description\",\"content\":\"UseLoyalty is a self-serve software platform for SaaS and online products that need configurable loyalty programs, SDKs, APIs, webhooks, widgets, and integrations.\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:image\",\"content\":\"https://www.useloyalty.app/og.png\"}],[\"$\",\"link\",\"17\",{\"rel\":\"shortcut icon\",\"href\":\"/favicon/favicon.ico\"}],[\"$\",\"link\",\"18\",{\"rel\":\"icon\",\"href\":\"/favicon/favicon-96x96.png\",\"type\":\"image/png\",\"sizes\":\"96x96\"}],[\"$\",\"link\",\"19\",{\"rel\":\"icon\",\"href\":\"/favicon/favicon.svg\",\"type\":\"image/svg+xml\"}],[\"$\",\"link\",\"20\",{\"rel\":\"apple-touch-icon\",\"href\":\"/favicon/apple-touch-icon.png\",\"sizes\":\"180x180\"}],[\"$\",\"$L5c\",\"21\",{}]],\"error\":null,\"digest\":\"$undefined\"}\n"])</script><script>self.__next_f.push([1,"2d:\"$46:metadata\"\n"])</script></body></html>