https://trakkr.ai/assets/IntegrationWorkflowPage-DQKcXTQB.js

1import{j as e}from"./vendor-query-DvnPdOMX.js";import{m as j,l as u,r as m,L as o}from"./vendor-react-woJBpfBI.js";import{S as g}from"./index-1YQNuixL.js";import"./GridPattern-CUKfSmKl.js";import"./TrakkrNav-0CTZJrZm.js";import{F as f}from"./FAQAccordion-DUcEzjlR.js";import{H as N,F as p,a as n,G as c,S as b}from"./HubLayout-CJKM_wB8.js";import"./ArticleLayout-d86MzwDT.js";import"./DomainInput-vUg1URTx.js";import"./PlatformShowcase-DHfwZ9TU.js";import"./Pricing-ptq4m-7K.js";import{g as y,I as v}from"./integration-workflows-B6ujldk-.js";import{q as d,Q as k,m as S,_ as W,C as A,a5 as F,am as T,a4 as z,ac as h}from"./vendor-icons-BLMEbmRV.js";import"./vendor-supabase-DaZXgOw0.js";import"./vendor-utils-BNe0Xlio.js";import"./vendor-motion-ZmH_6coE.js";import"./nav-data-CoOJgUd4.js";import"./customer-proof-CZMea5q8.js";import"./status-DzUBJRaD.js";import"./MarketingShell-DU3RRca3.js";import"./DotGrid-BktcFMjn.js";import"./TrackDemo-Bs15bVwj.js";import"./ShipDemoUltimate-ac0Oi3F4.js";import"./pricing-intent-ffJOWNUd.js";function w(){const[s,t]=m.useState(!1);return m.useEffect(()=>{const i=window.requestAnimationFrame(()=>t(!0));return()=>window.cancelAnimationFrame(i)},[]),s}function r(s,t=0,i=8){return{opacity:s?1:0,transform:s?"none":`translateY(${i}px)`,transition:"opacity 600ms, transform 600ms",transitionDelay:`${t}ms`,transitionTimingFunction:b}}function l({link:s,className:t,children:i}){return s.external?e.jsx("a",{href:s.href,target:"_blank",rel:"noopener noreferrer",className:t,children:i}):e.jsx(o,{to:s.href,className:t,children:i})}function _({workflow:s,isLoaded:t}){return e.jsx("section",{className:"bg-surface pt-24 lg:pt-28 pb-0",children:e.jsx(p,{children:e.jsxs("div",{className:"px-5 lg:px-6 grid grid-cols-1 lg:grid-cols-[minmax(0,1fr)_320px] gap-8 lg:gap-12 items-start",children:[e.jsxs("div",{className:"max-w-[720px]",children:[e.jsx("div",{style:r(t),children:e.jsxs(o,{to:"/integrations",className:"inline-flex items-center gap-1.5 text-[13px] text-muted hover:text-secondary transition-colors",children:[e.jsx(d,{size:14,strokeWidth:1.5,className:"rotate-180"}),"Integrations"]})}),e.jsxs("div",{className:"mt-5 flex items-center gap-2",style:r(t,40),children:[e.jsx("span",{className:"w-8 h-8 rounded bg-accent-subtle flex items-center justify-center",children:e.jsx(k,{size:16,strokeWidth:1.5,className:"text-accent"})}),e.jsx("span",{className:"section-label text-accent",children:s.eyebrow})]}),e.jsx("h1",{className:"mt-5 text-[32px] sm:text-[40px] lg:text-[48px] font-semibold text-primary leading-[1.08]",style:r(t,80,10),children:s.title}),e.jsx("p",{className:"mt-5 text-[16px] lg:text-[18px] leading-relaxed text-secondary max-w-[640px]",style:r(t,120,10),children:s.description}),e.jsxs("div",{className:"mt-7 flex flex-col sm:flex-row gap-3",style:r(t,160,10),children:[e.jsxs(l,{link:s.nextAction.primary,className:"btn btn-primary",children:[s.nextAction.primary.label,e.jsx(d,{size:15,strokeWidth:1.5})]}),e.jsx(l,{link:s.nextAction.secondary,className:"btn btn-secondary",children:s.nextAction.secondary.label})]})]}),e.jsxs("aside",{className:"border border-default rounded bg-surface p-5 lg:p-6",style:r(t,180,10),children:[e.jsxs("div",{className:"flex items-center gap-2 text-[12px] font-medium text-primary",children:[e.jsx(S,{size:15,strokeWidth:1.5,className:"text-accent"}),"Target queries"]}),e.jsx("div",{className:"mt-4 flex flex-wrap gap-2",children:s.targetQueries.map(i=>e.jsx("span",{className:"badge badge-neutral",children:i},i))}),e.jsxs("div",{className:"mt-5 pt-5 border-t border-default",children:[e.jsx("div",{className:"text-[10px] uppercase tracking-[0.08em] font-semibold text-muted",children:"Platform"}),e.jsx("div",{className:"mt-1 text-[14px] font-medium text-primary",children:s.platform})]}),e.jsxs("div",{className:"mt-5 pt-5 border-t border-default",children:[e.jsx("div",{className:"text-[10px] uppercase tracking-[0.08em] font-semibold text-muted",children:"Outcome"}),e.jsx("p",{className:"mt-1 text-[13px] leading-relaxed text-secondary",children:"A repeatable workflow for crawler access, attribution, publishing, or reporting."})]})]})]})})})}function C({workflow:s}){return e.jsxs(e.Fragment,{children:[e.jsx(n,{number:"01",title:"Workflow setup",subtitle:"Prerequisites and steps"}),e.jsx(c,{children:e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-[0.85fr_1.15fr] divide-y lg:divide-y-0 lg:divide-x divide-default",children:[e.jsxs("div",{className:"p-5 lg:p-6",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-4",children:[e.jsx(W,{size:16,strokeWidth:1.5,className:"text-accent"}),e.jsx("h2",{className:"text-[15px] font-semibold text-primary",children:"Prerequisites"})]}),e.jsx("div",{className:"space-y-3",children:s.prerequisites.map(t=>e.jsxs("div",{className:"data-row -mx-5 lg:-mx-6",children:[e.jsx(A,{size:14,strokeWidth:1.5,className:"text-accent flex-shrink-0 mt-0.5"}),e.jsx("p",{className:"text-[13px] leading-relaxed text-secondary",children:t})]},t))})]}),e.jsxs("div",{className:"p-5 lg:p-6",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-4",children:[e.jsx(F,{size:16,strokeWidth:1.5,className:"text-accent"}),e.jsx("h2",{className:"text-[15px] font-semibold text-primary",children:"Setup steps"})]}),e.jsx("ol",{className:"divide-y divide-default border border-default rounded",children:s.setupSteps.map((t,i)=>e.jsx("li",{className:"p-4 sm:p-5",children:e.jsxs("div",{className:"flex gap-3",children:[e.jsx("span",{className:"w-6 h-6 rounded bg-accent-subtle text-accent text-[11px] font-mono flex items-center justify-center flex-shrink-0",children:i+1}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-[13px] font-semibold text-primary",children:t.title}),e.jsx("p",{className:"mt-1 text-[13px] leading-relaxed text-secondary",children:t.description})]})]})},t.title))})]})]})})]})}function O({workflow:s}){return e.jsxs(e.Fragment,{children:[e.jsx(n,{number:"02",title:"What to measure",subtitle:"Signals to track"}),e.jsx(c,{children:e.jsxs("div",{className:"divide-y divide-default",children:[e.jsxs("div",{className:"hidden md:grid grid-cols-[220px_minmax(0,1fr)_150px] gap-4 px-5 lg:px-6 py-3 text-[10px] uppercase tracking-[0.08em] font-semibold text-muted",children:[e.jsx("span",{children:"Metric"}),e.jsx("span",{children:"Why it matters"}),e.jsx("span",{children:"Cadence"})]}),s.measures.map(t=>e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-[220px_minmax(0,1fr)_150px] gap-2 md:gap-4 px-5 lg:px-6 py-4",children:[e.jsx("div",{className:"text-[13px] font-semibold text-primary",children:t.metric}),e.jsx("div",{className:"text-[13px] leading-relaxed text-secondary",children:t.why}),e.jsx("div",{className:"text-[12px] font-mono text-muted",children:t.cadence})]},t.metric))]})})]})}function q({workflow:s}){return e.jsxs(e.Fragment,{children:[e.jsx(n,{number:"03",title:"How Trakkr fits",subtitle:"Product workflow"}),e.jsx(c,{children:e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-3 divide-y lg:divide-y-0 lg:divide-x divide-default",children:[e.jsxs("div",{className:"p-5 lg:p-6 lg:col-span-2",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-4",children:[e.jsx(T,{size:16,strokeWidth:1.5,className:"text-accent"}),e.jsx("h2",{className:"text-[15px] font-semibold text-primary",children:"Turn the platform signal into action"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-3 gap-3",children:s.trakkrFit.map(t=>e.jsx("div",{className:"border border-default rounded p-4",children:e.jsx("p",{className:"text-[13px] leading-relaxed text-secondary",children:t})},t))})]}),e.jsxs("div",{className:"p-5 lg:p-6",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-4",children:[e.jsx(z,{size:16,strokeWidth:1.5,className:"text-accent"}),e.jsx("h2",{className:"text-[15px] font-semibold text-primary",children:"Useful Trakkr links"})]}),e.jsx("div",{className:"divide-y divide-default border border-default rounded",children:s.internalLinks.map(t=>e.jsxs(l,{link:t,className:"group flex items-center justify-between gap-3 px-4 py-3 hover:bg-muted/30 transition-colors",children:[e.jsx("span",{className:"text-[13px] font-medium text-secondary group-hover:text-primary",children:t.label}),t.external?e.jsx(h,{size:13,strokeWidth:1.5,className:"text-muted"}):e.jsx(d,{size:13,strokeWidth:1.5,className:"text-muted"})]},`${t.href}-${t.label}`))})]})]})})]})}function E({workflow:s}){return e.jsxs(e.Fragment,{children:[e.jsx(n,{number:"04",title:"Checks and sources",subtitle:"Keep the workflow honest"}),e.jsx(c,{children:e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 divide-y lg:divide-y-0 lg:divide-x divide-default",children:[e.jsxs("div",{className:"p-5 lg:p-6",children:[e.jsx("h2",{className:"text-[15px] font-semibold text-primary mb-4",children:"Common mistakes"}),e.jsx("div",{className:"space-y-3",children:s.mistakes.map(t=>e.jsxs("div",{className:"data-row -mx-5 lg:-mx-6",children:[e.jsx("span",{className:"w-5 h-5 rounded border border-default text-[11px] font-mono text-muted flex items-center justify-center flex-shrink-0",children:"!"}),e.jsx("p",{className:"text-[13px] leading-relaxed text-secondary",children:t})]},t))})]}),e.jsxs("div",{className:"p-5 lg:p-6",children:[e.jsx("h2",{className:"text-[15px] font-semibold text-primary mb-4",children:"Official sources used"}),e.jsx("div",{className:"divide-y divide-default border border-default rounded",children:s.officialSources.map(t=>e.jsxs(l,{link:t,className:"group flex items-center justify-between gap-3 px-4 py-3 hover:bg-muted/30 transition-colors",children:[e.jsx("span",{className:"text-[13px] font-medium text-secondary group-hover:text-primary break-words",children:t.label}),e.jsx(h,{size:13,strokeWidth:1.5,className:"text-muted flex-shrink-0"})]},t.href))})]})]})})]})}function I({workflow:s}){return e.jsxs(e.Fragment,{children:[e.jsx(n,{number:"05",title:"FAQ",subtitle:"Quick answers"}),e.jsx(p,{children:e.jsx(f,{items:s.faqs})})]})}function L({workflow:s}){const t=m.useMemo(()=>s.relatedSlugs.map(i=>v.find(a=>a.slug===i)).filter(i=>!!i),[s.relatedSlugs]);return e.jsxs(e.Fragment,{children:[e.jsx(n,{number:"06",title:"Next workflows",subtitle:"Related platform pages"}),e.jsx(c,{children:e.jsx("div",{className:"grid grid-cols-1 lg:grid-cols-3 divide-y lg:divide-y-0 lg:divide-x divide-default",children:t.map(i=>e.jsxs(o,{to:i.path,className:"group p-5 lg:p-6 hover:bg-muted/30 transition-colors",children:[e.jsx("div",{className:"section-label text-muted",children:i.platform}),e.jsx("h2",{className:"mt-3 text-[15px] font-semibold text-primary",children:i.title}),e.jsx("p",{className:"mt-2 text-[13px] leading-relaxed text-secondary",children:i.description}),e.jsxs("div",{className:"mt-4 inline-flex items-center gap-1.5 text-[13px] font-medium text-accent",children:["Open workflow",e.

1jsx(d,{size:13,strokeWidth:1.5})]})]},i.slug))})})]})}function P({workflow:s}){return e.jsx("section",{className:"relative bg-surface py-16 lg:py-20",children:e.jsx(p,{children:e.jsxs("div",{className:"mx-auto max-w-[560px] text-center px-5",children:[e.jsxs("div",{className:"section-label text-accent",children:[s.platform," workflow"]}),e.jsx("h2",{className:"mt-3 text-[24px] sm:text-[28px] font-semibold text-primary leading-tight",children:s.nextAction.title}),e.jsx("p",{className:"mt-3 text-[13px] lg:text-[14px] text-secondary leading-relaxed",children:s.nextAction.description}),e.jsxs("div",{className:"mt-6 flex flex-col sm:flex-row justify-center gap-3",children:[e.jsxs(l,{link:s.nextAction.primary,className:"btn btn-primary",children:[s.nextAction.primary.label,e.jsx(d,{size:15,strokeWidth:1.5})]}),e.jsx(l,{link:s.nextAction.secondary,className:"btn btn-secondary",children:s.nextAction.secondary.label})]})]})})})}function ce(){const{slug:s}=j(),t=y(s),i=w();return t?e.jsxs(e.Fragment,{children:[e.jsx(g,{title:`${t.metaTitle} | Trakkr`,description:t.metaDescription,path:t.path,type:"WebPage",keywords:t.targetQueries,breadcrumbs:[{name:"Integrations",path:"/integrations"},{name:t.title,path:t.path}],faq:t.faqs,howTo:{name:t.title,totalTime:"PT45M",estimatedCost:0,tools:[t.platform,"Trakkr"],steps:t.setupSteps.map((a,x)=>({name:a.title,text:a.description,position:x+1}))},itemList:{name:`${t.title} measurement checklist`,description:`Key metrics to monitor for ${t.title}.`,items:t.measures.map((a,x)=>({name:a.metric,description:a.why,position:x+1}))}}),e.jsxs(N,{children:[e.jsx(_,{workflow:t,isLoaded:i}),e.jsx(C,{workflow:t}),e.jsx(O,{workflow:t}),e.jsx(q,{workflow:t}),e.jsx(E,{workflow:t}),e.jsx(I,{workflow:t}),e.jsx(L,{workflow:t}),e.jsx(P,{workflow:t})]})]}):e.jsx(u,{to:"/integrations",replace:!0})}export{ce as default};