https://www.smartlinks.app/assets/solutions.hub.replace-your-stack-De1xPMPz.js

1import{j as e,m as a,F as s,P as n}from"./index-Gw1vDBr1.js";import{H as r}from"./HubNextSection-ClpRctTX.js";const l=[{icon:"fa-headphones",label:"Helpdesk Tool",cost:"$49/mo"},{icon:"fa-envelope",label:"Email Platform",cost:"$79/mo"},{icon:"fa-users",label:"Basic CRM",cost:"$45/mo"},{icon:"fa-clipboard-list",label:"Registration Form",cost:"Free but fragile"},{icon:"fa-file-lines",label:"PDF Manuals",cost:"Hosted somewhere"},{icon:"fa-gift",label:"Referral Tool",cost:"$39/mo"},{icon:"fa-message",label:"Discord / Facebook",cost:"Unowned data"},{icon:"fa-cart-shopping",label:"Upsell App",cost:"$29/mo"},{icon:"fa-table",label:"Spreadsheets",cost:"Manual chaos"}],c=[{icon:"fa-dollar-sign",text:"Costs stacking up across 7+ tools"},{icon:"fa-plug-circle-xmark",text:"Nothing talks to anything else"},{icon:"fa-triangle-exclamation",text:"Manual processes everywhere"}],d=()=>e.jsxs(a.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.6},className:"relative",children:[e.jsx("div",{className:"text-center mb-6",children:e.jsx("span",{className:"inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-red-500/10 text-red-700 text-sm font-semibold border border-red-500/20",children:"Before SmartLinks Hub"})}),e.jsxs("div",{className:"rounded-2xl border border-red-500/20 bg-white p-6 md:p-8 relative overflow-hidden",children:[e.jsx("div",{className:"grid grid-cols-3 gap-3 mb-6",children:l.map((t,i)=>e.jsxs(a.div,{initial:{opacity:0,rotate:i%2===0?-2:2,scale:.95},whileInView:{opacity:1,rotate:i%2===0?-1:1,scale:1},viewport:{once:!0},transition:{duration:.35,delay:i*.04},className:"flex flex-col items-center gap-1.5 p-3 rounded-xl border border-red-500/10 bg-stone-50 hover:border-red-500/25 transition-colors",children:[e.jsx(s,{name:t.icon,className:"h-5 w-5 text-red-600/70"}),e.jsx("span",{className:"text-stone-700 text-[12px] font-medium text-center leading-tight",children:t.label}),e.jsx("span",{className:"text-red-700 text-[12px]",children:t.cost})]},t.label))}),e.jsx("div",{className:"space-y-2.5",children:c.map((t,i)=>e.jsxs("div",{className:"flex items-center gap-3 px-4 py-2.5 rounded-lg bg-red-500/5 border border-red-500/10",children:[e.jsx(s,{name:t.icon,className:"h-4 w-4 text-red-600/70 flex-shrink-0"}),e.jsx("span",{className:"text-stone-600 text-sm",children:t.text})]},i))}),e.jsx("div",{className:"absolute top-12 left-8 w-px h-20 bg-red-500/10 rotate-12"}),e.jsx("div",{className:"absolute top-20 right-12 w-px h-16 bg-red-500/10 -rotate-6"}),e.jsx("div",{className:"absolute bottom-24 left-16 w-16 h-px bg-red-500/10 rotate-3"})]})]}),m=[{icon:"fa-user-check",label:"Ownership Capture"},{icon:"fa-robot",label:"AI Support"},{icon:"fa-arrow-rotate-left",label:"Repeat Purchase"},{icon:"fa-bag-shopping",label:"Upsell & Revenue"},{icon:"fa-stopwatch",label:"Lifecycle Triggers"},{icon:"fa-file-lines",label:"Smart Product Pages"},{icon:"fa-chart-column",label:"Analytics"},{icon:"fa-box",label:"Packaging Channel"}],x=[{icon:"fa-circle-check",text:"One platform, one login, one invoice"},{icon:"fa-bolt",text:"Automated and product-centric"},{icon:"fa-chart-column",text:"Full post-purchase visibility"}],p=()=>e.jsxs(a.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.6,delay:.15},className:"relative",children:[e.jsx("div",{className:"text-center mb-6",children:e.jsx("span",{className:"inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-indigo-500/10 text-indigo-600 text-sm font-semibold border border-indigo-500/20",children:"After SmartLinks Hub"})}),e.jsxs("div",{className:"rounded-2xl border border-indigo-500/20 bg-white p-6 md:p-8 relative overflow-hidden",children:[e.jsx("div",{className:"flex justify-center mb-6",children:e.jsx(a.div,{initial:{scale:.8,opacity:0}

1,whileInView:{scale:1,opacity:1},viewport:{once:!0},transition:{duration:.5,delay:.3},className:"w-16 h-16 rounded-2xl bg-gradient-to-br from-indigo-500 to-violet-500 flex items-center justify-center shadow-lg shadow-indigo-500/20",children:e.jsx(s,{name:"fa-box",className:"h-8 w-8 text-stone-900"})})}),e.jsx("div",{className:"grid grid-cols-4 gap-2.5 mb-6",children:m.map((t,i)=>e.jsxs(a.div,{initial:{opacity:0,y:10},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.3,delay:.35+i*.05},className:"flex flex-col items-center gap-1.5 p-3 rounded-xl border border-indigo-500/15 bg-indigo-500/5 hover:border-indigo-500/30 transition-colors",children:[e.jsx(s,{name:t.icon,className:"h-5 w-5 text-indigo-600"}),e.jsx("span",{className:"text-stone-700 text-[12px] font-medium text-center leading-tight",children:t.label})]},t.label))}),e.jsx("div",{className:"space-y-2.5",children:x.map((t,i)=>e.jsxs("div",{className:"flex items-center gap-3 px-4 py-2.5 rounded-lg bg-indigo-500/5 border border-indigo-500/10",children:[e.jsx(s,{name:t.icon,className:"h-4 w-4 text-indigo-600 flex-shrink-0"}),e.jsx("span",{className:"text-stone-600 text-sm",children:t.text})]},i))}),e.jsx("div",{className:"absolute -top-6 right-0 w-32 h-32 bg-indigo-500/[0.06] rounded-full blur-3xl pointer-events-none"})]})]}),u="/assets/hub/replace-stack-hero.webp",b=[{icon:"fa-plus",title:"Don't have a tool?",subtitle:"Get one — built in",description:"No budget for a specialist warranty system? Using a Google spreadsheet for support? Hub gives you a proper tool out of the box — no extra subscription needed.",accent:"text-emerald-700",bg:"bg-emerald-500/15",border:"border-emerald-500/20"},{icon:"fa-circle-check",title:"Love your existing tool?",subtitle:"Keep it — we integrate",description:"Your community lives on Discord. Your CRM is Salesforce. Your helpdesk is Zendesk. Keep them all. Hub's microapp platform integrates seamlessly with the tools you already trust.",accent:"text-indigo-600",bg:"bg-indigo-500/15",border:"border-indigo-500/20"},{icon:"fa-arrows-rotate",title:"Outgrown a tool?",subtitle:"Replace it — on your terms",description:"When you're ready to consolidate, switch to Hub's native capability with zero migration headaches. Replace tools one at a time, at your own pace.",accent:"text-violet-600",bg:"bg-violet-500/15",border:"border-violet-500/20"}],g=[{icon:"fa-robot",title:"Support",accent:"text-sky-700",bg:"bg-sky-500/15",capability:"AI Product Assistant",description:"Trained on your product docs, resolves queries 24/7 before tickets are ever created. Or connect your existing helpdesk — your choice."},{icon:"fa-megaphone",title:"Marketing",accent:"text-violet-600",bg:"bg-violet-500/15",capability:"Lifecycle & Loyalty Engine",description:"Lifecycle triggers, loyalty rewards, competitions, and replenishment flows — built in, or plugged into Klaviyo, Mailchimp, or whatever you already use."},{icon:"fa-users",title:"Community",accent:"text-indigo-600",bg:"bg-indigo-500/15",capability:"Owner Communities",description:"Product owner communities with verified ownership. Or keep your Discord, Facebook Group, or existing forum — Hub links it all together."},{icon:"fa-chart-column",title:"Analytics",accent:"text-rose-700",bg:"bg-rose-500/15",capability:"Product Dashboards",description:"Engagement rates, scan activity, and revenue attribution at the product level — plus optional export to GA4, Looker, or your BI tool of choice."},{icon:"fa-bag-shopping",title:"Commerce",accent:"text-emerald-700",bg:"bg-emerald-500/15",capability:"Contextual Upsells",description:"Accessory recommendations and upgrade prompts from the product itself — powered natively or connected to your Shopify, WooCommerce, or e-commerce platform."},{icon:"fa-file-lines",title:"Content",accent:"text-amber-700",bg:"bg-amber-500/15",capability:"Smart Product Pages",description:"Manuals, how-to videos, galleries, and guided setup — a dedicated digital hub per SKU, with no external hosting needed."}],o=["Shopify","WooCommerce","Salesforce","HubSpot CRM","Klaviyo","GA4"],h=()=>e.jsxs("section",{className:"py-14 md:py-20 relative overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 bg-gradient-to-b from-stone-50 to-white"}),e.jsx("div",{className:"absolute top-1/2 left-0 w-[600px] h-[600px] bg-indigo-500/[0.02] rounded-full blur-3xl"}),e.jsxs("div",{className:"container mx-auto px-4 relative z-10",children:[e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-12 gap-8 lg:gap-12 items-center mb-14",children:[e.jsxs(a.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.6},className:"lg:col-span-5 text-center lg:text-left",children:[e.jsxs("span",{className:"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-indigo-500/10 text-indigo-600 text-sm font-medium border border-indigo-500/20 mb-6",children:[e.jsx(s,{name:"fa-puzzle-piece",className:"w-4 h-4"}),"Your Stack, Your Way"]}),e.jsxs("h1",{className:"text-3xl md:text-5xl font-bold text-stone-900 mb

1-5 leading-tight",children:["Bring your stack together.",e.jsx("br",{}),e.jsx("span",{className:"text-indigo-600",children:"On your terms."})]}),e.jsx("p",{className:"text-stone-600 text-lg max-w-2xl mx-auto lg:mx-0 leading-relaxed",children:"Hub isn't about ripping out what works. It's about giving you everything in one place — use our built-in tools, integrate the ones you love, or replace the ones you've outgrown. Your call, every time."})]}),e.jsxs(a.div,{initial:{opacity:0,scale:.95},whileInView:{opacity:1,scale:1},viewport:{once:!0},transition:{duration:.7,delay:.2},className:"lg:col-span-7 relative",children:[e.jsx("div",{className:"absolute -inset-4 bg-indigo-500/[0.06] rounded-3xl blur-2xl"}),e.jsx("img",{src:u,alt:"SmartLinks Hub bringing together multiple tools into one unified platform",className:"relative w-[80%] mx-auto rounded-2xl border border-stone-200 shadow-2xl shadow-indigo-500/10"})]})]}),e.jsx("div",{className:"grid md:grid-cols-3 gap-5 mb-16",children:b.map((t,i)=>e.jsxs(a.div,{initial:{opacity:0,y:24},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:i*.1,duration:.5},className:`rounded-2xl border ${t.border} bg-white p-6 group hover:border-opacity-60 transition-all duration-300`,children:[e.jsx("div",{className:`w-12 h-12 rounded-xl ${t.bg} flex items-center justify-center mb-4 group-hover:scale-110 transition-transform duration-300`,children:e.jsx(s,{name:t.icon,className:`h-6 w-6 ${t.accent}`})}),e.jsx("h2",{className:"text-lg font-bold text-stone-900 mb-1",children:t.title}),e.jsx("p",{className:`text-sm font-medium ${t.accent} mb-3`,children:t.subtitle}),e.jsx("p",{className:"text-stone-600 text-sm leading-relaxed",children:t.description})]},t.title))}),e.jsxs("div",{className:"grid lg:grid-cols-2 gap-8 mb-16",children:[e.jsx(d,{}),e.jsx(p,{})]}),e.jsxs(a.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.5,delay:.1},className:"rounded-2xl border border-stone-200 bg-white p-6 md:p-8 mb-8 relative overflow-hidden",children:[e.jsx(a.div,{animate:{y:[0,-8,0],opacity:[.15,.3,.15]},transition:{duration:4,repeat:1/0,ease:"easeInOut"},className:"absolute top-6 right-8 hidden md:block",children:e.jsx(s,{name:"fa-bolt",className:"h-6 w-6 text-indigo-600"})}),e.jsx(a.div,{animate:{y:[0,6,0],opacity:[.1,.25,.1]},transition:{duration:5,repeat:1/0,ease:"easeInOut",delay:1.5},className:"absolute bottom-8 right-16 hidden md:block",children:e.jsx(s,{name:"fa-stars",className:"h-5 w-5 text-violet-600"})}),e.jsx(a.div,{animate:{y:[0,-6,0],opacity:[.1,.2,.1]},transition:{duration:6,repeat:1/0,ease:"easeInOut",delay:3},className:"absolute top-12 left-[60%] hidden md:block",children:e.jsx(s,{name:"fa-sparkles",className:"h-5 w-5 text-sky-700"})}),e.jsx("div",{className:"absolute -top-20 right-0 w-64 h-64 bg-indigo-500/[0.04] rounded-full blur-3xl"}),e.jsxs("div",{className:"relative z-10",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-2",children:[e.jsx("div",{className:"w-10 h-10 rounded-xl bg-indigo-500/15 flex items-center justify-center",children:e.jsx(s,{name:"fa-sparkles",className:"h-5 w-5 text-indigo-600"})}),e.jsx("h2",{className:"text-2xl md:text-3xl font-bold text-stone-900",children:"Native Tools + Bring Your Own"})]}),e.jsx("p",{className:"text-stone-600 text-base mb-6 ml-[52px]",children:"Every capability ships built-in — and integrates with the tools you already use."}),e.jsx("div",{className:"grid sm:grid-cols-2 lg:grid-cols-3 gap-4",children:g.map((t,i)=>e.jsxs(a.div,{initial:{opacity:0,y:12},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.3,delay:.15+i*.06},className:"rounded-xl border border-stone-200 bg-stone-50 p-5 hover:border-indigo-500/30 transition-colors duration-300",children:[e.jsxs("div",{className:"flex items-center gap-2.5 mb-3",children:[e.jsx("div",{className:`w-9 h-9 rounded-lg ${t.bg} flex items-center justify-center`,children:e.jsx(s,{name:t.icon,className:`h-4 w-4 ${t.accent}`})}),e.jsxs("div",{children:[e.jsx("span",{className:`text-sm font-semibold ${t.accent}`,children:t.title}),e.jsx("span",{className:"block text-stone-900 text-xs font-medium",children:t.capability})]})]}),e.jsx("p",{className:"text-stone-600 text-sm leading-relaxed",children:t.description})]},t.title))})]})]}),e.jsxs(a.div,{initial:{opacity:0,y:16},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.4,delay:.2},className:"rounded-2xl border border-stone-200 bg-stone-50 px-8 py-7 flex flex-col sm:flex-row items-start sm:items-center gap-5",children:[e.jsxs("div",{className:"flex items-center gap-2.5 flex-shrink-0",children:[e.jsx(s,{name:"fa-link",className:"h-5 w-5 text-stone-600"}),e.jsx("span",{className:"text-stone-700 text-base font-semibold",children:"Ready-Made Connectors"})]}),e.jsxs("p",{className:"text-stone-600 text-base leading-relaxed",children:["Already using"," ",o.map((t,i)=>e.jsxs(n.Fragment,{children:[e.jsx("span",{className:"text-stone-600",children:t}),i<o.length-1&&e.jsx("span",{children:i===o.length-2?", or ":", "})]},t)),"? Hub connects to your existing tools — use them alongside or instead of the built-in options."]})]})]})]});function v(){return e.jsxs("main",{children:[e.jsx(h,{}),e.jsx(r,{nextLabel:"See the Impact",nextDescription:"Fewer tools, lower costs, higher retention — measurable impact from a unified post-purchase platform.",nextPath:"/solutions/hub/outcomes"})]})}

1export{v as component};