1<!DOCTYPE html><!--L8JYmPF3YRdTVJG6SVNeg--><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/5d52bd6c4cb3f315-s.p.610fd2a3.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="/intercom.png"/><link rel="preload" as="image" href="/hubspot.png"/><link rel="preload" as="image" href="/slack.png"/><link rel="preload" as="image" href="/intercom-chat.png"/><link rel="preload" as="image" href="/slack-thread.png"/><link rel="stylesheet" href="/_next/static/chunks/783e61d7463a3ae7.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/6948c81ddac8d03f.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/6e46535113110313.js"/>
1<script src="/_next/static/chunks/b4443f04c8734d40.js" async=""></script>
1<script src="/_next/static/chunks/66828fa337244043.js" async=""></script>
1<script src="/_next/static/chunks/7af99b4fe779898e.js" async=""></script>
1<script src="/_next/static/chunks/0a1206cc7f55bb91.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-71b22d82a041a2bd.js" async=""></script>
1<script src="/_next/static/chunks/1723066e4e67966b.js" async=""></script>
1<script src="/_next/static/chunks/3337476739009024.js" async=""></script>
1<script src="/_next/static/chunks/e509297e7dbdea42.js" async=""></script>
1<script src="/_next/static/chunks/b7da35be8343447c.js" async=""></script>
1<script src="/_next/static/chunks/cd8e225dcfdbdb64.js" async=""></script>
1<link rel="preload" href="https://www.googletagmanager.com/gtag/js?id=G-W3D7DXGH63" as="script"/><meta name="next-size-adjust" content=""/><title>BackReply â Reply to Intercom & HubSpot from Slack</title><meta name="description" content="Turn Slack threads into a first-class interface for your helpdesk. Reply in Slack, stay synced in Intercom or HubSpot."/><meta name="generator" content="v0.app"/><link rel="canonical" href="https://backreply.com"/><meta property="og:title" content="BackReply â Reply to Intercom & HubSpot from Slack"/><meta property="og:description" content="Turn Slack threads into a first-class interface for your helpdesk. Reply in Slack, stay synced in Intercom or HubSpot."/><meta property="og:site_name" content="BackReply"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary"/><meta name="twitter:title" content="BackReply â Reply to Intercom & HubSpot from Slack"/><meta name="twitter:description" content="Turn Slack threads into a first-class interface for your helpdesk. Reply in Slack, stay synced in Intercom or HubSpot."/><link rel="icon" href="/icon.svg" type="image/svg+xml"/><link rel="icon" href="/favicon.ico" sizes="any"/><link rel="apple-touch-icon" href="/apple-icon.png"/>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"BackReply","legalName":"Octopods Software Systems Limited","url":"https://backreply.com","logo":"https://backreply.com/icon.png","email":"[email protected]"}</script>
1<script src="/_next/static/chunks/a6dad97d9634a72d.js" noModule=""></script>
1</head><body class="fredoka_c39c0b97-module__93ZTta__className font-sans antialiased"><div hidden=""><!--$--><!--/$--></div><main><div class="min-h-screen"><header class="sticky top-0 z-50 w-full transition-all duration-300 "><div class="bg-background/95 backdrop-blur-md border-b border-foreground/10"><div class="container max-w-7xl mx-auto flex h-16 items-center justify-between px-4 md:px-8"><a class="flex items-center gap-3 group cursor-pointer hover:opacity-90 transition-opacity" href="/"><svg viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-10 w-10 transition-transform duration-300 group-hover:scale-110 flex-shrink-0"><circle cx="50" cy="50" r="46" fill="#9B7BB8"></circle><circle cx="50" cy="50" r="46" stroke="#2D2A3E" stroke-width="4"></circle><path d="M22 32a10 10 0 0 1 10-10h36a10 10 0 0 1 10 10v25a10 10 0 0 1-10 10h-17.5L35.5 82V67H32a10 10 0 0 1-10-10z" fill="#F5E6D3"></path><path d="M22 32a10 10 0 0 1 10-10h36a10 10 0 0 1 10 10v25a10 10 0 0 1-10 10h-17.5L35.5 82V67H32a10 10 0 0 1-10-10z" stroke="#2D2A3E" stroke-width="3.5" stroke-linejoin="round"></path><path d="M34 44.5h30" stroke="#9B7BB8" stroke-width="5.5" stroke-linecap="round"></path><path d="M34 44.5l12-12" stroke="#9B7BB8" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M34 44.5l12 12" stroke="#9B7BB8" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="text-xl font-bold text-foreground">BackReply</span></a><nav class="hidden lg:flex items-center">
1<div class="flex items-center bg-foreground/5 rounded-full px-2 py-1.5"><div class="relative"><button class="text-foreground/80 hover:text-foreground font-medium transition-all flex items-center gap-1.5 px-4 py-2 rounded-full text-sm cursor-pointer hover:bg-foreground/10">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-chevron-down w-3.5 h-3.5 transition-transform duration-300"><path d="m6 9 6 6 6-6"></path></svg></button><div class="absolute top-full left-1/2 -translate-x-1/2 mt-3 w-96 bg-background border border-foreground/10 rounded-2xl p-3 shadow-2xl z-50 origin-top transition-all duration-300 opacity-0 scale-95 -translate-y-2 pointer-events-none"><div class="absolute -top-2 left-1/2 -translate-x-1/2 w-4 h-4 bg-background border-l border-t border-foreground/10 rotate-45"></div><a class="flex items-start gap-3 p-3 rounded-xl hover:bg-[var(--purple-main)]/10 transition-all duration-200 group cursor-pointer" href="/features/reply-from-slack"><span aria-hidden="true" class="text-lg leading-6 flex-shrink-0 pointer-events-none">âï¸</span><span class="block pointer-events-none"><span class="block font-semibold text-foreground group-hover:text-[var(--purple-main)]">Reply from Slack</span><span class="block text-sm text-foreground/60">Write once in Slack, deliver to your helpdesk</span></span></a><a class="flex items-start gap-3 p-3 rounded-xl hover:bg-[var(--purple-main)]/10 transition-all duration-200 group cursor-pointer" href="/features/routing-ownership"><span aria-hidden="true" class="text-lg leading-6 flex-shrink-0 pointer-events-none">ð¦</span><span class="block pointer-events-none"><span class="block font-semibold text-foreground group-hover:text-[var(--purple-main)]">Routing & Ownership</span><span class="block text-sm text-foreground/60">Prevent reply collisions with claim controls</span></span></a><a class="flex items-start gap-3 p-3 rounded-xl hover:bg-[var(--purple-main)]/10 transition-all duration-200 group cursor-pointer" href="/features/message-layouts"><span aria-hidden="true" class="text-lg leading-6 flex-shrink-0 pointer-events-none">ð¨</span><span class="block pointer-events-none"><span class="block font-semibold text-foreground group-hover:text-[var(--purple-main)]">Message Layouts</span><span class="block text-sm text-foreground/60">Control exactly what appears in Slack messages</span></span></a><a class="flex items-start gap-3 p-3 rounded-xl hover:bg-[var(--purple-main)]/10 transition-all duration-200 group cursor-pointer" href="/features/actions-workflows"><span aria-hidden="true" class="text-lg leading-6 flex-shrink-0 pointer-events-none">â¡</span><span class="block pointer-events-none"><span class="block font-semibold text-foreground group-hover:text-[var(--purple-main)]">Actions & Workflows</span><span class="block text-sm text-foreground/60">Assign, close, add notes without leaving Slack</span></span></a><a class="flex items-start gap-3 p-3 rounded-xl hover:bg-[var(--purple-main)]/10 transition-all duration-200 group cursor-pointer" href="/features/collaboration"><span aria-hidden="true" class="text-lg leading-6 flex-shrink-0 pointer-events-none">ð¤</span><span class="block pointer-events-none"><span class="block font-semibold text-foreground group-hover:text-[var(--purple-main)]">Collaboration</span><span class="block text-sm text-foreground/60">Loop in teammates without extra seats</span></span></a><a class="flex items-start gap-3 p-3 rounded-xl hover:bg-[var(--purple-main)]/10 transition-all duration-200 group cursor-pointer" href="/features/security-controls"><span aria-hidden="true" class="text-lg leading-6 flex-shrink-0 pointer-events-none">ð</span><span class="block pointer-events-none"><span class="block font-semibold text-foreground group-hover:text-[var(--purple-main)]">Security & Controls</span><span class="block text-sm text-foreground/60">Least-privilege access and audit trail</span></span></a><a class="flex items-start gap-3 p-3 rounded-xl hover:bg-[var(--purple-main)]/10 transition-all duration-200 group cursor-pointer" href="/features/smart-notifications"><span aria-hidden="true" class="text-lg leading-6 flex-shrink-0 pointer-events-none">ð</span><span class="block pointer-events-none"><span class="block font-semibold text-foreground group-hover:text-[var(--purple-main)]">Smart Notifications</span>
1<span class="block text-sm text-foreground/60">Nudges surface buried thread activity</span></span></a><a class="block p-3 rounded-xl hover:bg-[var(--purple-main)]/10 transition-all duration-200 text-sm font-semibold text-foreground/70 hover:text-[var(--purple-main)] cursor-pointer" href="/features">View all features â</a></div></div><div class="relative"><button class="text-foreground/80 hover:text-foreground font-medium transition-all flex items-center gap-1.5 px-4 py-2 rounded-full text-sm cursor-pointer hover:bg-foreground/10">Resources<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 w-3.5 h-3.5 transition-transform duration-300"><path d="m6 9 6 6 6-6"></path></svg></button><div class="absolute top-full left-1/2 -translate-x-1/2 mt-3 w-80 bg-background border border-foreground/10 rounded-2xl p-3 shadow-2xl z-50 origin-top transition-all duration-300 opacity-0 scale-95 -translate-y-2 pointer-events-none"><div class="absolute -top-2 left-1/2 -translate-x-1/2 w-4 h-4 bg-background border-l border-t border-foreground
1/10 rotate-45"></div><a class="flex items-start gap-3 p-3 rounded-xl hover:bg-[var(--purple-main)]/10 transition-all duration-200 group cursor-pointer" href="/support"><span aria-hidden="true" class="text-lg leading-6 flex-shrink-0 pointer-events-none">ð</span><span class="block pointer-events-none"><span class="block font-semibold text-foreground group-hover:text-[var(--purple-main)]">Support</span><span class="block text-sm text-foreground/60">Get help from the BackReply team</span></span></a><a href="https://blog.backreply.com" target="_blank" rel="noopener noreferrer" class="flex items-start gap-3 p-3 rounded-xl hover:bg-[var(--purple-main)]/10 transition-all duration-200 group cursor-pointer"><span aria-hidden="true" class="text-lg leading-6 flex-shrink-0 pointer-events-none">ð</span><span class="block pointer-events-none"><span class="block font-semibold text-foreground group-hover:text-[var(--purple-main)]">Blog</span><span class="block text-sm text-foreground/60">Product updates and best practices</span></span></a><a href="https://intercom.help/backreply/en" target="_blank" rel="noopener noreferrer" class="flex items-start gap-3 p-3 rounded-xl hover:bg-[var(--purple-main)]/10 transition-all duration-200 group cursor-pointer"><span aria-hidden="true" class="text-lg leading-6 flex-shrink-0 pointer-events-none">ð</span><span class="block pointer-events-none"><span class="block font-semibold text-foreground group-hover:text-[var(--purple-main)]">Help Center</span><span class="block text-sm text-foreground/60">Browse articles and guides</span></span></a><a class="flex items-start gap-3 p-3 rounded-xl hover:bg-[var(--purple-main)]/10 transition-all duration-200 group cursor-pointer" href="/security"><span aria-hidden="true" class="text-lg leading-6 flex-shrink-0 pointer-events-none">ð¡ï¸</span><span class="block pointer-events-none"><span class="block font-semibold text-foreground group-hover:text-[var(--purple-main)]">Security</span><span class="block text-sm text-foreground/60">How we protect your data</span></span></a></div></div><a class="text-foreground/80 hover:text-foreground hover:bg-foreground
1/10 font-medium transition-all px-4 py-2 rounded-full text-sm cursor-pointer" href="/pricing">Pricing</a><div class="relative"><button class="text-foreground/80 hover:text-foreground font-medium transition-all flex items-center gap-1.5 px-4 py-2 rounded-full text-sm cursor-pointer hover:bg-foreground/10">Helpdesks<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 w-3.5 h-3.5 transition-transform duration-300"><path d="m6 9 6 6 6-6"></path></svg></button><div class="absolute top-full left-1/2 -translate-x-1/2 mt-3 w-96 bg-background border border-foreground/10 rounded-2xl p-3 shadow-2xl z-50 origin-top transition-all duration-300 opacity-0 scale-95 -translate-y-2 pointer-events-none"><div class="absolute -top-2 left-1/2 -translate-x-1/2 w-4 h-4 bg-background border-l border-t border-foreground/10 rotate-45"></div><a class="flex items-start gap-3 p-3 rounded-xl hover:bg-[var(--purple-main)]/10 transition-all duration-200 group cursor-pointer" href="/intercom"><span aria-hidden="true" class="flex-shrink-0 pointer-events-none"><img alt="" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" class="w-6 h-6" style="color:transparent" src="/intercom.png"/></span><span class="block pointer-events-none"><span class="block font-semibold text-foreground group-hover:text-[var(--purple-main)]">Intercom</span><span class="block text-sm text-foreground/60">Keep Intercom as your system of record</span></span></a><a class="flex items-start gap-3 p-3 rounded-xl hover:bg-[var(--purple-main)]/10 transition-all duration-200 group cursor-pointer" href="/hubspot"><span aria-hidden="true" class="flex-shrink-0 pointer-events-none"><img alt="" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" class="w-6 h-6" style="color:transparent" src="/hubspot.png"/></span><span class="block pointer-events-none"><span class="block font-semibold text-foreground group-hover:text-[var(--purple-main)]">HubSpot</span><span class="block text-sm text-foreground/60">Reply from Slackâincluding on email threads</span></span></a></div></div><a class="text-foreground/80 hover:text-foreground hover:bg-foreground
1/10 font-medium transition-all px-4 py-2 rounded-full text-sm cursor-pointer" href="/slack">Slack</a><a class="text-foreground/80 hover:text-foreground hover:bg-foreground/10 font-medium transition-all px-4 py-2 rounded-full text-sm cursor-pointer" href="/about">About</a></div></nav><div class="flex items-center gap-3"><a href="https://app.backreply.com/admins/sign_in" target="_blank" rel="noopener noreferrer" class="hidden sm:block cursor-pointer"><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md transition-colors duration-200 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:hover:bg-accent/50 h-9 px-4 py-2 has-[>svg]:px-3 text-foreground/80 hover:text-foreground hover:bg-foreground
1/10 font-medium text-sm cursor-pointer">Login</button></a><a href="https://app.backreply.com/admins/sign_up" target="_blank" rel="noopener noreferrer" class="cursor-pointer"><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap duration-200 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive h-9 has-[>svg]:px-3 bg-[var(--purple-main)] text-background hover:bg-[var(--purple-main)]/90 font-bold rounded-full px-5 py-2 text-sm shadow-lg shadow-[var(--purple-main)]/25 transition-all hover:shadow-xl hover:shadow-[var(--purple-main)]/30 hover:-translate-y-0.5 cursor-pointer">Try it for free</button></a><button class="lg:hidden p-2 rounded-lg hover:bg-foreground/10 transition-colors cursor-pointer"><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-menu w-5 h-5"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></button></div></div></div></header><section class="relative bg-[var(--purple-main)] overflow-hidden border-b-4 border-foreground"><div class="absolute top-8 right-4 md:top-12 md:right-8 lg:right-16 z-10 hidden sm:block pointer-events-none"><div class="hero-animate-section"><div class="starburst-badge starburst-badge-lg shadow-xl"><div class="text-center leading-[1.15]"><span class="text-[var(--yellow-accent)] font-bold text-xs uppercase tracking-wider block">Intercom</span><span class="text-background font-bold text-xs uppercase tracking-wider block">App</span><span class="text-background font-bold text-xs uppercase tracking-wider block">Partner</span></div></div></div></div><div class="container max-w-5xl mx-auto px-6 md:px-8 pt-16 pb-12 md:pt-20 md:pb-16"><div class="text-center space-y-8"><div class="hero-animate-section"><div class="inline-flex items-center gap-3 bg-white/20 backdrop-blur-sm border-2 border-white/30 rounded-full px-5 py-2.5 text-sm font-bold text-white"><svg class="w-5 h-5" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"></path></svg>HELPDESK â SLACK, FINALLY DONE RIGHT</div></div><div class="hero-animate-section"><h1 class="text-3xl md:text-5xl lg:text-6xl font-bold leading-tight flex flex-wrap items-center justify-center gap-2 md:gap-3"><span class="text-white">Reply to</span><span style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0">Intercom and HubSpot</span><span aria-hidden="true" style="display:inline-grid;vertical-align:middle"><span style="grid-area:1 / 1;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;transform:translateY(0);opacity:1;filter:blur(0px);transition:transform 600ms cubic-bezier(0.22, 1, 0.36, 1), opacity 600ms cubic-bezier(0.22, 1, 0.36, 1), filter 600ms cubic-bezier(0.22, 1, 0.36, 1)"><span class="bg-background rounded-xl p-1.5 md:p-2 shadow-lg"><img alt="" width="48" height="48" decoding="async" data-nimg="1" class="w-6 h-6 md:w-8 md:h-8 lg:w-10 lg:h-10" style="color:transparent;object-fit:contain" src="/intercom.png"/></span><span class="text-stroke-thick" style="color:var(--yellow-accent)">Intercom</span></span><span style="grid-area:1 / 1;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;transform:translateY(0.65em);opacity:0;filter:blur(3px);transition:none"><span class="bg-background rounded-xl p-1.5 md:p-2 shadow-lg"><img alt="" width="48" height="48" decoding="async" data-nimg="1" class="w-6 h-6 md:w-8 md:h-8 lg:w-10 lg:h-10" style="color:transparent;object-fit:contain" src="/hubspot.png"/></span><span class="text-stroke-thick" style="color:var(--orange-bright)">HubSpot</span></span></span><span class="text-white">from</span><span class="inline-flex items-center gap-1.5 md:gap-2"><span class="bg-background rounded-xl p-1.5 md:p-2 shadow-lg"><img alt="Slack" width="48" height="48" decoding="async" data-nimg="1" class="w-6 h-6 md:w-8 md:h-8 lg:w-10 lg:h-10" style="color:transparent" src="/slack.png"/></span><span class="text-[var(--mint-accent)] text-stroke-thick">Slack</span></span></h1></div><div class="hero-animate-section"><p class="text-lg md:text-xl text-white max-w-2xl mx-auto leading-relaxed">Reply to Intercom and HubSpot conversations directly from Slack threads, route to the right channels, and collaborate seamlesslyâall automated, all reliable.</p></div><div class="hero-animate-section"><div class="flex flex-col sm:flex-row gap-4 justify-center"><a href="https://app.backreply.com/admins/sign_up" target="_blank" rel="noopener noreferrer"><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap transition-colors duration-200 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='
1size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive h-10 has-[>svg]:px-4 bg-[var(--yellow-accent)] text-foreground hover:bg-[var(--yellow-accent)]/90 thick-border font-bold text-lg rounded-full px-8 py-6 btn-press hover-lift">Try it for free</button></a><a href="#features" data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap transition-colors duration-200 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive h-10 has-[>svg]:px-4 bg-background text-foreground hover:bg-background/90 thick-border font-bold text-lg rounded-full px-8 py-6 btn-press hover-lift">View Features</a></div></div><div class="hero-animate-section"><div class="flex items-center justify-center gap-4 text-sm text-white font-medium"><span>⨠Try it for free</span><span class="w-1.5 h-1.5 bg-white/50 rounded-full"></span><span>ð³ No credit card required</span></div></div></div></div><div class="hero-animate-section"><div class="container max-w-6xl mx-auto px-4 md:px-8 pb-24"><div class="grid md:grid-cols-2 gap-4 md:gap-6 items-start"><div class="rounded-2xl overflow-hidden thick-border shadow-2xl bg-background screenshot-zoom"><div class="bg-[var(--purple-light)] px-4 py-2 flex items-center gap-2 border-b-2 border-foreground
1/10"><img alt="Intercom" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" class="w-5 h-5" style="color:transparent" src="/intercom.png"/><span class="font-bold text-sm text-foreground">Intercom Inbox</span></div><div class="relative cursor-zoom-in group overflow-hidden rounded-2xl w-full h-auto"><img alt="Intercom conversation" width="600" height="400" decoding="async" data-nimg="1" class="w-full h-auto transition-transform duration-500 ease-out group-hover:scale-[1.05]" style="color:transparent" src="/intercom-chat.png"/><div class="absolute inset-0 bg-black/0 group-hover:bg-black/10 transition-colors duration-300 pointer-events-none"></div></div></div><div class="rounded-2xl overflow-hidden thick-border shadow-2xl bg-background screenshot-zoom"><div class="bg-[var(--mint-card)] px-4 py-2 flex items-center gap-2 border-b-2 border-foreground/10"><img alt="Slack" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" class="w-5 h-5" style="color:transparent" src="/slack.png"/><span class="font-bold text-sm text-foreground">Slack Thread</span></div><div class="relative cursor-zoom-in group overflow-hidden rounded-2xl w-full h-auto"><img alt="Slack thread" width="600" height="400" decoding="async" data-nimg="1" class="w-full h-auto transition-transform duration-500 ease-out group-hover:scale-[1.05]" style="color:transparent" src="/slack-thread.png"/><div class="absolute inset-0 bg-black/0 group-hover:bg-black/10 transition-colors duration-300 pointer-events-none"></div></div></div></div><div class="mt-6 text-center"><div class="inline-flex items-center gap-3 bg-background/80 backdrop-blur-sm rounded-full px-5 py-2.5 thick-border"><span class="text-sm text-foreground/70 font-medium">Reply once in Slack</span><span class="text-[var(--purple-main)] font-bold">â</span><span class="text-sm text-foreground/70 font-medium">Synced to your helpdesk</span></div></div></div></div><div class="w-full "><svg viewBox="0 0 1200 120" preserveAspectRatio="none" class="w-full h-16 md:h-24" style="display:block"><path d="M0,50 Q300,10 600,50 T1200,50 L1200,120 L0,120 Z" fill="var(--purple-light)"></path></svg></div></section><section class="bg-[var(--purple-light)] pt-24 pb-32 border-b-4 border-foreground relative overflow-hidden"><div class="absolute top-0 left-0 w-full h-full opacity-[0.03] pointer-events-none" style="background-image:radial-gradient(circle, var(--foreground) 1px, transparent 1px);background-size:32px 32px"></div><div class="container max-w-7xl mx-auto px-6 md:px-8 relative z-10"><div class="max-w-5xl mx-auto space-y-12"><div class="scroll-animate-section text-center space-y-4"><h2 class="text-4xl md:text-6xl font-bold text-foreground leading-[1.1]">Your team works in Slack.<br/><span class="text-[var(--purple-main)]">Your customers live in your helpdesk.</span></h2><p class="text-lg md:text-xl text-foreground/60 max-w-2xl mx-auto leading-relaxed">Stop the context switching. Connect your platforms with a professional-grade integration built for reliability.</p></div><div class="grid md:grid-cols-2 gap-0 md:gap-4 relative"><div class="hidden md:block absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-20"><div class="bg-foreground text-background w-12 h-12 rounded-full flex items-center justify-center font-bold border-4 border-[var(--purple-light)] shadow-lg rotate-12">VS</div></div><div class="scroll-animate-section"><div data-slot="card" class="text-card-foreground gap-6 border shadow-sm bg-background p-10 thick-border rounded-[2.5rem] flex flex-col h-full relative overflow-hidden group"><div class="absolute top-0 right-0 p-6 opacity-10 group-hover:scale-110 transition-transform"><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-circle-alert w-24 h-24 text-red-500"><circle cx="12" cy="12" r="10"></circle><line x1="12" x2="12" y1="8" y2="12"></line><line x1="12" x2="12.01" y1="16" y2="16"></line></svg></div>
1<div class="bg-red-50 w-14 h-14 rounded-2xl flex items-center justify-center text-3xl mb-5 border-2 border-red-100 shadow-[inset_0_2px_4px_rgba(0,0,0,0.05)]">ð</div><h3 class="text-2xl md:text-3xl font-bold text-foreground mb-3">The Problem</h3><ul class="space-y-1 text-foreground/80 flex-1 relative z-10"><li class="flex items-start gap-4 p-3 rounded-2xl transition-all hover:bg-red-50/50 hover:translate-x-1"><div class="w-8 h-8 bg-red-100 rounded-xl flex items-center justify-center flex-shrink-0 mt-0.5 border border-red-200 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-x w-5 h-5 text-red-500"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></div><span class="text-lg leading-snug">Notifications happen in Slack, but<!-- --> <strong class="text-red-700/80">the actual reply has to happen elsewhere</strong></span></li><li class="flex items-start gap-4 p-3 rounded-2xl transition-all hover:bg-red-50/50 hover:translate-x-1"><div class="w-8 h-8 bg-red-100 rounded-xl flex items-center justify-center flex-shrink-0 mt-0.5 border border-red-200 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-x w-5 h-5 text-red-500"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></div><span class="text-lg leading-snug">Threads get messy:<!-- --> <strong class="text-red-700/80">who replied? where? did it sync?</strong></span></li><li class="flex items-start gap-4 p-3 rounded-2xl transition-all hover:bg-red-50/50 hover:translate-x-1"><div class="w-8 h-8 bg-red-100 rounded-xl flex items-center justify-center flex-shrink-0 mt-0.5 border border-red-200 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-x w-5 h-5 text-red-500"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></div><span class="text-lg leading-snug">Triage and handoffs create<!-- --> <strong class="text-red-700/80">dropped or duplicated replies</strong></span></li></ul></div></div><div class="scroll-animate-section"><div data-slot="card" class="text-card-foreground gap-6 border shadow-sm bg-[var(--mint-card)] p-10 thick-border-mint rounded-[2.5rem] flex flex-col h-full relative overflow-hidden group"><div class="absolute top-0 right-0 p-6 opacity-10 group-hover:scale-110 transition-transform"><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-zap w-24 h-24 text-green-600"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg></div><div class="bg-green-50 w-14 h-14 rounded-2xl flex items-center justify-center text-3xl mb-5 border-2 border-green-100 shadow-[inset_0_2px_4px_rgba(0,0,0,0.05)]">â¨</div><h3 class="text-2xl md:text-3xl font-bold text-foreground mb-3">BackReply closes the loop</h3><ul class="space-y-1 text-foreground/80 flex-1 relative z-10"><li class="flex items-start gap-4 p-3 rounded-2xl transition-all hover:bg-white/40 hover:translate-x-1"><div class="w-8 h-8 bg-green-100 rounded-xl flex items-center justify-center flex-shrink-0 mt-0.5 border border-green-200 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-check w-5 h-5 text-green-600"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-lg leading-snug">Slack becomes a<!-- --> <strong class="text-green-800/80">safe, controlled reply surface</strong></span></li><li class="flex items-start gap-4 p-3 rounded-2xl transition-all hover:bg-white/40 hover:translate-x-1"><div class="w-8 h-8 bg-green-100 rounded-xl flex items-center justify-center flex-shrink-0 mt-0.5 border border-green-200 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-check w-5 h-5 text-green-600"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-lg leading-snug">Intercom or HubSpot remains your<!-- --> <strong class="text-green-800/80">system of record</strong></span></li><li class="flex items-start gap-4 p-3 rounded-2xl transition-all hover:bg-white/40 hover:translate-x-1"><div class="w-8 h-8 bg-green-100 rounded-xl flex items-center justify-center flex-shrink-0 mt-0.5 border border-green-200 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-check w-5 h-5 text-green-600"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-lg leading-snug">Routing + ownership ensures<!-- --> <strong class="text-green-800/80">one clean response path</strong></span></li></ul></div></div></div></div></div><div class="w-full rotate-180"><svg viewBox="0 0 1200 120" preserveAspectRatio="none" class="w-full h-16 md:h-24" style="display:block"><path d="M0,50 Q300,10 600,50 T1200,50 L1200,120 L0,120 Z" fill="var(--yellow-accent)"></path></svg></div></section><section id="how-it-works" class="bg-[var(--yellow-accent)] pt-24 pb-32 border-b-4 border-foreground"><div class="container max-w-7xl mx-auto px-6 md:px-8"><div class="scroll-animate-section"><h2 class="text-4xl md:text-5xl font-bold text-center text-foreground mb-6">How BackReply works</h2>
1<p class="text-xl text-center text-foreground/70 mb-16 max-w-2xl mx-auto">Get started in minutes. No complex setup required.</p></div><div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6 max-w-6xl mx-auto"><div class="scroll-animate-section"><div data-slot="card" class="text-card-foreground gap-6 shadow-sm bg-background p-8 rounded-3xl border-2 border-foreground/10 hover:border-foreground/30 transition-all h-full flex flex-col"><div class="flex flex-col h-full"><div class="text-4xl mb-4">ð</div><span class="inline-block bg-[var(--purple-main)] text-background px-3 py-1 rounded-full text-xs font-bold w-fit mb-4">Step <!-- -->01</span><h3 class="text-lg font-bold text-foreground mb-3">Connect your helpdesk</h3><p class="text-foreground/60 text-sm leading-relaxed flex-1">Authorize Intercom or HubSpot via secure OAuth. BackReply connects read-write access to sync replies and actions.</p></div></div></div><div class="scroll-animate-section"><div data-slot="card" class="text-card-foreground gap-6 shadow-sm bg-background p-8 rounded-3xl border-2 border-foreground
1/10 hover:border-foreground/30 transition-all h-full flex flex-col"><div class="flex flex-col h-full"><div class="text-4xl mb-4">ð</div><span class="inline-block bg-[var(--purple-main)] text-background px-3 py-1 rounded-full text-xs font-bold w-fit mb-4">Step <!-- -->02</span><h3 class="text-lg font-bold text-foreground mb-3">Install in Slack</h3><p class="text-foreground/60 text-sm leading-relaxed flex-1">Add BackReply to your Slack workspace with one click. Choose which channels get conversation notifications.</p></div></div></div><div class="scroll-animate-section"><div data-slot="card" class="text-card-foreground gap-6 shadow-sm bg-background p-8 rounded-3xl border-2 border-foreground/10 hover:border-foreground/30 transition-all h-full flex flex-col"><div class="flex flex-col h-full"><div class="text-4xl mb-4">ðºï¸</div><span class="inline-block bg-[var(--purple-main)] text-background px-3 py-1 rounded-full text-xs font-bold w-fit mb-4">Step <!-- -->03</span><h3 class="text-lg font-bold text-foreground mb-3">Map inboxes to channels</h3><p class="text-foreground/60 text-sm leading-relaxed flex-1">Route inboxes to specific Slack channels. Set rules for escalation and team ownership.</p></div></div></div><div class="scroll-animate-section"><div data-slot="card" class="text-card-foreground gap-6 shadow-sm bg-background p-8 rounded-3xl border-2 border-foreground
1/10 hover:border-foreground/30 transition-all h-full flex flex-col"><div class="flex flex-col h-full"><div class="text-4xl mb-4">ð¬</div><span class="inline-block bg-[var(--purple-main)] text-background px-3 py-1 rounded-full text-xs font-bold w-fit mb-4">Step <!-- -->04</span><h3 class="text-lg font-bold text-foreground mb-3">Reply from Slack</h3><p class="text-foreground/60 text-sm leading-relaxed flex-1">Reply in Slack threads and BackReply syncs your message back to the customer automatically.</p></div></div></div></div></div><div class="w-full rotate-180"><svg viewBox="0 0 1200 120" preserveAspectRatio="none" class="w-full h-16 md:h-24" style="display:block"><path d="M0,50 Q300,10 600,50 T1200,50 L1200,120 L0,120 Z" fill="var(--purple-light)"></path></svg></div></section><section id="features" class="bg-[var(--purple-light)] pt-20 pb-32 border-b-4 border-foreground"><div class="container max-w-7xl mx-auto px-6 md:px-8"><div class="scroll-animate-section"><h2 class="text-4xl md:text-5xl font-bold text-center text-foreground mb-4">Everything you need to reply safely from Slack</h2><p class="text-xl text-center text-foreground/70 mb-16">Choose your adventure ð®</p></div><div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 max-w-6xl mx-auto"><div class="scroll-animate-section"><a href="/features/reply-from-slack"><div data-slot="card" class="text-card-foreground flex flex-col gap-6 shadow-sm p-6 rounded-3xl cursor-pointer transition-all hover-lift h-full bg-[var(--mint-card)] border-4 border-[var(--mint-border)]"><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-square w-12 h-12 mb-4 text-foreground"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg><h3 class="text-xl font-bold text-foreground mb-3">Reply from Slack threads</h3><p class="text-foreground/80 leading-relaxed">Write once in Slack, deliver to Intercom or HubSpotâcleanly formatted and tracked.</p><span class="inline-flex items-center mt-4 text-foreground font-bold link-underline">Learn more <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 w-4 h-4 ml-1"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></div><div class="scroll-animate-section"><a href="/features/routing-ownership"><div data-slot="card" class="text-card-foreground flex flex-col gap-6 shadow-sm p-6 rounded-3xl cursor-pointer transition-all hover-lift h-full bg-[var(--mint-card)] border-4 border-[var(--mint-border)]"><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-git-branch w-12 h-12 mb-4 text-foreground"><line x1="6" x2="6" y1="3" y2="15"></line><circle cx="18" cy="6" r="3"></circle><circle cx="6" cy="18" r="3"></circle><path d="M18 9a9 9 0 0 1-9 9"></path></svg><h3 class="text-xl font-bold text-foreground mb-3">Routing & ownership</h3><p class="text-foreground/80 leading-relaxed">Route conversations to the right channel based on assignee, team, and more. First match wins.</p><span class="inline-flex items-center mt-4 text-foreground font-bold link-underline">Learn more <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 w-4 h-4 ml-1"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></div><div class="scroll-animate-section"><a href="/features/message-layouts"><div data-slot="card" class="text-card-foreground flex flex-col gap-6 shadow-sm p-6 rounded-3xl cursor-pointer transition-all hover-lift h-full bg-[var(--mint-card)] border-4 border-[var(--mint-border)]"><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-panels-top-left w-12 h-12 mb-4 text-foreground"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9h18"></path><path d="M9 21V9"></path></svg><h3 class="text-xl font-bold text-foreground mb-3">Message layouts</h3>
1<p class="text-foreground/80 leading-relaxed">Control exactly what appears in your Slack messages â properties, status indicators, and buttons.</p><span class="inline-flex items-center mt-4 text-foreground font-bold link-underline">Learn more <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 w-4 h-4 ml-1"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></div><div class="scroll-animate-section"><a href="/features/actions-workflows"><div data-slot="card" class="text-card-foreground flex flex-col gap-6 shadow-sm p-6 rounded-3xl cursor-pointer transition-all hover-lift h-full bg-[var(--mint-card)] border-4 border-[var(--mint-border)]"><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-zap w-12 h-12 mb-4 text-foreground"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg><h3 class="text-xl font-bold text-foreground mb-3">Actions & workflows</h3><p class="text-foreground/80 leading-relaxed">Assign, close, add notes, view detailsâwithout leaving Slack.</p><span class="inline-flex items-center mt-4 text-foreground font-bold link-underline">Learn more <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 w-4 h-4 ml-1"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></div><div class="scroll-animate-section"><a href="/features/collaboration"><div data-slot="card" class="text-card-foreground flex flex-col gap-6 shadow-sm p-6 rounded-3xl cursor-pointer transition-all hover-lift h-full bg-[var(--mint-card)] border-4 border-[var(--mint-border)]"><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 w-12 h-12 mb-4 text-foreground"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg><h3 class="text-xl font-bold text-foreground mb-3">Collaboration (seat-saver)</h3><p class="text-foreground/80 leading-relaxed">Loop in engineering or founders without provisioning everyone in your helpdesk.</p><span class="inline-flex items-center mt-4 text-foreground font-bold link-underline">Learn more <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 w-4 h-4 ml-1"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></div><div class="scroll-animate-section"><a href="/features/security-controls"><div data-slot="card" class="text-card-foreground flex flex-col gap-6 shadow-sm p-6 rounded-3xl cursor-pointer transition-all hover-lift h-full bg-[var(--mint-card)] border-4 border-[var(--mint-border)]"><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-shield w-12 h-12 mb-4 text-foreground"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg><h3 class="text-xl font-bold text-foreground mb-3">Security & controls</h3><p class="text-foreground/80 leading-relaxed">Least-privilege access, audit trail, configurable retention.</p><span class="inline-flex items-center mt-4 text-foreground font-bold link-underline">Learn more <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 w-4 h-4 ml-1"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></div><div class="scroll-animate-section"><a href="/features/smart-notifications"><div data-slot="card" class="text-card-foreground flex flex-col gap-6 shadow-sm p-6 rounded-3xl cursor-pointer transition-all hover-lift h-full bg-[var(--mint-card)] border-4 border-[var(--mint-border)]"><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 w-12 h-12 mb-4 text-foreground"><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><h3 class="text-xl font-bold text-foreground mb-3">Smart notifications</h3>
1<p class="text-foreground/80 leading-relaxed">Never miss customer follow-ups. Nudges surface buried thread activity to the channel.</p><span class="inline-flex items-center mt-4 text-foreground font-bold link-underline">Learn more <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 w-4 h-4 ml-1"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></div></div></div><div class="w-full rotate-180"><svg viewBox="0 0 1200 120" preserveAspectRatio="none" class="w-full h-16 md:h-24" style="display:block"><path d="M0,50 Q300,10 600,50 T1200,50 L1200,120 L0,120 Z" fill="var(--orange-bright)"></path></svg></div></section><section class="bg-[var(--orange-bright)] pt-20 pb-32 border-b-4 border-foreground"><div class="container max-w-7xl mx-auto px-6 md:px-8"><div class="max-w-5xl mx-auto"><div class="scroll-animate-section"><h2 class="text-4xl md:text-5xl font-bold text-center text-foreground mb-4">Why BackReply vs Zapier workarounds</h2><p class="text-xl text-center text-foreground/70 mb-12">See the difference at a glance</p></div><div class="scroll-animate-section"><div class="overflow-x-auto -mx-6 px-6"><table class="w-full bg-background rounded-3xl thick-border overflow-hidden min-w-[600px]"><thead><tr class="border-b-4 border-foreground"><th class="p-4 md:p-6 text-left font-bold text-foreground">Capability</th><th class="p-4 md:p-6 text-center font-bold text-foreground border-l-4 border-foreground">Zapier / Automations</th><th class="p-4 md:p-6 text-center font-bold text-[var(--purple-main)] border-l-4 border-foreground bg-[var(--mint-card)]">BackReply</th></tr></thead><tbody>
1<tr class="border-b-2 border-foreground/20"><td class="p-4 md:p-6 font-medium text-foreground">Reply from Slack</td><td class="p-4 md:p-6 text-center border-l-4 border-foreground"><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-x w-5 h-5 text-red-500 mx-auto"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></td><td class="p-4 md:p-6 text-center border-l-4 border-foreground bg-[var(--mint-card)]"><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 w-6 h-6 text-green-600 mx-auto"><path d="M20 6 9 17l-5-5"></path></svg></td></tr><tr class="border-b-2 border-foreground/20"><td class="p-4 md:p-6 font-medium text-foreground">Prevent double replies</td><td class="p-4 md:p-6 text-center border-l-4 border-foreground"><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-x w-5 h-5 text-red-500 mx-auto"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></td><td class="p-4 md:p-6 text-center border-l-4 border-foreground bg-[var(--mint-card)]"><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 w-6 h-6 text-green-600 mx-auto"><path d="M20 6 9 17l-5-5"></path></svg></td></tr>
1<tr class="border-b-2 border-foreground/20"><td class="p-4 md:p-6 font-medium text-foreground">Close/assign/add notes from Slack</td><td class="p-4 md:p-6 text-center border-l-4 border-foreground"><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-circle-alert w-5 h-5 text-yellow-600 mx-auto"><circle cx="12" cy="12" r="10"></circle><line x1="12" x2="12" y1="8" y2="12"></line><line x1="12" x2="12.01" y1="16" y2="16"></line></svg></td><td class="p-4 md:p-6 text-center border-l-4 border-foreground bg-[var(--mint-card)]"><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 w-6 h-6 text-green-600 mx-auto"><path d="M20 6 9 17l-5-5"></path></svg></td></tr><tr class="border-b-2 border-foreground/20"><td class="p-4 md:p-6 font-medium text-foreground">Audit trail of Slack actions</td><td class="p-4 md:p-6 text-center border-l-4 border-foreground"><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-x w-5 h-5 text-red-500 mx-auto"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></td><td class="p-4 md:p-6 text-center border-l-4 border-foreground bg-[var(--mint-card)]"><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 w-6 h-6 text-green-600 mx-auto"><path d="M20 6 9 17l-5-5"></path></svg></td></tr>
1<tr class="border-b-2 border-foreground/20"><td class="p-4 md:p-6 font-medium text-foreground">Quick setup time</td><td class="p-4 md:p-6 text-center border-l-4 border-foreground"><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-x w-5 h-5 text-red-500 mx-auto"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></td><td class="p-4 md:p-6 text-center border-l-4 border-foreground bg-[var(--mint-card)]"><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 w-6 h-6 text-green-600 mx-auto"><path d="M20 6 9 17l-5-5"></path></svg></td></tr><tr class=""><td class="p-4 md:p-6 font-medium text-foreground">Your helpdesk stays source of record</td><td class="p-4 md:p-6 text-center border-l-4 border-foreground"><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-circle-alert w-5 h-5 text-yellow-600 mx-auto"><circle cx="12" cy="12" r="10"></circle><line x1="12" x2="12" y1="8" y2="12"></line><line x1="12" x2="12.01" y1="16" y2="16"></line></svg></td><td class="p-4 md:p-6 text-center border-l-4 border-foreground bg-[var(--mint-card)]"><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 w-6 h-6 text-green-600 mx-auto"><path d="M20 6 9 17l-5-5"></path></svg></td></tr></tbody></table></div></div></div></div><div class="w-full rotate-180"><svg viewBox="0 0 1200 120" preserveAspectRatio="none" class="w-full h-16 md:h-24" style="display:block"><path d="M0,50 Q300,10 600,50 T1200,50 L1200,120 L0,120 Z" fill="var(--purple-light)"></path></svg></div></section><section class="bg-[var(--purple-light)] pt-20 pb-32 border-b-4 border-foreground"><div class="container max-w-7xl mx-auto px-6 md:px-8"><div class="max-w-5xl mx-auto"><div class="scroll-animate-section"><h2 class="text-4xl md:text-5xl font-bold text-center text-foreground mb-4">Built by Integration Experts Who've Solved This Before</h2><p class="text-xl text-center text-foreground/70 mb-12">We've lived this pain. We've built the solution.</p></div><div class="scroll-animate-section"><div data-slot="card" class="text-card-foreground flex flex-col gap-6 border shadow-sm bg-background p-8 thick-border rounded-3xl mb-8"><p class="text-lg text-foreground leading-relaxed">BackReply was built by a veteran team that has successfully launched and operated three SaaS products over the last 7 years:<!-- --> <a href="https://www.rasayel.io" target="_blank" rel="noopener noreferrer" class="text-[var(--purple-main)] font-bold underline hover:text-[var(--purple-main)]/80">Rasayel</a>,<!-- --> <a href="https://www.interhubz.com" target="_blank" rel="noopener noreferrer" class="text-[var(--purple-main)] font-bold underline hover:text-[var(--purple-main)]/80">Interhubz</a>, and<!-- --> <a href="https://octopods.io" target="_blank" rel="noopener noreferrer" class="text-[var(--purple-main)] font-bold underline hover:text-[var(--purple-main)]/80">Octopods</a>.</p><p class="text-lg text-foreground/80 leading-relaxed">Across those products and years of operation, we've maintained a <strong>zero security incident record</strong>. We understand that trust is earned through consistent, responsible data handlingânot just promises.</p></div></div><div class="grid md:grid-cols-2 gap-6"><div class="scroll-animate-section"><div data-slot="card" class="text-card-foreground flex-col border shadow-sm bg-background p-6 thick-border rounded-2xl flex items-start gap-4 hover-lift"><div class="w-12 h-12 bg-[var(--purple-light)] rounded-xl flex items-center justify-center flex-shrink-0"><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-square w-6 h-6 text-[var(--purple-main)]"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg></div><div><h3 class="font-bold text-foreground text-lg">Ex-Intercom & Slack power users</h3>
1<p class="text-foreground/70">with insider platform knowledge</p></div></div></div><div class="scroll-animate-section"><div data-slot="card" class="text-card-foreground flex-col border shadow-sm bg-background p-6 thick-border rounded-2xl flex items-start gap-4 hover-lift"><div class="w-12 h-12 bg-[var(--purple-light)] rounded-xl flex items-center justify-center flex-shrink-0"><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-zap w-6 h-6 text-[var(--purple-main)]"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg></div><div><h3 class="font-bold text-foreground text-lg">7+ years</h3><p class="text-foreground/70">of API integration experience</p></div></div></div><div class="scroll-animate-section"><div data-slot="card" class="text-card-foreground flex-col border shadow-sm bg-background p-6 thick-border rounded-2xl flex items-start gap-4 hover-lift"><div class="w-12 h-12 bg-[var(--pink-accent)]/20 rounded-xl flex items-center justify-center flex-shrink-0"><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 w-6 h-6 text-[var(--pink-accent)]"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></div><div><h3 class="font-bold text-foreground text-lg">Thousands of support conversations</h3><p class="text-foreground/70">handled across our own SaaS products</p></div></div></div><div class="scroll-animate-section"><div data-slot="card" class="text-card-foreground flex-col border shadow-sm bg-background p-6 thick-border rounded-2xl flex items-start gap-4 hover-lift"><div class="w-12 h-12 bg-[var(--mint-card)] rounded-xl flex items-center justify-center flex-shrink-0"><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 w-6 h-6 text-[var(--mint-border)]"><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><h3 class="font-bold text-foreground text-lg">50+ interviews</h3><p class="text-foreground/70">with support teams to validate every design decision</p></div></div></div></div><div class="scroll-animate-section"><div data-slot="card" class="text-card-foreground flex flex-col gap-6 border shadow-sm bg-foreground p-6 thick-border rounded-2xl mt-8 text-center"><p class="text-background font-bold text-lg">We're not experimenting. We're solving a problem we've lived.</p></div></div></div></div><div class="w-full rotate-180"><svg viewBox="0 0 1200 120" preserveAspectRatio="none" class="w-full h-16 md:h-24" style="display:block"><path d="M0,50 Q300,10 600,50 T1200,50 L1200,120 L0,120 Z" fill="var(--mint-card)"></path></svg></div></section><section class="bg-[var(--mint-card)] pt-20 pb-32 border-b-4 border-foreground"><div class="container max-w-7xl mx-auto px-6 md:px-8"><div class="max-w-3xl mx-auto"><div class="scroll-animate-section"><h2 class="text-4xl md:text-5xl font-bold text-center text-foreground mb-4">Frequently asked questions</h2><p class="text-xl text-center text-foreground/70 mb-12">Got questions? We've got answers.</p></div><div class="scroll-animate-section"><div data-slot="accordion" class="space-y-4" data-orientation="vertical"><div data-state="closed" data-orientation="vertical" data-slot="accordion-item" class="border-b last:border-b-0 bg-background rounded-2xl thick-border px-6 overflow-hidden"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-_R_16c5fdb_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_6c5fdb_" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 roun
1ded-md text-sm transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180 text-left font-bold text-foreground py-6 hover:no-underline" data-radix-collection-item="">How long does setup take?<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 text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-_R_16c5fdb_" hidden="" role="region" aria-labelledby="radix-_R_6c5fdb_" data-orientation="vertical" data-slot="accordion-content" class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" data-slot="accordion-item" class="border-b last:border-b-0 bg-background rounded-2xl thick-border px-6 overflow-hidden"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-_R_1ac5fdb_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_ac5fdb_" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md text-sm transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180 text-left font-bold text-foreground py-6 hover:no-underline" data-radix-collection-item="">Which helpdesks do you support?<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 text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-_R_1ac5fdb_" hidden="" role="region" aria-labelledby="radix-_R_ac5fdb_" data-orientation="vertical" data-slot="accordion-content" class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" data-slot="accordion-item" class="border-b last:border-b-0 bg-background rounded-2xl thick-border px-6 overflow-hidden"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-_R_1ec5fdb_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_ec5fdb_" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md text-sm transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180 text-left font-bold text-foreground py-6 hover:no-underline" data-radix-collection-item="">Will this work with my existing setup?<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 text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-_R_1ec5fdb_" hidden="" role="region" aria-labelledby="radix-_R_ec5fdb_" data-orientation="vertical" data-slot="accordion-content" class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" data-slot="accordion-item" class="border-b last:border-b-0 bg-background rounded-2xl thick-border px-6 overflow-hidden"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-_R_1ic5fdb_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_ic5fdb_" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 roun
1ded-md text-sm transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180 text-left font-bold text-foreground py-6 hover:no-underline" data-radix-collection-item="">Do you support multiple workspaces?<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 text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-_R_1ic5fdb_" hidden="" role="region" aria-labelledby="radix-_R_ic5fdb_" data-orientation="vertical" data-slot="accordion-content" class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" data-slot="accordion-item" class="border-b last:border-b-0 bg-background rounded-2xl thick-border px-6 overflow-hidden"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-_R_1mc5fdb_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_mc5fdb_" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md text-sm transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180 text-left font-bold text-foreground py-6 hover:no-underline" data-radix-collection-item="">How is pricing calculated?<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 text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-_R_1mc5fdb_" hidden="" role="region" aria-labelledby="radix-_R_mc5fdb_" data-orientation="vertical" data-slot="accordion-content" class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" data-slot="accordion-item" class="border-b last:border-b-0 bg-background rounded-2xl thick-border px-6 overflow-hidden"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-_R_1qc5fdb_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_qc5fdb_" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md text-sm transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180 text-left font-bold text-foreground py-6 hover:no-underline" data-radix-collection-item="">What if I need custom 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-chevron-down text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-_R_1qc5fdb_" hidden="" role="region" aria-labelledby="radix-_R_qc5fdb_" data-orientation="vertical" data-slot="accordion-content" class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" data-slot="accordion-item" class="border-b last:border-b-0 bg-background rounded-2xl thick-border px-6 overflow-hidden"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-_R_1uc5fdb_" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-_R_uc5fdb_" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 roun
1ded-md text-sm transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180 text-left font-bold text-foreground py-6 hover:no-underline" data-radix-collection-item="">How secure is the integration?<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 text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-_R_1uc5fdb_" hidden="" role="region" aria-labelledby="radix-_R_uc5fdb_" data-orientation="vertical" data-slot="accordion-content" class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div></div></div></div></div><div class="w-full rotate-180"><svg viewBox="0 0 1200 120" preserveAspectRatio="none" class="w-full h-16 md:h-24" style="display:block"><path d="M0,50 Q300,10 600,50 T1200,50 L1200,120 L0,120 Z" fill="var(--purple-main)"></path></svg></div></section><section class="bg-[var(--purple-main)] py-20"><div class="container max-w-7xl mx-auto px-6 md:px-8 text-center"><div class="scroll-animate-section"><h2 class="text-4xl md:text-5xl font-bold text-background mb-6">Ready to reply from Slack?</h2><p class="text-xl text-background/80 mb-8 max-w-2xl mx-auto">Start closing the loop between Slack and your helpdeskâIntercom or HubSpot.</p><a href="https://app.backreply.com/admins/sign_up" target="_blank" rel="noopener noreferrer"><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap transition-colors duration-200 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive h-10 has-[>svg]:px-4 bg-[var(--yellow-accent)] text-foreground hover:bg-[var(--yellow-accent)]/90 thick-border font-bold text-lg rounded-full px-8 btn-press hover-lift">Try it for free <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 w-5 h-5 ml-2"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></a></div></div></section><footer class="w-full bg-foreground text-background"><div class="container max-w-7xl mx-auto px-4 md:px-8 py-16"><div class="grid grid-cols-1 md:grid-cols-6 gap-12 mb-12"><div class="md:col-span-2"><div class="flex items-center gap-3 mb-4"><svg viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-10 w-10"><circle cx="50" cy="50" r="46" fill="#9B7BB8"></circle><circle cx="50" cy="50" r="46" stroke="#2D2A3E" stroke-width="4"></circle><path d="M22 32a10 10 0 0 1 10-10h36a10 10 0 0 1 10 10v25a10 10 0 0 1-10 10h-17.5L35.5 82V67H32a10 10 0 0 1-10-10z" fill="#F5E6D3"></path><path d="M22 32a10 10 0 0 1 10-10h36a10 10 0 0 1 10 10v25a10 10 0 0 1-10 10h-17.5L35.5 82V67H32a10 10 0 0 1-10-10z" stroke="#2D2A3E" stroke-width="3.5" stroke-linejoin="round"></path><path d="M34 44.5h30" stroke="#9B7BB8" stroke-width="5.5" stroke-linecap="round"></path><path d="M34 44.5l12-12" stroke="#9B7BB8" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M34 44.5l12 12" stroke="#9B7BB8" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="font-bold text-xl text-background">BackReply</span></div><p class="text-background/70 mb-4 leading-relaxed">Reply from Slack. Sync to Intercom or HubSpot.<br/>Built for support teams.</p><a href="mailto:[email protected]" class="flex items-center gap-2 text-background/70 hover:text-background transition-colors cursor-pointer"><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-mail w-4 h-4"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg>[email protected]</a></div><div><h3 class="font-bold text-xs uppercase tracking-wider text-background/50 mb-4">Product</h3><ul class="space-y-3"><li><a class="text-background/70 hover:text-background transition-colors cursor-pointer" href="/features">Features</a></li><li><a class="text-background/70 hover:text-background transition-colors cursor-pointer" href="/pricing">Pricing</a></li></ul></div><div><h3 class="font-bold text-xs uppercase tracking-wider text-background/50 mb-4">Integrations</h3><ul class="space-y-3"><li><a class="text-background/70 hover:text-background transition-colors cursor-pointer" href="/slack">Slack</a></li><li><a class="text-background/70 hover:text-background transition-colors cursor-pointer" href="/intercom">Intercom</a></li><li><a class="text-background/70 hover:text-background transition-colors cursor-pointer" href="/hubspot">HubSpot</a></li></ul></div><div><h3 class="font-bold text-xs uppercase tracking-wider text-background/50 mb-4">Company</h3><ul class="space-y-3"><li><a class="text-background/70 hover:text-background transition-colors cursor-pointer" href="/about">About</a></li><li><a class="text-background/70 hover:text-background transition-colors cursor-pointer" href="/security">Security</a></li><li><a class="text-background/70 hover:text-background transition-colors cursor-pointer" href="/support">Support</a></li><li><a href="https://intercom.help/backreply/en" target="_blank" rel="noopener noreferrer" class="text-background/70 hover:text-background transition-colors cursor-pointer">Help Center</a></li></ul></div><div><h3 class="font-bold text-xs uppercase tracking-wider text-background/50 mb-4">Legal</h3><ul class="space-y-3"><li><a class="text-background/70 hover:text-background transition-colors cursor-pointer" href="/privacy">Privacy</a></li><li><a class="text-background/70 hover:text-background transition-colors cursor-pointer" href="/terms">Terms</a></li></ul></div></div><div class="border-t border-background/20 pt-8"><p class="text-background/50 text-sm">© <!-- -->2026<!-- --> BackReply. All rights reserved.</p></div></div></footer></div><!--$--><!--/$--></main><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$-->
1<script src="/_next/static/chunks/6e46535113110313.js" id="_R_" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[96691,[\"/_next/static/chunks/1723066e4e67966b.js\"],\"\"]\n3:I[42869,[\"/_next/static/chunks/3337476739009024.js\",\"/_next/static/chunks/e509297e7dbdea42.js\"],\"default\"]\n4:I[63587,[\"/_next/static/chunks/3337476739009024.js\",\"/_next/static/chunks/e509297e7dbdea42.js\"],\"default\"]\n5:I[72005,[\"/_next/static/chunks/1723066e4e67966b.js\"],\"Analytics\"]\n6:I[13293,[\"/_next/static/chunks/1723066e4e67966b.js\",\"/_next/static/chunks/b7da35be8343447c.js\",\"/_next/static/chunks/cd8e225dcfdbdb64.js\"],\"Header\"]\n17:I[92670,[\"/_next/static/chunks/3337476739009024.js\",\"/_next/static/chunks/e509297e7dbdea42.js\"],\"default\"]\n:HL[\"/_next/static/chunks/783e61d7463a3ae7.css\",\"style\"]\n:HL[\"/_next/static/chunks/6948c81ddac8d03f.css\",\"style\"]\n:HL[\"/_next/static/media/5d52bd6c4cb3f315-s.p.610fd2a3.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script>
1<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"L8JYmPF3YRdTVJG6SVNeg\",\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/783e61d7463a3ae7.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/6948c81ddac8d03f.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/1723066e4e67966b.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Organization\\\",\\\"name\\\":\\\"BackReply\\\",\\\"legalName\\\":\\\"Octopods Software Systems Limited\\\",\\\"url\\\":\\\"https://backreply.com\\\",\\\"logo\\\":\\\"https://backreply.com/icon.png\\\",\\\"email\\\":\\\"[email protected]\\\"}\"}}],[\"$\",\"$L2\",null,{\"src\":\"https://www.googletagmanager.com/gtag/js?id=G-W3D7DXGH63\",\"strategy\":\"afterInteractive\"}],[\"$\",\"$L2\",null,{\"id\":\"google-analytics\",\"strategy\":\"afterInteractive\",\"children\":\"\\n window.dataLayer = window.dataLayer || [];\\n function gtag(){dataLayer.push(arguments);}\\n gtag('js', new Date());\\n gtag('config', 'G-W3D7DXGH63');\\n \"}],[\"$\",\"$L2\",null,{\"id\":\"intercom-settings\",\"strategy\":\"afterInteractive\",\"children\":\"\\n window.intercomSettings = {\\n api_base: \\\"https://api-iam.intercom.io\\\",\\n app_id: \\\"a6fd5xnc\\\"\\n };\\n \"}],[\"$\",\"$L2\",null,{\"id\":\"intercom-widget\",\"strategy\":\"afterInteractive\",\"children\":\"\\n (function(){var w=window;var ic=w.Intercom;if(typeof ic===\\\"function\\\"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/a6fd5xnc';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};
1if(document.readyState==='complete'){l();}else if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();\\n \"}]]}],[\"$\",\"body\",null,{\"className\":\"fredoka_c39c0b97-module__93ZTta__className font-sans antialiased\",\"children\":[[\"$\",\"main\",null,{\"children\":[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],[\"$\",\"$L5\",null,{}]]}]]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"div\",null,{\"className\":\"min-h-screen\",\"children\":[[\"$\",\"$L6\",null,{}],[\"$\",\"section\",null,{\"className\":\"relative bg-[var(--purple-main)] overflow-hidden border-b-4 border-foreground\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute top-8 right-4 md:top-12 md:right-8 lg:right-16 z-10 hidden sm:block pointer-events-none\",\"children\":\"$L7\"}],\"$L8\",\"$L9\",\"$La\"]}],\"$Lb\",\"$Lc\",\"$Ld\",\"$Le\",\"$Lf\",\"$L10\",\"$L11\",\"$L12\"]}],[\"$L13\",\"$L14\"],\"$L15\"]}],{},null,false,false]},null,false,false],\"$L16\",false]],\"m\":\"$undefined\",\"G\":[\"$17\",[]],\"S\":true}\n"])</script>
1<script>self.__next_f.push([1,"18:I[78465,[\"/_next/static/chunks/1723066e4e67966b.js\",\"/_next/static/chunks/b7da35be8343447c.js\",\"/_next/static/chunks/cd8e225dcfdbdb64.js\"],\"HeroAnimation\"]\n19:I[99237,[\"/_next/static/chunks/1723066e4e67966b.js\",\"/_next/static/chunks/b7da35be8343447c.js\",\"/_next/static/chunks/cd8e225dcfdbdb64.js\"],\"ProviderRotator\"]\n1a:I[12642,[\"/_next/static/chunks/1723066e4e67966b.js\",\"/_next/static/chunks/b7da35be8343447c.js\",\"/_next/static/chunks/cd8e225dcfdbdb64.js\"],\"Image\"]\n1c:I[24687,[\"/_next/static/chunks/1723066e4e67966b.js\",\"/_next/static/chunks/b7da35be8343447c.js\",\"/_next/static/chunks/cd8e225dcfdbdb64.js\"],\"ScreenshotLightbox\"]\n1d:I[78465,[\"/_next/static/chunks/1723066e4e67966b.js\",\"/_next/static/chunks/b7da35be8343447c.js\",\"/_next/static/chunks/cd8e225dcfdbdb64.js\"],\"AnimatedSection\"]\n25:I[10641,[\"/_next/static/chunks/1723066e4e67966b.js\",\"/_next/static/chunks/b7da35be8343447c.js\",\"/_next/static/chunks/cd8e225dcfdbdb64.js\"],\"\"]\n3c:I[90538,[\"/_next/static/chunks/1723066e4e67966b.js\",\"/_next/static/chunks/b7da35be8343447c.js\",\"/_next/static/chunks/cd8e225dcfdbdb64.js\"],\"Accordion\"]\n3d:I[90538,[\"/_next/static/chunks/1723066e4e67966b.js\",\"/_next/static/chunks/b7da35be8343447c.js\",\"/_next/static/chunks/cd8e225dcfdbdb64.js\"],\"AccordionItem\"]\n3e:I[90538,[\"/_next/static/chunks/1723066e4e67966b.js\",\"/_next/static/chunks/b7da35be8343447c.js\",\"/_next/static/chunks/cd8e225dcfdbdb64.js\"],\"AccordionTrigger\"]\n3f:I[90538,[\"/_next/static/chunks/1723066e4e67966b.js\",\"/_next/static/chunks/b7da35be8343447c.js\",\"/_next/static/chunks/cd8e225dcfdbdb64.js\"],\"AccordionContent\"]\n45:I[89836,[\"/_next/static/chunks/3337476739009024.js\",\"/_next/static/chunks/e509297e7dbdea42.js\"],\"OutletBoundary\"]\n46:\"$Sreact.suspense\"\n48:I[89836,[\"/_next/static/chunks/3337476739009024.js\",\"/_next/static/chunks/e509297e7dbdea42.js\"],\"ViewportBoundary\"]\n4a:I[89836,[\"/_next/static/chunks/3337476739009024.js\",\"/_next/static/chunks/e509297e7dbdea42.js\"],\"MetadataBoundary\"]\n7:[\"$\",\"$L18\",null,{\"delay\":400,\"children\":[\"$\",\"div\",null,{\"className\":\"starburst-badge starburst-badge-lg shadow-xl\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-center leading-[1.15]\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-[var(--yellow-accent)] font-bold text-xs uppercase tracking-wider block\",\"children\":\"Intercom\"}],[\"$\",\"span\",null,{\"className\":\"text-background font-bold text-xs uppercase tracking-wider block\",\"children\":\"App\"}],[\"$\",\"span\",null,{\"className\":\"text-background font-bold text-xs uppercase tracking-wider block\",\"children\":\"Partner\"}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"8:[\"$\",\"div\",null,{\"className\":\"container max-w-5xl mx-auto px-6 md:px-8 pt-16 pb-12 md:pt-20 md:pb-16\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-center space-y-8\",\"children\":[[\"$\",\"$L18\",null,{\"delay\":0,\"children\":[\"$\",\"div\",null,{\"className\":\"inline-flex items-center gap-3 bg-white/20 backdrop-blur-sm border-2 border-white/30 rounded-full px-5 py-2.5 text-sm font-bold text-white\",\"children\":[[\"$\",\"svg\",null,{\"className\":\"w-5 h-5\",\"viewBox\":\"0 0 24 24\",\"fill\":\"currentColor\",\"children\":[\"$\",\"path\",null,{\"d\":\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z\"}]}],\"HELPDESK â SLACK, FINALLY DONE RIGHT\"]}]}],[\"$\",\"$L18\",null,{\"delay\":100,\"children\":[\"$\",\"h1\",null,{\"className\":\"text-3xl md:text-5xl lg:text-6xl font-bold leading-tight flex flex-wrap items-center justify-center gap-2 md:gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-white\",\"children\":\"Reply to\"}],[\"$\",\"$L19\",null,{}],[\"$\",\"span\",null,{\"className\":\"text-white\",\"children\":\"from\"}],[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1.5 md:gap-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"bg-background rounded-xl p-1.5 md:p-2 shadow-lg\",\"children\":[\"$\",\"$L1a\",null,{\"src\":\"/slack.png\",\"alt\":\"Slack\",\"width\":48,\"height\":48,\"priority\":true,\"className\":\"w-6 h-6 md:w-8 md:h-8 lg:w-10 lg:h-10\"}]}],[\"$\",\"span\",null,{\"className\":\"text-[var(--mint-accent)] text-stroke-thick\",\"children\":\"Slack\"}]]}]]}]}],[\"$\",\"$L18\",null,{\"delay\":200,\"children\":[\"$\",\"p\",null,{\"className\":\"text-lg md:text-xl text-white max-w-2xl mx-auto leading-relaxed\",\"children\":\"Reply to Intercom and HubSpot conversations directly from Slack threads, route to the right channels, and collaborate seamlesslyâall automated, all reliable.\"}]}],[\"$\",\"$L18\",null,{\"delay\":300,\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col sm:flex-row gap-4 justify-center\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://app.backreply.com/admins/sign_up\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":[\"$\",\"button\",null,{\"data-slot\":\"button\",\"className\":\"inline-flex items-center justify-center gap-2 whitespace-nowrap transition-colors duration-200 disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive h-10 has-[\u003esvg]:px-4 bg-[var(--yellow-accent)] text-foreground hover:bg-[var(--yellow-accent)]/90 thick-border font-bold text-lg rounded-full px-8 py-6 btn-press hover-lift\",\"children\":\"Try it for free\"}]}],[\"$\",\"a\",null,{\"href\":\"#features\",\"children\":\"View Features\",\"data-slot\":\"button\",\"className\":\"inline-flex items-center justify-center gap-2 whitespace-nowrap transition-colors duration-200 disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive h-10 has-[\u003esvg]:px-4 bg-background text-foreground hover:bg-background/90 thick-border font-bold text-lg rounded-full px-8 py-6 btn-press hover-lift\",\"ref\":null}]]}]}],[\"$\",\"$L18\",null,{\"delay\":400,\"children\":[\"$\",\"div\",null,{\"className\":\"flex items-center justify-center gap-4 text-sm text-white font-medium\",\"children\":[[\"$\",\"span\",null,{\"children\":\"⨠Try it for free\"}],[\"$\",\"span\",null,{\"className\":\"w-1.5 h-1.5 bg-white/50 rounded-full\"}],\"$L1b\"]}]}]]}]}]\n"])</script>
1<script>self.__next_f.push([1,"9:[\"$\",\"$L18\",null,{\"delay\":500,\"children\":[\"$\",\"div\",null,{\"className\":\"container max-w-6xl mx-auto px-4 md:px-8 pb-24\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid md:grid-cols-2 gap-4 md:gap-6 items-start\",\"children\":[[\"$\",\"div\",null,{\"className\":\"rounded-2xl overflow-hidden thick-border shadow-2xl bg-background screenshot-zoom\",\"children\":[[\"$\",\"div\",null,{\"className\":\"bg-[var(--purple-light)] px-4 py-2 flex items-center gap-2 border-b-2 border-foreground/10\",\"children\":[[\"$\",\"$L1a\",null,{\"src\":\"/intercom.png\",\"alt\":\"Intercom\",\"width\":24,\"height\":24,\"className\":\"w-5 h-5\"}],[\"$\",\"span\",null,{\"className\":\"font-bold text-sm text-foreground\",\"children\":\"Intercom Inbox\"}]]}],[\"$\",\"$L1c\",null,{\"src\":\"/intercom-chat.png\",\"alt\":\"Intercom conversation\",\"width\":600,\"height\":400,\"className\":\"w-full h-auto\"}]]}],[\"$\",\"div\",null,{\"className\":\"rounded-2xl overflow-hidden thick-border shadow-2xl bg-background screenshot-zoom\",\"children\":[[\"$\",\"div\",null,{\"className\":\"bg-[var(--mint-card)] px-4 py-2 flex items-center gap-2 border-b-2 border-foreground
1/10\",\"children\":[[\"$\",\"$L1a\",null,{\"src\":\"/slack.png\",\"alt\":\"Slack\",\"width\":24,\"height\":24,\"className\":\"w-5 h-5\"}],[\"$\",\"span\",null,{\"className\":\"font-bold text-sm text-foreground\",\"children\":\"Slack Thread\"}]]}],[\"$\",\"$L1c\",null,{\"src\":\"/slack-thread.png\",\"alt\":\"Slack thread\",\"width\":600,\"height\":400,\"className\":\"w-full h-auto\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-6 text-center\",\"children\":[\"$\",\"div\",null,{\"className\":\"inline-flex items-center gap-3 bg-background/80 backdrop-blur-sm rounded-full px-5 py-2.5 thick-border\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-sm text-foreground/70 font-medium\",\"children\":\"Reply once in Slack\"}],[\"$\",\"span\",null,{\"className\":\"text-[var(--purple-main)] font-bold\",\"children\":\"â\"}],[\"$\",\"span\",null,{\"className\":\"text-sm text-foreground/70 font-medium\",\"children\":\"Synced to your helpdesk\"}]]}]}]]}]}]\n"])</script>
1<script>self.__next_f.push([1,"a:[\"$\",\"div\",null,{\"className\":\"w-full \",\"children\":[\"$\",\"svg\",null,{\"viewBox\":\"0 0 1200 120\",\"preserveAspectRatio\":\"none\",\"className\":\"w-full h-16 md:h-24\",\"style\":{\"display\":\"block\"},\"children\":[\"$\",\"path\",null,{\"d\":\"M0,50 Q300,10 600,50 T1200,50 L1200,120 L0,120 Z\",\"fill\":\"var(--purple-light)\"}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"b:[\"$\",\"section\",null,{\"className\":\"bg-[var(--purple-light)] pt-24 pb-32 border-b-4 border-foreground relative overflow-hidden\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute top-0 left-0 w-full h-full opacity-[0.03] pointer-events-none\",\"style\":{\"backgroundImage\":\"radial-gradient(circle, var(--foreground) 1px, transparent 1px)\",\"backgroundSize\":\"32px 32px\"}}],[\"$\",\"div\",null,{\"className\":\"container max-w-7xl mx-auto px-6 md:px-8 relative z-10\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-5xl mx-auto space-y-12\",\"children\":[[\"$\",\"$L1d\",null,{\"animation\":\"fade-up\",\"className\":\"text-center space-y-4\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-4xl md:text-6xl font-bold text-foreground leading-[1.1]\",\"children\":[\"Your team works in Slack.\",[\"$\",\"br\",null,{}],[\"$\",\"span\",null,{\"className\":\"text-[var(--purple-main)]\",\"children\":\"Your customers live in your helpdesk.\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-lg md:text-xl text-foreground/60 max-w-2xl mx-auto leading-relaxed\",\"children\":\"Stop the context switching. Connect your platforms with a professional-grade integration built for reliability.\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid md:grid-cols-2 gap-0 md:gap-4 relative\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hidden md:block absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-20\",\"children\":[\"$\",\"div\",null,{\"className\":\"bg-foreground text-background w-12 h-12 rounded-full flex items-center justify-center font-bold border-4 border-[var(--purple-light)] shadow-lg rotate-12\",\"children\":\"VS\"}]}],[\"$\",\"$L1d\",null,{\"animation\":\"slide-in-left\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"text-card-foreground gap-6 border shadow-sm bg-background p-10 thick-border rounded-[2.5rem] flex flex-col h-full relative overflow-hidden group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute top-0 right-0 p-6 opacity-10 group-hover:scale-110 transition-transform\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-circle-alert w-24 h-24 text-red-500\",\"children\":[[\"$\",\"circle\",\"1mglay\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\"}],[\"$\",\"line\",\"1pkeuh\",{\"x1\":\"12\",\"x2\":\"12\",\"y1\":\"8\",\"y2\":\"12\"}],[\"$\",\"line\",\"4dfq90\",{\"x1\":\"12\",\"x2\":\"12.01\",\"y1\":\"16\",\"y2\":\"16\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"bg-red-50 w-14 h-14 rounded-2xl flex items-center justify-center text-3xl mb-5 border-2 border-red-100 shadow-[inset_0_2px_4px_rgba(0,0,0,0.05)]\",\"children\":\"ð\"}],[\"$\",\"h3\",null,{\"className\":\"text-2xl md:text-3xl font-bold text-foreground mb-3\",\"children\":\"The Problem\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-1 text-foreground/80 flex-1 relative z-10\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex items-start gap-4 p-3 rounded-2xl transition-all hover:bg-red-50/50 hover:translate-x-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-8 h-8 bg-red-100 rounded-xl flex items-center justify-center flex-shrink-0 mt-0.5 border border-red-200 shadow-sm\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-x w-5 h-5 text-red-500\",\"children\":[[\"$\",\"path\",\"1bl5f8\",{\"d\":\"M18 6 6 18\"}],[\"$\",\"path\",\"d8bk6v\",{\"d\":\"m6 6 12 12\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-snug\",\"children\":[\"Notifications happen in Slack, but\",\" \",[\"$\",\"strong\",null,{\"className\":\"text-red-700/80\",\"children\":\"the actual reply has to happen elsewhere\"}]]}]]}],[\"$\",\"li\",null,{\"className\":\"flex items-start gap-4 p-3 rounded-2xl transition-all hover:bg-red-50/50 hover:translate-x-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-8 h-8 bg-red-100 rounded-xl flex items-center justify-center flex-shrink-0 mt-0.5 border border-red-200 shadow-sm\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\"
1:24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-x w-5 h-5 text-red-500\",\"children\":[\"$L1e\",\"$L1f\",\"$undefined\"]}]}],\"$L20\"]}],\"$L21\"]}]]}]}],\"$L22\"]}]]}]}],\"$L23\"]}]\n"])</script>
1<script>self.__next_f.push([1,"c:[\"$\",\"section\",null,{\"id\":\"how-it-works\",\"className\":\"bg-[var(--yellow-accent)] pt-24 pb-32 border-b-4 border-foreground\",\"children\":[[\"$\",\"div\",null,{\"className\":\"container max-w-7xl mx-auto px-6 md:px-8\",\"children\":[[\"$\",\"$L1d\",null,{\"animation\":\"fade-up\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-4xl md:text-5xl font-bold text-center text-foreground mb-6\",\"children\":\"How BackReply works\"}],[\"$\",\"p\",null,{\"className\":\"text-xl text-center text-foreground/70 mb-16 max-w-2xl mx-auto\",\"children\":\"Get started in minutes. No complex setup required.\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid md:grid-cols-2 lg:grid-cols-4 gap-6 max-w-6xl mx-auto\",\"children\":[[\"$\",\"$L1d\",\"01\",{\"animation\":\"fade-up\",\"delay\":0,\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"text-card-foreground gap-6 shadow-sm bg-background p-8 rounded-3xl border-2 border-foreground/10 hover:border-foreground/30 transition-all h-full flex flex-col\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col h-full\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-4xl mb-4\",\"children\":\"ð\"}],[\"$\",\"span\",null,{\"className\":\"inline-block bg-[var(--purple-main)] text-background px-3 py-1 rounded-full text-xs font-bold w-fit mb-4\",\"children\":[\"Step \",\"01\"]}],[\"$\",\"h3\",null,{\"className\":\"text-lg font-bold text-foreground mb-3\",\"children\":\"Connect your helpdesk\"}],[\"$\",\"p\",null,{\"className\":\"text-foreground/60 text-sm leading-relaxed flex-1\",\"children\":\"Authorize Intercom or HubSpot via secure OAuth. BackReply connects read-write access to sync replies and actions.\"}]]}]}]}],[\"$\",\"$L1d\",\"02\",{\"animation\":\"fade-up\",\"delay\":100,\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"text-card-foreground gap-6 shadow-sm bg-background p-8 rounded-3xl border-2 border-foreground
1/10 hover:border-foreground/30 transition-all h-full flex flex-col\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col h-full\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-4xl mb-4\",\"children\":\"ð\"}],[\"$\",\"span\",null,{\"className\":\"inline-block bg-[var(--purple-main)] text-background px-3 py-1 rounded-full text-xs font-bold w-fit mb-4\",\"children\":[\"Step \",\"02\"]}],[\"$\",\"h3\",null,{\"className\":\"text-lg font-bold text-foreground mb-3\",\"children\":\"Install in Slack\"}],[\"$\",\"p\",null,{\"className\":\"text-foreground/60 text-sm leading-relaxed flex-1\",\"children\":\"Add BackReply to your Slack workspace with one click. Choose which channels get conversation notifications.\"}]]}]}]}],[\"$\",\"$L1d\",\"03\",{\"animation\":\"fade-up\",\"delay\":200,\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"text-card-foreground gap-6 shadow-sm bg-background p-8 rounded-3xl border-2 border-foreground/10 hover:border-foreground/30 transition-all h-full flex flex-col\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col h-full\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-4xl mb-4\",\"children\":\"ðºï¸\"}],[\"$\",\"span\",null,{\"className\":\"inline-block bg-[var(--purple-main)] text-background px-3 py-1 rounded-full text-xs font-bold w-fit mb-4\",\"children\":[\"Step \",\"03\"]}],[\"$\",\"h3\",null,{\"className\":\"text-lg font-bold text-foreground mb-3\",\"children\":\"Map inboxes to channels\"}],[\"$\",\"p\",null,{\"className\":\"text-foreground/60 text-sm leading-relaxed flex-1\",\"children\":\"Route inboxes to specific Slack channels. Set rules for escalation and team ownership.\"}]]}]}]}],[\"$\",\"$L1d\",\"04\",{\"animation\":\"fade-up\",\"delay\":300,\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"text-card-foreground gap-6 shadow-sm bg-background p-8 rounded-3xl border-2 border-foreground
1/10 hover:border-foreground/30 transition-all h-full flex flex-col\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col h-full\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-4xl mb-4\",\"children\":\"ð¬\"}],[\"$\",\"span\",null,{\"className\":\"inline-block bg-[var(--purple-main)] text-background px-3 py-1 rounded-full text-xs font-bold w-fit mb-4\",\"children\":[\"Step \",\"04\"]}],[\"$\",\"h3\",null,{\"className\":\"text-lg font-bold text-foreground mb-3\",\"children\":\"Reply from Slack\"}],[\"$\",\"p\",null,{\"className\":\"text-foreground/60 text-sm leading-relaxed flex-1\",\"children\":\"Reply in Slack threads and BackReply syncs your message back to the customer automatically.\"}]]}]}]}]]}]]}],\"$L24\"]}]\n"])</script>
1<script>self.__next_f.push([1,"d:[\"$\",\"section\",null,{\"id\":\"features\",\"className\":\"bg-[var(--purple-light)] pt-20 pb-32 border-b-4 border-foreground\",\"children\":[[\"$\",\"div\",null,{\"className\":\"container max-w-7xl mx-auto px-6 md:px-8\",\"children\":[[\"$\",\"$L1d\",null,{\"animation\":\"fade-up\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-4xl md:text-5xl font-bold text-center text-foreground mb-4\",\"children\":\"Everything you need to reply safely from Slack\"}],[\"$\",\"p\",null,{\"className\":\"text-xl text-center text-foreground/70 mb-16\",\"children\":\"Choose your adventure ð®\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid md:grid-cols-2 lg:grid-cols-3 gap-6 max-w-6xl mx-auto\",\"children\":[[\"$\",\"$L1d\",\"0\",{\"animation\":\"fade-up\",\"delay\":0,\"children\":[\"$\",\"$L25\",null,{\"href\":\"/features/reply-from-slack\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"text-card-foreground flex flex-col gap-6 shadow-sm p-6 rounded-3xl cursor-pointer transition-all hover-lift h-full bg-[var(--mint-card)] border-4 border-[var(--mint-border)]\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-message-square w-12 h-12 mb-4 text-foreground\",\"children\":[[\"$\",\"path\",\"1lielz\",{\"d\":\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"}],\"$undefined\"]}],[\"$\",\"h3\",null,{\"className\":\"text-xl font-bold text-foreground mb-3\",\"children\":\"Reply from Slack threads\"}],[\"$\",\"p\",null,{\"className\":\"text-foreground/80 leading-relaxed\",\"children\":\"Write once in Slack, deliver to Intercom or HubSpotâcleanly formatted and tracked.\"}],[\"$\",\"span\",null,{\"className\":\"inline-flex items-center mt-4 text-foreground font-bold link-underline\",\"children\":[\"Learn more \",[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right w-4 h-4 ml-1\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]]}]}]}],[\"$\",\"$L1d\",\"1\",{\"animation\":\"fade-up\",\"delay\":75,\"children\":[\"$\",\"$L25\",null,{\"href\":\"/features/routing-ownership\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"text-card-foreground flex flex-col gap-6 shadow-sm p-6 rounded-3xl cursor-pointer transition-all hover-lift h-full bg-[var(--mint-card)] border-4 border-[var(--mint-border)]\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-git-branch w-12 h-12 mb-4 text-foreground\",\"children\":[[\"$\",\"line\",\"17qcm7\",{\"x1\":\"6\",\"x2\":\"6\",\"y1\":\"3\",\"y2\":\"15\"}],[\"$\",\"circle\",\"1h7g24\",{\"cx\":\"18\",\"cy\":\"6\",\"r\":\"3\"}],[\"$\",\"circle\",\"fqmcym\",{\"cx\":\"6\",\"cy\":\"18\",\"r\":\"3\"}],[\"$\",\"path\",\"n2h4wq\",{\"d\":\"M18 9a9 9 0 0 1-9 9\"}],\"$undefined\"]}],[\"$\",\"h3\",null,{\"className\":\"text-xl font-bold text-foreground mb-3\",\"children\":\"Routing \u0026 ownership\"}],[\"$\",\"p\",null,{\"className\":\"text-foreground/80 leading-relaxed\",\"children\":\"Route conversations to the right channel based on assignee, team, and more. First match wins.\"}],[\"$\",\"span\",null,{\"className\":\"inline-flex items-center mt-4 text-foreground font-bold link-underline\",\"children\":[\"Learn more \",[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\"
1:24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right w-4 h-4 ml-1\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]]}]}]}],[\"$\",\"$L1d\",\"2\",{\"animation\":\"fade-up\",\"delay\":150,\"children\":[\"$\",\"$L25\",null,{\"href\":\"/features/message-layouts\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"text-card-foreground flex flex-col gap-6 shadow-sm p-6 rounded-3xl cursor-pointer transition-all hover-lift h-full bg-[var(--mint-card)] border-4 border-[var(--mint-border)]\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-panels-top-left w-12 h-12 mb-4 text-foreground\",\"children\":[\"$L26\",\"$L27\",\"$L28\",\"$undefined\"]}],\"$L29\",\"$L2a\",\"$L2b\"]}]}]}],\"$L2c\",\"$L2d\",\"$L2e\",\"$L2f\"]}]]}],\"$L30\"]}]\n"])</script>
1<script>self.__next_f.push([1,"e:[\"$\",\"section\",null,{\"className\":\"bg-[var(--orange-bright)] pt-20 pb-32 border-b-4 border-foreground\",\"children\":[[\"$\",\"div\",null,{\"className\":\"container max-w-7xl mx-auto px-6 md:px-8\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-5xl mx-auto\",\"children\":[[\"$\",\"$L1d\",null,{\"animation\":\"fade-up\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-4xl md:text-5xl font-bold text-center text-foreground mb-4\",\"children\":\"Why BackReply vs Zapier workarounds\"}],[\"$\",\"p\",null,{\"className\":\"text-xl text-center text-foreground/70 mb-12\",\"children\":\"See the difference at a glance\"}]]}],[\"$\",\"$L1d\",null,{\"animation\":\"scale-in\",\"delay\":200,\"children\":[\"$\",\"div\",null,{\"className\":\"overflow-x-auto -mx-6 px-6\",\"children\":[\"$\",\"table\",null,{\"className\":\"w-full bg-background rounded-3xl thick-border overflow-hidden min-w-[600px]\",\"children\":[[\"$\",\"thead\",null,{\"children\":[\"$\",\"tr\",null,{\"className\":\"border-b-4 border-foreground\",\"children\":[[\"$\",\"th\",null,{\"className\":\"p-4 md:p-6 text-left font-bold text-foreground\",\"children\":\"Capability\"}],[\"$\",\"th\",null,{\"className\":\"p-4 md:p-6 text-center font-bold text-foreground border-l-4 border-foreground\",\"children\":\"Zapier / Automations\"}],[\"$\",\"th\",null,{\"className\":\"p-4 md:p-6 text-center font-bold text-[var(--purple-main)] border-l-4 border-foreground bg-[var(--mint-card)]\",\"children\":\"BackReply\"}]]}]}],[\"$\",\"tbody\",null,{\"children\":[[\"$\",\"tr\",\"0\",{\"className\":\"border-b-2 border-foreground
1/20\",\"children\":[[\"$\",\"td\",null,{\"className\":\"p-4 md:p-6 font-medium text-foreground\",\"children\":\"Reply from Slack\"}],[\"$\",\"td\",null,{\"className\":\"p-4 md:p-6 text-center border-l-4 border-foreground\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-x w-5 h-5 text-red-500 mx-auto\",\"children\":[[\"$\",\"path\",\"1bl5f8\",{\"d\":\"M18 6 6 18\"}],[\"$\",\"path\",\"d8bk6v\",{\"d\":\"m6 6 12 12\"}],\"$undefined\"]}]}],[\"$\",\"td\",null,{\"className\":\"p-4 md:p-6 text-center border-l-4 border-foreground bg-[var(--mint-card)]\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-check w-6 h-6 text-green-600 mx-auto\",\"children\":[[\"$\",\"path\",\"1gmf2c\",{\"d\":\"M20 6 9 17l-5-5\"}],\"$undefined\"]}]}]]}],[\"$\",\"tr\",\"1\",{\"className\":\"border-b-2 border-foreground
1/20\",\"children\":[[\"$\",\"td\",null,{\"className\":\"p-4 md:p-6 font-medium text-foreground\",\"children\":\"Prevent double replies\"}],[\"$\",\"td\",null,{\"className\":\"p-4 md:p-6 text-center border-l-4 border-foreground\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-x w-5 h-5 text-red-500 mx-auto\",\"children\":[[\"$\",\"path\",\"1bl5f8\",{\"d\":\"M18 6 6 18\"}],[\"$\",\"path\",\"d8bk6v\",{\"d\":\"m6 6 12 12\"}],\"$undefined\"]}]}],[\"$\",\"td\",null,{\"className\":\"p-4 md:p-6 text-center border-l-4 border-foreground bg-[var(--mint-card)]\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-check w-6 h-6 text-green-600 mx-auto\",\"children\":[[\"$\",\"path\",\"1gmf2c\",{\"d\":\"M20 6 9 17l-5-5\"}],\"$undefined\"]}]}]]}],[\"$\",\"tr\",\"2\",{\"className\":\"border-b-2 border-foreground
1/20\",\"children\":[[\"$\",\"td\",null,{\"className\":\"p-4 md:p-6 font-medium text-foreground\",\"children\":\"Close/assign/add notes from Slack\"}],[\"$\",\"td\",null,{\"className\":\"p-4 md:p-6 text-center border-l-4 border-foreground\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-circle-alert w-5 h-5 text-yellow-600 mx-auto\",\"children\":[[\"$\",\"circle\",\"1mglay\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\"}],[\"$\",\"line\",\"1pkeuh\",{\"x1\":\"12\",\"x2\":\"12\",\"y1\":\"8\",\"y2\":\"12\"}],[\"$\",\"line\",\"4dfq90\",{\"x1\":\"12\",\"x2\":\"12.01\",\"y1\":\"16\",\"y2\":\"16\"}],\"$undefined\"]}]}],\"$L31\"]}],\"$L32\",\"$L33\",\"$L34\"]}]]}]}]}]]}]}],\"$L35\"]}]\n"])</script>
1<script>self.__next_f.push([1,"f:[\"$\",\"section\",null,{\"className\":\"bg-[var(--purple-light)] pt-20 pb-32 border-b-4 border-foreground\",\"children\":[[\"$\",\"div\",null,{\"className\":\"container max-w-7xl mx-auto px-6 md:px-8\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-5xl mx-auto\",\"children\":[[\"$\",\"$L1d\",null,{\"animation\":\"fade-up\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-4xl md:text-5xl font-bold text-center text-foreground mb-4\",\"children\":\"Built by Integration Experts Who've Solved This Before\"}],[\"$\",\"p\",null,{\"className\":\"text-xl text-center text-foreground/70 mb-12\",\"children\":\"We've lived this pain. We've built the solution.\"}]]}],[\"$\",\"$L1d\",null,{\"animation\":\"fade-up\",\"delay\":100,\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"text-card-foreground flex flex-col gap-6 border shadow-sm bg-background p-8 thick-border rounded-3xl mb-8\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-lg text-foreground leading-relaxed\",\"children\":[\"BackReply was built by a veteran team that has successfully launched and operated three SaaS products over the last 7 years:\",\" \",[\"$\",\"a\",null,{\"href\":\"https://www.rasayel.io\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-[var(--purple-main)] font-bold underline hover:text-[var(--purple-main)]/80\",\"children\":\"Rasayel\"}],\",\",\" \",[\"$\",\"a\",null,{\"href\":\"https://www.interhubz.com\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-[var(--purple-main)] font-bold underline hover:text-[var(--purple-main)]/80\",\"children\":\"Interhubz\"}],\", and\",\" \",[\"$\",\"a\",null,{\"href\":\"https://octopods.io\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-[var(--purple-main)] font-bold underline hover:text-[var(--purple-main)]/80\",\"children\":\"Octopods\"}],\".\"]}],[\"$\",\"p\",null,{\"className\":\"text-lg text-foreground/80 leading-relaxed\",\"children\":[\"Across those products and years of operation, we've maintained a \",[\"$\",\"strong\",null,{\"children\":\"zero security incident record\"}],\". We understand that trust is earned through consistent, responsible data handlingânot just promises.\"]}]]}]}],[\"$\",\"div\",null,{\"className\":\"grid md:grid-cols-2 gap-6\",\"children\":[[\"$\",\"$L1d\",null,{\"animation\":\"fade-up\",\"delay\":150,\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"text-card-foreground flex-col border shadow-sm bg-background p-6 thick-border rounded-2xl flex items-start gap-4 hover-lift\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-12 h-12 bg-[var(--purple-light)] rounded-xl flex items-center justify-center flex-shrink-0\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-message-square w-6 h-6 text-[var(--purple-main)]\",\"children\":[[\"$\",\"path\",\"1lielz\",{\"d\":\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-bold text-foreground text-lg\",\"children\":\"Ex-Intercom \u0026 Slack power users\"}],[\"$\",\"p\",null,{\"className\":\"text-foreground/70\",\"children\":\"with insider platform knowledge\"}]]}]]}]}],[\"$\",\"$L1d\",null,{\"animation\":\"fade-up\",\"delay\":200,\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"text-card-foreground flex-col border shadow-sm bg-background p-6 thick-border rounded-2xl flex items-start gap-4 hover-lift\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-12 h-12 bg-[var(--purple-light)] rounded-xl flex items-center justify-center flex-shrink-0\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-zap w-6 h-6 text-[var(--purple-main)]\",\"children\":[[\"$\",\"path\",\"1xq2db\",{\"d\":\"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"children\":[\"$L36\",\"$L37\"]}]]}]}],\"$L38\",\"$L39\"]}],\"$L3a\"]}]}],\"$L3b\"]}]\n"])</script>
1<script>self.__next_f.push([1,"10:[\"$\",\"section\",null,{\"className\":\"bg-[var(--mint-card)] pt-20 pb-32 border-b-4 border-foreground\",\"children\":[[\"$\",\"div\",null,{\"className\":\"container max-w-7xl mx-auto px-6 md:px-8\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-3xl mx-auto\",\"children\":[[\"$\",\"$L1d\",null,{\"animation\":\"fade-up\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-4xl md:text-5xl font-bold text-center text-foreground mb-4\",\"children\":\"Frequently asked questions\"}],[\"$\",\"p\",null,{\"className\":\"text-xl text-center text-foreground/70 mb-12\",\"children\":\"Got questions? We've got answers.\"}]]}],[\"$\",\"$L1d\",null,{\"animation\":\"fade-up\",\"delay\":200,\"children\":[\"$\",\"$L3c\",null,{\"type\":\"single\",\"collapsible\":true,\"className\":\"space-y-4\",\"children\":[[\"$\",\"$L3d\",\"0\",{\"value\":\"item-0\",\"className\":\"bg-background rounded-2xl thick-border px-6 overflow-hidden\",\"children\":[[\"$\",\"$L3e\",null,{\"className\":\"text-left font-bold text-foreground py-6 hover:no-underline\",\"children\":\"How long does setup take?\"}],[\"$\",\"$L3f\",null,{\"className\":\"text-foreground/80 pb-6 leading-relaxed\",\"children\":\"Most teams are up and running in under 15 minutes. Just connect Slack and your helpdesk via OAuth, map your inboxes to channels, and you're ready to reply.\"}]]}],[\"$\",\"$L3d\",\"1\",{\"value\":\"item-1\",\"className\":\"bg-background rounded-2xl thick-border px-6 overflow-hidden\",\"children\":[[\"$\",\"$L3e\",null,{\"className\":\"text-left font-bold text-foreground py-6 hover:no-underline\",\"children\":\"Which helpdesks do you support?\"}],[\"$\",\"$L3f\",null,{\"className\":\"text-foreground/80 pb-6 leading-relaxed\",\"children\":\"Intercom and HubSpot today, both fully supported. Zendesk, Front, Freshdesk, Help Scout, and Gorgias are on the roadmap.\"}]]}],[\"$\",\"$L3d\",\"2\",{\"value\":\"item-2\",\"className\":\"bg-background rounded-2xl thick-border px-6 overflow-hidden\",\"children\":[[\"$\",\"$L3e\",null,{\"className\":\"text-left font-bold text-foreground py-6 hover:no-underline\",\"children\":\"Will this work with my existing setup?\"}],[\"$\",\"$L3f\",null,{\"className\":\"text-foreground/80 pb-6 leading-relaxed\",\"children\":\"Yes, BackReply works alongside your existing Intercom or HubSpot configuration. We don't modify your inbox settings or workflowsâwe simply add a reply layer from Slack.\"}]]}],[\"$\",\"$L3d\",\"3\",{\"value\":\"item-3\",\"className\":\"bg-background rounded-2xl thick-border px-6 overflow-hidden\",\"children\":[[\"$\",\"$L3e\",null,{\"className\":\"text-left font-bold text-foreground py-6 hover:no-underline\",\"children\":\"Do you support multiple workspaces?\"}],[\"$\",\"$L3f\",null,{\"className\":\"text-foreground/80 pb-6 leading-relaxed\",\"children\":\"Yes! The number of workspaces you can connect depends on your plan. Free and Starter include 1 workspace, Pro includes up to 3, and Scale offers custom workspace limits. You can mix providersâan Intercom workspace and a HubSpot workspace can run side by side.\"}]]}],[\"$\",\"$L3d\",\"4\",{\"value\":\"item-4\",\"className\":\"bg-background rounded-2xl thick-border px-6 overflow-hidden\",\"children\":[[\"$\",\"$L3e\",null,{\"className\":\"text-left font-bold text-foreground py-6 hover:no-underline\",\"children\":\"How is pricing calculated?\"}],[\"$\",\"$L3f\",null,{\"className\":\"text-foreground/80 pb-6 leading-relaxed\",\"children\":\"Pricing is based on the number of connected helpdesk users and your conversation volume. Slack collaborators are unlimited on paid plansâsee the pricing page for plan details.\"}]]}],[\"$\",\"$L3d\",\"5\",{\"value\":\"item-5\",\"className\":\"bg-background rounded-2xl thick-border px-6 overflow-hidden\",\"children\":[[\"$\",\"$L3e\",null,{\"className\":\"text-left font-bold text-foreground py-6 hover:no-underline\",\"children\":\"What if I need custom features?\"}],[\"$\",\"$L3f\",null,{\"className\":\"text-foreground/80 pb-6 leading-relaxed\",\"children\":\"We're actively building based on customer feedback. If you need specific features for your workflow, reach out and we'll see what we can do.\"}]]}],[\"$\",\"$L3d\",\"6\",{\"value\":\"item-6\",\"className\":\"bg-background rounded-2xl thick-border px-6 overflow-hidden\",\"children\":[\"$L40\",\"$L41\"]}]]}]}]]}]}],\"$L42\"]}]\n"])</script>
1<script>self.__next_f.push([1,"11:[\"$\",\"section\",null,{\"className\":\"bg-[var(--purple-main)] py-20\",\"children\":[\"$\",\"div\",null,{\"className\":\"container max-w-7xl mx-auto px-6 md:px-8 text-center\",\"children\":[\"$\",\"$L1d\",null,{\"animation\":\"fade-up\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-4xl md:text-5xl font-bold text-background mb-6\",\"children\":\"Ready to reply from Slack?\"}],[\"$\",\"p\",null,{\"className\":\"text-xl text-background/80 mb-8 max-w-2xl mx-auto\",\"children\":\"Start closing the loop between Slack and your helpdeskâIntercom or HubSpot.\"}],[\"$\",\"a\",null,{\"href\":\"https://app.backreply.com/admins/sign_up\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":[\"$\",\"button\",null,{\"data-slot\":\"button\",\"className\":\"inline-flex items-center justify-center gap-2 whitespace-nowrap transition-colors duration-200 disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive h-10 has-[\u003esvg]:px-4 bg-[var(--yellow-accent)] text-foreground hover:bg-[var(--yellow-accent)]/90 thick-border font-bold text-lg rounded-full px-8 btn-press hover-lift\",\"children\":[\"Try it for free \",[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right w-5 h-5 ml-2\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"12:[\"$\",\"footer\",null,{\"className\":\"w-full bg-foreground text-background\",\"children\":[\"$\",\"div\",null,{\"className\":\"container max-w-7xl mx-auto px-4 md:px-8 py-16\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 md:grid-cols-6 gap-12 mb-12\",\"children\":[[\"$\",\"div\",null,{\"className\":\"md:col-span-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 mb-4\",\"children\":[[\"$\",\"svg\",null,{\"viewBox\":\"0 0 100 100\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"h-10 w-10\",\"children\":[[\"$\",\"circle\",null,{\"cx\":\"50\",\"cy\":\"50\",\"r\":\"46\",\"fill\":\"#9B7BB8\"}],[\"$\",\"circle\",null,{\"cx\":\"50\",\"cy\":\"50\",\"r\":\"46\",\"stroke\":\"#2D2A3E\",\"strokeWidth\":\"4\"}],[\"$\",\"path\",null,{\"d\":\"M22 32a10 10 0 0 1 10-10h36a10 10 0 0 1 10 10v25a10 10 0 0 1-10 10h-17.5L35.5 82V67H32a10 10 0 0 1-10-10z\",\"fill\":\"#F5E6D3\"}],[\"$\",\"path\",null,{\"d\":\"M22 32a10 10 0 0 1 10-10h36a10 10 0 0 1 10 10v25a10 10 0 0 1-10 10h-17.5L35.5 82V67H32a10 10 0 0 1-10-10z\",\"stroke\":\"#2D2A3E\",\"strokeWidth\":\"3.5\",\"strokeLinejoin\":\"round\"}],[\"$\",\"path\",null,{\"d\":\"M34 44.5h30\",\"stroke\":\"#9B7BB8\",\"strokeWidth\":\"5.5\",\"strokeLinecap\":\"round\"}],[\"$\",\"path\",null,{\"d\":\"M34 44.5l12-12\",\"stroke\":\"#9B7BB8\",\"strokeWidth\":\"5.5\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\"}],[\"$\",\"path\",null,{\"d\":\"M34 44.5l12 12\",\"stroke\":\"#9B7BB8\",\"strokeWidth\":\"5.5\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\"}]]}],[\"$\",\"span\",null,{\"className\":\"font-bold text-xl text-background\",\"children\":\"BackReply\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-background/70 mb-4 leading-relaxed\",\"children\":[\"Reply from Slack. Sync to Intercom or HubSpot.\",[\"$\",\"br\",null,{}],\"Built for support teams.\"]}],[\"$\",\"a\",null,{\"href\":\"mailto:[email protected]\",\"className\":\"flex items-center gap-2 text-background/70 hover:text-background transition-colors cursor-pointer\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-mail w-4 h-4\",\"children\":[[\"$\",\"rect\",\"18n3k1\",{\"width\":\"20\",\"height\":\"16\",\"x\":\"2\",\"y\":\"4\",\"rx\":\"2\"}],[\"$\",\"path\",\"1ocrg3\",{\"d\":\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"}],\"$undefined\"]}],\"[email protected]\"]}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-bold text-xs uppercase tracking-wider text-background/50 mb-4\",\"children\":\"Product\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-3\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$L25\",null,{\"href\":\"/features\",\"className\":\"text-background/70 hover:text-background transition-colors cursor-pointer\",\"children\":\"Features\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L25\",null,{\"href\":\"/pricing\",\"className\":\"text-background/70 hover:text-background transition-colors cursor-pointer\",\"children\":\"Pricing\"}]}]]}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-bold text-xs uppercase tracking-wider text-background/50 mb-4\",\"children\":\"Integrations\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-3\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$L25\",null,{\"href\":\"/slack\",\"className\":\"text-background/70 hover:text-background transition-colors cursor-pointer\",\"children\":\"Slack\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L25\",null,{\"href\":\"/intercom\",\"className\":\"text-background/70 hover:text-background transition-colors cursor-pointer\",\"children\":\"Intercom\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L25\",null,{\"href\":\"/hubspot\",\"className\":\"text-background/70 hover:text-background transition-colors cursor-pointer\",\"children\":\"HubSpot\"}]}]]}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-bold text-xs uppercase tracking-wider text-background/50 mb-4\",\"children\":\"Company\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-3\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$L25\",null,{\"href\":\"/about\",\"className\":\"text-background/70 hover:text-background transition-colors cursor-pointer\",\"children\":\"About\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L25\",null,{\"href\":\"/security\",\"className\":\"text-background/70 hover:text-background transition-colors cursor-pointer\",\"children\":\"Security\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L25\",null,{\"href\":\"/support\",\"className\":\"text-background/70 hover:text-background transition-colors cursor-pointer\",\"children\":\"Supp
1ort\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"https://intercom.help/backreply/en\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-background/70 hover:text-background transition-colors cursor-pointer\",\"children\":\"Help Center\"}]}]]}]]}],\"$L43\"]}],\"$L44\"]}]}]\n"])</script>
1<script>self.__next_f.push([1,"13:[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/b7da35be8343447c.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n14:[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/cd8e225dcfdbdb64.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n15:[\"$\",\"$L45\",null,{\"children\":[\"$\",\"$46\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@47\"}]}]\n16:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L48\",null,{\"children\":\"$@49\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L4a\",null,{\"children\":[\"$\",\"$46\",null,{\"name\":\"Next.Metadata\",\"children\":\"$@4b\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n"])</script>
1<script>self.__next_f.push([1,"1b:[\"$\",\"span\",null,{\"children\":\"ð³ No credit card required\"}]\n1e:[\"$\",\"path\",\"1bl5f8\",{\"d\":\"M18 6 6 18\"}]\n1f:[\"$\",\"path\",\"d8bk6v\",{\"d\":\"m6 6 12 12\"}]\n20:[\"$\",\"span\",null,{\"className\":\"text-lg leading-snug\",\"children\":[\"Threads get messy:\",\" \",[\"$\",\"strong\",null,{\"className\":\"text-red-700/80\",\"children\":\"who replied? where? did it sync?\"}]]}]\n21:[\"$\",\"li\",null,{\"className\":\"flex items-start gap-4 p-3 rounded-2xl transition-all hover:bg-red-50/50 hover:translate-x-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-8 h-8 bg-red-100 rounded-xl flex items-center justify-center flex-shrink-0 mt-0.5 border border-red-200 shadow-sm\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-x w-5 h-5 text-red-500\",\"children\":[[\"$\",\"path\",\"1bl5f8\",{\"d\":\"M18 6 6 18\"}],[\"$\",\"path\",\"d8bk6v\",{\"d\":\"m6 6 12 12\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-snug\",\"children\":[\"Triage and handoffs create\",\" \",[\"$\",\"strong\",null,{\"className\":\"text-red-700/80\",\"children\":\"dropped or duplicated replies\"}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"22:[\"$\",\"$L1d\",null,{\"animation\":\"slide-in-right\",\"delay\":150,\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"text-card-foreground gap-6 border shadow-sm bg-[var(--mint-card)] p-10 thick-border-mint rounded-[2.5rem] flex flex-col h-full relative overflow-hidden group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute top-0 right-0 p-6 opacity-10 group-hover:scale-110 transition-transform\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-zap w-24 h-24 text-green-600\",\"children\":[[\"$\",\"path\",\"1xq2db\",{\"d\":\"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"className\":\"bg-green-50 w-14 h-14 rounded-2xl flex items-center justify-center text-3xl mb-5 border-2 border-green-100 shadow-[inset_0_2px_4px_rgba(0,0,0,0.05)]\",\"children\":\"â¨\"}],[\"$\",\"h3\",null,{\"className\":\"text-2xl md:text-3xl font-bold text-foreground mb-3\",\"children\":\"BackReply closes the loop\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-1 text-foreground/80 flex-1 relative z-10\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex items-start gap-4 p-3 rounded-2xl transition-all hover:bg-white/40 hover:translate-x-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-8 h-8 bg-green-100 rounded-xl flex items-center justify-center flex-shrink-0 mt-0.5 border border-green-200 shadow-sm\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-check w-5 h-5 text-green-600\",\"children\":[[\"$\",\"path\",\"1gmf2c\",{\"d\":\"M20 6 9 17l-5-5\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-snug\",\"children\":[\"Slack becomes a\",\" \",[\"$\",\"strong\",null,{\"className\":\"text-green-800/80\",\"children\":\"safe, controlled reply surface\"}]]}]]}],[\"$\",\"li\",null,{\"className\":\"flex items-start gap-4 p-3 rounded-2xl transition-all hover:bg-white/40 hover:translate-x-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-8 h-8 bg-green-100 rounded-xl flex items-center justify-center flex-shrink-0 mt-0.5 border border-green-200 shadow-sm\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-check w-5 h-5 text-green-600\",\"children\":[[\"$\",\"path\",\"1gmf2c\",{\"d\":\"M20 6 9 17l-5-5\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-snug\",\"children\":[\"Intercom or HubSpot remains your\",\" \",[\"$\",\"strong\",null,{\"className\":\"text-green-800/80\",\"children\":\"system of record\"}]]}]]}],[\"$\",\"li\",null,{\"className\":\"flex items-start gap-4 p-3 rounded-2xl transition-all hover:bg-white/40 hover:translate-x-1\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-8 h-8 bg-green-100 rounded-xl flex items-center justify-center flex-shrink-0 mt-0.5 border border-green-200 shadow-sm\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-check w-5 h-5 text-green-600\",\"children\":[[\"$\",\"path\",\"1gmf2c\",{\"d\":\"M20 6 9 17l-5-5\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"text-lg leading-snug\",\"children\":[\"Routing + ownership ensures\",\" \",[\"$\",\"strong\",null,{\"className\":\"text-green-800/80\",\"children\":\"one clean response path\"}]]}]]}]]}]]}]}]\n"])</script>
1<script>self.__next_f.push([1,"23:[\"$\",\"div\",null,{\"className\":\"w-full rotate-180\",\"children\":[\"$\",\"svg\",null,{\"viewBox\":\"0 0 1200 120\",\"preserveAspectRatio\":\"none\",\"className\":\"w-full h-16 md:h-24\",\"style\":{\"display\":\"block\"},\"children\":[\"$\",\"path\",null,{\"d\":\"M0,50 Q300,10 600,50 T1200,50 L1200,120 L0,120 Z\",\"fill\":\"var(--yellow-accent)\"}]}]}]\n24:[\"$\",\"div\",null,{\"className\":\"w-full rotate-180\",\"children\":[\"$\",\"svg\",null,{\"viewBox\":\"0 0 1200 120\",\"preserveAspectRatio\":\"none\",\"className\":\"w-full h-16 md:h-24\",\"style\":{\"display\":\"block\"},\"children\":[\"$\",\"path\",null,{\"d\":\"M0,50 Q300,10 600,50 T1200,50 L1200,120 L0,120 Z\",\"fill\":\"var(--purple-light)\"}]}]}]\n26:[\"$\",\"rect\",\"afitv7\",{\"width\":\"18\",\"height\":\"18\",\"x\":\"3\",\"y\":\"3\",\"rx\":\"2\"}]\n27:[\"$\",\"path\",\"1pudct\",{\"d\":\"M3 9h18\"}]\n28:[\"$\",\"path\",\"1oto5p\",{\"d\":\"M9 21V9\"}]\n29:[\"$\",\"h3\",null,{\"className\":\"text-xl font-bold text-foreground mb-3\",\"children\":\"Message layouts\"}]\n2a:[\"$\",\"p\",null,{\"className\":\"text-foreground/80 leading-relaxed\",\"children\":\"Control exactly what appears in your Slack messages â properties, status indicators, and buttons.\"}]\n2b:[\"$\",\"span\",null,{\"className\":\"inline-flex items-center mt-4 text-foreground font-bold link-underline\",\"children\":[\"Learn more \",[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right w-4 h-4 ml-1\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"2c:[\"$\",\"$L1d\",\"3\",{\"animation\":\"fade-up\",\"delay\":225,\"children\":[\"$\",\"$L25\",null,{\"href\":\"/features/actions-workflows\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"text-card-foreground flex flex-col gap-6 shadow-sm p-6 rounded-3xl cursor-pointer transition-all hover-lift h-full bg-[var(--mint-card)] border-4 border-[var(--mint-border)]\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-zap w-12 h-12 mb-4 text-foreground\",\"children\":[[\"$\",\"path\",\"1xq2db\",{\"d\":\"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z\"}],\"$undefined\"]}],[\"$\",\"h3\",null,{\"className\":\"text-xl font-bold text-foreground mb-3\",\"children\":\"Actions \u0026 workflows\"}],[\"$\",\"p\",null,{\"className\":\"text-foreground/80 leading-relaxed\",\"children\":\"Assign, close, add notes, view detailsâwithout leaving Slack.\"}],[\"$\",\"span\",null,{\"className\":\"inline-flex items-center mt-4 text-foreground font-bold link-underline\",\"children\":[\"Learn more \",[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right w-4 h-4 ml-1\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"2d:[\"$\",\"$L1d\",\"4\",{\"animation\":\"fade-up\",\"delay\":300,\"children\":[\"$\",\"$L25\",null,{\"href\":\"/features/collaboration\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"text-card-foreground flex flex-col gap-6 shadow-sm p-6 rounded-3xl cursor-pointer transition-all hover-lift h-full bg-[var(--mint-card)] border-4 border-[var(--mint-border)]\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-users w-12 h-12 mb-4 text-foreground\",\"children\":[[\"$\",\"path\",\"1yyitq\",{\"d\":\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"}],[\"$\",\"circle\",\"nufk8\",{\"cx\":\"9\",\"cy\":\"7\",\"r\":\"4\"}],[\"$\",\"path\",\"kshegd\",{\"d\":\"M22 21v-2a4 4 0 0 0-3-3.87\"}],[\"$\",\"path\",\"1da9ce\",{\"d\":\"M16 3.13a4 4 0 0 1 0 7.75\"}],\"$undefined\"]}],[\"$\",\"h3\",null,{\"className\":\"text-xl font-bold text-foreground mb-3\",\"children\":\"Collaboration (seat-saver)\"}],[\"$\",\"p\",null,{\"className\":\"text-foreground/80 leading-relaxed\",\"children\":\"Loop in engineering or founders without provisioning everyone in your helpdesk.\"}],[\"$\",\"span\",null,{\"className\":\"inline-flex items-center mt-4 text-foreground font-bold link-underline\",\"children\":[\"Learn more \",[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right w-4 h-4 ml-1\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"2e:[\"$\",\"$L1d\",\"5\",{\"animation\":\"fade-up\",\"delay\":375,\"children\":[\"$\",\"$L25\",null,{\"href\":\"/features/security-controls\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"text-card-foreground flex flex-col gap-6 shadow-sm p-6 rounded-3xl cursor-pointer transition-all hover-lift h-full bg-[var(--mint-card)] border-4 border-[var(--mint-border)]\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-shield w-12 h-12 mb-4 text-foreground\",\"children\":[[\"$\",\"path\",\"oel41y\",{\"d\":\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"}],\"$undefined\"]}],[\"$\",\"h3\",null,{\"className\":\"text-xl font-bold text-foreground mb-3\",\"children\":\"Security \u0026 controls\"}],[\"$\",\"p\",null,{\"className\":\"text-foreground/80 leading-relaxed\",\"children\":\"Least-privilege access, audit trail, configurable retention.\"}],[\"$\",\"span\",null,{\"className\":\"inline-flex items-center mt-4 text-foreground font-bold link-underline\",\"children\":[\"Learn more \",[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right w-4 h-4 ml-1\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"2f:[\"$\",\"$L1d\",\"6\",{\"animation\":\"fade-up\",\"delay\":450,\"children\":[\"$\",\"$L25\",null,{\"href\":\"/features/smart-notifications\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"text-card-foreground flex flex-col gap-6 shadow-sm p-6 rounded-3xl cursor-pointer transition-all hover-lift h-full bg-[var(--mint-card)] border-4 border-[var(--mint-border)]\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chart-column w-12 h-12 mb-4 text-foreground\",\"children\":[[\"$\",\"path\",\"c24i48\",{\"d\":\"M3 3v16a2 2 0 0 0 2 2h16\"}],[\"$\",\"path\",\"2bz60n\",{\"d\":\"M18 17V9\"}],[\"$\",\"path\",\"1frdt8\",{\"d\":\"M13 17V5\"}],[\"$\",\"path\",\"17ska0\",{\"d\":\"M8 17v-3\"}],\"$undefined\"]}],[\"$\",\"h3\",null,{\"className\":\"text-xl font-bold text-foreground mb-3\",\"children\":\"Smart notifications\"}],[\"$\",\"p\",null,{\"className\":\"text-foreground/80 leading-relaxed\",\"children\":\"Never miss customer follow-ups. Nudges surface buried thread activity to the channel.\"}],[\"$\",\"span\",null,{\"className\":\"inline-flex items-center mt-4 text-foreground font-bold link-underline\",\"children\":[\"Learn more \",[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right w-4 h-4 ml-1\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"30:[\"$\",\"div\",null,{\"className\":\"w-full rotate-180\",\"children\":[\"$\",\"svg\",null,{\"viewBox\":\"0 0 1200 120\",\"preserveAspectRatio\":\"none\",\"className\":\"w-full h-16 md:h-24\",\"style\":{\"display\":\"block\"},\"children\":[\"$\",\"path\",null,{\"d\":\"M0,50 Q300,10 600,50 T1200,50 L1200,120 L0,120 Z\",\"fill\":\"var(--orange-bright)\"}]}]}]\n31:[\"$\",\"td\",null,{\"className\":\"p-4 md:p-6 text-center border-l-4 border-foreground bg-[var(--mint-card)]\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-check w-6 h-6 text-green-600 mx-auto\",\"children\":[[\"$\",\"path\",\"1gmf2c\",{\"d\":\"M20 6 9 17l-5-5\"}],\"$undefined\"]}]}]\n32:[\"$\",\"tr\",\"3\",{\"className\":\"border-b-2 border-foreground/20\",\"children\":[[\"$\",\"td\",null,{\"className\":\"p-4 md:p-6 font-medium text-foreground\",\"children\":\"Audit trail of Slack actions\"}],[\"$\",\"td\",null,{\"className\":\"p-4 md:p-6 text-center border-l-4 border-foreground\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-x w-5 h-5 text-red-500 mx-auto\",\"children\":[[\"$\",\"path\",\"1bl5f8\",{\"d\":\"M18 6 6 18\"}],[\"$\",\"path\",\"d8bk6v\",{\"d\":\"m6 6 12 12\"}],\"$undefined\"]}]}],[\"$\",\"td\",null,{\"className\":\"p-4 md:p-6 text-center border-l-4 border-foreground bg-[var(--mint-card)]\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-check w-6 h-6 text-green-600 mx-auto\",\"children\":[[\"$\",\"path\",\"1gmf2c\",{\"d\":\"M20 6 9 17l-5-5\"}],\"$undefined\"]}]}]]}]\n33:[\"$\",\"tr\",\"4\",{\"className\":\"border-b-2 border-foreground
1/20\",\"children\":[[\"$\",\"td\",null,{\"className\":\"p-4 md:p-6 font-medium text-foreground\",\"children\":\"Quick setup time\"}],[\"$\",\"td\",null,{\"className\":\"p-4 md:p-6 text-center border-l-4 border-foreground\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-x w-5 h-5 text-red-500 mx-auto\",\"children\":[[\"$\",\"path\",\"1bl5f8\",{\"d\":\"M18 6 6 18\"}],[\"$\",\"path\",\"d8bk6v\",{\"d\":\"m6 6 12 12\"}],\"$undefined\"]}]}],[\"$\",\"td\",null,{\"className\":\"p-4 md:p-6 text-center border-l-4 border-foreground bg-[var(--mint-card)]\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-check w-6 h-6 text-green-600 mx-auto\",\"children\":[[\"$\",\"path\",\"1gmf2c\",{\"d\":\"M20 6 9 17l-5-5\"}],\"$undefined\"]}]}]]}]\n34:[\"$\",\"tr\",\"5\",{\"className\":\"\",\"children\":[[\"$\",\"td\",null,{\"className\":\"p-4 md:p-6 font-medium text-foreground\",\"children\":\"Your helpdesk stays source of record\"}],[\"$\",\"td\",null,{\"className\":\"p-4 md:p-6 text-center border-l-4 border-foreground\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-circle-alert w-5 h-5 text-yellow-600 mx-auto\",\"children\":[[\"$\",\"circle\",\"1mglay\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\"}],[\"$\",\"line\",\"1pkeuh\",{\"x1\":\"12\",\"x2\":\"12\",\"y1\":\"8\",\"y2\":\"12\"}],[\"$\",\"line\",\"4dfq90\",{\"x1\":\"12\",\"x2\":\"12.01\",\"y1\":\"16\",\"y2\":\"16\"}],\"$undefined\"]}]}],[\"$\",\"td\",null,{\"className\":\"p-4 md:p-6 text-center border-l-4 border-foreground bg-[var(--mint-card)]\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fi"])</script>
1<script>self.__next_f.push([1,"ll\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-check w-6 h-6 text-green-600 mx-auto\",\"children\":[[\"$\",\"path\",\"1gmf2c\",{\"d\":\"M20 6 9 17l-5-5\"}],\"$undefined\"]}]}]]}]\n35:[\"$\",\"div\",null,{\"className\":\"w-full rotate-180\",\"children\":[\"$\",\"svg\",null,{\"viewBox\":\"0 0 1200 120\",\"preserveAspectRatio\":\"none\",\"className\":\"w-full h-16 md:h-24\",\"style\":{\"display\":\"block\"},\"children\":[\"$\",\"path\",null,{\"d\":\"M0,50 Q300,10 600,50 T1200,50 L1200,120 L0,120 Z\",\"fill\":\"var(--purple-light)\"}]}]}]\n36:[\"$\",\"h3\",null,{\"className\":\"font-bold text-foreground text-lg\",\"children\":\"7+ years\"}]\n37:[\"$\",\"p\",null,{\"className\":\"text-foreground/70\",\"children\":\"of API integration experience\"}]\n38:[\"$\",\"$L1d\",null,{\"animation\":\"fade-up\",\"delay\":250,\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"text-card-foreground flex-col border shadow-sm bg-background p-6 thick-border rounded-2xl flex items-start gap-4 hover-lift\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-12 h-12 bg-[var(--pink-accent)]/20 rounded-xl flex items-center justify-center flex-shrink-0\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-users w-6 h-6 text-[var(--pink-accent)]\",\"children\":[[\"$\",\"path\",\"1yyitq\",{\"d\":\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"}],[\"$\",\"circle\",\"nufk8\",{\"cx\":\"9\",\"cy\":\"7\",\"r\":\"4\"}],[\"$\",\"path\",\"kshegd\",{\"d\":\"M22 21v-2a4 4 0 0 0-3-3.87\"}],[\"$\",\"path\",\"1da9ce\",{\"d\":\"M16 3.13a4 4 0 0 1 0 7.75\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-bold text-foreground text-lg\",\"children\":\"Thousands of support conversations\"}],[\"$\",\"p\",null,{\"className\":\"text-foreground/70\",\"children\":\"handled across our own SaaS products\"}]]}]]}]}]\n39:[\"$\",\"$L1d\",null,{\"animation\":\"fade-up\",\"delay\":300,\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"text-card-foreground flex-col border shadow-sm bg-background p-6 thick-border rounded-2xl flex items-start gap-4 hover-lift\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-12 h-12 bg-[var(--mint-card)] rounded-xl flex items-center justify-center flex-shrink-0\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chart-column w-6 h-6 text-[var(--mint-border)]\",\"children\":[[\"$\",\"path\",\"c24i48\",{\"d\":\"M3 3v16a2 2 0 0 0 2 2h16\"}],[\"$\",\"path\",\"2bz60n\",{\"d\":\"M18 17V9\"}],[\"$\",\"path\",\"1frdt8\",{\"d\":\"M13 17V5\"}],[\"$\",\"path\",\"17ska0\",{\"d\":\"M8 17v-3\"}],\"$undefined\"]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-bold text-foreground text-lg\",\"children\":\"50+ interviews\"}],[\"$\",\"p\",null,{\"className\":\"text-foreground/70\",\"children\":\"with support teams to validate every design decision\"}]]}]]}]}]\n3a:[\"$\",\"$L1d\",null,{\"animation\":\"fade-up\",\"delay\":350,\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"text-card-foreground flex flex-col gap-6 border shadow-sm bg-foreground p-6 thick-border rounded-2xl mt-8 text-center\",\"children\":[\"$\",\"p\",null,{\"className\":\"text-background font-bold text-lg\",\"children\":\"We're not experimenting. We're solving a problem we've lived.\"}]}]}]\n3b:[\"$\",\"div\",null,{\"className\":\"w-full rotate-180\",\"children\":[\"$\",\"svg\",null,{\"viewBox\":\"0 0 1200 120\",\"preserveAspectRatio\":\"none\",\"className\":\"w-full h-16 md:h-24\",\"style\":{\"display\":\"block\"},\"children\":[\"$\",\"path\",null,{\"d\":\"M0,50 Q300,10 600,50 T1200,50 L1200,120 L0,120 Z\",\"fill\":\"var(--mint-card)\"}]}]}]\n40:[\"$\",\"$L3e\",null,{\"className\":\"text-left font-bold text-foreground py-6 hover:no-underline\",\"children\":\"How secure is the integration?\"}
1]\n41:[\"$\",\"$L3f\",null,{\"className\":\"text-foreground/80 pb-6 leading-relaxed\",\"children\":\"We use OAuth 2.0 for Slack, Intercom, and HubSpot, and all data is encrypted in transit and at re"])</script>
1<script>self.__next_f.push([1,"st. We're SOC 2 Type II compliant.\"}]\n42:[\"$\",\"div\",null,{\"className\":\"w-full rotate-180\",\"children\":[\"$\",\"svg\",null,{\"viewBox\":\"0 0 1200 120\",\"preserveAspectRatio\":\"none\",\"className\":\"w-full h-16 md:h-24\",\"style\":{\"display\":\"block\"},\"children\":[\"$\",\"path\",null,{\"d\":\"M0,50 Q300,10 600,50 T1200,50 L1200,120 L0,120 Z\",\"fill\":\"var(--purple-main)\"}]}]}]\n43:[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-bold text-xs uppercase tracking-wider text-background/50 mb-4\",\"children\":\"Legal\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-3\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$L25\",null,{\"href\":\"/privacy\",\"className\":\"text-background/70 hover:text-background transition-colors cursor-pointer\",\"children\":\"Privacy\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L25\",null,{\"href\":\"/terms\",\"className\":\"text-background/70 hover:text-background transition-colors cursor-pointer\",\"children\":\"Terms\"}]}]]}]]}]\n44:[\"$\",\"div\",null,{\"className\":\"border-t border-background/20 pt-8\",\"children\":[\"$\",\"p\",null,{\"className\":\"text-background/50 text-sm\",\"children\":[\"© \",2026,\" BackReply. All rights reserved.\"]}]}]\n"])</script>
1<script>self.__next_f.push([1,"49:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
1<script>self.__next_f.push([1,"4c:I[76629,[\"/_next/static/chunks/3337476739009024.js\",\"/_next/static/chunks/e509297e7dbdea42.js\"],\"IconMark\"]\n"])</script>
1<script>self.__next_f.push([1,"4b:[[\"$\",\"title\",\"0\",{\"children\":\"BackReply â Reply to Intercom \u0026 HubSpot from Slack\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Turn Slack threads into a first-class interface for your helpdesk. Reply in Slack, stay synced in Intercom or HubSpot.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"generator\",\"content\":\"v0.app\"}],[\"$\",\"link\",\"3\",{\"rel\":\"canonical\",\"href\":\"https://backreply.com\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:title\",\"content\":\"BackReply â Reply to Intercom \u0026 HubSpot from Slack\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:description\",\"content\":\"Turn Slack threads into a first-class interface for your helpdesk. Reply in Slack, stay synced in Intercom or HubSpot.\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:site_name\",\"content\":\"BackReply\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"8\",{\"name\":\"twitter:card\",\"content\":\"summary\"}],[\"$\",\"meta\",\"9\",{\"name\":\"twitter:title\",\"content\":\"BackReply â Reply to Intercom \u0026 HubSpot from Slack\"}],[\"$\",\"meta\",\"10\",{\"name\":\"twitter:description\",\"content\":\"Turn Slack threads into a first-class interface for your helpdesk. Reply in Slack, stay synced in Intercom or HubSpot.\"}],[\"$\",\"link\",\"11\",{\"rel\":\"icon\",\"href\":\"/icon.svg\",\"type\":\"image/svg+xml\"}],[\"$\",\"link\",\"12\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"sizes\":\"any\"}],[\"$\",\"link\",\"13\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-icon.png\"}],[\"$\",\"$L4c\",\"14\",{}]]\n"])</script>
1<script>self.__next_f.push([1,"47:null\n"])</script>
1</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.