https://cirqqles.com/assets/build-DtjPon_F.js

1import{i as x,w as i,c as b,v as N,q as e,r as w,y as p,s as v}from"./index-DOuuq3mX.js";import{X as k,H as Q}from"./Header-DaIARs16.js";import{F as _}from"./Footer-B0RAD7lq.js";import{U as S}from"./users-hQO3ZBgh.js";import{S as z}from"./send--dNiQGEF.js";import{C as y}from"./check-Dfw5R4yX.js";import{P as C}from"./phone-Dnwrshok.js";import{E}from"./eye-BZn4XaXG.js";import{T as M}from"./target-DlyK5W9J.js";import{C as A}from"./calendar-check-CHBj971m.js";import{C as T}from"./circle-check-BfTrSwli.js";import{L as W}from"./loader-circle-G_AWuOc0.js";import{M as q}from"./mail-BNKDpZlr.js";import{A as L}from"./arrow-right-Cmwt3YCM.js";import{S as B}from"./shield-check-Coh8rP1a.js";import{L as I}from"./lock-X-aEn-d0.js";import{A as P}from"./arrow-up-right-CCa5LS9r.js";const R=[["path",{d:"M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5",key:"mvr1a0"}]],F=x("heart",R);const H=[["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"}]],j=x("message-square-text",H);const Y=[["path",{d:"M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z",key:"e79jfc"}],["circle",{cx:"13.5",cy:"6.5",r:".5",fill:"currentColor",key:"1okk4w"}],["circle",{cx:"17.5",cy:"10.5",r:".5",fill:"currentColor",key:"f64h9f"}],["circle",{cx:"6.5",cy:"12.5",r:".5",fill:"currentColor",key:"qy21gx"}],["circle",{cx:"8.5",cy:"7.5",r:".5",fill:"currentColor",key:"fotxhn"}]],U=x("palette",Y),m=[{icon:b,label:"Reading your website & brand"},{icon:U,label:"Generating brand identity & colors"},{icon:j,label:"Building your Q-Pilot content",detail:"AI-generating personalized content for your business…"},{icon:S,label:"Assembling your community hub"},{icon:z,label:"Sending your cirQQle link"}],$=[{icon:E,lead:"See your live cirQQle",rest:"walked through in real time by someone who built it for your business"},{icon:M,lead:"Get a growth plan",rest:"specific to your industry, audience, and goals"},{icon:j,lead:"Ask anything",rest:"— no pressure, no pitch, just clarity on whether cirQQles is the right fit"}];function O({open:t,onClose:s,email:a}){const[n,c]=i.useState(2);if(i.useEffect(()=>{if(!t)return;const r=l=>{l.key==="Escape"&&s()};return document.addEventListener("keydown",r),document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",r),document.body.style.overflow=""}},[t,s]),i.useEffect(()=>{if(!t||n>=m.length-1)return;const r=setTimeout(()=>c(l=>l+1),2600);return()=>clearTimeout(r)},[t,n]),!t||typeof document>"u")return null;const o=Math.min(96,Math.round((n+.5)/m.length*100));return N.createPortal(e.jsx("div",{role:"dialog","aria-modal":"true","aria-label":"Your cirQQle is being built",onClick:s,className:"fixed inset-0 z-[100] flex items-start justify-center overflow-y-auto bg-navy/85 p-4 backdrop-blur-md sm:p-6",children:e.jsxs("div",{onClick:r=>r.stopPropagation(),className:"modal-in relative my-auto w-full max-w-lg overflow-hidden rounded-3xl border border-paper/15 bg-navy text-paper shadow-2xl ring-1 ring-blue/25",children:[e.jsxs("div",{className:"flex items-center justify-between gap-3 border-b border-paper/10 bg-paper/[0.04] px-5 py-3.5",children:[e.jsxs("span",{className:"inline-flex items-center gap-2 rounded-full bg-green/20 px-3 py-1 text-xs font-semibold text-green",children:[e.jsx(y,{size:13,strokeWidth:3}),"Request received"]}),e.jsx("button",{type:"button",onClick:s,"aria-label":"Close",className:"flex h-8 w-8 items-center justify-center rounded-full border border-paper/20 text-mist/80 transition-colors hover:border-paper hover:bg-paper hover:text-navy",children:e.jsx(k,{size:16})})]}),e.jsxs("div",{className:"px-6 py-7 sm:px-8",children:[e.jsxs("h2",{className:"text-2xl leading-tight text-paper sm:text-3xl",children:["Your cirQQle is being"," ",e.jsx("span",{className:"text-blue",children:"built right now."})]}),e.jsxs("p",{className:"mt-4 text-sm leading-relaxed text-mist/75",children:["We're generating your fully branded cirQQle — community hub, opt-in storefront, and all."," ",e.jsx("span",{className:"font-semibold text-paper",children:"It'll be in your inbox in about 5 minutes."})]}),e.jsxs("div",{className:"mt-6 rounded-3xl border-2 border-blue bg-paper/[0.04] p-5 shadow-[0_24px_55px_-22px_rgba(0,163,232,0.5)] sm:p-6",children:[e.jsxs("div",{className:"flex items-start gap-4",children:[e.jsx("span",{className:"flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-blue/15 text-blue",children:e.jsx(C,{size:20})}),e.jsxs("div",{children:[e.jsx("h3",{className:"font-display text-lg text-paper",children:"Book a 15-min walkthrough call"}),e.jsx("p",{className:"mt-1.5 text-sm leading-relaxed text-mist/70",children:"When your cirQQle arrives, we'll walk you through it together — and show you exactly how it grows your business."})]})]}),e.jsx("ul",{className:"mt-5 space-y-3.5 border-t border-paper/10 pt-5",children:$.map(r=>e.jsxs("li",{className:"flex gap-3",children:[e.jsx(r.icon,{size:17,className:"mt-0.5 shrink-0 text-blue"}),e.jsxs("p",{className:"text-sm leading-relaxed text-mist/75",children:[e.jsx("span",{className:"font-semibold text-paper",children:r.lead})," ",r.rest]})]},r.lead))}),e.jsxs("a",{href:w.discoverCall,className:"mt-6 inline-flex w-full items-center justify-center gap-2 rounded-full bg-blue px-7 py-3.5 text-sm font-semibold text-paper transition-colors hover:bg-blue-deep",children:[e.jsx(A,{size:16}),"Book my 15-min walkthrough"]}),e.jsx("p",{className:"mt-3 text-center text-xs text-mist/50",children:"Free · No obligation · Slots available today"})]}),e.jsxs("div",{className:"my-6 flex items-center gap-4",children:[e.jsx("span",{className:"h-px flex-1 bg-paper/10"}),e.jsx("span",{className:"text-xs font-semibold uppercase tracking-[0.18em] text-mist/45",children:"Meanwhile"}),e.jsx("span",{className:"h-px flex-1 bg-paper/10"})]}),e.jsxs("div",{className:"rounded-3xl border border-paper/12 bg-paper/[0.04] p-5 sm:p-6",children:[e.jsxs("div",{className:"flex items-center justify-between gap-3",children:[e.jsxs("span",{className:"flex items-center gap-2 text-sm font-semibold text-paper",children:[e.jsx(b,{size:16,className:"text-blue"}),"Building your cirQQle"]}),e.jsx("span",{className:"rounded-full border border-paper/15 bg-paper/5 px-3 py-1 text-xs font-semibold text-mist/70",children:"~5 min"})]}),e.jsx("ul",{className:"mt-5 space-y-3.5",children:m.map((r,l)=>{const u=l<n,d=l===n;return e.jsxs("li",{className:"flex items-start gap-3",children:[e.jsx("span",{className:"mt-0.5 shrink-0",children:u?e.jsx(T,{size:20,className:"text-green"}):d?e.jsx(W,{size:20,className:"animate-spin text-blue"}):e.jsx(r.icon,{size:20,className:"text-mist/35"})}),e.jsxs("div",{children:[e.jsx("p",{className:`text-sm font-semibold ${u?"text-mist/70":d?"text-paper":"text-mist/40"}`,children:r.label}),d&&"detail"in r&&r.detail&&e.jsx("p",{className:"mt-0.5 text-xs text-blue",children:r.detail})]})]},r.label)})}),e.jsxs("div",{className:"mt-5 flex items-center gap-3",children:[e.jsx("div",{className:"h-1.5 flex-1 overflow-hidden rounded-full bg-paper/10",children:e.jsx("div",{className:"h-full rounded-full bg-blue transition-[width] duration-700 ease-out",style:{width:`${o}%`}})}),e.jsx("span",{className:"text-xs font-medium text-mist/55",children:"Building…"})]})]}),e.jsxs("div",{className:"mt-4 flex gap-3 rounded-2xl border border-paper/12 bg-paper/[0.04] p-4",children:[e.jsx("span",{className:"flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-coral/15 text-coral",children:e.jsx(q,{size:18})}),e.jsxs("p",{className:"text-sm leading-relaxed text-mist/75",children:["We'll send your cirQQle to"," ",e.jsx("span",{className:"font-semibold text-paper",children:a??"your email address"}),". Check your inbox — it includes your live hub, storefront, and a personal growth summary."]})]}),e.jsx("button",{type:"button",onClick:s,className:"mt-6 block w-full text-center text-sm font-medium text-mist/55 transition-colors hover:text-mist",children:"I'll explore on my own — email me when it's ready"})]})]})}),document.body)}const h=/success|submitted|complete|done|created/i;function G(t){if(typeof t=="string")return h.test(t);if(t&&typeof t=="object"){const s=t;if(s.success===!0)return!0;for(const a of["type","event","status","name","message","action"]){const n=s[a];if(typeof n=="string"&&h.test(n))return!0}}return!1}function D(t){if(t&&typeof t=="object"){const s=t,a=[s.email,s.payload?.email,s.data?.email];for(const n of a)if(typeof n=="string"&&n.includes("@"))return n}return null}function K(){const t=i.useRef(!1),[s,a]=i.useState(!1),[n,c]=i.useState(null);return i.useEffect(()=>{function o(r){r.origin===p.origin&&(t.current||!G(r.data)||(t.current=!0,

1c(D(r.data)),a(!0)))}return window.addEventListener("message",o),()=>window.removeEventListener("message",o)},[]),e.jsxs(e.Fragment,{children:[e.jsx("iframe",{src:p.src,title:"cirQQles signup",width:"100%",height:"430",style:{border:0,maxWidth:720},loading:"lazy"}),e.jsx(O,{open:s,onClose:()=>a(!1),email:n})]})}const f=["Build your free cirQQle","Quick walkthrough call","We run it for 30 days"],V=["A complete brand kit, built from your identity","Your AI agent, trained in your voice","Promotions and deals to attract new members","Your contacts and customer list, imported","One email and one SMS campaign, sent for real","The short-term goals you define"],X=[{icon:B,title:"No obligation",body:"At the end of 30 days, you keep everything. No credit card to start. No contract. Nothing converts to paid on its own. If we earned your business, you stay. If we didn't, you walk — and your cirQQle is still yours."},{icon:F,title:"Why we do it",body:"The work is the pitch. We'd rather show you than tell you. Most businesses, once they watch their community light up and the first campaigns land, don't want us to put the engine back in the garage. That's the whole bet."}],g=["#00a3e8","#ef5e4f","#8dbb8d","#0085c2"];function J({children:t}){return e.jsx("span",{className:"inline-block text-xs font-semibold uppercase tracking-[0.22em] text-blue",children:t})}function fe(){return e.jsxs("div",{id:"top",className:"overflow-x-clip",children:[e.jsx(Q,{}),e.jsxs("main",{children:[e.jsx("section",{className:"bg-navy",children:e.jsxs("div",{className:"mx-auto max-w-5xl px-5 py-20 sm:px-8 lg:py-28",children:[e.jsxs("div",{className:"mx-auto max-w-3xl text-center",children:[e.jsx(J,{children:"The 30-day test drive"}),e.jsx("h1",{className:"mt-4 text-4xl text-paper sm:text-5xl",children:"Watch us run your marketing for a month before you decide."}),e.jsx("p",{className:"mt-6 text-lg leading-relaxed text-paper/80",children:"It starts with the free cirQQle we build you, in minutes. Then a quick call to walk through it and learn your business — and 30 days of us running your marketing engine, at no cost, with nothing owed at the end."})]}),e.jsx("div",{className:"mt-10 flex flex-wrap items-center justify-center gap-3",children:f.map((t,s)=>e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxs("span",{className:"inline-flex items-center gap-2.5 rounded-full border border-line bg-paper py-2 pl-2.5 pr-4 text-sm font-medium text-navy shadow-[0_1px_2px_rgba(10,10,35,0.06)]",children:[e.jsx("span",{className:"inline-flex size-6 shrink-0 items-center justify-center rounded-full bg-blue text-xs font-semibold text-paper",children:s+1}),t]}),s<f.length-1&&e.jsx(L,{size:16,"aria-hidden":!0,className:"hidden shrink-0 text-paper/40 sm:block"})]},t))}),e.jsxs("div",{className:"mx-auto mt-12 max-w-4xl rounded-3xl border border-line bg-paper p-7 shadow-[0_24px_70px_-50px_rgba(10,10,35,0.4)] sm:p-10",children:[e.jsx("h2",{className:"text-2xl text-navy sm:text-3xl",children:"The catch? There isn’t one. Here’s the honest part."}),e.jsx("p",{className:"mt-5 text-base leading-relaxed text-navy-soft sm:text-lg",children:"Once your cirQQle is built, we hop on a short call to walk through it and learn what makes your business tick. Then, for 30 days, the engine is turned on. We build your brand kit, train your AI agent to create on-brand content, design the promotions and deals that pull new members in, and import your existing contacts. We send one real email campaign and one SMS campaign — not demos, the actual thing. You tell us what a win looks like for those 30 days, and we go chase it with you."}),e.jsxs("div",{className:"mt-8 border-t border-line pt-8",children:[e.jsx("p",{className:"text-xs font-semibold uppercase tracking-[0.22em] text-navy-faint",children:"What the 30 days includes"}),e.jsx("ul",{className:"mt-6 grid gap-x-8 gap-y-4 sm:grid-cols-2",children:V.map(t=>e.jsxs("li",{className:"flex items-start gap-3",children:[e.jsx("span",{className:"mt-0.5 flex size-6 shrink-0 items-center justify-center rounded-full bg-green/20 text-green",children:e.jsx(y,{size:14,strokeWidth:3})}),e.jsx("span",{className:"text-base leading-relaxed text-navy-soft",children:t})]},t))})]})]}),e.jsx("div",{className:"mx-auto mt-6 grid max-w-4xl gap-6 sm:grid-cols-2",children:X.map(({icon:t,title:s,body:a})=>e.jsxs("div",{className:"flex flex-col rounded-3xl border border-line bg-paper p-7 sm:p-8",children:[e.jsx("span",{className:"inline-flex size-11 shrink-0 items-center justify-center rounded-xl bg-blue/12 text-blue",children:e.jsx(t,{size:20})}),e.jsx("h3",{className:"mt-5 font-display text-xl text-navy",children:s}),e.jsx("p",{className:"mt-3 text-base leading-relaxed text-navy-soft",children:a})]},s))}),e.jsxs("div",{className:"mx-auto mt-14 max-w-2xl text-center",children:[e.jsx("h2",{className:"text-3xl text-paper sm:text-4xl",children:"Build my free cirQQle"}),e.jsx("p",{className:"mt-4 text-lg leading-relaxed text-paper/80",children:"Free to build, in your inbox in minutes. The 30-day run starts after a quick walkthrough call."}),e.jsx("div",{className:"mt-8 flex justify-center",children:e.jsx(K,{})}),e.jsxs("p",{className:"mt-6 flex items-start justify-center gap-2 text-sm leading-relaxed text-paper/60",children:[e.jsx(I,{size:14,className:"mt-0.5 shrink-0","aria-hidden":!0}),e.jsx("span",{children:"No card. No contract. No auto-billing. Email and SMS campaigns go only to contacts you confirm have opted in."})]})]})]})}),e.jsx("section",{className:"bg-paper",children:e.jsx("div",{className:"mx-auto max-w-5xl px-5 py-16 sm:px-8 lg:py-20",children:e.jsxs("div",{className:"mx-auto max-w-3xl text-center",children:[e.jsx("p",{className:"text-sm font-semibold uppercase tracking-[0.18em] text-navy-faint",children:"Not ready to build yet? Preview a few live cirQQles"}),e.jsx("div",{className:"mt-6 flex flex-wrap justify-center gap-3",children:v.map((t,s)=>{const a=g[s%g.length];return e.jsxs("a",{href:t.url,target:"_blank",rel:"noopener noreferrer",style:{"--chip":a},className:"group inline-flex items-center gap-2.5 rounded-full border border-line bg-paper py-2 pl-2.5 pr-4 text-sm font-medium text-navy shadow-[0_1px_2px_rgba(10,10,35,0.06)] transition-all duration-200 hover:-translate-y-0.5 hover:border-[var(--chip)] hover:shadow-[0_8px_20px_-8px_var(--chip)]",children:[e.jsxs("span",{"aria-hidden":!0,

1className:"relative inline-flex h-5 w-[1.9rem] shrink-0 items-center",children:[e.jsx("span",{className:"absolute left-0 h-5 w-5 rounded-full",style:{backgroundColor:a,opacity:.22}}),e.jsx("span",{className:"absolute left-[0.6rem] h-5 w-5 rounded-full border-2 transition-transform duration-200 group-hover:translate-x-[1px]",style:{borderColor:a}})]}),t.name,e.jsx(P,{size:14,className:"text-navy-faint transition-all duration-200 group-hover:translate-x-0.5 group-hover:-translate-y-0.5 group-hover:text-[color:var(--chip)]"})]},t.url)})})]})})})]}),e.jsx(_,{})]})}export{fe as component};