1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,53221,e=>{"use strict";var t=e.i(43476),a=e.i(19392),s=e.i(71645),i=e.i(46932),r=e.i(75254);let l=(0,r.default)("move-right",[["path",{d:"M18 8L22 12L18 16",key:"1r0oui"}],["path",{d:"M2 12H22",key:"1m8cig"}]]);var n=e.i(43531);let o=(0,r.default)("download",[["path",{d:"M12 15V3",key:"m9g1x1"}],["path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",key:"ih7n3h"}],["path",{d:"m7 10 5 5 5-5",key:"brsn70"}]]);var d=e.i(35382),c=e.i(91994);let m={damping:100,stiffness:400};function p({children:e,distance:a=.6}){let[r,l]=(0,s.useState)(!1),n=(0,s.useRef)(null),o=(0,d.useMotionValue)(0),p=(0,d.useMotionValue)(0),x=(0,c.useSpring)(o,m),u=(0,c.useSpring)(p,m);return(0,s.useEffect)(()=>{let e=e=>{if(n.current){let t=n.current.getBoundingClientRect(),s=t.left+t.width/2,i=t.top+t.height/2,l=e.clientX-s,d=e.clientY-i;r?(o.set(l*a),p.set(d*a)):(o.set(0),p.set(0))}};return document.addEventListener("mousemove",e),()=>{document.removeEventListener("mousemove",e)}},[r,a,o,p]),(0,t.jsx)(i.motion.div,{ref:n,onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),style:{x:x,y:u},className:"inline-block w-full sm:w-auto",children:e})}function x({x:e,y:a,size:r,color:l,type:n}){let o=(0,s.useMemo)(()=>80*Math.random()-40,[]),d=(0,s.useMemo)(()=>80*Math.random()-40,[]),c=(0,s.useMemo)(()=>24*Math.random()-12,[]),m=(0,s.useMemo)(()=>18+14*Math.random(),[]),p=(0,s.useMemo)(()=>18+14*Math.random(),[]),x=(0,s.useMemo)(()=>22+18*Math.random(),[]),u=(0,s.useMemo)(()=>14+10*Math.random(),[]),h=(0,s.useMemo)(()=>12+8*Math.random(),[]);return(0,t.jsx)(i.motion.div,{initial:{opacity:0,scale:0},animate:{x:[0,o,-o,0],y:[0,-d,d,0],rotate:[0,c,-c,0],scale:[.95,1.05,.95],opacity:"logo"===n?[.25,.5,.25]:[.4,.8,.4]},transition:{x:{duration:m,repeat:1/0,ease:"easeInOut"},y:{duration:p,repeat:1/0,ease:"easeInOut"},rotate:{duration:x,repeat:1/0,ease:"easeInOut"},scale:{duration:u,repeat:1/0,ease:"easeInOut"},opacity:{duration:h,repeat:1/0,ease:"easeInOut"}},className:"absolute pointer-events-none select-none",style:{left:`${e}%`,top:`${a}%`,width:r,height:r},children:"logo"===n?(0,t.jsx)("img",{src:"/logo.png",alt:"Qampi Bird",className:"w-full h-full object-contain select-none pointer-events-none opacity-90 filter saturate-[0.8] drop-shadow-md"}):(0,t.jsx)("svg",{width:"100%",height:"100%",viewBox:"0 0 24 24",fill:l,children:(0,t.jsx)("path",{d:"message"===n?"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z":"mail"===n?"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z":"linkedin"===n?"M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z":""})})})}
1function u(){let[e,a]=(0,s.useState)([]);return(0,s.useEffect)(()=>{if(window.matchMedia?.("(prefers-reduced-motion: reduce)").matches)return;let e=()=>{let e=["message","mail","linkedin","logo"];a(Array.from({length:window.innerWidth<768?10:18},(t,a)=>({id:a,x:5+90*Math.random(),y:5+90*Math.random(),size:20*Math.random()+24,color:`rgba(147, 51, 234, ${.5+.4*Math.random()})`,type:e[a%4]})))},t=window,s=window.setTimeout(()=>t.requestIdleCallback?t.requestIdleCallback(e,{timeout:1500}):window.setTimeout(e,900),400);return()=>window.clearTimeout(s)},[]),(0,t.jsx)("div",{className:"absolute inset-0 pointer-events-none overflow-hidden w-full h-full",children:e.map(e=>(0,t.jsx)(x,{...e},e.id))})}function h(){let[e,a]=(0,s.useState)(0),r=(0,s.useMemo)(()=>["client","investor","recruiter","customer","hire"],[]);return(0,s.useEffect)(()=>{let t=setTimeout(()=>{e===r.length-1?a(0):a(e+1)},2500);return()=>clearTimeout(t)},[e,r]),(0,t.jsxs)("div",{className:"relative min-h-screen w-full flex items-center justify-center overflow-hidden bg-transparent pt-20",children:[(0,t.jsx)(u,{}),(0,t.jsx)("div",{className:"relative z-10 container mx-auto px-4 sm:px-6 lg:px-8 py-20 text-center",children:(0,t.jsxs)("div",{className:"flex gap-8 items-center justify-center flex-col max-w-7xl mx-auto",children:[(0,t.jsx)(i.motion.div,{initial:{opacity:0,scale:.9},animate:{opacity:1,scale:1},transition:{duration:.6},children:(0,t.jsx)("span",{className:"inline-flex items-center gap-2 bg-blue-50 text-primary px-4 py-1.5 rounded-full text-xs font-bold uppercase tracking-wider border border-blue-100 shadow-sm",children:"Not your average outreach tool"})}),(0,t.jsxs)("div",{className:"flex gap-4 flex-col items-center w-full",children:[(0,t.jsxs)("h1",{"aria-label":"Like a marketer wrote every message to your next client, investor, recruiter, customer, or hire â smart LinkedIn and email outreach that gets replies",className:"font-display text-7xl md:text-[9rem] font-medium text-slate-900 leading-[0.95] mb-4 tracking-tight w-full",children:[(0,t.jsx)("span",{className:"block mb-2",children:"Like a marketer wrote every message to your next".split(" ").map((e,a)=>(0,t.jsx)("span",{className:"inline-block mr-3 last:mr-0 whitespace-nowrap",children:e.split("").map((e,s)=>(0,t.jsx)(i.motion.span,{initial:{y:24},animate:{y:0},transition:{delay:.04*a+.012*s,type:"spring",stiffness:150,damping:25},className:"inline-block",children:e},`${a}-${s}`))},a))}),(0,t.jsxs)("span",{className:"relative flex w-full justify-center overflow-hidden h-[1.3em] md:pb-4 md:pt-1",children:["Â ",r.map((a,s)=>(0,t.jsx)(i.motion.span,{className:"absolute font-semibold gradient-text",initial:{opacity:0,y:-100},transition:{type:"spring",stiffness:50},animate:e===s?{y:0,opacity:1}:{y:e>s?-150:150,opacity:0},children:a},s))]})]}),(0,t.jsx)(i.motion.p,{initial:{opacity:0,y:25},animate:{opacity:1,y:0},transition:{delay:.6,duration:.8},className:"text-lg md:text-xl leading-relaxed tracking-tight text-slate-500 max-w-2xl mx-auto mt-6",children:"It reads every prospect's profile and posts like a human would, then writes outreach personal enough to actually get a reply â across LinkedIn and email, sent safely at scale."})]}),(0,t.jsxs)(i.motion.div,{initial:{opacity:0,y:30},animate:{opacity:1,y:0},transition:{delay:.8,duration:.8},className:"flex flex-col sm:flex-row gap-4 mt-8 w-full justify-center max-w-md sm:max-w-none",children:[(0,t.jsxs)("a",{href:"https://chromewebstore.google.com/detail/qampi-%E2%80%94-lead-importer/gcmepobpaoiokgcekafhpjehmpnckodk",target:"_blank",rel:"noopener noreferrer",className:"w-full sm:w-auto inline-flex items-center justify-center gap-2 bg-white hover:bg-slate-50 text-slate-800 px-8 py-4 rounded-2xl text-lg font-bold border border-slate-200 transition-all duration-200 shadow-sm hover:-translate-y-0.5 active:scale-98",children:[(0,t.jsx)(o,{className:"w-4.5 h-4.5 text-slate-400"})," Download Extension"]}),(0,t.jsx)(p,{children:(0,t.jsx)("div",{className:"inline-block p-px rounded-2xl bg-gradient-to-b from-blue-400/30 to-purple-400/30 overflow-hidden shadow-lg hover:shadow-xl transition-shadow duration-300 w-full sm:w-auto",children:(0,t.jsxs)("a",{href:"https://app.qampi.com/register",className:"w-full sm:w-auto inline-flex items-center justify-center gap-2 btn-primary px-8 py-4 rounded-2xl text-lg font-bold shadow-lg shadow-blue-200 hover:-translate-y-0.5 active:scale-98 transition-all duration-200",children:["Get Started Free ",(0,t.jsx)(l,{className:"w-4.5 h-4.5"})]})})})]}),(0,t.jsx)(i.motion.ul,{initial:{opacity:0,y:20}
1,animate:{opacity:1,y:0},transition:{delay:1,duration:.8},className:"flex flex-wrap items-center justify-center gap-x-6 gap-y-2 mt-6 text-sm font-medium text-slate-500",children:["No credit card needed","Human-like, LinkedIn-safe sending","Cancel anytime"].map(e=>(0,t.jsxs)("li",{className:"inline-flex items-center gap-2",children:[(0,t.jsx)(n.Check,{className:"w-4 h-4 text-primary"}),e]},e))})]})})]})}var g=e.i(30176);function b({children:e,className:a,variant:s="primary",size:i="md",onClick:r,href:l}){return(0,t.jsx)(l?"a":"button",{className:(0,g.cn)("inline-flex items-center justify-center font-bold rounded-2xl transition-all duration-300 hover:-translate-y-0.5 active:scale-95 cursor-pointer",{primary:"bg-primary text-white shadow-lg shadow-primary/25 hover:shadow-xl hover:shadow-primary/30 hover:bg-primary/90",secondary:"bg-white text-primary border-2 border-primary/20 hover:border-primary/40 hover:bg-primary/5",outline:"bg-transparent text-white border-2 border-white/30 hover:border-white/60 hover:bg-white/10"}[s],{sm:"px-5 py-2.5 text-sm",md:"px-8 py-3.5 text-base",lg:"px-10 py-4 text-lg"}[i],a),...l?{href:l}:{onClick:r},children:e})}let f=[{name:"LinkedIn",src:"/integrations/linkedin.svg"},{name:"HubSpot",src:"/integrations/hubspot.svg"},{name:"Pipedrive",src:"/integrations/pipedrive.svg"},{name:"Notion",src:"/integrations/notion.svg"},{name:"Gmail",src:"/integrations/gmail.svg"},{name:"Salesforce",src:"/integrations/salesforce.svg"},{name:"Zapier",src:"/integrations/zapier.svg"}],y=[{name:"Make",src:"/integrations/make.svg"},{name:"Slack",src:"/integrations/slack.svg"},{name:"Outlook",src:"/integrations/outlook.svg"},{name:"Calendly",src:"/integrations/calendly.svg"},{name:"Google Sheets",src:"/integrations/googlesheets.svg"},{name:"Zoom",src:"/integrations/zoom.svg"},{name:"Stripe",src:"/integrations/stripe.svg"}],v=(e,t=4)=>Array.from({length:t}).flatMap(()=>e);function w(){return(0,t.jsxs)("section",{className:"relative py-12 lg:py-16 overflow-hidden bg-white",children:[(0,t.jsx)("div",{className:"absolute inset-0 bg-[radial-gradient(circle_at_center,rgba(0,0,0,0.03)_1px,transparent_1px)] [background-size:24px_24px] pointer-events-none"}),(0,t.jsxs)("div",{className:"relative max-w-7xl mx-auto px-6 text-center z-10",children:[(0,t.jsx)("span",{className:"inline-flex items-center gap-1.5 px-4 py-1.5 mb-6 text-xs font-bold uppercase tracking-wider rounded-full border border-slate-200/80 bg-white shadow-sm text-slate-800",children:"â¡ Integrations"}),(0,t.jsx)("h2",{className:"font-display text-5xl sm:text-6xl lg:text-7xl font-semibold text-slate-900 leading-tight",children:"Integrate with your favorite tools"}),(0,t.jsx)("p",{className:"mt-4 text-base md:text-lg text-slate-500 max-w-xl mx-auto",children:"Qampi connects and syncs lead data seamlessly across 250+ top CRM and automation apps."}),(0,t.jsx)(b,{variant:"primary",size:"md",className:"mt-8",children:"Get Started"})]}),(0,t.jsxs)("div",{className:"relative mt-16 w-full overflow-hidden select-none pointer-events-none z-10",children:[(0,t.jsx)("div",{className:"flex gap-10 whitespace-nowrap animate-scroll-left w-max",children:v(f).map((e,a)=>(0,t.jsx)("div",{className:"h-20 w-20 flex-shrink-0 rounded-2xl bg-white border border-slate-100/80 shadow-md flex items-center justify-center",children:(0,t.jsx)("img",{src:e.src,alt:e.name,className:"h-10 w-10 object-contain"})},`r1-${a}`))}),(0,t.jsx)("div",{className:"flex gap-10 whitespace-nowrap mt-6 animate-scroll-right w-max",children:v(y).map((e,a)=>(0,t.jsx)("div",{className:"h-20 w-20 flex-shrink-0 rounded-2xl bg-white border border-slate-100/80 shadow-md flex items-center justify-center",children:(0,t.jsx)("img",{src:e.src,alt:e.name,className:"h-10 w-10 object-contain"})},`r2-${a}`))}),(0,t.jsx)("div",{className:"absolute left-0 top-0 h-full w-24 md:w-40 bg-gradient-to-r from-white to-transparent pointer-events-none"}),(0,t.jsx)("div",{className:"absolute right-0 top-0 h-full w-24 md:w-40 bg-gradient-to-l from-white to-transparent pointer-events-none"})]}),(0,t.jsx)("style",{children:` 2 @keyframes scroll-left { 3 0% { transform: translateX(0); } 4 100% { transform: translateX(-50%); } 5 } 6 @keyframes scroll-right { 7 0% { transform: translateX(-50%); } 8 100% { transform: translateX(0); } 9 } 10 .animate-scroll-left { animation: scroll-left 40s linear infinite; } 11 .animate-scroll-right { animation: scroll-right 40s linear infinite; } 12 `})]})}var j=e.i(63488),N=e.i(79002),k=e.i(83086),I=e.i(86311),S=e.i(58041),C=e.i(25652),M=e.i(61911);let _=(0,r.default)("circle-check-big",[["path",{d:"M21.801 10A10 10 0 1 1 17 3.335",key:"yps3ct"}],["path",{d:"m9 11 3 3L22 4",key:"1pflzl"}]]);var A=e.i(70273),T=e.i(72520),z=e.i(39312);let V=(0,r.default)("shield-check",[["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",ke
12y:"oel41y"}],["path",{d:"m9 12 2 2 4-4",key:"dzmm74"}]]);var L=e.i(31245);let Q=(0,r.default)("thumbs-up",[["path",{d:"M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z",key:"emmmcr"}],["path",{d:"M7 10v12",key:"1qc93n"}]]);var q=e.i(10542),R=e.i(95420),$=e.i(87652);function P(){let[e,a]=(0,s.useState)(!1),r=(0,s.useRef)(null),l=(0,s.useRef)(null),n=(0,$.useInView)(r,{once:!1,amount:.1}),o=(0,$.useInView)(l,{once:!1,amount:.3}),{scrollYProgress:d}=(0,q.useScroll)({target:r,offset:["start end","end start"]}),c=(0,R.useTransform)(d,[0,1],[0,-50]),m=(0,R.useTransform)(d,[0,1],[0,50]),x=(0,R.useTransform)(d,[0,1],[0,20]),u=(0,R.useTransform)(d,[0,1],[0,-20]);(0,s.useEffect)(()=>{a(!0)},[]);let h={hidden:{y:40,opacity:0,scale:.95},visible:{y:0,opacity:1,scale:1,transition:{type:"spring",stiffness:100,damping:15}}},g=[{icon:(0,t.jsx)(j.Mail,{className:"w-6 h-6"}),secondaryIcon:(0,t.jsx)(k.Sparkles,{className:"w-4 h-4 absolute -top-1 -right-1 text-blue-500"}),title:"Email Hunting",description:"Find and verify a prospect's professional email in one click, powered by our dedicated finder.",position:"left",theme:{text:"text-blue-600",bg:"bg-blue-50",hoverBg:"group-hover:bg-blue-100",border:"border-blue-100/50"}},{icon:(0,t.jsx)(L.Bot,{className:"w-6 h-6"}),secondaryIcon:(0,t.jsx)(k.Sparkles,{className:"w-4 h-4 absolute -top-1 -right-1 text-indigo-500"}),title:"AI Built on Your Strategy",description:"Qampi learns your ideal-customer profile, messaging pillars, and best outreach angles â then writes every message on that strategy.",position:"left",theme:{text:"text-indigo-600",bg:"bg-indigo-50",hoverBg:"group-hover:bg-indigo-100",border:"border-indigo-100/50"}},{icon:(0,t.jsx)(k.Sparkles,{className:"w-6 h-6"}),secondaryIcon:(0,t.jsx)(A.Star,{className:"w-4 h-4 absolute -top-1 -right-1 text-violet-500"}),title:"Smart Personalization",description:"It reads each prospect's profile and recent activity, then writes a message in your voice that's personal enough to earn a reply.",position:"left",theme:{text:"text-violet-600",bg:"bg-violet-50",hoverBg:"group-hover:bg-violet-100",border:"border-violet-100/50"}},{icon:(0,t.jsx)(N.UserPlus,{className:"w-6 h-6"}),secondaryIcon:(0,t.jsx)(_,{className:"w-4 h-4 absolute -top-1 -right-1 text-purple-500"}),title:"Auto-Connecting",description:"Send connection requests on autopilot with human-like timing and daily limits, growing your network without the manual grind.",position:"left",theme:{text:"text-purple-600",bg:"bg-purple-50",hoverBg:"group-hover:bg-purple-100",border:"border-purple-100/50"}},{icon:(0,t.jsx)(Q,{className:"w-6 h-6"}),secondaryIcon:(0,t.jsx)(I.MessageSquare,{className:"w-4 h-4 absolute -top-1 -right-1 text-violet-500"}),title:"Auto-Engage",description:"Warm up prospects before you reach out â Qampi likes and leaves genuine, AI-written comments on their recent posts.",position:"right",theme:{text:"text-violet-600",bg:"bg-violet-50",hoverBg:"group-hover:bg-violet-100",border:"border-violet-100/50"}},{icon:(0,t.jsx)(C.TrendingUp,{className:"w-6 h-6"}),secondaryIcon:(0,t.jsx)(A.Star,{className:"w-4 h-4 absolute -top-1 -right-1 text-indigo-600"}),title:"Real-time Analytics",description:"Track replies, acceptance rates, and campaign performance across every account in one clean dashboard.",position:"right",theme:{text:"text-indigo-700",bg:"bg-indigo-50",hoverBg:"group-hover:bg-indigo-100",border:"border-indigo-200/50"}},{icon:(0,t.jsx)(S.Database,{className:"w-6 h-6"}),secondaryIcon:(0,t.jsx)(_,{className:"w-4 h-4 absolute -top-1 -right-1 text-blue-600"}),title:"CRM Sync",description:"One-click export of leads and conversations to HubSpot, Pipedrive, and Notion â your pipeline always stays in sync.",position:"right",theme:{text:"text-blue-700",bg:"bg-blue-50",hoverBg:"group-hover:bg-blue-100",border:"border-blue-200/50"}},{icon:(0,t.jsx)(V,{className:"w-6 h-6"}),secondaryIcon:(0,t.jsx)(_,{className:"w-4 h-4 absolute -top-1 -right-1 text-blue-500"}),title:"LinkedIn-Safe by Design",description:"Dedicated proxies, human-like delays, daily limits, and working-hours sending keep your account protected.",position:"right",theme:{text:"text-blue-600",bg:"bg-blue-50",hoverBg:"group-hover:bg-blue-100",border:"border-blue-100/50"}}];return M.Users,j.Mail,C.TrendingUp,(0,t.jsxs)("section",{id:"about-section",ref:r,className:"w-full pt-14 pb-6 px-4 bg-transparent text-slate-800 overflow-hidden relative border-t border-slate-100",children:[(0,t.jsx)(i.motion.div,{className:"absolute top-20 left-10 w-64 h-64 roun
12ded-full bg-blue-400/5 blur-3xl",style:{y:c,rotate:x}}),(0,t.jsx)(i.motion.div,{className:"absolute bottom-20 right-10 w-80 h-80 rounded-full bg-purple-400/5 blur-3xl",style:{y:m,rotate:u}}),(0,t.jsx)(i.motion.div,{className:"absolute top-1/2 left-1/4 w-4 h-4 rounded-full bg-blue-500/20",animate:{y:[0,-15,0],opacity:[.4,.8,.4]},transition:{duration:3,repeat:1/0,ease:"easeInOut"}}),(0,t.jsx)(i.motion.div,{className:"absolute bottom-1/3 right-1/4 w-6 h-6 rounded-full bg-purple-500/20",animate:{y:[0,20,0],opacity:[.4,.8,.4]},transition:{duration:4,repeat:1/0,ease:"easeInOut",delay:1}}),(0,t.jsxs)(i.motion.div,{className:"container mx-auto max-w-[90rem] relative z-10 px-4 lg:px-8",initial:"hidden",animate:n?"visible":"hidden",variants:{hidden:{opacity:0},visible:{opacity:1,transition:{staggerChildren:.15,delayChildren:.2}}},children:[(0,t.jsxs)(i.motion.div,{className:"flex flex-col items-center mb-6",variants:h,children:[(0,t.jsxs)(i.motion.span,{className:"text-primary font-bold text-sm tracking-wider mb-2 flex items-center gap-2",initial:{opacity:0,y:-10},animate:{opacity:1,y:0},transition:{duration:.6,delay:.2},children:[(0,t.jsx)(z.Zap,{className:"w-4.5 h-4.5 text-primary fill-current"}),"DISCOVER QAMPI"]}),(0,t.jsxs)("h2",{className:"font-display text-5xl sm:text-6xl lg:text-7xl font-medium mb-4 text-center text-slate-900",children:["LinkedIn & Email Outreach, Made ",(0,t.jsx)("span",{className:"bg-gradient-to-r from-blue-600 via-indigo-600 to-purple-600 bg-clip-text text-transparent",children:"Effortless"})]}),(0,t.jsx)(i.motion.div,{className:"w-24 h-1 bg-gradient-to-r from-blue-500 to-purple-500 rounded-full",initial:{width:0},animate:{width:96},transition:{duration:1,delay:.5}})]}),(0,t.jsx)(i.motion.p,{className:"text-center max-w-2xl mx-auto mb-16 text-slate-500 text-lg",variants:h,children:"Most tools just automate the blast. Qampi is different â it studies each person's profile and activity, then writes a message that reads like a marketer crafted it by hand. So founders, sales teams, recruiters, and job seekers get replies, not ignored. One browser extension and dashboard for the whole journey: find, personalize, send, and track."}),(0,t.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-8 items-center relative",children:[(0,t.jsx)("div",{className:"space-y-10",children:g.filter(e=>"left"===e.position).map((e,a)=>(0,t.jsx)(B,{icon:e.icon,secondaryIcon:e.secondaryIcon,title:e.title,description:e.description,variants:h,delay:.15*a,direction:"left",theme:e.theme},`left-${a}`))}),(0,t.jsx)("div",{className:"flex justify-center items-center order-first md:order-none mb-12 md:mb-0 w-full",children:(0,t.jsx)(i.motion.div,{className:"relative w-full max-w-md flex justify-center",variants:h,children:(0,t.jsx)(E,{})})}),(0,t.jsx)("div",{className:"space-y-10",children:g.filter(e=>"right"===e.position).map((e,a)=>(0,t.jsx)(B,{icon:e.icon,secondaryIcon:e.secondaryIcon,title:e.title,description:e.description,variants:h,delay:.15*a,direction:"right",theme:e.theme},`right-${a}`))})]}),(0,t.jsxs)(i.motion.div,{className:"mt-12 bg-gradient-to-r from-slate-900 to-slate-950 text-white p-10 rounded-[2.5rem] flex flex-col md:flex-row items-center justify-between gap-6 shadow-xl border border-slate-800",initial:{opacity:0,y:30},animate:o?{opacity:1,y:0}:{opacity:0,y:30},transition:{duration:.8,delay:.5},children:[(0,t.jsxs)("div",{className:"flex-1",children:[(0,t.jsx)("h3",{className:"text-2xl font-medium mb-2",children:"Ready to scale your outreach?"}),(0,t.jsx)("p",{className:"text-slate-400",children:"Start automating your prospecting and sales funnel today."})]}),(0,t.jsx)(p,{children:(0,t.jsxs)("a",{href:"https://app.qampi.com/register",className:"bg-primary hover:bg-blue-600 text-white px-8 py-4 rounded-2xl flex items-center gap-2 font-bold shadow-lg shadow-blue-500/20 transition-all duration-200 hover:-translate-y-0.5",children:["Get Started ",(0,t.jsx)(T.ArrowRight,{className:"w-4 h-4"})]})})]})]})]})}function B({icon:e,secondaryIcon:a,title:s,description:r,variants:l,delay:n,direction:o,theme:d}){return(0,t.jsxs)(i.motion.div,{className:"flex flex-col group cursor-pointer",variants:l,transition:{delay:n},whileHover:{y:-5,transition:{duration:.2}},children:[(0,t.jsxs)(i.motion.div,{className:"flex items-center gap-3 mb-3",initial:{x:"left"===o?-30:30,opacity:0}
12,animate:{x:0,opacity:1},transition:{type:"spring",stiffness:100,damping:15,delay:n+.2},children:[(0,t.jsxs)(i.motion.div,{className:`${d.text} ${d.bg} p-3 rounded-xl transition-colors duration-300 ${d.hoverBg} relative border ${d.border}`,whileHover:{rotate:[0,-10,10,-5,0],scale:1.1,transition:{duration:.5}},children:[e,a]}),(0,t.jsx)("h3",{className:`text-xl font-medium text-slate-800 transition-colors duration-300 group-hover:${d.text.split("-")[1]}-600`,children:s})]}),(0,t.jsx)(i.motion.p,{className:"text-sm text-slate-500 leading-relaxed pl-12",initial:{opacity:0},animate:{opacity:1},transition:{duration:.6,delay:n+.4},children:r}),(0,t.jsx)(i.motion.div,{className:`mt-3 pl-12 flex items-center ${d.text} text-xs font-bold opacity-0 group-hover:opacity-100 transition-all duration-300 -translate-x-2 group-hover:translate-x-0`,initial:{opacity:0},children:(0,t.jsxs)("span",{className:"flex items-center gap-1",children:["Learn more ",(0,t.jsx)(T.ArrowRight,{className:"w-3 h-3"})]})})]})}let E=()=>(0,t.jsxs)("div",{className:"relative w-full max-w-[460px] aspect-square flex items-center justify-center",children:[(0,t.jsx)(i.motion.div,{className:"absolute inset-0 rounded-full bg-blue-100/30",animate:{scale:[1,1.4,1],opacity:[.6,0,.6]},transition:{duration:3.5,repeat:1/0,ease:"easeInOut"}}),(0,t.jsx)(i.motion.div,{className:"absolute inset-4 rounded-full border-2 border-indigo-200/50 border-dashed",animate:{rotate:360},transition:{duration:20,repeat:1/0,ease:"linear"}}),(0,t.jsx)(i.motion.div,{className:"absolute inset-12 rounded-full border border-violet-300/40 border-dotted",animate:{rotate:-360},transition:{duration:15,repeat:1/0,ease:"linear"}}),(0,t.jsx)(i.motion.div,{className:"absolute inset-20 rounded-full border border-blue-200/30",animate:{rotate:180},transition:{duration:25,repeat:1/0,ease:"linear"}}),(0,t.jsx)(i.motion.div,{className:"relative z-20 w-44 h-44 rounded-full bg-gradient-to-br from-blue-500/10 via-indigo-600/10 to-purple-600/10 shadow-[0_0_40px_rgba(79,70,229,0.2)] flex items-center justify-center border-4 border-white backdrop-blur-sm",animate:{y:[-12,12,-12]},transition:{duration:4,repeat:1/0,ease:"easeInOut"},children:(0,t.jsx)("img",{src:"/logo.png",alt:"Qampi Logo",className:"w-24 h-24 object-contain drop-shadow-xl"})}),[{Icon:j.Mail,color:"text-blue-500",border:"border-blue-100",angle:0},{Icon:L.Bot,color:"text-indigo-500",border:"border-indigo-100",angle:45},{Icon:k.Sparkles,color:"text-violet-500",border:"border-violet-100",angle:90},{Icon:N.UserPlus,color:"text-purple-500",border:"border-purple-100",angle:135},{Icon:V,color:"text-blue-500",border:"border-blue-100",angle:180},{Icon:Q,color:"text-violet-500",border:"border-violet-100",angle:225},{Icon:C.TrendingUp,color:"text-indigo-500",border:"border-indigo-100",angle:270},{Icon:S.Database,color:"text-blue-600",border:"border-blue-100",angle:315}].map((e,a)=>(0,t.jsx)(i.motion.div,{className:"absolute top-1/2 left-1/2 w-[136%] h-[136%] -mt-[68%] -ml-[68%]",animate:{rotate:[e.angle,e.angle+360]},transition:{duration:20,repeat:1/0,ease:"linear"},children:(0,t.jsx)(i.motion.div,{className:`absolute top-0 left-1/2 -ml-6 flex items-center justify-center w-12 h-12 rounded-2xl bg-white shadow-xl border ${e.border} ${e.color}`,animate:{rotate:[-e.angle,-(e.angle+360)]},transition:{duration:20,repeat:1/0,ease:"linear"},children:(0,t.jsx)(e.Icon,{className:"w-6 h-6"})})},a))]});var O=e.i(37727),W=e.i(14764);let H=`Hi John, 13 14I noticed your profile and thought we could connect. We offer a great tool that might help your team grow. 15 16Would you be open to a quick 15-minute call next week? 17 18Best, 19Alex`,F=`Hey John, 20 21Saw your post about scaling the engineering team at Acme â congrats on the Series B! 22 23We just helped a similar SaaS founder cut their hiring cycle by 40% using automated LinkedIn outreach. Would love to share what worked for them. 24 25No pitch, just insights. Open to a quick chat? 26 27Cheers, 28Alex`;function Y({text:e,speed:a=30,startDelay:r=0,onComplete:l}){let[n,o]=(0,s.useState)(""),[d,c]=(0,s.useState)(!1),[m,p]=(0,s.useState)(!1);return(0,s.useEffect)(()=>{let e=setTimeout(()=>c(!0),r);return()=>clearTimeout(e)},[r]),(0,s.useEffect)(()=>
28{if(!d)return;let t=0,s=setInterval(()=>{t<e.length?(o(e.slice(0,t+1)),t++):(clearInterval(s),p(!0),l?.())},a);return()=>clearInterval(s)},[e,a,d,l]),(0,t.jsxs)("pre",{className:"whitespace-pre-wrap font-sans text-sm leading-relaxed text-slate-700",children:[n,d&&!m&&(0,t.jsx)(i.motion.span,{className:"inline-block w-0.5 h-4 bg-[#225aea] ml-0.5 rounded-full",animate:{opacity:[1,0]},transition:{repeat:1/0,duration:.8}})]})}function U(){return(0,t.jsx)("div",{className:"absolute inset-0 overflow-hidden pointer-events-none",children:Array.from({length:25}).map((e,a)=>(0,t.jsx)(i.motion.div,{className:"absolute rounded-full",style:{width:4*Math.random()+2,height:4*Math.random()+2,left:`${100*Math.random()}%`,top:`${100*Math.random()}%`,background:a%3==0?"rgba(34, 90, 234, 0.4)":a%3==1?"rgba(168, 85, 247, 0.3)":"rgba(59, 130, 246, 0.2)"},animate:{y:[0,-40-50*Math.random(),0],x:[0,30*Math.random()-15,0],opacity:[0,.8,0],scale:[.5,1.5,.5]},transition:{duration:5+10*Math.random(),repeat:1/0,ease:"easeInOut",delay:5*Math.random()}},a))})}function D({rate:e,color:a,delay:s=0}){let r=2*Math.PI*18;return(0,t.jsxs)(i.motion.div,{className:"relative w-12 h-12 flex-shrink-0",initial:{scale:0,rotate:-90},whileInView:{scale:1,rotate:0},viewport:{once:!0},transition:{delay:s,type:"spring",stiffness:200},children:[(0,t.jsxs)("svg",{className:"w-12 h-12 -rotate-90",viewBox:"0 0 40 40",children:[(0,t.jsx)("circle",{cx:"20",cy:"20",r:"18",fill:"none",stroke:"currentColor",strokeWidth:"2.5",className:"text-slate-100"}),(0,t.jsx)(i.motion.circle,{cx:"20",cy:"20",r:"18",fill:"none",stroke:a,strokeWidth:"2.5",strokeLinecap:"round",strokeDasharray:r,initial:{strokeDashoffset:r},whileInView:{strokeDashoffset:r-e/100*r},viewport:{once:!0},transition:{delay:s+.5,duration:1.5,ease:"easeOut"}})]}),(0,t.jsxs)("span",{className:"absolute inset-0 flex items-center justify-center text-[10px] font-black",style:{color:a},children:[e,"%"]})]})}
28function G(){let[e,a]=(0,s.useState)(!1),[r,l]=(0,s.useState)(!1),o=(0,s.useRef)(null),d=(0,$.useInView)(o,{once:!0,margin:"-100px"});return(0,s.useEffect)(()=>{if(d){let e=setTimeout(()=>a(!0),300);return()=>clearTimeout(e)}},[d]),(0,t.jsxs)("section",{ref:o,className:"relative pt-4 pb-20 lg:pt-6 lg:pb-32 overflow-hidden bg-white",children:[(0,t.jsxs)("div",{className:"absolute inset-0 pointer-events-none",children:[(0,t.jsx)("div",{className:"absolute top-0 right-0 w-[800px] h-[800px] bg-blue-50/60 rounded-full blur-[120px] -translate-y-1/2 translate-x-1/3"}),(0,t.jsx)("div",{className:"absolute bottom-0 left-0 w-[600px] h-[600px] bg-purple-50/60 rounded-full blur-[100px] translate-y-1/3 -translate-x-1/3"}),(0,t.jsx)("div",{className:"absolute inset-0 bg-[radial-gradient(circle_at_center,rgba(34,90,234,0.04)_1px,transparent_1px)] [background-size:32px_32px]"})]}),(0,t.jsx)(U,{}),(0,t.jsxs)("div",{className:"relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 z-10",children:[(0,t.jsxs)(i.motion.div,{initial:{opacity:0,y:40},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.8,ease:"easeOut"},className:"text-center mb-16",children:[(0,t.jsxs)(i.motion.div,{className:"inline-flex items-center gap-2 bg-blue-50 text-blue-600 px-5 py-2 rounded-full text-xs font-bold uppercase tracking-widest mb-6 border border-blue-100 shadow-sm",initial:{opacity:0,scale:.8},whileInView:{opacity:1,scale:1},viewport:{once:!0},transition:{delay:.2},children:[(0,t.jsx)("img",{src:"/logo.png",alt:"Qampi Logo",className:"w-4 h-4 object-contain"}),"Powered by Qampi AI"]}),(0,t.jsxs)("h2",{className:"font-display text-6xl sm:text-7xl lg:text-8xl font-semibold text-slate-900 leading-[1.1] max-w-7xl mx-auto",children:["The difference between"," ",(0,t.jsx)("span",{className:"text-slate-300 line-through decoration-red-400/60 decoration-[3px] whitespace-nowrap",children:"âHi [Name]â"}),(0,t.jsx)("br",{}),"and",(0,t.jsx)("br",{}),(0,t.jsx)("span",{className:"bg-gradient-to-r from-blue-600 via-indigo-500 to-purple-600 bg-clip-text text-transparent",children:"âHey Sarah, loved your post...â"})]}),(0,t.jsx)(i.motion.p,{className:"mt-6 text-lg text-slate-500 max-w-2xl mx-auto leading-relaxed font-medium",initial:{opacity:0}
28,whileInView:{opacity:1},viewport:{once:!0},transition:{delay:.4},children:"See how Qampi transforms generic copy-paste templates into deeply personalized messages that actually get replies."})]}),(0,t.jsxs)("div",{className:"relative grid lg:grid-cols-2 gap-8 lg:gap-12 max-w-7xl mx-auto items-stretch",children:[(0,t.jsx)(i.motion.div,{className:"absolute left-1/2 top-[40%] -translate-x-1/2 -translate-y-1/2 z-30 hidden lg:flex",initial:{opacity:0,scale:0},whileInView:{opacity:1,scale:1},viewport:{once:!0},transition:{delay:.8,type:"spring",stiffness:300},children:(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsx)("div",{className:"absolute inset-0 bg-gradient-to-br from-blue-400 to-purple-500 rounded-full blur-xl opacity-40 animate-pulse"}),(0,t.jsx)("div",{className:"relative w-16 h-16 bg-white rounded-full flex items-center justify-center text-slate-900 font-black text-xl shadow-2xl border-[6px] border-slate-50",children:"VS"})]})}),(0,t.jsx)(i.motion.div,{initial:{opacity:0,x:-40},whileInView:{opacity:1,x:0},viewport:{once:!0},transition:{duration:.7,ease:"easeOut"},className:"relative group",children:(0,t.jsxs)("div",{className:"relative bg-white rounded-3xl border border-slate-200 shadow-xl overflow-hidden h-full group-hover:border-slate-300 transition-colors duration-300",children:[(0,t.jsx)("div",{className:"bg-slate-50 px-6 py-5 border-b border-slate-200",children:(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsxs)("div",{className:"flex items-center gap-4",children:[(0,t.jsx)("div",{className:"w-12 h-12 bg-white rounded-xl flex items-center justify-center border border-slate-200 shadow-sm",children:(0,t.jsx)(O.X,{className:"w-6 h-6 text-slate-400"})}),(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{className:"font-bold text-slate-800 text-base",children:"Generic Template"}),(0,t.jsx)("p",{className:"text-xs text-slate-500 font-medium",children:"What everyone else sends"})]})]}),(0,t.jsxs)("div",{className:"flex items-center gap-3",children:[(0,t.jsx)(D,{rate:5,color:"#64748b",delay:.3}),(0,t.jsxs)("div",{className:"text-right",children:[(0,t.jsx)("p",{className:"text-[10px] font-bold text-slate-500 uppercase tracking-wider",children:"Reply Rate"}),(0,t.jsx)("p",{className:"text-[10px] text-slate-400 font-medium",children:"Industry avg"})]})]})]})}),(0,t.jsxs)("div",{className:"relative p-6 sm:p-8",children:[(0,t.jsxs)("div",{className:"bg-slate-50 rounded-2xl p-6 border border-slate-200",children:[(0,t.jsxs)("div",{className:"flex items-center gap-3 mb-5 pb-4 border-b border-slate-200",children:[(0,t.jsx)("div",{className:"w-10 h-10 bg-slate-200 rounded-full flex items-center justify-center",children:(0,t.jsx)("span",{className:"text-xs font-bold text-slate-500",children:"JS"})}),(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{className:"text-sm font-bold text-slate-700",children:"To: John Smith"}),(0,t.jsx)("p",{className:"text-[11px] text-slate-500 font-medium",children:"VP Engineering at Acme Corp"})]})]}),(0,t.jsx)("p",{className:"text-slate-500 text-sm leading-relaxed whitespace-pre-wrap",children:H})]}),(0,t.jsxs)(i.motion.div,{className:"mt-6 space-y-3",initial:{opacity:0}
28,whileInView:{opacity:1},viewport:{once:!0},transition:{delay:.5},children:[(0,t.jsx)("p",{className:"text-[11px] font-bold text-slate-400 uppercase tracking-widest mb-4",children:"Why it fails"}),[{text:"No personalization",detail:"Could be sent to anyone"},{text:"Feels like spam",detail:"Templated & salesy"},{text:"Easy to ignore",detail:"No compelling hook"}].map(e=>(0,t.jsxs)("div",{className:"flex items-center gap-3",children:[(0,t.jsx)("div",{className:"w-6 h-6 rounded-lg bg-slate-100 border border-slate-200 flex items-center justify-center flex-shrink-0",children:(0,t.jsx)(O.X,{className:"w-3.5 h-3.5 text-slate-400"})}),(0,t.jsxs)("div",{children:[(0,t.jsx)("span",{className:"text-sm font-bold text-slate-600",children:e.text}),(0,t.jsxs)("span",{className:"text-xs text-slate-400 ml-2 font-medium",children:["â ",e.detail]})]})]},e.text))]})]})]})}),(0,t.jsxs)(i.motion.div,{initial:{opacity:0,x:40},whileInView:{opacity:1,x:0},viewport:{once:!0},transition:{duration:.7,ease:"easeOut",delay:.15},className:"relative",children:[(0,t.jsx)("div",{className:"absolute -inset-2 bg-gradient-to-br from-blue-500/20 via-indigo-500/10 to-purple-500/20 rounded-[2rem] blur-2xl opacity-70"}),(0,t.jsxs)("div",{className:"relative bg-white rounded-3xl border border-blue-200 shadow-2xl overflow-hidden h-full",children:[(0,t.jsx)("div",{className:"absolute inset-0 bg-gradient-to-br from-blue-500/[0.03] via-trans
28parent to-purple-500/[0.03] pointer-events-none"}),(0,t.jsx)("div",{className:"relative bg-gradient-to-r from-blue-50/80 via-indigo-50/50 to-purple-50/50 px-6 py-5 border-b border-blue-100/60",children:(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsxs)("div",{className:"flex items-center gap-4",children:[(0,t.jsx)("div",{className:"w-12 h-12 bg-white rounded-xl flex items-center justify-center shadow-lg shadow-blue-500/10 border border-blue-100",children:(0,t.jsx)("img",{src:"/logo.png",alt:"Qampi Logo",className:"w-6 h-6 object-contain"})}),(0,t.jsxs)("div",{children:[(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)("p",{className:"font-bold text-slate-800 text-base",children:"Qampi AI"}),(0,t.jsx)(i.motion.span,{className:"w-2 h-2 rounded-full bg-emerald-500 shadow-[0_0_8px_rgba(16,185,129,0.8)]",animate:{scale:[1,1.4,1]},transition:{repeat:1/0,duration:2}})]}),(0,t.jsx)("p",{className:"text-xs text-slate-500 font-medium",children:"Fine-tuned to your voice"})]})]}),(0,t.jsxs)("div",{className:"flex items-center gap-3",children:[(0,t.jsx)(D,{rate:34,color:"#2563eb",delay:.5}),(0,t.jsxs)("div",{className:"text-right",children:[(0,t.jsx)("p",{className:"text-[10px] font-bold text-blue-600 uppercase tracking-wider",children:"Reply Rate"}),(0,t.jsx)("p",{className:"text-[10px] text-slate-500 font-medium",children:"6.8à better"})]})]})]})}),(0,t.jsxs)("div",{className:"relative p-6 sm:p-8",children:[(0,t.jsxs)("div",{className:"bg-gradient-to-br from-blue-50/50 to-indigo-50/30 rounded-2xl p-6 border border-blue-100 relative overflow-hidden",children:[(0,t.jsx)(i.motion.div,{className:"absolute inset-0 bg-gradient-to-r from-transparent via-white/40 to-transparent pointer-events-none",animate:{x:["-100%","100%"]},transition:{repeat:1/0,duration:3,ease:"linear",repeatDelay:4}}),(0,t.jsxs)("div",{className:"flex items-center gap-3 mb-5 pb-4 border-b border-blue-200/50 relative",children:[(0,t.jsx)("div",{className:"w-10 h-10 bg-blue-600 rounded-full flex items-center justify-center shadow-md",children:(0,t.jsx)("img",{src:"/logo.png",alt:"Qampi",className:"w-5 h-5 filter brightness-0 invert opacity-90"})}),(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{className:"text-sm font-bold text-slate-800",children:"To: John Smith"}),(0,t.jsx)("p",{className:"text-[11px] text-slate-500 font-medium",children:"VP Engineering at Acme Corp"})]}),(0,t.jsx)("div",{className:"ml-auto",children:(0,t.jsxs)(i.motion.div,{className:"flex items-center gap-1.5 bg-emerald-50 text-emerald-600 text-[10px] font-bold px-2.5 py-1 rounded-full border border-emerald-100 shadow-sm",initial:{opacity:0,scale:0},animate:r?{opacity:1,scale:1}:{},transition:{type:"spring",stiffness:300},children:[(0,t.jsx)(W.Send,{className:"w-3 h-3"}),"Sent"]})})]}),e?(0,t.jsx)(Y,{text:F,speed:25,startDelay:600,onComplete:()=>l(!0)}):(0,t.jsxs)("div",{className:"flex items-center gap-2 text-blue-600 text-sm font-medium",children:[(0,t.jsxs)(i.motion.div,{className:"flex gap-1",animate:{opacity:[.3,1,.3]},transition:{repeat:1/0,duration:1.5},children:[(0,t.jsx)("span",{className:"w-1.5 h-1.5 rounded-full bg-blue-600/60"}),(0,t.jsx)("span",{className:"w-1.5 h-1.5 rounded-full bg-blue-600/60"}),(0,t.jsx)("span",{className:"w-1.5 h-1.5 rounded-full bg-blue-600/60"})]}),"Generating..."]})]}),(0,t.jsx)(i.motion.div,{initial:{opacity:0,y:15},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:1.5,duration:.6},className:"mt-6",children:(0,t.jsxs)("div",{className:"bg-gradient-to-r from-blue-50/50 to-indigo-50/30 rounded-2xl p-4 border border-blue-100/50",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2 mb-3",children:[(0,t.jsx)(z.Zap,{className:"w-4 h-4 text-amber-500"}),(0,t.jsx)("p",{className:"text-[11px] font-bold text-slate-700 uppercase tracking-widest",children:"Qampi analyzed"})]}),(0,t.jsx)("div",{className:"flex flex-wrap gap-2",children:[{label:"Recent post about hiring",icon:"ð"},{label:"Series B funding",icon:"ð°"},{label:"SaaS case study match",icon:"ð¯"},{label:"Casual, data-driven tone",icon:"ð¨"}].map((e,a)=>(0,t.jsxs)(i.motion.span,{className:"bg-white text-slate-700 text-[11px] font-bold px-3 py-1.5 rounded-lg border border-slate-200 shadow-sm flex items-center gap-1.5",initial:{opacity:0,y:5},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:1.8+.1*a},children:[(0,t.jsx)("span",{children:e.icon}),e.label]},e.label))})]})}),(0,t.jsxs)(i.motion.div,{className:"mt-6 space-y-3",initial:{opacity:0}
28,whileInView:{opacity:1},viewport:{once:!0},transition:{delay:1},children:[(0,t.jsx)("p",{className:"text-[11px] font-bold text-blue-600 uppercase tracking-widest mb-4",children:"Why it works"}),[{text:"References their actual activity",detail:"Builds instant rapport"},{text:"Personal & conversational",detail:"Feels human-written"},{text:"Clear value, no pressure",detail:"Earns the reply"}].map(e=>(0,t.jsxs)("div",{className:"flex items-center gap-3",children:[(0,t.jsx)("div",{className:"w-6 h-6 rounded-lg bg-emerald-50 border border-emerald-100 flex items-center justify-center flex-shrink-0",children:(0,t.jsx)(n.Check,{className:"w-3.5 h-3.5 text-emerald-600 stroke-[3]"})}),(0,t.jsxs)("div",{children:[(0,t.jsx)("span",{className:"text-sm font-bold text-slate-800",children:e.text}),(0,t.jsxs)("span",{className:"text-xs text-slate-500 ml-2 font-medium",children:["â ",e.detail]})]})]},e.text))]})]})]})]})]}),(0,t.jsx)(i.motion.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:.5,duration:.7},className:"mt-20 max-w-5xl mx-auto",children:(0,t.jsx)("div",{className:"bg-white rounded-3xl border border-slate-200 shadow-2xl p-8 sm:p-10",children:(0,t.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-8 md:gap-6 divide-y md:divide-y-0 md:divide-x divide-slate-100",children:[{icon:(0,t.jsx)(C.TrendingUp,{className:"w-6 h-6"}),value:"6.8Ã",label:"Higher reply rate",color:"text-blue-600",bg:"bg-blue-50",border:"border-blue-100"},{icon:(0,t.jsx)(z.Zap,{className:"w-6 h-6"}),value:"< 3s",label:"Per message generation",color:"text-purple-600",bg:"bg-purple-50",border:"border-purple-100"},{icon:(0,t.jsx)(k.Sparkles,{className:"w-6 h-6"}),value:"40%",label:"Shorter sales cycles",color:"text-emerald-600",bg:"bg-emerald-50",border:"border-emerald-100"}].map((e,a)=>(0,t.jsxs)(i.motion.div,{className:"text-center pt-8 md:pt-0 first:pt-0",initial:{opacity:0,y:10},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:.7+.15*a},children:[(0,t.jsx)("div",{className:`inline-flex items-center justify-center w-12 h-12 rounded-xl mb-4 shadow-sm ${e.bg} ${e.border} border`,children:(0,t.jsx)("div",{className:e.color,children:e.icon})}),(0,t.jsx)("div",{className:`text-3xl md:text-4xl font-black ${e.color} mb-2 tracking-tight`,children:e.value}),(0,t.jsx)("div",{className:"text-sm text-slate-500 font-bold",children:e.label})]},e.label))})})})]})]})}let X=[{dim:"Message writing",others:"Mail-merge templates with {firstName} â prospects spot them",qampi:"AI reads each profile and recent posts, then writes a genuinely personal message"},{dim:"Strategy",others:"You write the copy and guess the angle",qampi:"Learns your ICP, messaging pillars & best angles, then writes on-strategy"},{dim:"Account safety",others:"Shared or datacenter IPs that get flagged",qampi:"Dedicated sticky proxy per account, human-like pacing & working hours"},{dim:"Warming up leads",others:"Connect & message only",qampi:"Auto-likes and leaves AI-written comments on their posts first"},{dim:"When they reply",others:"Keep firing scheduled steps",qampi:"Instantly pauses so you take over a warm conversation"},{dim:"Data & reach",others:"LinkedIn only",qampi:"LinkedIn + verified email finder + CRM sync (HubSpot, Pipedrive, Notion)"},{dim:"Built for",others:"Big sales teams with ops support",qampi:"Founders, reps, recruiters & job seekers â live in minutes"}],J="grid grid-cols-1 md:grid-cols-[1.1fr_1.2fr_1.4fr]";function Z(){return(0,t.jsxs)("section",{className:"py-24 lg:py-32 bg-purple-50/30 relative overflow-hidden",children:[(0,t.jsx)("div",{className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[800px] h-[800px] bg-gradient-to-br from-indigo-500/5 to-purple-500/5 rounded-full blur-[100px] pointer-events-none"}),(0,t.jsxs)("div",{className:"relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[(0,t.jsxs)(i.motion.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0},className:"text-center mb-16",children:[(0,t.jsxs)("span",{className:"inline-flex items-center gap-2 bg-indigo-50 text-primary px-4 py-1.5 rounded-full text-xs font-black uppercase tracking-widest mb-6 border border-indigo-100 shadow-sm",children:[(0,t.jsx)(z.Zap,{className:"w-4 h-4"})," Qampi vs. the rest"]}),(0,t.jsxs)("h2",{className:"font-display text-5xl sm:text-6xl lg:text-7xl font-semibold text-slate-900 leading-[1.1]",children:["Other tools automate."," ",(0,t.jsx)("span",{className:"bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent",children:"Qampi converts."})]}),(0,t.jsx)("p",{className:"mt-6 text-xl text-slate-500 font-medium",children:"Same outreach â done the way that actually gets answered."})]}),(0,t.jsxs)(i.motion.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.6},className:"max-w-5xl mx-auto rounded-[2rem] border border-slate-200 bg-white shadow-xl overflow-hidden",children:[(0,t.jsxs)("div",{className:J,children:[(0,t.jsx)("div",{className:"hidden md:block p-6"}),(0,t.jsxs)("div",{className:"p-6 flex items-center justify-center gap-2 md:border-l border-slate-100",children:[(0,t.jsx)("div",{className:"w-7 h-7 rounded-full bg-slate-100 flex items-center justify-center",children:(0,t.jsx)(O.X,{className:"w-4 h-4 text-slate-400"})}),(0,t.jsx)("span",{className:"text-base font-bold text-slate-500",children:"Other Tools"})]}),(0,t.jsxs)("div",{className:"p-6 flex items-center justify-center gap-2 bg-gradient-to-b from-indigo-50 to-indigo-50/40 md:border-l border-indigo-100",children:[(0,t.jsx)("img",{src:"/logo.png",alt:"Qampi",className:"w-7 h-7 object-contain"}),(0,t.jsx)("span",{className:"text-base font-black bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent",children:"Qampi"})]})]}),X.map(e=>(0,t.jsxs)("div",{className:`${J} border-t border-slate-100`,children:[(0,t.jsx)("div",{className:"px-6 py-5 font-bold text-slate-800 text-sm md:text-base flex items-center",children:e.dim}),(0,t.jsxs)("div",{className:"px-6 py-5 flex items-start gap-3 text-slate-500 text-sm leading-relaxed md:border-l border-slate-100",children:[(0,t.jsx)(O.X,{className:"w-4 h-4 text-rose-400 shrink-0 mt-0.5"}),(0,t.jsx)("span",{children:e.others})]}),(0,t.jsxs)("div",{className:"px-6 py-5 flex items-start gap-3 text-slate-800 font-medium text-sm leading-relaxed bg-indigo-50/40 md:border-l border-indigo-100",children:[(0,t.jsx)("span",{className:"w-5 h-5 rounded-full bg-gradient-to-r from-emerald-400 to-teal-400 flex items-center justify-center shrink-0 mt-0.5 shadow-sm shadow-emerald-500/20",children:(0,t.jsx)(n.Check,{className:"w-3 h-3 text-white"})}),(0,t.jsx)("span",{children:e.qampi})]})]},e.dim))]})]})]})}let K=()=>(0,t.jsx)("svg",{viewBox:"0 0 1000 700",className:"w-full h-full",fill:"none",preserveAspectRatio:"none",children:["M500,250 C600,50 900,50 880,300 C860,550 600,500 500,350 C400,200 420,150 500,250","M550,300 C580,80 750,20 780,200 C810,380 650,480 550,380 C450,280 500,180 550,300","M480,320 C620,200 920,250 880,420 C840,590 580,550 480,420 C380,290 400,250 480,320","M520,380 C620,280 820,320 790,480 C760,640 560,600 520,470 C480,340 490,310 520,380","M560,300 C610,200 730,220 710,330 C690,440 590,450 560,360 C530,270 540,230 560,300","M420,200 C460,60 650,80 640,230 C630,380 470,390 420,280 C370,170 380,120 420,200","M500,420 C560,340 700,360 680,460 C660,560 530,560 500,480 C470,400 480,370 500,420","M500,420 C520,470 750,550 750,700"].map((e,a)=>(0,t.jsxs)(s.default.Fragment,{children:[(0,t.jsx)("path",{d:e,stroke:"#8b5cf6",strokeWidth:36,strokeLinecap:"round",fill:"none",opacity:.07}),(0,t.jsx)("path",{d:e,stroke:"#8b5cf6",strokeWidth:12,strokeLinecap:"round",fill:"none",opacity:.28})]},a))}),ee=({scrollYProgress:e})=>{let a=(0,R.useTransform)(e,[.05,.92],[0,1]),s="M750,0 C750,150 650,160 600,280 C540,420 700,500 680,650 C660,800 350,850 320,1000 C290,1150 600,1200 620,1350 C640,1500 300,1550 280,1700 C260,1850 550,1900 500,2050 C450,2200 600,2350 550,2500 C500,2650 650,2750 600,2900 C550,3050 400,3100 450,3250 C500,3400 600,3500 550,3600";return(0,t.jsxs)("svg",{viewBox:"0 0 1000 3600",fill:"none",className:"w-full h-full",preserveAspectRatio:"none",children:[(0,t.jsx)(i.motion.path,{d:s,stroke:"url
28(#purpleGlow)",strokeWidth:"35",strokeLinecap:"round",fill:"none",opacity:"0.1",style:{pathLength:a}}),(0,t.jsx)(i.motion.path,{d:s,stroke:"url(#purpleGrad)",strokeWidth:"12",strokeLinecap:"round",fill:"none",opacity:"0.3",style:{pathLength:a}}),(0,t.jsx)(i.motion.path,{d:s,stroke:"url(#purpleGrad)",strokeWidth:"1.75",strokeLinecap:"round",fill:"none",opacity:"0.0",style:{pathLength:a}}),(0,t.jsx)(i.motion.path,{d:s,stroke:"#c4b5fd",strokeWidth:"0.75",strokeLinecap:"round",fill:"none",opacity:"0.3",style:{pathLength:a}}),(0,t.jsxs)("defs",{children:[(0,t.jsxs)("linearGradient",{id:"purpleGrad",x1:"500",y1:"0",x2:"500",y2:"3600",gradientUnits:"userSpaceOnUse",children:[(0,t.jsx)("stop",{offset:"0%",stopColor:"#8b5cf6"}),(0,t.jsx)("stop",{offset:"30%",stopColor:"#a855f7"}),(0,t.jsx)("stop",{offset:"60%",stopColor:"#7c3aed"}),(0,t.jsx)("stop",{offset:"100%",stopColor:"#6366f1"})]}),(0,t.jsxs)("linearGradient",{id:"purpleGlow",x1:"500",y1:"0",x2:"500",y2:"3600",gradientUnits:"userSpaceOnUse",children:[(0,t.jsx)("stop",{offset:"0%",stopColor:"#a78bfa"}),(0,t.jsx)("stop",{offset:"50%",stopColor:"#8b5cf6"}),(0,t.jsx)("stop",{offset:"100%",stopColor:"#7c3aed"})]})]})]})},et=({url:e,children:a})=>(0,t.jsxs)("div",{className:"bg-white rounded-2xl border border-slate-200/60 shadow-[0_8px_40px_-12px_rgba(0,0,0,0.12)] overflow-hidden",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2 bg-slate-50/80 px-4 py-2.5 border-b border-slate-200/40",children:[(0,t.jsxs)("div",{className:"flex gap-1.5",children:[(0,t.jsx)("span",{className:"w-[9px] h-[9px] rounded-full bg-[#FF5F57]"}),(0,t.jsx)("span",{className:"w-[9px] h-[9px] rounded-full bg-[#FEBC2E]"}),(0,t.jsx)("span",{className:"w-[9px] h-[9px] rounded-full bg-[#28C840]"})]}),(0,t.jsx)("div",{className:"flex-1 mx-6",children:(0,t.jsx)("div",{className:"bg-white/80 rounded-md px-3 py-1 text-[11px] text-slate-400 text-center border border-slate-200/40 max-w-[220px] mx-auto font-mono",children:e})})]}),a]}),ea=[{number:1,color:"#6366f1",step:"STEP 01",title:"Set up in minutes",description:"Connect your LinkedIn and tell Qampi about your business â your company, value prop, and ideal customer. That's what the AI writes from.",bullets:["Connect your LinkedIn account","Add company info, value prop & ideal customer","Sync HubSpot, Pipedrive, or Notion (optional)"],tags:["LinkedIn","Business Profile","CRM Sync"],mockup:"crm",reverse:!1},{number:2,color:"#8b5cf6",step:"STEP 02",title:"Import your leads",description:"Pull prospects straight from LinkedIn with the Qampi extension, or upload a CSV / Excel. Every lead is enriched with profile data.",bullets:["Capture profiles from LinkedIn with the extension","Upload a CSV / Excel, or add leads manually","Auto-enriched with role, company & profile data"],tags:["Extension","CSV Import","Auto-Enrich"],mockup:"prospect",reverse:!0},{number:3,color:"#a855f7",step:"STEP 03",title:"Launch a campaign",description:"Pick the objective, audience, CTA, and tone. Qampi researches each prospect and writes a personal message â then runs it safely, on autopilot.",bullets:["Set your goal, CTA & tone in a few clicks","Steps: connect, message, like & comment","AI writes a unique message for every prospect"],tags:["Objective & Scope","AI-Written","LinkedIn-Safe"],mockup:"campaign",reverse:!1},{number:4,color:"#7c3aed",step:"STEP 04",title:"Watch replies roll in",description:"A real-time dashboard tracks every connection, reply, and what's converting â and the moment a lead replies, the automation pauses so you take over.",bullets:["Live activity feed for every action","Reply & acceptance rates per campaign","Auto-pauses on reply · results sync to your CRM"],tags:["Live Dashboard","Reply Rates","CRM Sync"],mockup:"analytics",reverse:!0}],es={crm:{src:"/screens/onboarding.png",url:"app.qampi.com/onboarding"},prospect:{src:"/screens/prospects.png",url:"app.qampi.com/prospects"},campaign:{src:"/screens/campaign.png",url:"app.qampi.com/campaigns"},analytics:{src:"/screens/analytics.png",url:"app.qampi.com/dashboard"}},ei=({type:e})=>{let a=es[e];return a?(0,t.jsx)(et,{url:a.url,children:(0,t.jsx)("img",{src:a.src,alt:"Qampi app screen",className:"w-full h-auto block"})}):null};function er(){let e=(0,s.useRef)(null),{scrollYProgress:a}=(0,q.useScroll)({target:e}),r=(0,s.useRef)(null),l=(0,s.useRef)(null),n=(0,s.useRef)(null),o=(0,s.useRef)(null),d=[r,l,n,o],c=(0,q.useScroll)({target:r,offset:["start end","center center"]}).scrollYProgress,m=(0,q.useScroll)({target:l,offset:["start end","center center"]}).scrollYProgress,p=(0,q.useScroll)({target:n,offset:["start end","center center"]}).scrollYProgress,x=(0,q.useScroll)({target:o,offset:["start end","center center"]}).scrollYProgress,u=[(0,R.useTransform)(c,[0,.5],[0,1]),(0,R.useTransform)(m,[0,.5],[0,1]),(0,R.useTransform)(p,[0,.5],[0,1]),(0,R.useTransform)(x,[0,.5],[0,1])],h=[(0,R.useTransform)(c,[0,.7],[80,0]),(0,R.useTransform)(m,[0,.7],[80,0]),(0,R.useTransform)(p,[0,.7],[80,0]),(0,R.useTransform)(x,[0,.7],[80,0])],g=[(0,R.useTransform)(c,[0,.7],[120,0]),(0,R.useTransform)(m,[0,.7],[120,0]),(0,R.useTransform)(p,[0,.7],[120,0]),(0,R.useTransform)(x,[0,.7],[120,0])],b=[(0,R.useTransform)(c,[0,.5],[.9,1]),(0,R.useTransform)(m,[0,.5],[.9,1]),(0,R.useTransform)(p,[0,.5],[.9,1]),(0,R.useTransform)(x,[0,.5],[.9,1])];return(0,t.jsxs)("section",{ref:e,className:"relative w-full bg-white text-slate-900 overflow-hidden",children:[(0,t.jsx)("div",{className:"absolute top-0 left-0 w-full h-[700px] pointer-events-none z-0",children:(0,t.jsx)(K,{})}),(0,t.jsx)("div",{className:"absolute top-[700px] bottom-0 left-0 w-full pointer-events-none z-0",children:(0,t.jsx)(ee,{scrollYProgress:a})}),(0,t.jsxs)("div",{className:"relative z-10 flex flex-col items-start justify-start text-left px-4 sm:px-8 lg:px-16 xl:px-24 max-w-[1360px] mx-auto w-full pt-10 pb-12 md:pt-14 md:pb-16",children:[(0,t.jsxs)("span",{className:"inline-flex items-center gap-2 bg-violet-50 text-violet-600 px-5 py-2 rounded-full text-[11px] font-bold uppercase tracking-widest mb-8 border border-violet-200/50",children:[(0,t.jsx)("span",{className:"w-1.5 h-1.5 rounded-full bg-violet-500 animate-pulse"}),"How It Works"]}),(0,t.jsxs)("h2",{className:"font-display text-6xl sm:text-7xl lg:text-8xl font-semibold text-slate-900 leading-[0.92] max-w-3xl relative z-10",children:["From messy",(0,t.jsx)("br",{}),(0,t.jsx)("span",{className:"bg-gradient-to-r from-violet-600 via-purple-500 to-indigo-600 bg-clip-text text-transparent",children:"to streamlined"})]}),(0,t.jsx)("p",{className:"mt-7 text-slate-500 text-base md:text-lg max-w-xl leading-relaxed",children:"Qampi turns scattered prospecting into a clean, repeatable pipeline â in 4 steps."}),(0,t.jsxs)("div",{className:"mt-10 md:mt-12 flex flex-col items-center gap-3",children:[(0,t.jsx)("span",{className:"text-[9px] font-bold uppercase tracking-[0.25em] text-slate-400",children:"Scroll"}),(0,t.jsx)("div",{className:"w-[18px] h-8 rounded-full border-[1.5px] border-slate-300 flex items-start justify-center p-[3px]",children:(0,t.jsx)(i.motion.div,{className:"w-[5px] h-[5px] rounded-full bg-violet-500",animate:{y:[0,12,0]},transition:{repeat:1/0,duration:1.5,ease:"easeInOut"}})})]})]}),(0,t.jsx)("div",{className:"relative z-10 pb-24 md:pb-40",children:ea.map((e,a)=>(0,t.jsxs)("div",{ref:d[a],className:"min-h-[60vh] flex items-center px-4 sm:px-8 lg:px-16 xl:px-24 py-10 md:py-14 relative",children:[(0,t.jsxs)("span",{className:"absolute top-1/2 -translate-y-1/2 pointer-events-none select-none hidden xl:block text-[220px] 2xl:text-[280px] font-black leading-none opacity-[0.025]",style:{[e.reverse?"right":"left"]:"-0.5rem"},children:["0",e.number]}),(0,t.jsxs)("div",{className:`w-full max-w-[1440px] mx-auto flex flex-col gap-10 lg:gap-12 items-center ${e.reverse?"lg:flex-row-reverse":"lg:flex-row"}`,children:[(0,t.jsxs)(i.motion.div,{style:{y:h[a],opacity:u[a]},className:"w-full lg:w-[34%]",children:[(0,t.jsxs)("div",{className:"flex items-center gap-3.5 mb-5",children:[(0,t.jsx)("div",{className:"w-10 h-10 rounded-xl flex items-center justify-center text-white text-sm font-black shadow-md",style:{background:e.color},children:e.number}),(0,t.jsx)("span",{className:"text-[11px] font-bold uppercase tracking-widest",style:{color:e.color},children:e.step})]}),(0,t.jsx)("h3",{className:"font-display text-3xl sm:text-4xl lg:text-5xl font-semibold text-slate-900 leading-[1.08] mb-4",children:e.title}),(0,t.jsx)("p",{className:"text-base md:text-lg text-slate-500 leading-relaxed mb-6",children:e.description}),(0,t.jsx)("ul",{className:"space-y-2.5 mb-6",children:e.bullets.map((a,s)=>(0,t.jsxs)("li",{className:"flex items-start gap-2.5",children:[(0,t.jsx)("span",{className:"w-1.5 h-1.5 rounded-full mt-[7px] shrink-0",style:{background:e.color}}),(0,t.jsx)("span",{className:"text-[15px] text-slate-600 leading-relaxed",children:a})]},s))}),(0,t.jsx)("div",{className:"flex flex-wrap gap-1.5",children:e.tags.map(a=>(0,t.jsx)("span",{className:"text-xs font-medium px-3 py-1 rounded-full border",style:{color:e.color,backgroundColor:`${e.color}0a`,borderColor:`${e.color}18`},children:a},a))})]}
28),(0,t.jsx)(i.motion.div,{style:{y:g[a],opacity:u[a],scale:b[a]},className:"w-full lg:w-[64%] relative",children:(0,t.jsxs)("div",{className:"relative group",children:[(0,t.jsx)("div",{className:"absolute -inset-8 rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity duration-700 blur-3xl pointer-events-none",style:{background:`${e.color}0c`}}),(0,t.jsx)(ei,{type:e.mockup})]})})]})]},e.number))})]})}let el=(0,r.default)("user",[["path",{d:"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2",key:"975kel"}],["circle",{cx:"12",cy:"7",r:"4",key:"17ys0d"}]]),en=(0,r.default)("building-2",[["path",{d:"M10 12h4",key:"a56b0p"}],["path",{d:"M10 8h4",key:"1sr2af"}],["path",{d:"M14 21v-3a2 2 0 0 0-4 0v3",key:"1rgiei"}],["path",{d:"M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2",key:"secmi2"}],["path",{d:"M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16",key:"16ra0t"}]]);var eo=e.i(20278);let ed=(0,r.default)("user-search",[["circle",{cx:"10",cy:"7",r:"4",key:"e45bow"}],["path",{d:"M10.3 15H7a4 4 0 0 0-4 4v2",key:"3bnktk"}],["circle",{cx:"17",cy:"17",r:"3",key:"18b49y"}],["path",{d:"m21 21-1.9-1.9",key:"1g2n9r"}]]),ec=[{icon:el,label:"You",desc:"Your role & writing voice",color:"#6366f1",bg:"bg-indigo-50",text:"text-indigo-600",border:"border-indigo-100"},{icon:en,label:"Your business",desc:"Company, value prop & ICP",color:"#8b5cf6",bg:"bg-violet-50",text:"text-violet-600",border:"border-violet-100"},{icon:eo.Target,label:"Your campaign",desc:"Objective, CTA & tone",color:"#a855f7",bg:"bg-purple-50",text:"text-purple-600",border:"border-purple-100"},{icon:ed,label:"Your target",desc:"Their profile & recent activity",color:"#7c3aed",bg:"bg-blue-50",text:"text-blue-600",border:"border-blue-100"}];function em(){return(0,t.jsxs)("section",{className:"relative py-20 lg:py-28 overflow-hidden bg-white",children:[(0,t.jsx)("div",{className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[700px] h-[700px] bg-gradient-to-br from-indigo-500/5 to-purple-500/5 rounded-full blur-[120px] pointer-events-none"}),(0,t.jsxs)("div",{className:"relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[(0,t.jsxs)(i.motion.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0},className:"text-center mb-16 max-w-3xl mx-auto",children:[(0,t.jsxs)("span",{className:"inline-flex items-center gap-2 bg-indigo-50 text-primary px-4 py-1.5 rounded-full text-xs font-black uppercase tracking-widest mb-6 border border-indigo-100 shadow-sm",children:[(0,t.jsx)(k.Sparkles,{className:"w-3.5 h-3.5"})," Qampi AI Engine"]}),(0,t.jsxs)("h2",{className:"font-display text-5xl sm:text-6xl lg:text-7xl font-semibold text-slate-900 leading-[1.1]",children:["Four inputs."," ",(0,t.jsx)("span",{className:"bg-gradient-to-r from-blue-600 via-indigo-600 to-purple-600 bg-clip-text text-transparent",children:"One personal message."})]}),(0,t.jsx)("p",{className:"mt-6 text-lg text-slate-500 font-medium",children:"Qampi's engine reads four things before it writes a word â so every message sounds like you, speaks to your offer, and lands with that exact person."})]}),(0,t.jsxs)("div",{className:"grid lg:grid-cols-[1fr_auto_1.1fr] gap-8 lg:gap-6 items-center",children:[(0,t.jsx)("div",{className:"space-y-4",children:ec.map((e,a)=>(0,t.jsxs)(i.motion.div,{initial:{opacity:0,x:-30},whileInView:{opacity:1,x:0},viewport:{once:!0},transition:{delay:.1*a,type:"spring",stiffness:120,damping:18},className:"flex items-center gap-4 bg-white rounded-2xl border border-slate-100 shadow-sm hover:shadow-md hover:-translate-y-0.5 transition-all p-4",children:[(0,t.jsx)("div",{className:`w-11 h-11 rounded-xl ${e.bg} ${e.text} border ${e.border} flex items-center justify-center shrink-0`,children:(0,t.jsx)(e.icon,{className:"w-5 h-5"})}),(0,t.jsxs)("div",{className:"min-w-0",children:[(0,t.jsx)("div",{className:"font-bold text-slate-800 text-[15px]",children:e.label}),(0,t.jsx)("div",{className:"text-[13px] text-slate-500 leading-snug",children:e.desc})]}),(0,t.jsx)(T.ArrowRight,{className:"w-4 h-4 text-slate-300 ml-auto shrink-0 hidden lg:block"})]},e.label))}),(0,t.jsxs)(i.motion.div,{initial:{opacity:0,scale:.85},whileInView:{opacity:1,scale:1},viewport:{once:!0},transition:{delay:.4,type:"spring",stiffness:120,damping:16},className:"flex flex-col items-center justify-center py-2",children:[(0,t.jsxs)("div",{className:"relative w-40 h-40 flex items-center justify-center",children:[(0,t.jsx)(i.motion.div,{className:"absolute inset-0 rounded-full bg-indigo-100/40",animate:{scale:[1,1.35,1],opacity:[.6,0,.6]},transition:{duration:3.5,repeat:1/0,ease:"easeInOut"}}),(0,t.jsx)(i.motion.div,{className:"absolute inset-3 rounded-full border-2 border-indigo-200/50 border-dashed",animate:{rotate:360},transition:{duration:18,repeat:1/0,ease:"linear"}}),(0,t.jsx)(i.motion.div,{className:"absolute inset-8 rounded-full border border-violet-300/40 border-dotted",animate:{rotate:-360},transition:{duration:12,repeat:1/0,ease:"linear"}}),(0,t.jsx)(i.motion.div,{className:"relative z-10 w-24 h-24 rounded-full bg-gradient-to-br from-blue-500/10 via-indigo-600/10 to-purple-600/10 border-4 border-white shadow-[0_0_40px_rgba(99,102,241,0.25)] flex items-center justify-center",animate:{y:[-6,6,-6]},transition:{duration:4,repeat:1/0,ease:"easeInOut"},children:(0,t.jsx)("img",{src:"/logo.png",alt:"Qampi AI",className:"w-14 h-14 object-contain drop-shadow"})})]}),(0,t.jsx)("span",{className:"mt-3 text-[11px] font-black uppercase tracking-widest bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent",children:"Qampi AI"}),(0,t.jsx)(T.ArrowRight,{className:"w-5 h-5 text-indigo-400 mt-3 hidden lg:block"})]}),(0,t.jsxs)(i.motion.div,{initial:{opacity:0,x:30},whileInView:{opacity:1,x:0},viewport:{once:!0},transition:{delay:.6,type:"spring",stiffness:120,damping:18},className:"bg-white rounded-3xl border border-slate-200 shadow-xl overflow-hidden",children:[(0,t.jsxs)("div",{className:"flex items-center gap-3 px-5 py-4 bg-gradient-to-r from-blue-50/80 via-indigo-50/50 to-purple-50/40 border-b border-blue-100/60",children:[(0,t.jsx)("div",{className:"w-9 h-9 rounded-full bg-gradient-to-br from-blue-400 to-indigo-500 flex items-center justify-center text-white text-xs font-bold",children:"SJ"}),(0,t.jsxs)("div",{className:"leading-tight",children:[(0,t.jsx)("div",{className:"text-sm font-bold text-slate-800",children:"Sarah Jenkins"}),(0,t.jsx)("div",{className:"text-[11px] text-slate-500",children:"VP of Sales · Acme Corp"})]}),(0,t.jsxs)("span",{className:"ml-auto inline-flex items-center gap-1.5 text-[10px] font-bold uppercase tracking-wider text-indigo-600 bg-white/80 border border-indigo-100 rounded-full px-2.5 py-1",children:[(0,t.jsx)(k.Sparkles,{className:"w-3 h-3"})," AI Composed"]})]}),(0,t.jsxs)("div",{className:"p-5",children:[(0,t.jsx)("div",{className:"bg-gradient-to-br from-blue-600 to-indigo-600 text-white text-sm leading-relaxed p-4 rounded-2xl rounded-tl-sm shadow-md shadow-indigo-200/50",children:"Hey Sarah â congrats on the Series B! ð Saw your post on scaling the sales team. We help SaaS founders cut their hiring cycle by ~40% with AI-personalized outreach. Worth a quick chat Thursday?"}),(0,t.jsx)("div",{className:"mt-4 flex flex-wrap gap-2",children:["In your voice","References her post","Speaks to your offer","Clear
28CTA"].map(e=>(0,t.jsxs)("span",{className:"inline-flex items-center gap-1.5 text-[12px] font-medium text-slate-600 bg-slate-50 border border-slate-100 rounded-full px-3 py-1",children:[(0,t.jsx)(_,{className:"w-3.5 h-3.5 text-emerald-500"})," ",e]},e))}),(0,t.jsxs)("div",{className:"mt-4 flex items-center justify-end gap-2 text-[11px] font-bold uppercase tracking-wider text-emerald-600",children:[(0,t.jsx)(W.Send,{className:"w-3.5 h-3.5"})," Sent"]})]})]})]})]})]})}let ep=(0,r.default)("search",[["path",{d:"m21 21-4.34-4.34",key:"14j7rj"}],["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}]]),ex=(0,r.default)("fingerprint-pattern",[["path",{d:"M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4",key:"1nerag"}],["path",{d:"M14 13.12c0 2.38 0 6.38-1 8.88",key:"o46ks0"}],["path",{d:"M17.29 21.02c.12-.6.43-2.3.5-3.02",key:"ptglia"}],["path",{d:"M2 12a10 10 0 0 1 18-6",key:"ydlgp0"}],["path",{d:"M2 16h.01",key:"1gqxmh"}],["path",{d:"M21.8 16c.2-2 .131-5.354 0-6",key:"drycrb"}],["path",{d:"M5 19.5C5.5 18 6 15 6 12a6 6 0 0 1 .34-2",key:"1tidbn"}],["path",{d:"M8.65 22c.21-.66.45-1.32.57-2",key:"13wd9y"}],["path",{d:"M9 6.8a6 6 0 0 1 9 5.2v2",key:"1fr1j5"}]]);function eu(){let e=(0,d.useMotionValue)(0),a=(0,d.useMotionValue)(0),s=(0,R.useTransform)(a,[-.5,.5],[10,-10]),r=(0,R.useTransform)(e,[-.5,.5],[-10,10]);return(0,t.jsxs)("section",{id:"email",className:"py-24 lg:py-32 bg-white relative overflow-hidden",children:[(0,t.jsxs)("div",{className:"absolute inset-0 pointer-events-none",children:[(0,t.jsx)("div",{className:"absolute top-[10%] left-[-10%] w-[600px] h-[600px] bg-blue-100/50 rounded-full blur-[120px]"}),(0,t.jsx)("div",{className:"absolute bottom-[-10%] right-[-10%] w-[600px] h-[600px] bg-purple-100/40 rounded-full blur-[100px]"}),(0,t.jsx)("div",{className:"absolute inset-0 bg-[linear-gradient(to_right,#80808012_1px,transparent_1px),linear-gradient(to_bottom,#80808012_1px,transparent_1px)] bg-[size:40px_40px] [mask-image:radial-gradient(ellipse_60%_50%_at_50%_50%,#000_70%,transparent_100%)]"})]}),(0,t.jsx)("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10",children:(0,t.jsxs)("div",{className:"flex flex-col lg:flex-row items-center gap-16 lg:gap-24",children:[(0,t.jsxs)("div",{className:"w-full lg:w-1/2 relative perspective-1000",children:[(0,t.jsx)("div",{className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[90%] h-[90%] bg-gradient-to-br from-blue-400/30 to-purple-500/20 rounded-full blur-[80px] pointer-events-none animate-pulse"}),(0,t.jsxs)(i.motion.div,{onMouseMove:function({currentTarget:t,clientX:s,clientY:i}){let{left:r,top:l,width:n,height:o}=t.getBoundingClientRect();e.set((s-r)/n-.5),a.set((i-l)/o-.5)},onMouseLeave:()=>{e.set(0),a.set(0)},style:{rotateX:s,rotateY:r,transformStyle:"preserve-3d"},initial:{opacity:0,scale:.9,rotateY:-15},whileInView:{opacity:1,scale:1,rotateY:0},viewport:{once:!0,margin:"-100px"},transition:{duration:.8,type:"spring",stiffness:100},className:"bg-white/80 backdrop-blur-xl rounded-[2rem] p-6 sm:p-8 shadow-2xl relative border border-white/60",children:[(0,t.jsxs)("div",{className:"flex items-center gap-5 mb-8",style:{transform:"translateZ(30px)"},children:[(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsx)("img",{src:"https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?auto=format&fit=crop&q=80&w=150",alt:"Lauren Anderson",className:"w-16 h-16 rounded-full object-cover shadow-lg border-2 border-white"}),(0,t.jsx)("div",{className:"absolute bottom-0 right-0 w-4 h-4 bg-emerald-500 rounded-full border-2 border-white shadow-sm"})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("h4",{className:"font-medium text-slate-900 text-lg",children:"Lauren Anderson"}),(0,t.jsx)("p",{className:"text-slate-500 text-sm font-medium",children:"HR Director @ TechCorp"})]}),(0,t.jsx)("div",{className:"ml-auto",children:(0,t.jsxs)("div",{className:"flex items-center gap-2 text-blue-600 font-bold text-xs bg-blue-50 px-4 py-2 rounded-xl shadow-sm border border-blue-100/50",children:[(0,t.jsx)("img",{src:"/logo.png",alt:"Qampi",className:"w-3.5 h-3.5"}),"LinkedIn"]})})]}),(0,t.jsxs)("div",{className:"bg-slate-900 rounded-2xl p-7 relative overflow-hidden shadow-[0_20px_50px_-12px_rgba(15,23,42,0.4)]",style:{transform:"translateZ(50px)"},children:[(0,t.jsx)("div",{className:"absolute top-0 right-0 w-40 h-40 bg-blue-500/20 blur-[50px] rounded-full pointer-events-none"}),(0,t.jsx)("div",{className:"absolute bottom-0 left-0 w-40 h-40 bg-purple-500/20 blur-[50px] rounded-full pointer-events-none"}),(0,t.jsxs)("div",{className:"relative z-10",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between mb-5",children:[(0,t.jsxs)("p",{className:"text-slate-300 text-xs font-bold uppercase tracking-wider flex items-center gap-2",children:[(0,t.jsx)(ep,{className:"w-3.5 h-3.5 text-blue-400"}),"Qampi Email Finder"]}),(0,t.jsx)(ex,{className:"w-4 h-4 text-slate-600"})]}),(0,t.jsxs)("div",{className:"space-y-4",children:[(0,t.jsxs)("div",{className:"flex justify-between items-end",children:[(0,t.jsx)("span",{className:"text-white text-sm font-medium",children:"Searching databases..."}),(0,t.jsx)("span",{className:"text-blue-400 font-bold font-mono text-lg",children:"92%"})]}),(0,t.jsx)("div",{className:"h-2.5 bg-slate-800 rounded-full w-full overflow-hidden shadow-inner relative",children:(0,t.jsx)(i.motion.div,{className:"absolute top-0 left-0 bottom-0 bg-gradient-to-r from-blue-600 to-blue-400 rounded-full",initial:{width:"0%"},whileInView:{width:"92%"},viewport:{once:!0},transition:{duration:2,ease:"easeOut",delay:.5},children:(0,t.jsx)("div",{className:"absolute inset-0 bg-gradient-to-r from-transparent via-white/40 to-transparent -translate-x-full animate-[shimmer_2s_infinite]"})})}),(0,t.jsxs)(i.motion.div,{initial:{opacity:0,y:15,scale:.95},whileInView:{opacity:1,y:0,scale:1},viewport:{once:!0},transition:{delay:2.5,duration:.5,type:"spring",stiffness:200},className:"mt-8 p-4 bg-emerald-500/10 border border-emerald-500/20 rounded-xl flex items-center justify-between shadow-inner",children:[(0,t.jsxs)("div",{className:"flex items-center gap-3",children:[(0,t.jsx)("div",{className:"w-8 h-8 rounded-full bg-emerald-500/20 flex items-center justify-center",children:(0,t.jsx)(j.Mail,{className:"w-4 h-4 text-emerald-400"})}),(0,t.jsx)("span",{className:"text-emerald-400 font-mono text-sm tracking-tight font-medium",children:"[email protected]"})]}),(0,t.jsx)(n.Check,{className:"w-5 h-5 text-emerald-400"})]})]})]})]})]})]}),(0,t.jsxs)("div",{className:"w-full lg:w-1/2 relative text-left",children:[(0,t.jsxs)(i.motion.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.6},className:"inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-indigo-50 text-indigo-600 text-xs font-bold uppercase tracking-widest mb-8 border border-indigo-100 shadow-sm",children:[(0,t.jsx)("img",{src:"/logo.png",alt:"Qampi Logo",className:"w-4 h-4 object-contain"}),(0,t.jsx)("span",{children:"Verified Email Finder"})]}),(0,t.jsxs)(i.motion.h2,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.6,delay:.1},className:"font-display text-5xl sm:text-6xl lg:text-7xl font-semibold text-slate-900 mb-6 leading-[1.1]",children:["The Ultimate Email"," ",(0,t.jsx)("span",{className:"text-transparent bg-clip-text bg-gradient-to-r from-blue-600 via-indigo-600 to-purple-600",children:"Hunter & Sender"})]}),(0,t.jsx)(i.motion.p,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.6,delay:.2},className:"text-lg md:text-xl text-slate-500 mb-10 leading-relaxed font-medium max-w-xl",children:"Find verified professional emails in one click, then launch high-converting cold email sequences automatically â running LinkedIn and email from one place."}),(0,t.jsx)("div",{className:"space-y-4",children:[{text:"Integrated email finder â verified addresses in one click"},{text:"Connect your existing email provider"},{text:"Multi-step email sequences for cold outreach"},{text:"Open, click & reply rate tracking"}].map((e,a)=>(0,t.jsxs)(i.motion.div,{initial:{opacity:0,x:20},whileInView:{opacity:1,x:0},viewport:{once:!0},transition:{duration:.5,delay:.3+.1*a},className:"flex items-center gap-4 group p-3 -ml-3 rounded-xl hover:bg-slate-50 transition-colors duration-300",children:[(0,t.jsx)("div",{className:"flex-shrink-0 w-8 h-8 rounded-full bg-blue-100/50 border border-blue-200/50 flex items-center justify-center group-hover:bg-blue-600 group-hover:border-blue-600 transition-all duration-300 shadow-sm",children:(0,t.jsx)(n.Check,{className:"w-4 h-4 text-blue-600 group-hover:text-white",strokeWidth:3})}),(0,t.jsx)("span",{className:"text-slate-700 font-semibold text-[15px] group-hover:text-slate-900 transition-colors",children:e.text})]},a))})]})]})}),(0,t.jsx)("style",{dangerouslySetInnerHTML:{__html:` 29 @keyframes shimmer { 30 100% { transform: translateX(100%); } 31 } 32 `}})]})}var eh=e.i(51348);let eg=(0,r.default)("message-square-text",[["path",{d:"M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z",key:"18887p"}],["path",{d:"M7 11h10",key:"1twpyw"}],["path",{d:"M7 15h6",key:"d9of3u"}],["path",{d:"M7 7h8",key:"af5zfr"}]]);var eb=e.i(17923);let ef=(0,r.default)("settings",[["path",{d:"M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915",key:"1i5ecw"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]]);function ey(){let e=[{id:"01",title:"Connection Request",desc:"Send an automated, personalized connection request.",icon:eh.Linkedin,color:"from-blue-500 to-blue-600",iconBg:"bg-blue-50",textColor:"text-blue-600",shadow:"shadow-blue-500/20",glow:"group-hover:shadow-[0_10px_40px_-10px_rgba(59,130,246,0.25)]",borderColor:"group-hover:border-blue-400/40"},{id:"02",title:"AI Message",desc:"Wait 2 days then send a highly personalized message using their recent activity.",icon:eg,color:"from-purple-500 to-purple-600",iconBg:"bg-purple-50",textColor:"text-purple-600",shadow:"shadow-purple-500/20",glow:"group-hover:shadow-[0_10px_40px_-10px_rgba(168,85,247,0.25)]",borderColor:"group-hover:border-purple-400/40"},{id:"03",title:"Auto Cold Email",desc:"Wait another 3 days. Extract verified email and send cold email sequence.",icon:j.Mail,color:"from-pink-500 to-pink-600",iconBg:"bg-pink-50",textColor:"text-pink-600",shadow:"shadow-pink-500/20",glow:"group-hover:shadow-[0_10px_40px_-10px_rgba(236,72,153,0.25)]",borderColor:"group-hover:border-pink-400/40"}];return(0,t.jsxs)("section",{id:"sequences",className:"py-24 lg:py-32 bg-white relative overflow-hidden text-slate-900",children:[(0,t.jsxs)("div",{className:"absolute inset-0 pointer-events-none",children:[(0,t.jsx)("div",{className:"absolute top-0 right-1/4 w-[800px] h-[800px] bg-blue-100/50 rounded-full blur-[120px] -translate-y-1/2"}),(0,t.jsx)("div",{className:"absolute bottom-0 left-1/4 w-[800px] h-[800px] bg-purple-100/40 rounded-full blur-[120px] translate-y-1/2"}),(0,t.jsx)("div",{className:"absolute inset-0 bg-[linear-gradient(to_right,#e2e8f080_1px,transparent_1px),linear-gradient(to_bottom,#e2e8f080_1px,transparent_1px)] bg-[size:64px_64px] [mask-image:radial-gradient(ellipse_60%_60%_at_50%_50%,#000_40%,transparent_100%)]"})]}),(0,t.jsxs)("div",{className:"max-w-5xl mx-auto px-4 sm:px-6 relative z-10",children:[(0,t.jsxs)("div",{className:"text-center mb-24",children:[(0,t.jsxs)(i.motion.div,{initial:{opacity:0,y:-20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.6},className:"inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-blue-50 text-blue-600 text-xs font-bold uppercase tracking-widest mb-6 border border-blue-100/80 shadow-sm",children:[(0,t.jsx)(ef,{className:"w-3.5 h-3.5"}),(0,t.jsx)("span",{children:"LinkedIn + Email Workflow Builder"})]}),(0,t.jsxs)(i.motion.h2,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.6,delay:.1},className:"font-display text-5xl sm:text-6xl lg:text-7xl font-semibold mb-6 leading-[1.1]",children:["Build Smarter"," ",(0,t.jsx)("span",{className:"text-transparent bg-clip-text bg-gradient-to-r from-blue-600 via-indigo-600 to-purple-600",children:"Outreach Workflows"})]}),(0,t.jsx)(i.motion.p,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.6,delay:.2},className:"text-lg md:text-xl text-slate-500 max-w-2xl mx-auto font-medium leading-relaxed",children:"Combine the power of LinkedIn automation and high-deliverability cold email in one unified, intelligent sequence."})]}),(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsx)("div",{className:"absolute top-10 bottom-10 w-1 bg-slate-100 left-8 md:left-1/2 md:-translate-x-1/2 z-0 rounded-full",children:(0,t.jsx)(i.motion.div,{className:"absolute top-0 left-0 w-full bg-gradient-to-b from-blue-500 via-purple-500 to-pink-500 rounded-full shadow-[0_0_15px_rgba(59,130,246,0.3)]",initial:{height:0},whileInView:{height:"100%"},viewport:{once:!0,margin:"-100px"},transition:{duration:2.5,ease:"easeInOut"}})}),(0,t.jsxs)("div",{className:"space-y-8 md:space-y-12",children:[e.map((e,a)=>(0,t.jsxs)(i.motion.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-50px"},transition:{duration:.7,delay:.2+.2*a},className:`group relative flex flex-col md:flex-row items-center gap-6 md:gap-12 w-full ${a%2==0?"md:flex-row-reverse":""}`,children:[(0,t.jsx)("div",{className:"hidden md:block w-1/2"}),(0,t.jsx)("div",{className:"absolute left-8 md:left-1/2 -translate-x-1/2 flex items-center justify-center z-20",children:(0,t.jsxs)("div",{className:"w-12 h-12 rounded-full bg-white border-4 border-slate-50 group-hover:border-white shadow-lg flex items-center justify-center transition-colors duration-300 relative",children:[(0,t.jsx)("div",{className:`w-3 h-3 rounded-full bg-gradient-to-r ${e.color} shadow-md ${e.shadow}`}),(0,t.jsx)("div",{className:`absolute inset-0 rounded-full bg-gradient-to-r ${e.color} opacity-0 group-hover:opacity-20 group-hover:animate-ping`})]})}),(0,t.jsx)("div",{className:"w-full md:w-1/2 pl-24 md:pl-0 relative",children:(0,t.jsxs)("div",{className:`bg-white border border-slate-200 shadow-[0_4px_20px_-8px_rgba(0,0,0,0.08)] rounded-2xl p-6 md:p-8 transition-all duration-300 hover:-translate-y-1 ${e.glow} ${e.borderColor} relative overflow-hidden`,children:[(0,t.jsx)("div",{className:"absolute inset-0 bg-gradient-to-br from-slate-50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"}),(0,t.jsxs)("div",{className:"flex items-start gap-5 relative z-10",children:[(0,t.jsx)("div",{className:`w-14 h-14 roun
32ded-xl ${e.iconBg} border border-white/50 flex items-center justify-center shrink-0 shadow-sm transition-transform duration-300 group-hover:scale-110`,children:(0,t.jsx)(e.icon,{className:`w-6 h-6 ${e.textColor}`})}),(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"flex items-center gap-3 mb-2",children:(0,t.jsxs)("span",{className:`text-[10px] font-bold ${e.textColor} ${e.iconBg} px-2.5 py-1 rounded-md uppercase tracking-wider`,children:["Step ",e.id]})}),(0,t.jsx)("h3",{className:"text-xl font-medium text-slate-900 mb-2 tracking-tight",children:e.title}),(0,t.jsx)("p",{className:"text-slate-500 text-sm leading-relaxed font-medium",children:e.desc})]})]})]})})]},e.id)),(0,t.jsxs)(i.motion.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-50px"},transition:{duration:.7,delay:1},className:"group relative flex flex-col md:flex-row items-center gap-6 md:gap-12 w-full md:flex-row-reverse mt-12",children:[(0,t.jsx)("div",{className:"hidden md:block w-1/2"}),(0,t.jsx)("div",{className:"absolute left-8 md:left-1/2 -translate-x-1/2 flex items-center justify-center z-20",children:(0,t.jsx)("div",{className:"w-16 h-16 rounded-full bg-white border-4 border-blue-50 flex items-center justify-center shadow-lg",children:(0,t.jsx)("div",{className:"w-6 h-6 rounded-full bg-blue-600 shadow-[0_0_20px_rgba(37,99,235,0.6)] animate-pulse"})})}),(0,t.jsx)("div",{className:"w-full md:w-1/2 pl-24 md:pl-0 relative",children:(0,t.jsxs)("div",{className:"bg-gradient-to-br from-blue-600 to-indigo-700 border border-blue-500 rounded-2xl p-8 transition-all duration-300 hover:-translate-y-2 shadow-[0_10px_40px_-10px_rgba(37,99,235,0.4)] hover:shadow-[0_15px_50px_-10px_rgba(37,99,235,0.5)] relative overflow-hidden text-white",children:[(0,t.jsx)("div",{className:"absolute inset-0 bg-gradient-to-r from-transparent via-white/20 to-transparent -translate-x-full group-hover:animate-[shimmer_2s_infinite] pointer-events-none"}),(0,t.jsxs)("div",{className:"flex items-start gap-6 relative z-10",children:[(0,t.jsx)("div",{className:"w-16 h-16 rounded-2xl bg-white/10 border border-white/20 flex items-center justify-center shrink-0 backdrop-blur-sm transition-transform duration-300 group-hover:scale-110 shadow-sm",children:(0,t.jsx)(eb.BarChart3,{className:"w-7 h-7 text-white"})}),(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"flex items-center gap-3 mb-2",children:(0,t.jsx)("span",{className:"text-[10px] font-bold text-blue-100 bg-black/10 px-2.5 py-1 rounded-md uppercase tracking-wider shadow-sm",children:"The Result"})}),(0,t.jsx)("h3",{className:"text-2xl font-medium text-white mb-2 tracking-tight",children:"Success Probability"}),(0,t.jsx)("p",{className:"text-blue-100 text-sm leading-relaxed font-medium mb-6",children:"Track which steps drive the most replies, so you double down on what books meetings."}),(0,t.jsxs)("div",{className:"flex items-center gap-2 text-blue-700 text-sm font-bold bg-white hover:bg-slate-50 shadow-md hover:shadow-lg transition-all w-max px-5 py-2.5 rounded-full cursor-pointer hover:-translate-y-0.5",children:["View Analytics ",(0,t.jsx)(T.ArrowRight,{className:"w-4 h-4"})]})]})]})]})})]})]})]})]}),(0,t.jsx)("style",{dangerouslySetInnerHTML:{__html:` 33 @keyframes shimmer { 34 100% { transform: translateX(100%); } 35 } 36 `}})]})}var ev=e.i(83411),ew=e.i(12381);function ej(e,...t){let a=e.length;return(0,ew.useCombineMotionValues)(t.filter(ev.isMotionValue),function(){let s="";for(let i=0;i<a;i++){s+=e[i];let a=t[i];a&&(s+=(0,ev.isMotionValue)(a)?a.get():a)}return s})}let eN=[{icon:en,title:"For Founders & Owners",description:"Outreach that doesn't steal your day. Focus on building your product while Qampi handles the prospecting pipeline.",stats:"3x more meetings",color:"from-blue-500 to-indigo-600",shadow:"shadow-blue-500/20",image:"https://images.unsplash.com/photo-1559136555-9303baea8ebd?w=600&h=400&auto=format&fit=crop&q=80",delay:.1},{icon:eo.Target,title:"For Sales Reps",description:"Book more meetings without living on LinkedIn. Automate your pipeline and spend your precious time actually closing deals.",stats:"40% reply rate",color:"from-violet-500 to-purple-600",shadow:"shadow-violet-500/20",image:"https://images.unsplash.com/photo-1552664730-d307ca884978?w=600&h=400&auto=format&fit=crop&q=80",delay:.3},{icon:M.Users,title:"For Recruiters & HR",description:"Reach top talent before they apply elsewhere. Build your talent pipeline on auto
36pilot and close the best candidates.",stats:"10x more candidates",color:"from-indigo-500 to-fuchsia-600",shadow:"shadow-fuchsia-500/20",image:"https://images.unsplash.com/photo-1521737711867-e3b97375f902?w=600&h=400&auto=format&fit=crop&q=80",delay:.5}],ek=({useCase:e})=>{let a=(0,d.useMotionValue)(0),s=(0,d.useMotionValue)(0);return(0,t.jsxs)(i.motion.div,{initial:{opacity:0,y:40},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-100px"},transition:{delay:e.delay,duration:.7,type:"spring",bounce:.4},onMouseMove:function({currentTarget:e,clientX:t,clientY:i}){let{left:r,top:l}=e.getBoundingClientRect();a.set(t-r),s.set(i-l)},className:"group relative flex flex-col bg-white rounded-[2.5rem] overflow-hidden border border-slate-100/80 hover:border-indigo-100 shadow-xl shadow-slate-200/40 hover:shadow-2xl transition-all duration-500",children:[(0,t.jsx)(i.motion.div,{className:"pointer-events-none absolute -inset-px rounded-[2.5rem] opacity-0 transition duration-300 group-hover:opacity-100 z-20",style:{background:ej` 37 radial-gradient( 38 600px circle at ${a}px ${s}px, 39 rgba(99, 102, 241, 0.05), 40 transparent 80% 41 ) 42 `}}),(0,t.jsxs)("div",{className:"relative h-64 md:h-56 overflow-hidden",children:[(0,t.jsx)(i.motion.img,{className:"w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110",src:e.image,alt:e.title}),(0,t.jsx)("div",{className:"absolute inset-0 bg-gradient-to-t from-slate-900/90 via-slate-900/20 to-transparent transition-opacity duration-500"}),(0,t.jsx)("div",{className:`absolute top-5 left-5 w-14 h-14 bg-gradient-to-br ${e.color} rounded-2xl flex items-center justify-center shadow-lg ${e.shadow} border border-white/20 backdrop-blur-md group-hover:scale-110 transition-transform duration-500`,children:(0,t.jsx)(e.icon,{className:"w-7 h-7 text-white"})}),(0,t.jsx)("div",{className:"absolute bottom-5 left-5 translate-y-2 opacity-90 group-hover:translate-y-0 group-hover:opacity-100 transition-all duration-500",children:(0,t.jsxs)("div",{className:"bg-white/10 backdrop-blur-md border border-white/20 text-white text-sm font-bold px-4 py-2 rounded-full flex items-center gap-2 shadow-xl",children:[(0,t.jsx)(k.Sparkles,{className:"w-4 h-4 text-blue-300"}),e.stats]})})]}),(0,t.jsxs)("div",{className:"p-8 flex flex-col flex-grow bg-white z-10 relative",children:[(0,t.jsx)("h3",{className:"text-2xl font-semibold text-slate-800 mb-4 group-hover:text-transparent group-hover:bg-clip-text group-hover:bg-gradient-to-r group-hover:from-blue-600 group-hover:to-purple-600 transition-all duration-300",children:e.title}),(0,t.jsx)("p",{className:"text-slate-600 leading-relaxed font-medium",children:e.description}),(0,t.jsxs)("div",{className:"mt-8 pt-6 border-t border-slate-100 flex items-center justify-between text-sm font-bold text-slate-400 group-hover:text-indigo-600 transition-colors mt-auto",children:[(0,t.jsx)("span",{children:"Explore Use Case"}),(0,t.jsx)(T.ArrowRight,{className:"w-5 h-5 -translate-x-2 opacity-0 group-hover:translate-x-0 group-hover:opacity-100 transition-all duration-500"})]})]})]})};function eI(){return(0,t.jsxs)("section",{className:"py-32 bg-white relative overflow-hidden",children:[(0,t.jsx)("div",{className:"absolute top-0 left-0 w-full h-[500px] bg-gradient-to-b from-white to-transparent pointer-events-none"}),(0,t.jsx)("div",{className:"absolute top-40 right-[-10%] w-[600px] h-[600px] bg-indigo-500/5 rounded-full blur-[100px] pointer-events-none"}),(0,t.jsx)("div",{className:"absolute bottom-0 left-[-10%] w-[500px] h-[500px] bg-purple-500/5 rounded-full blur-[80px] pointer-events-none"}),(0,t.jsxs)("div",{className:"max-w-[90rem] mx-auto px-4 sm:px-6 lg:px-8 relative z-10",children:[(0,t.jsxs)("div",{className:"flex flex-col items-center text-center mb-20",children:[(0,t.jsxs)(i.motion.div,{initial:{opacity:0,scale:.9},whileInView:{opacity:1,scale:1},viewport:{once:!0},className:"inline-flex items-center gap-2 bg-indigo-50 border border-indigo-100 text-indigo-600 px-5 py-2 rounded-full text-xs font-black uppercase tracking-widest mb-6 shadow-sm",children:[(0,t.jsx)(k.Sparkles,{className:"w-4 h-4"}),"Who We Serve"]}),(0,t.jsxs)(i.motion.h2,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:.1},className:"text-4xl md:text-6xl font-black text-slate-900 tracking-tight",children:["Who is Qampi ",(0,t.jsx)("span",{className:"bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent",children:"for?"})]}),(0,t.jsx)(i.motion.p,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:.2},className:"mt-6 text-xl text-slate-500 max-w-2xl font-medium",children:"Whether you're a scrappy startup foun
42der or a seasoned sales rep, Qampi adapts to your specific outreach needs."})]}),(0,t.jsx)("div",{className:"grid lg:grid-cols-3 gap-8 md:gap-12",children:eN.map(e=>(0,t.jsx)(ek,{useCase:e},e.title))})]})]})}let eS=(0,r.default)("quote",[["path",{d:"M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z",key:"rib7q0"}],["path",{d:"M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z",key:"1ymkrd"}]]),eC=[{name:"Alex Rivera",role:"Founder",company:"TechStart",content:"Qampi completely transformed our outreach. We went from 5 meetings a month to 30+ in just 6 weeks. The AI messages actually sound like me!",image:"https://images.unsplash.com/photo-1519085360753-af0119f7cbe7?w=150&h=150&auto=format&fit=crop&q=80",theme:"bg-indigo-50/80 border-indigo-100",accent:"text-indigo-600",rating:5},{name:"Sarah Chen",role:"Sales Director",company:"ScaleUp",content:"I was skeptical about LinkedIn automation, but Qampi's human-like approach is incredible. Our reply rate jumped from 8% to 34%.",image:"https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?w=150&h=150&auto=format&fit=crop&q=80",theme:"bg-emerald-50/80 border-emerald-100",accent:"text-emerald-600",rating:5},{name:"Mike Johnson",role:"Recruiter",company:"TalentHub",content:"As a recruiter, time is everything. Qampi lets me reach 10x more candidates while maintaining personal touch. Game changer.",image:"https://images.unsplash.com/photo-1560250097-0b93528c311a?w=150&h=150&auto=format&fit=crop&q=80",theme:"bg-amber-50/80 border-amber-100",accent:"text-amber-600",rating:5},{name:"Emily Davis",role:"Marketing Lead",company:"GrowthCo",content:"The campaign builder is so intuitive. I set up a 5-step sequence in 10 minutes and started getting replies the same day.",image:"https://images.unsplash.com/photo-1580489944761-15a19d654956?w=150&h=150&auto=format&fit=crop&q=80",theme:"bg-violet-50/80 border-violet-100",accent:"text-violet-600",rating:5},{name:"David Park",role:"CEO",company:"InnovateLab",content:"We tried 3 other tools before Qampi. Nothing comes close. The safety features give us confidence, and the results speak for themselves.",image:"https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=150&h=150&auto=format&fit=crop&q=80",theme:"bg-rose-50/80 border-rose-100",accent:"text-rose-600",rating:5},{name:"Lisa Thompson",role:"VP Sales",company:"CloudBase",content:"Qampi is the real deal. Our prospects think we hired a dedicated copywriter. The personalized messages are indistinguishable from human-written ones.",image:"https://images.unsplash.com/photo-1548142813-c348350df52b?w=150&h=150&auto=format&fit=crop&q=80",theme:"bg-cyan-50/80 border-cyan-100",accent:"text-cyan-600",rating:5},{name:"James Wilson",role:"Head of Growth",company:"Nexus",content:"The analytics dashboard is a masterpiece. I can see exactly which templates are performing best and optimize on the fly. Beautiful and functional.",image:"https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=150&h=150&auto=format&fit=crop&q=80",theme:"bg-fuchsia-50/80 border-fuchsia-100",accent:"text-fuchsia-600",rating:5},{name:"Ana Martinez",role:"BDR Manager",company:"Apex Solutions",content:"My team of 10 BDRs uses Qampi daily. The team collaboration features ensure we never double-message the same prospect. It's flawless.",image:"https://images.unsplash.com/photo-1534528741775-53994a69daeb?w=150&h=150&auto=format&fit=crop&q=80",theme:"bg-sky-50/80 border-sky-100",accent:"text-sky-600",rating:5},{name:"Thomas Wright",role:"Agency Owner",company:"Wright Media",content:"We manage LinkedIn outreach for 20+ clients. Qampi handles it all without breaking a sweat. It's the engine powering our agency.",image:"https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=150&h=150&auto=format&fit=crop&q=80",theme:"bg-teal-50/80 border-teal-100",accent:"text-teal-600",rating:5}],eM=eC.slice(0,3),e_=eC.slice(3,6),eA=eC.slice(6,9),eT=e=>(0,t.jsx)("div",{className:e.className,children:(0,t.jsx)(i.motion.ul,{animate:{translateY:"-50%"},transition:{duration:e.duration||35,repeat:1/0,ease:"linear",repeatType:"loop"},className:"flex flex-col gap-6 pb-6 list-none m-0 p-0 hover:[animation-play-state:paused]",children:[void 0,void 0].map((a,r)=>
42(0,t.jsx)(s.default.Fragment,{children:e.testimonials.map((e,a)=>(0,t.jsxs)(i.motion.li,{whileHover:{scale:1.03,y:-5,transition:{type:"spring",stiffness:400,damping:17}},className:`p-8 rounded-3xl border ${e.theme} shadow-sm hover:shadow-xl transition-all duration-300 max-w-[420px] w-full cursor-pointer group relative overflow-hidden`,children:[(0,t.jsx)("div",{className:"absolute -top-4 -right-4 p-6 opacity-[0.03] group-hover:opacity-10 transition-opacity duration-500 pointer-events-none transform group-hover:scale-110 group-hover:-rotate-6",children:(0,t.jsx)(en,{size:120,className:e.accent})}),(0,t.jsx)("div",{className:"flex space-x-1 mb-6 relative z-10",children:[...Array(e.rating)].map((a,s)=>(0,t.jsx)(A.Star,{className:`w-4 h-4 ${e.accent} fill-current`},s))}),(0,t.jsxs)("blockquote",{className:"m-0 p-0 relative z-10",children:[(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsx)(eS,{className:`absolute -top-3 -left-3 w-8 h-8 opacity-20 ${e.accent}`}),(0,t.jsxs)("p",{className:"text-[15px] text-slate-700 font-medium leading-relaxed mb-8 relative z-10",children:['"',e.content,'"']})]}),(0,t.jsxs)("footer",{className:"flex items-center gap-4 pt-4 border-t border-black/5",children:[(0,t.jsx)("img",{src:e.image,alt:`Avatar of ${e.name}`,className:`h-12 w-12 rounded-full object-cover ring-4 ${e.theme.split(" ")[0].replace("50/80","100")} group-hover:ring-white shadow-sm transition-all`}),(0,t.jsxs)("div",{className:"flex flex-col",children:[(0,t.jsx)("cite",{className:"font-bold not-italic tracking-tight text-[15px] text-slate-900",children:e.name}),(0,t.jsxs)("span",{className:"text-[11px] font-bold text-slate-500 uppercase tracking-wider mt-0.5",children:[e.role," ",(0,t.jsx)("span",{className:"lowercase normal-case font-semibold",children:"at"})," ",(0,t.jsx)("span",{className:`${e.accent} ml-0.5`,children:e.company})]})]})]})]})]},`${r}-${a}`))},r))})});function ez(){return(0,t.jsxs)("section",{className:"py-24 lg:py-32 bg-purple-50/30 relative overflow-hidden",id:"testimonials",children:[(0,t.jsx)("div",{className:"absolute top-0 right-0 w-[500px] h-[500px] bg-primary/5 rounded-full blur-3xl -translate-y-1/2 translate-x-1/2"}),(0,t.jsx)("div",{className:"absolute bottom-0 left-0 w-[500px] h-[500px] bg-indigo-500/5 rounded-full blur-3xl translate-y-1/2 -translate-x-1/2"}),(0,t.jsxs)("div",{className:"relative max-w-[90rem] mx-auto px-4 sm:px-6 lg:px-8",children:[(0,t.jsxs)(i.motion.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0},className:"text-center mb-16",children:[(0,t.jsx)("span",{className:"inline-block bg-white border border-slate-200 shadow-sm text-slate-700 px-4 py-1.5 rounded-full text-sm font-bold mb-4",children:"Wall of Love"}),(0,t.jsxs)("h2",{className:"font-display text-5xl sm:text-6xl lg:text-7xl font-semibold text-slate-900",children:["This is why users"," ",(0,t.jsx)("span",{className:"text-transparent bg-clip-text bg-gradient-to-r from-primary to-indigo-600",children:"love Qampi"})]}),(0,t.jsx)("p",{className:"mt-4 text-lg text-slate-600 max-w-2xl mx-auto",children:"Discover how thousands of sales teams, agencies, and founders stream-line their outreach operations and book more meetings."})]}),(0,t.jsxs)("div",{className:"flex justify-center gap-8 mt-10 [mask-image:linear-gradient(to_bottom,transparent,black_10%,black_90%,transparent)] h-[600px] overflow-hidden group",role:"region","aria-label":"Scrolling Testimonials",children:[(0,t.jsx)(eT,{testimonials:eM,duration:35}),(0,t.jsx)(eT,{testimonials:e_,className:"hidden md:block",duration:45}),(0,t.jsx)(eT,{testimonials:eA,className:"hidden lg:block",duration:38})]}),(0,t.jsx)(i.motion.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:.2},className:"mt-16 flex flex-wrap justify-center gap-6",children:[{platform:"Chrome Store",rating:"4.8",reviews:"2,000+"},{platform:"G2",rating:"4.5",reviews:"500+"},{platform:"Capterra",rating:"4.5",reviews:"300+"}].map(e=>(0,t.jsxs)("div",{className:"bg-white rounded-2xl px-6 py-4 border border-slate-100 shadow-sm text-center",children:[(0,t.jsx)("div",{className:"flex items-center justify-center space-x-1 mb-1",children:[void 0,void 0,void 0,void 0,void 0].map((e,a)=>(0,t.jsx)(A.Star,{className:"w-4 h-4 text-amber-400 fill-current"},a))}),(0,t.jsxs)("p",{className:"font-black text-slate-900",children:[e.rating," on ",e.platform]}),(0,t.jsxs)("p",{className:"text-xs text-slate-500",children:[e.reviews," reviews"]})]},e.platform))})]})]})}var eV=e.i(74875),eL=e.i(88653);let eQ=[{name:"Free",priceMonthly:"0",priceYearly:"0",period:"forever",description:"Try Qampi AI and see the power of personalized outreach.",features:["25 AI messages / week","Qampi Fast model (optimized)","Profile-level personalization","1 AI follow-up step","2 active campaigns","Basic response analytics","Community support"],cta:"Start Free",popular:!1,free:!0,accent:"from-blue-500/10 to-indigo-500/10",accentLight:"bg-blue-500/5 text-blue-600",glowColor:"rgba(59, 130, 246, 0.15)"},{name:"Starter",priceMonthly:"49",priceYearly:"39",period:"month",description:"Perfect for solo foun
42ders getting started with LinkedIn outreach.",features:["500 AI messages / week","Qampi Pro model (reasoning)","Profile + company context","3 AI follow-up steps","10 active campaigns","Advanced analytics dashboard","Standard email support"],cta:"Start Free Trial",popular:!1,free:!1,accent:"from-indigo-500/10 to-violet-500/10",accentLight:"bg-indigo-500/5 text-indigo-600",glowColor:"rgba(99, 102, 241, 0.15)"},{name:"Growth",priceMonthly:"99",priceYearly:"79",period:"month",description:"For growing teams that need more power and collaboration.",features:["2,000 AI messages / week","Qampi Pro + deep research","Intent signal detection","Unlimited AI follow-ups","Unlimited campaigns","Team workspace & collaboration","CRM native integrations","Priority priority support"],cta:"Start Free Trial",popular:!0,free:!1,accent:"from-violet-600 to-indigo-600",accentLight:"bg-amber-400 text-slate-900",glowColor:"rgba(139, 92, 246, 0.3)"},{name:"Enterprise",priceMonthly:"249",priceYearly:"199",period:"month",description:"For large teams with advanced needs and custom requirements.",features:["Unlimited AI messages","Custom model fine-tuning","Full research + custom training","Unlimited adaptive follow-ups","Unlimited campaigns","White-label reports","Dedicated account manager","SLA guarantee"],cta:"Contact Sales",popular:!1,free:!1,accent:"from-purple-500/10 to-pink-500/10",accentLight:"bg-purple-500/5 text-purple-600",glowColor:"rgba(168, 85, 247, 0.15)"}];
42function eq(){let[e,a]=(0,s.useState)(!1);return(0,t.jsxs)("section",{id:"pricing",className:"py-24 lg:py-32 bg-white relative overflow-hidden",children:[(0,t.jsx)("div",{className:"absolute top-0 left-1/2 -translate-x-1/2 w-[1000px] h-[600px] bg-gradient-to-b from-indigo-500/5 via-purple-500/3 to-transparent rounded-full blur-[120px] pointer-events-none"}),(0,t.jsx)("div",{className:"absolute -bottom-40 left-10 w-96 h-96 bg-blue-500/5 rounded-full blur-[100px] pointer-events-none"}),(0,t.jsxs)("div",{className:"relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[(0,t.jsxs)("div",{className:"text-center mb-16 relative",children:[(0,t.jsxs)(i.motion.span,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},className:"inline-flex items-center gap-2 bg-indigo-50 text-indigo-600 px-4 py-1.5 rounded-full text-xs font-bold mb-4 border border-indigo-100",children:[(0,t.jsx)(k.Sparkles,{className:"w-3.5 h-3.5"}),"Pricing Plans"]}),(0,t.jsxs)(i.motion.h2,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:.1},className:"text-4xl sm:text-5xl lg:text-6xl font-black text-slate-900 tracking-tight leading-none",children:["Flexible plans built to"," ",(0,t.jsx)("span",{className:"bg-gradient-to-r from-blue-600 via-indigo-600 to-purple-600 bg-clip-text text-transparent",children:"scale outreach"})]}),(0,t.jsx)(i.motion.p,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:.2},className:"mt-5 text-lg text-slate-500 max-w-xl mx-auto font-medium",children:"Start free, upgrade when you need to close more deals. No hidden fees, cancel anytime."})]}),(0,t.jsxs)("div",{className:"flex flex-col items-center justify-center mb-16 relative z-30",children:[(0,t.jsxs)("div",{className:"flex items-center gap-4 bg-white p-1.5 rounded-2xl border border-slate-200 shadow-sm relative",children:[(0,t.jsx)("button",{onClick:()=>a(!1),className:(0,g.cn)("relative z-10 px-5 py-2 text-sm font-bold rounded-xl transition-all duration-300",e?"text-slate-500 hover:text-slate-800":"text-white"),children:"Monthly"}),(0,t.jsxs)("button",{onClick:()=>a(!0),className:(0,g.cn)("relative z-10 px-5 py-2 text-sm font-bold rounded-xl transition-all duration-300 flex items-center gap-1.5",e?"text-white":"text-slate-500 hover:text-slate-800"),children:["Yearly",(0,t.jsx)("span",{className:"text-[10px] font-black bg-emerald-500 text-white px-1.5 py-0.5 rounded-md",children:"-20%"})]}),(0,t.jsx)(i.motion.div,{className:"absolute top-1.5 bottom-1.5 left-1.5 bg-gradient-to-r from-blue-600 to-indigo-600 rounded-xl",initial:!1,animate:{left:e?"106px":"6px",width:e?"104px":"90px"},transition:{type:"spring",stiffness:350,damping:26}})]}),(0,t.jsx)("p",{className:"mt-3 text-xs text-slate-400 font-semibold tracking-wide h-4",children:e?"Billed annually · Save up to $600/year":"Billed monthly · Standard rates apply"})]}),(0,t.jsx)("div",{className:"grid md:grid-cols-2 lg:grid-cols-4 gap-6 max-w-7xl mx-auto items-stretch",children:eQ.map((a,s)=>{let r=e?a.priceYearly:a.priceMonthly,l=a.popular;return(0,t.jsxs)(i.motion.div,{initial:{opacity:0,y:40},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:.1*s,duration:.6},whileHover:{y:-8},className:"relative flex flex-col h-full rounded-[2rem] group",children:[l&&(0,t.jsx)("div",{className:"absolute -inset-1 bg-gradient-to-r from-blue-500 via-indigo-500 to-purple-500 rounded-[2rem] blur-xl opacity-20 group-hover:opacity-40 transition-opacity duration-500"}),(0,t.jsxs)("div",{className:(0,g.cn)("relative flex flex-col h-full rounded-[2rem] p-6 lg:p-8 border transition-all duration-500 bg-white",l?"bg-slate-900 border-slate-800 text-white shadow-2xl scale-105 z-10":"border-slate-200/80 shadow-md shadow-slate-100 hover:border-slate-300 hover:shadow-xl"),style:{boxShadow:l?void 0:"0 10px 30px -15px rgba(0,0,0,0.05), 0 0 0 1px rgba(255,255,255,0.6) inset"},children:[l&&(0,t.jsxs)("div",{className:"absolute -top-4 left-1/2 -translate-x-1/2 bg-gradient-to-r from-amber-400 to-orange-500 text-slate-950 text-xs font-black px-4 py-1.5 rounded-full shadow-md flex items-center gap-1",children:[(0,t.jsx)(k.Sparkles,{className:"w-3.5 h-3.5 fill-current"}),"MOST POPULAR"]}),a.free&&(0,t.jsx)("div",{className:"absolute -top-3.5 left-1/2 -translate-x-1/2 bg-emerald-100 text-emerald-700 text-[10px] font-black px-3.5 py-1 rounded-full border border-emerald-200",children:"No Credit Card Required"}),(0,t.jsxs)("div",{className:"mb-6",children:[(0,t.jsx)("span",{className:(0,g.cn)("text-[10px] font-black uppercase tracking-[0.2em] px-2.5 py-1 rounded-md inline-block mb-3",l?a.accentLight:"bg-indigo-50 text-indigo-600"),children:a.name}
42),(0,t.jsx)("p",{className:(0,g.cn)("text-xs font-medium mt-1 leading-relaxed min-h-[36px]",l?"text-slate-400":"text-slate-500"),children:a.description})]}),(0,t.jsxs)("div",{className:"mb-6 flex items-baseline gap-1 relative overflow-hidden h-[54px]",children:[(0,t.jsx)("span",{className:(0,g.cn)("text-lg font-bold align-super",l?"text-indigo-400":"text-slate-400"),children:"$"}),(0,t.jsx)("span",{className:(0,g.cn)("text-5xl font-black tracking-tight",l?"text-white":"text-slate-900"),children:(0,t.jsx)(eL.AnimatePresence,{mode:"wait",children:(0,t.jsx)(i.motion.span,{initial:{y:20,opacity:0},animate:{y:0,opacity:1},exit:{y:-20,opacity:0},transition:{type:"spring",stiffness:350,damping:28},className:"inline-block",children:r},r)})}),(0,t.jsxs)("span",{className:(0,g.cn)("text-xs font-semibold ml-1 self-end mb-2",l?"text-slate-400":"text-slate-500"),children:["/",a.period]})]}),(0,t.jsx)("div",{className:(0,g.cn)("w-full h-px mb-6",l?"bg-slate-800":"bg-slate-100")}),(0,t.jsx)("ul",{className:"space-y-3 mb-8 flex-1",children:a.features.map(e=>(0,t.jsxs)("li",{className:"flex items-start gap-2.5",children:[(0,t.jsx)("div",{className:(0,g.cn)("w-4.5 h-4.5 rounded-full flex items-center justify-center shrink-0 mt-0.5",l?"bg-indigo-500/20":"bg-indigo-50"),children:(0,t.jsx)(n.Check,{className:(0,g.cn)("w-3 h-3 stroke-[3px]",l?"text-indigo-400":"text-indigo-600")})}),(0,t.jsx)("span",{className:(0,g.cn)("text-xs leading-normal font-medium",l?"text-slate-300":"text-slate-600"),children:e})]},e))}),(0,t.jsxs)(b,{variant:l?"primary":"outline",className:(0,g.cn)("w-full text-sm font-bold py-3.5 rounded-2xl transition-all duration-300",l&&"bg-gradient-to-r from-blue-600 to-indigo-600 hover:from-blue-500 hover:to-indigo-500 text-white shadow-lg shadow-indigo-500/20 border-0"),href:"Enterprise"===a.name?"#":"https://app.qampi.com/register",children:[a.cta,(0,t.jsx)(T.ArrowRight,{className:"w-4 h-4 ml-1.5"})]})]})]},a.name)})}),(0,t.jsx)(i.motion.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:.3},className:"mt-16 bg-white/60 backdrop-blur-sm border border-slate-200/50 rounded-2xl p-5 max-w-3xl mx-auto shadow-sm",children:(0,t.jsxs)("div",{className:"flex flex-col sm:flex-row items-center gap-4 text-center sm:text-left justify-center",children:[(0,t.jsx)(eV.HelpCircle,{className:"w-5 h-5 text-indigo-600 shrink-0"}),(0,t.jsxs)("p",{className:"text-xs text-slate-500 leading-relaxed font-semibold",children:[(0,t.jsx)("span",{className:"text-indigo-600 font-bold",children:"Qampi Fast Model"})," is optimized for speed and connection conversions."," ",(0,t.jsx)("span",{className:"text-purple-600 font-bold",children:"Qampi Pro Model"})," leverages our deep reasoning engine for intent analysis and multi-layered, personalized replies."]})]})})]})]})}let eR=(0,r.default)("plus",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"M12 5v14",key:"s699le"}]]),e$={general:"General",safety:"Account Safety",features:"Features & Models"},eP={general:[{question:"What is Qampi?",answer:"Qampi is an AI-powered LinkedIn outreach and B2B prospecting platform. It researches every prospect's profile, recent posts, and company activity to craft highly personalized messages that sound genuinely like you. It's designed to automate outreach while maintaining authentic human relationships."},{question:"Do I need a LinkedIn Sales Navigator account?",answer:"No, you don't. Qampi works perfectly with standard LinkedIn accounts. However, if you do use Sales Navigator, Qampi can leverage it to import search lists, target accounts, and coordinate advanced outreach campaigns."},{question:"Can I cancel my subscription at any time?",answer:"Absolutely. You can upgrade, downgrade, or cancel your Qampi subscription at any time directly from your billing settings. There are no long-term contracts, hidden fees, or cancellation penalties."}],safety:[{question:"Is it safe to use Qampi for LinkedIn outreach?",answer:"Yes, safety is our primary focus. Qampi creates messages that sound natural because they are fine-tuned on your actual writing style. Combined with dedicated proxies, human-like sending patterns, randomized delays, working-hours sending, and automatic limit monitoring, Qampi is built to keep your account safe."},{question:"How does Qampi stay within LinkedIn limits?",answer:"Qampi replicates manual browsing behaviors. It space
42s out actions (visits, connections, messages) with random intervals, schedules send windows, and monitors weekly invitation thresholds. Qampi automatically pauses your campaigns before reaching any risk limits."}],features:[{question:"What's the difference between Qampi Fast and Qampi Pro?",answer:"Qampi Fast (free tier) uses our optimized model for quick, profile-based personalization. Qampi Pro (paid tiers) utilizes our largest reasoning models to execute deep web research on company news, intent signals, and shared connections for advanced, multi-layered message scripting."},{question:"How does the AI learn my writing style?",answer:"By uploading a few samples of your own writingâpast emails, LinkedIn messages, or articles. Qampi's AI voice engine extracts your tone, formatting preferences, vocabulary, and typical phrasing. The generated messages match your style perfectly, ensuring your prospects get a genuine response."},{question:"Can I sync Qampi with my CRM?",answer:"Yes. Qampi integrates natively with HubSpot, Pipedrive, and Notion â sync leads, statuses, and conversation history in one click. Support for 2,000+ more tools via Zapier and Make is coming soon."}]};function eB(){let e=Object.keys(e$),[a,r]=(0,s.useState)(e[0]),l={"@context":"https://schema.org","@type":"FAQPage",mainEntity:e.flatMap(e=>eP[e].map(e=>({"@type":"Question",name:e.question,acceptedAnswer:{"@type":"Answer",text:e.answer}})))};return(0,t.jsxs)("section",{id:"faq",className:"relative overflow-hidden bg-purple-50/30 px-4 py-24 lg:py-32 text-slate-800",children:[(0,t.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(l)}}),(0,t.jsx)("div",{className:"absolute top-0 right-1/4 w-[500px] h-[500px] bg-indigo-500/5 rounded-full blur-3xl pointer-events-none"}),(0,t.jsx)("div",{className:"absolute bottom-0 left-1/4 w-[400px] h-[400px] bg-purple-500/5 rounded-full blur-3xl pointer-events-none"}),(0,t.jsxs)("div",{className:"relative max-w-4xl mx-auto px-4 sm:px-6 lg:px-8",children:[(0,t.jsxs)("div",{className:"relative z-10 flex flex-col items-center justify-center text-center mb-16",children:[(0,t.jsxs)(i.motion.span,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},className:"inline-flex items-center gap-2 bg-indigo-50 text-indigo-600 px-4 py-1.5 rounded-full text-xs font-bold mb-4 border border-indigo-100",children:[(0,t.jsx)(k.Sparkles,{className:"w-3.5 h-3.5"}),"Frequently Asked Questions"]}),(0,t.jsxs)(i.motion.h2,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:.1},className:"text-4xl sm:text-5xl font-black text-slate-900 tracking-tight leading-none mb-4",children:["Got questions? We've got"," ",(0,t.jsx)("span",{className:"bg-gradient-to-r from-blue-600 via-indigo-600 to-purple-600 bg-clip-text text-transparent",children:"answers"})]}),(0,t.jsx)(i.motion.p,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:.2},className:"mt-2 text-lg text-slate-500 max-w-xl mx-auto font-medium",children:"Everything you need to know about Qampi AI outreach, security, and features."})]}),(0,t.jsx)("div",{className:"relative z-10 flex flex-wrap items-center justify-center gap-3 mb-16 bg-white p-2 rounded-[1.5rem] border border-slate-200 shadow-sm max-w-fit mx-auto",children:Object.entries(e$).map(([e,s])=>{let l=a===e;return(0,t.jsxs)("button",{onClick:()=>r(e),className:(0,g.cn)("relative overflow-hidden whitespace-nowrap rounded-xl px-5 py-2.5 text-sm font-bold transition-all duration-300",l?"text-white":"text-slate-500 hover:text-slate-800 bg-transparent"),children:[(0,t.jsx)("span",{className:"relative z-10",children:s}),l&&(0,t.jsx)(i.motion.span,{layoutId:"activeFaqTab",className:"absolute inset-0 z-0 bg-gradient-to-r from-blue-600 to-indigo-600 rounded-xl shadow-md shadow-indigo-500/20",transition:{type:"spring",stiffness:350,damping:28}})]},e)})}),(0,t.jsx)("div",{className:"mx-auto max-w-3xl",children:(0,t.jsx)(eL.AnimatePresence,{mode:"wait",children:(0,t.jsx)(i.motion.div,{initial:{opacity:0,y:15}
42,animate:{opacity:1,y:0},exit:{opacity:0,y:-15},transition:{duration:.3,ease:"easeInOut"},className:"space-y-4",children:eP[a].map((e,a)=>(0,t.jsx)(eE,{...e},a))},a)})})]})]})}function eE({question:e,answer:a}){let[r,l]=(0,s.useState)(!1);return(0,t.jsxs)(i.motion.div,{layout:"position",className:(0,g.cn)("rounded-[2rem] border transition-all duration-300 overflow-hidden bg-white",r?"border-indigo-200/80 shadow-lg shadow-indigo-500/5 bg-gradient-to-b from-white to-slate-50/20":"border-slate-200/70 shadow-sm hover:border-slate-300 hover:shadow-md"),children:[(0,t.jsxs)("button",{onClick:()=>l(!r),className:"flex w-full items-center justify-between gap-6 p-6 text-left",children:[(0,t.jsx)("span",{className:(0,g.cn)("text-base sm:text-lg font-bold transition-colors duration-300",r?"text-indigo-600":"text-slate-800"),children:e}),(0,t.jsx)(i.motion.span,{animate:{rotate:135*!!r},transition:{duration:.3,ease:"easeOut"},className:(0,g.cn)("w-8 h-8 rounded-full flex items-center justify-center shrink-0 transition-colors duration-300 border",r?"bg-indigo-50 border-indigo-200/50 text-indigo-600":"bg-slate-50 border-slate-200 text-slate-400 group-hover:text-slate-600"),children:(0,t.jsx)(eR,{className:"h-4.5 w-4.5 stroke-[2.5]"})})]}),(0,t.jsx)(eL.AnimatePresence,{initial:!1,children:r&&(0,t.jsx)(i.motion.div,{initial:{height:0,opacity:0},animate:{height:"auto",opacity:1,transition:{height:{duration:.35},opacity:{duration:.25,delay:.05}}},exit:{height:0,opacity:0,transition:{height:{duration:.3},opacity:{duration:.2}}},className:"overflow-hidden",children:(0,t.jsx)("div",{className:"px-6 pb-6 pt-1 text-slate-500 text-sm sm:text-base leading-relaxed border-t border-slate-100/50",children:(0,t.jsx)("p",{children:a})})})})]})}var eO=e.i(72393),eW=e.i(54738);
42function eH(){let[e,a]=(0,s.useState)({x:0,y:0}),r=(0,c.useSpring)(0,{damping:50,stiffness:400}),l=(0,c.useSpring)(0,{damping:50,stiffness:400});return(0,s.useEffect)(()=>{let e=e=>{a({x:e.clientX,y:e.clientY}),r.set(e.clientX),l.set(e.clientY)};return window.addEventListener("mousemove",e),()=>window.removeEventListener("mousemove",e)},[r,l]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"fixed inset-0 pointer-events-none z-[-1]",children:[(0,t.jsx)("div",{className:"absolute inset-0 bg-[radial-gradient(circle_at_center,rgba(168,85,247,0.1)_1px,transparent_1px)] [background-size:16px_16px]"}),(0,t.jsx)("div",{className:"absolute inset-0 bg-[linear-gradient(to_right,#a855f715_1px,transparent_1px),linear-gradient(to_bottom,#a855f715_1px,transparent_1px)] bg-[size:16px_16px]"})]}),(0,t.jsx)(i.motion.div,{className:"fixed top-0 left-0 w-[100px] h-[100px] rounded-full pointer-events-none z-50 mix-blend-multiply opacity-70",style:{x:r,y:l,translateX:"-50%",translateY:"-50%",background:"radial-gradient(circle, rgba(168,85,247,0.3) 0%, rgba(168,85,247,0) 70%)"}})]})}function eF(){return(0,t.jsxs)("main",{className:"min-h-screen bg-purple-50/20",children:[(0,t.jsx)(eH,{}),(0,t.jsx)(a.Navbar,{}),(0,t.jsx)(h,{}),(0,t.jsx)(P,{}),(0,t.jsx)(er,{}),(0,t.jsx)(G,{}),(0,t.jsx)(Z,{}),(0,t.jsx)(eu,{}),(0,t.jsx)(ey,{}),(0,t.jsx)(w,{}),(0,t.jsx)(eI,{}),(0,t.jsx)(em,{}),(0,t.jsx)(ez,{}),(0,t.jsx)(eq,{}),(0,t.jsx)(eB,{}),(0,t.jsx)(eO.CTASection,{}),(0,t.jsx)(eW.Footer,{})]})}e.s(["default",()=>eF],53221)}]);
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.