https://hq0.com/assets/IntegrationsHub-i3oxGmDD.js

1import{r as x,j as e}from"./index-ulJQSrBi.js";import{M as p,q as b,g,a4 as f,B as r,a as i,A as u}from"./main-PG-dEEgK.js";import{d as y,c as j,b as N,a as v,S as w,e as C,f as k,g as S,h as A,i as F}from"./index-CR9iOMpi.js";import{S as I}from"./search-vN8Ne8xs.js";import{C as P}from"./circle-check-big-COnDf9Xi.js";const q=[{id:"stripe",name:"Stripe",description:"Accept payments directly from your meeting platform. Perfect for consultants and coaches.",icon:y,iconColor:"text-[#635BFF]",category:"Payments",status:"available"},{id:"slack",name:"Slack",description:"Get meeting notifications, recording alerts, and AI summaries in your Slack channels.",icon:j,iconColor:"text-[#4A154B]",category:"Communication",status:"available"},{id:"calendar",name:"Calendar Sync",description:"Sync with Google Calendar and Outlook. Two-way sync keeps everything up to date.",icon:N,iconColor:"text-[#4285F4]",category:"Productivity",status:"available"},{id:"crm",name:"CRM Integration",description:"Connect Salesforce, HubSpot, or Pipedrive. Auto-log meetings and sync contacts.",icon:v,iconColor:"text-[#00A1E0]",category:"CRM",status:"available"},{id:"zapier",name:"Zapier",description:"Connect hq0 to 5,000+ apps. Automate workflows with triggers and actions.",icon:w,iconColor:"text-[#FF4A00]",category:"Automation",status:"available"},{id:"hubspot",name:"HubSpot",description:"Native HubSpot integration for contact sync, deal tracking, and activity logging.",icon:C,iconColor:"text-[#FF7A59]",category:"CRM",status:"coming-soon"},{id:"notion",name:"Notion",description:"Send meeting notes and summaries directly to your Notion workspace.",icon:k,iconColor:"text-foreground",category:"Productivity",status:"coming-soon"},{id:"trello",name:"Trello",description:"Create cards from meeting action items and track follow-ups on your boards.",icon:S,iconColor:"text-[#0052CC]",category:"Project Management",status:"coming-soon"},{id:"asana",name:"Asana",description:"Turn meeting action items into Asana tasks and keep your projects moving.",icon:A,iconColor:"text-[#F06A6A]",category:"Project Management",status:"coming-soon"},{id:"airtable",name:"Airtable",description:"Log meeting data to Airtable bases for custom reporting and workflows.",icon:F,iconColor:"text-[#18BFFF]",category:"Database",status:"coming-soon"}],L=["All","Payments","Communication","Productivity","CRM","Automation","Project Management"];function B(){const[s,c]=x.useState(""),[o,d]=x.useState("All"),n=q.filter(t=>{const a=t.name.toLowerCase().includes(s.toLowerCase())||t.description.toLowerCase().includes(s.toLowerCase()),h=o==="All"||t.category===o;return a&&h}),l=n.filter(t=>t.status==="available"),m=n.filter(t=>t.status==="coming-soon");return e.jsxs(p,{children:[e.jsx(b,{title:"Integrations - Connect Your Favorite Tools | hq0",description:"Connect hq0 with Stripe, Slack, Google Calendar, Salesforce, Zapier, and more. Streamline your workflow with powerful integrations."}),e.jsx("section",{className:"py-20 lg:py-32 border-b-2 border-foreground",children:e.jsx("div",{className:"container mx-auto px-6",children:e.jsxs("div",{className:"max-w-4xl mx-auto text-center space-y-8",children:[e.jsx("div",{className:"inline-block px-4 py-2 bg-secondary text-secondary-foreground text-sm font-bold border-2 border-foreground","data-testid":"badge-integrations",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(g,{className:"h-4 w-4"}),"Integrations"]})}),e.jsx("h1",{className:"text-5xl lg:text-6xl font-bold tracking-tight","data-testid":"text-integrations-title",children:"Connect your favorite tools"}),e.jsx("p",{className:"text-xl text-muted-foreground leading-relaxed","data-testid":"text-integrations-description",children:"Extend hq0 with powerful integrations. Connect your CRM, calendar, payment processor, and more—all in a few clicks."})]})})}),e.jsx("section",{className:"py-8 border-b-2 border-foreground bg-muted/30 dark:bg-muted/10",children:e.jsx("div",{className:"container mx-auto px-6",children:e.jsxs("div",{className:"max-w-5xl mx-auto space-y-6",children:[e.jsxs("div",{className:"relative",children:[e.jsx(I,{className:"absolute left-4 top-1/2 -translate-y-1/2 h-5 w-5 text-muted-foreground"}),e.jsx(f,{placeholder:"Search integrations...",value:s,onChange:t=>c(t.target.value),className:"pl-12 h-14 text-lg border-2 border-foreground bg-background","data-testid":"input-search-integrations"})]}),e.jsx("div",{className:"flex flex-wrap gap-2",children:L.map(t=>e.jsx(r,{variant:o===t?"default":"outline",onClick:()=>d(t),className:`border-2 ${o===t?"bg-secondary text-secondary-foreground border-foreground":"border-foreground

1/20 hover:border-foreground"}`,"data-testid":`button-filter-${t.toLowerCase().replace(" ","-")}`,children:t},t))})]})})}),l.length>0&&e.jsx("section",{className:"py-16 lg:py-24",children:e.jsx("div",{className:"container mx-auto px-6",children:e.jsxs("div",{className:"max-w-7xl mx-auto",children:[e.jsx("h2",{className:"text-3xl font-bold mb-8","data-testid":"text-available-heading",children:"Available Now"}),e.jsx("div",{className:"grid md:grid-cols-2 lg:grid-cols-3 gap-6",children:l.map(t=>{const a=t.icon;return e.jsx(i,{href:`/integrations/${t.id}`,"data-testid":`link-integration-${t.id}`,children:e.jsxs("div",{className:"border-2 border-foreground bg-card dark:bg-card text-card-foreground neo-card p-6 h-full hover:translate-x-[-2px] hover:translate-y-[-2px] hover:shadow-[6px_6px_0px_0px_hsl(var(--foreground))] dark:hover:shadow-[6px_6px_0px_0px_hsl(var(--secondary))] transition-all cursor-pointer group",children:[e.jsxs("div",{className:"flex items-start gap-4 mb-4",children:[e.jsx("div",{className:"w-14 h-14 border-2 border-foreground bg-background dark:bg-background flex items-center justify-center flex-shrink-0",children:e.jsx(a,{className:`w-7 h-7 ${t.iconColor}`})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[e.jsx("h3",{className:"text-xl font-bold","data-testid":`text-integration-name-${t.id}`,children:t.name}),e.jsx(P,{className:"w-5 h-5 text-green-500 dark:text-green-400"})]}),e.jsx("span",{className:"text-xs font-medium text-muted-foreground bg-muted dark:bg-muted/50 px-2 py-1",children:t.category})]})]}),e.jsx("p",{className:"text-muted-foreground mb-4","data-testid":`text-integration-desc-${t.id}`,children:t.description}),e.jsxs("div",{className:"flex items-center gap-2 text-secondary font-bold group-hover:gap-3 transition-all",children:[e.jsx("span",{children:"Learn more"}),e.jsx(u,{className:"w-4 h-4"})]})]})},t.id)})})]})})}),m.length>0&&e.jsx("section",{className:"py-16 lg:py-24 bg-muted/30 dark:bg-muted/10 border-t-2 border-foreground",children:e.jsx("div",{className:"container mx-auto px-6",children:e.jsxs("div",{className:"max-w-7xl mx-auto",children:[e.jsx("h2",{className:"text-3xl font-bold mb-8","data-testid":"text-coming-heading",children:"Coming Soon"}),e.jsx("div",{className:"grid md:grid-cols-2 lg:grid-cols-3 gap-6",children:m.map(t=>{const a=t.icon;

1return e.jsxs("div",{className:"border-2 border-foreground/40 bg-card/50 dark:bg-card/30 text-card-foreground p-6 opacity-75","data-testid":`card-coming-${t.id}`,children:[e.jsxs("div",{className:"flex items-start gap-4 mb-4",children:[e.jsx("div",{className:"w-14 h-14 border-2 border-foreground/40 bg-background/50 dark:bg-background/30 flex items-center justify-center flex-shrink-0",children:e.jsx(a,{className:`w-7 h-7 ${t.iconColor} opacity-60`})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("div",{className:"flex items-center gap-2 mb-1",children:e.jsx("h3",{className:"text-xl font-bold",children:t.name})}),e.jsx("span",{className:"text-xs font-medium text-muted-foreground bg-muted/50 px-2 py-1",children:t.category})]})]}),e.jsx("p",{className:"text-muted-foreground mb-4",children:t.description}),e.jsx("span",{className:"text-sm font-medium text-muted-foreground",children:"Coming soon"})]},t.id)})})]})})}),n.length===0&&e.jsx("section",{className:"py-24",children:e.jsxs("div",{className:"container mx-auto px-6 text-center",children:[e.jsx(g,{className:"w-16 h-16 text-muted-foreground mx-auto mb-6"}),e.jsx("h2",{className:"text-2xl font-bold mb-4",children:"No integrations found"}),e.jsx("p",{className:"text-muted-foreground mb-8",children:"Try adjusting your search or filter to find what you're looking for."}),e.jsx(r,{onClick:()=>{c(""),d("All")},className:"bg-secondary text-secondary-foreground border-2 border-foreground neo-btn","data-testid":"button-clear-filters",children:"Clear Filters"})]})}),e.jsx("section",{className:"py-20 lg:py-32 bg-secondary text-secondary-foreground",children:e.jsx("div",{className:"container mx-auto px-6",children:e.jsxs("div",{className:"max-w-4xl mx-auto text-center space-y-8",children:[e.jsx("h2",{className:"text-4xl lg:text-5xl font-bold tracking-tight","data-testid":"text-request-heading",children:"Don't see what you need?"}),e.jsx("p",{className:"text-xl opacity-80 leading-relaxed max-w-2xl mx-auto","data-testid":"text-request-description",children:"We're always building new integrations. Let us know what tools you'd like to connect with hq0."}),e.jsxs("div",{className:"flex flex-col sm:flex-row gap-4 justify-center pt-4",children:[e.jsx(i,{href:"/contact",children:e.jsxs(r,{className:"bg-card text-foreground px-8 py-4 h-auto font-bold border-2 border-foreground neo-btn","data-testid":"button-request-integration",children:["Request Integration",e.jsx(u,{className:"h-5 w-5 ml-2"})]})}),e.jsx(i,{href:"/register",children:e.jsx(r,{variant:"outline",className:"bg-transparent text-secondary-foreground px-8 py-4 h-auto font-bold border-2 border-secondary-foreground hover:bg-secondary-foreground/10 neo-btn","data-testid":"button-start-trial",children:"Start Free Trial"})})]})]})})})]})}export{B as default};