https://malma.ai/assets/integrationen-DLvFpnIW.js

1import{b as g,j as e,N as m,Q as i,ak as r,m as a,am as t,ac as l,an as h,ao as u,ap as p,aq as x,ar as b,as as f,at as v,au as k,av as j,S as w,U as d,aw as A,ax as F,a6 as L,F as N}from"./index-Bahxy5If.js";import{F as y}from"./FinalCta-CFEp8Ug7.js";import{B as C}from"./BreadcrumbJsonLd-DEXBIx8f.js";import{m as D,l as I,g as B,t as S,p as T}from"./perspective-integration_1769709371206-CZo_O0KS.js";const M="/assets/close-integration_1769709371207-1pqkncLA.webp",$="/assets/airtable-integration_1769709371207-Bfgx4LNc.webp",z="rounded-[20px] border border-white/[0.08] backdrop-blur-sm overflow-hidden relative",E={background:"linear-gradient(135deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.01) 100%)",boxShadow:"inset 0 1px 1px 0 rgba(255,255,255,0.06), inset 0 0 20px 0 rgba(255,255,255,0.02), 0 0 30px 0 rgba(255,255,255,0.02)"},G=[{name:"Meta",logo:D,color:"#0081FB",desc:"Lead kommt über Facebook oder Instagram rein, dein Agent ruft Sekunden später an. Solange das Interesse noch frisch ist."},{name:"LinkedIn",logo:I,color:"#0A66C2",desc:"Teure Leads verdienen schnelle Reaktion. Dein Agent meldet sich sofort und qualifiziert vor."},{name:"Google Forms",logo:B,color:"#7248B9",desc:"Jemand füllt dein Formular aus, dein Agent ruft an. Kein manuelles Nachtelefonieren mehr."},{name:"Typeform",logo:S,color:"#262627",desc:"Antwort abgeschickt, Telefon klingelt. Dein Agent macht aus Formularen echte Gespräche."},{name:"Perspective",logo:T,color:"#FF6B2C",desc:"Leads aus deinen Funnel-Pages landen direkt bei deinem Agenten. In Echtzeit."},{name:"HubSpot",logo:h,color:"#FF7A59",desc:"Neue Kontakte gehen direkt an deinen Agenten. Gespräche landen wieder im CRM. Alles synchron."},{name:"Pipedrive",logo:u,color:"#25292C",desc:"Leads und Deals verbunden mit deiner Pipeline. Dein Agent arbeitet, dein CRM dokumentiert."},{name:"Close.com",logo:M,color:"#343E49",desc:"Lead in der Pipeline, Agent am Telefon. Keine Wartezeit, keine verpasste Chance."},{name:"Airtable",logo:$,color:"#FFBF00",desc:"Einträge aus deiner Base werden zu Anrufen. Ergebnisse gehen zurück in Airtable."},{name:"Google Calendar",logo:p,color:"#4285F4",desc:"Dein Agent sieht deine Verfügbarkeit und bucht Termine direkt während des Gesprächs."},{name:"Microsoft Outlook",logo:x,color:"#0078D4",desc:"Meetings und Termine synchronisiert. Dein Agent weiß immer wann du Zeit hast."},{name:"Calendly",logo:b,color:"#006BFF",desc:"Termin abgesagt? Dein Agent ruft an und findet einen neuen."},{name:"Cal.com",logo:f,color:"#F8F8F8",desc:"Buchungen und Verfügbarkeiten in Echtzeit. Dein Agent bucht, du siehst den Termin erscheinen."},{name:"Make",logo:v,color:"#6D00CC",desc:"Bau Workflows die über mehrere Tools laufen. Dein Agent ist ein Baustein davon."},{name:"Zapier",logo:k,color:"#FF4F00",desc:"Hunderte Apps verbunden. Leads rein, Daten raus, alles automatisch."},{name:"Webhook",logo:j,color:"#FF7A33",desc:"Die Schnittstelle für alles andere. Wenn du es bauen kannst, kann dein Agent es nutzen."}];function V(){return g({title:"Integrationen",description:"malma integriert sich nahtlos mit deinen Tools. CRM, Kalender, Webhooks und mehr. Alle Integrationen im Überblick."}),e.jsxs("div",{className:"min-h-screen bg-[#0A0A0A] text-white font-sans",style:{overflowX:"clip"},children:[e.jsx(C,{name:"Integrationen"}),e.jsx(m,{}),e.jsx("div",{className:"h-[72px]"}),e.jsx("section",{className:i,children:e.jsxs("div",{className:r,children:[e.jsxs(a.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.6},children:[e.jsx("h1",{className:`${t} mb-3`,children:"Integrationen"}),e.jsx("p",{className:`${l} max-w-2xl`,children:"Dein Agent kann Gespräche führen. Mit den richtigen Integrationen kann er auch handeln."})]}),e.jsx(a.div,{className:"grid sm:grid-cols-2 lg:grid-cols-3 gap-5 mt-12",variants:w,initial:"hidden",whileInView:"visible",viewport:{once:!0,margin:"-100px"},children:G.map((n,s)=>e.jsx(a.div,{variants:d,children:e.jsxs("div",{className:`${z} p-6 sm:p-8 h-[220px] flex flex-col`,style:E,"data-testid":`card-integration-${s}`,children:[e.jsx("div",{className:"absolute -bottom-10 -right-10 w-[60%] h-24 pointer-events-none",style:{background:`radial-gradient(ellipse, ${n.color}

120 0%, transparent 70%)`,filter:"blur(20px)"}}),e.jsxs("div",{className:"relative flex flex-col h-full",children:[e.jsx("div",{className:"mb-4 w-12 h-12 flex items-center justify-center",children:e.jsx("img",{src:n.logo,alt:n.name,className:"w-10 h-10 object-contain",onError:c=>{const o=c.target;o.style.display="none",o.parentElement.innerHTML=`<div class="w-10 h-10 rounded-[12px] flex items-center justify-center font-bold text-lg" style="background:${n.color}20;color:${n.color}">${n.name.charAt(0)}</div>`}})}),e.jsx("h3",{className:"text-[18px] font-semibold tracking-[-0.01em] text-white mb-2",children:n.name}),e.jsx("p",{className:"text-white/50 leading-relaxed text-[14px]",children:n.desc})]})]})},s))})]})}),e.jsx("section",{className:i,children:e.jsx("div",{className:r,children:e.jsxs(a.div,{className:"max-w-3xl mx-auto text-center",variants:d,initial:"hidden",whileInView:"visible",viewport:{once:!0,margin:"-100px"},children:[e.jsx("h2",{className:`${t} mb-4`,children:"Deine Integration fehlt?"}),e.jsx("p",{className:`${l} mb-8`,children:"Wir bauen ständig neue Integrationen. Sag uns was du brauchst."}),e.jsx(A,{as:"div",speed:"5s",children:e.jsxs("a",{id:"btn-demo-call",href:"https://cal.eu/malma/austausch-mit-leonhard-poeppel",className:F,style:{boxShadow:"0 0 60px 12px rgba(255,122,51,0.2)"},children:["Demo Call buchen",e.jsx(L,{size:18})]})})]})})}),e.jsx(y,{}),e.jsx(N,{})]})}export{V as default};