https://framerformkit.com/_nuxt/sjBglNqa.js

1import{_ as y}from"./DyYJg-_K.js";import{_}from"./Dn97oMx9.js";import{_ as L}from"./BxauhjWg.js";import{_ as S}from"./BXEFG23Y.js";import{u as M}from"./CJm6J7lB.js";import{f as D,l as B,p as z,n as g,k as E,y as n,z as e,A as d,v as t,B as N,E as s,C as x,D as i,F as m,G as u,x as l,I as U}from"./B44zxPpk.js";import"./DP_nK8D6.js";import"./bXKC-dGE.js";const Y={class:"pt-32 pb-20 relative overflow-hidden"},K={class:"container mx-auto px-6 lg:px-20 relative z-10"},Z={class:"max-w-4xl mx-auto text-center"},q=["innerHTML"],H={class:"container mx-auto px-6 lg:px-20"},T={class:"max-w-4xl mx-auto"},G={class:"text-center mb-12"},P={class:"grid md:grid-cols-3 gap-8"},V={class:"py-20"},I={class:"container mx-auto px-6 lg:px-20"},R={class:"max-w-4xl mx-auto"},W={class:"text-center mb-12"},O={class:"grid sm:grid-cols-2 gap-4"},j={class:"container mx-auto px-6 lg:px-20"},J={class:"max-w-3xl mx-auto"},$={class:"text-center mb-12"},Q={class:"space-y-4"},X=D({__name:"[slug]",setup(ee){const{isDark:o,initTheme:b}=M(),v=B();z(()=>{b()});const p={zapier:{name:"Zapier",svg:'<svg viewBox="0 0 256 256" fill="currentColor"><g><path d="M128.080089,-0.000183105 C135.311053,0.0131003068 142.422517,0.624138494 149.335663,1.77979593 L149.335663,1.77979593 L149.335663,76.2997796 L202.166953,23.6044907 C208.002065,27.7488446 213.460883,32.3582023 218.507811,37.3926715 C223.557281,42.4271407 228.192318,47.8867213 232.346817,53.7047992 L232.346817,53.7047992 L179.512985,106.400063 L254.227854,106.400063 C255.387249,113.29414 256,120.36111 256,127.587243 L256,127.587243 L256,127.759881 C256,134.986013 255.387249,142.066204 254.227854,148.960282 L254.227854,148.960282 L179.500273,148.960282 L232.346817,201.642324 C228.192318,207.460402 223.557281,212.919983 218.523066,217.954452 L218.523066,217.954452 L218.507811,217.954452 C213.460883,222.988921 208.002065,227.6115 202.182208,231.742607 L202.182208,231.742607 L149.335663,179.04709 L149.335663,253.5672 C142.435229,254.723036 135.323765,255.333244 128.092802,255.348499 L128.092802,255.348499 L127.907197,255.348499 C120.673691,255.333244 113.590195,254.723036 106.677048,253.5672 L106.677048,253.5672 L106.677048,179.04709 L53.8457596,231.742607 C42.1780766,223.466917 31.977435,213.278734 23.6658953,201.642324 L23.6658953,201.642324 L76.4997269,148.960282 L1.78485803,148.960282 C0.612750404,142.052729 0,134.946095 0,127.719963 L0,127.719963 L0,127.349037 C0.0121454869,125.473817 0.134939797,123.182933 0.311311815,120.812834 L0.36577283,120.099764 C0.887996182,113.428547 1.78485803,106.400063 1.78485803,106.400063 L1.78485803,106.400063 L76.4997269,106.400063 L23.6658953,53.7047992 C27.8076812,47.8867213 32.4300059,42.4403618 37.4769335,37.4193681 L37.4769335,37.4193681 L37.5023588,37.3926715 C42.5391163,32.3582023 48.0106469,27.7488446 53.8457596,23.6044907 L53.8457596,23.6044907 L106.677048,76.2997796 L106.677048,1.77979593 C113.590195,0.624138494 120.688946,0.0131003068 127.932622,-0.000183105 L127.932622,-0.000183105 L128.080089,-0.000183105 Z M128.067377,95.7600714 L127.945335,95.7600714 C118.436262,95.7600714 109.32891,97.5001809 100.910584,100.661566 C97.7553011,109.043534 96.0085811,118.129275 95.9958684,127.613685 L95.9958684,127.733184 C96.0085811,137.217594 97.7553011,146.303589 100.923296,154.685303 C109.32891,157.846943 118.436262,159.587052 127.945335,159.587052 L128.067377,159.587052 C137.576449,159.587052 146.683802,157.846943 155.089415,154.685303 C158.257411,146.290368 160.004131,137.217594 160.004131,127.733184 L160.004131,127.613685 C160.004131,118.129275 158.257411,109.043534 155.089415,100.661566 C146.683802,97.5001809 137.576449,95.7600714 128.067377,95.7600714 Z" fill="currentColor" fill-rule="nonzero"></path></g></svg>',heroDesc:"Automate your Framer forms by connecting Form Kit to over 7,000 apps through Zapier. Send leads to your CRM, trigger email sequences, update databases, and more.",steps:[{title:"Create Your Form",desc:"Build your form in Framer using Form Kit components with validation and conditional logic."},{title:"Set Up Zapier Webhook",desc:'Create a Zap with "Webhooks by Zapier" as the trigger. Copy the webhook URL.'},{title:"Connect & Publish",desc:"Paste the webhook URL in your Framer form settings. Publish and watch data flow!"}],useCases:["Send leads to HubSpot, Salesforce, or Pipedrive","Add subscribers to Mailchimp or ConvertKit","Create tasks in Asana or Monday","Post notifications to Slack or Discord","Save submissions to Google Sheets or Airtable","Trigger custom automations"]},"google-sheets":{name:"Google Sheets",svg:'<svg viewBox="0 0 24 24" fill="currentColor"><path d="M19.385 2H4.615A2.615 2.615 0 0 0 2 4.615v14.77A2.615 2.615 0 0 0 4.615 22h14.77A2.615 2.615 0 0 0 22 19.385V4.615A2.615 2.615 0 0 0 19.385 2zM8 18H6v-2h2v2zm0-4H6v-2h2v2zm0-4H6V8h2v2zm10 8h-8v-2h8v2zm0-4h-8v-2h8v2zm0-4h-8V8h8v2z"/></svg>',heroDesc:"Save every form submission directly to a Google Spreadsheet. Perfect for collecting leads, survey responses, and feedback that you can analyze and share.",steps:[{title:"Create Your Form",desc:"Build your form in Framer using Form Kit components."},{title:"Set Up Google Sheets",desc:"Use a Google Apps Script or Zapier to create a webhook that writes to your sheet."},{title:"Connect & Collect",desc:"Add the webhook URL to your Framer form. Submissions appear as new rows!"}],useCases:["Collect lead information","Track survey responses","Build contact databases","Store feedback and reviews","Export data for analysis","Share results with team"]},airtable:{name:"Airtable",svg:'<svg viewBox="0 0 32 32" fill="currentColor"><path d="M1.849 11.12c-0.008-0-0.018-0.001-0.029-0.001-0.223 0-0.425 0.091-0.571 0.238l-0 0c-0.141 0.126-0.234 0.304-0.245 0.504l-0 0.002v10.441c0.024 0.42 0.371 0.751 0.794 0.751 0.124 0 0.241-0.028 0.345-0.079l-0.005 0.002 8.219-3.94 3.71-1.794c0.246-0.125 0.411-0.376 0.411-0.666 0-0.319-0.2-0.591-0.482-0.697l-0.

1005-0.002-11.884-4.706c-0.076-0.033-0.165-0.053-0.258-0.055l-0.001-0zM30.246 11.071c-0.1 0.001-0.195 0.021-0.282 0.058l0.005-0.002-12.511 4.845c-0.28 0.117-0.474 0.388-0.475 0.705v11.117c0.004 0.411 0.338 0.743 0.75 0.743 0.099 0 0.194-0.019 0.281-0.055l-0.005 0.002 12.513-4.861c0.28-0.106 0.475-0.372 0.475-0.683 0-0.002 0-0.004-0-0.006v0-11.117c-0.003-0.412-0.337-0.745-0.75-0.745 0 0 0 0-0 0v0zM15.99 3.461c-0.577 0-1.127 0.118-1.627 0.331l0.027-0.010-11.163 4.616c-0.274 0.116-0.463 0.383-0.463 0.694 0 0.317 0.196 0.588 0.473 0.699l0.005 0.002 11.224 4.446c0.454 0.189 0.981 0.299 1.533 0.299s1.080-0.11 1.56-0.309l-0.027 0.010 11.224-4.446c0.28-0.115 0.473-0.385 0.473-0.7 0-0.31-0.187-0.576-0.453-0.692l-0.005-0.002-11.193-4.616c-0.468-0.203-1.012-0.321-1.584-0.321-0.002 0-0.004 0-0.006 0h0z"></path></svg>',heroDesc:"Power up your forms by connecting them to Airtable. Build powerful workflows, create relations, and manage data with Airtable's flexible database.",steps:[{title:"Create Your Form",desc:"Build your form in Framer using Form Kit components."},{title:"Set Up Airtable Automation",desc:"Create an Airtable automation with a webhook trigger, or use Zapier/Make."},{title:"Map Fields & Go",desc:"Map form fields to Airtable columns and start collecting structured data."}],useCases:["Build CRM databases","Track project submissions","Create relational data","Power automations","Collaborate with team","Build dashboards"]},notion:{name:"Notion",svg:'<svg viewBox="0 0 24 24" fill="currentColor"><path d="M4.459 4.208c.746.606 1.026.56 2.428.466l13.215-.793c.28 0 .047-.28-.046-.326L17.86 1.97c-.42-.326-.98-.7-2.055-.607L3.01 2.544c-.467.047-.56.28-.374.466l1.823 1.198zm.793 3.313v13.628c0 .746.373 1.026 1.214.98l14.523-.84c.84-.046.933-.56.933-1.166V6.474c0-.606-.233-.933-.746-.886l-15.177.886c-.56.047-.747.327-.747.887zm14.337.42c.093.42 0 .84-.42.886l-.7.14v10.082c-.607.327-1.166.514-1.633.514-.746 0-.933-.234-1.493-.934l-4.57-7.186v6.953l1.446.327s0 .84-1.166.84l-3.22.186c-.093-.186 0-.653.327-.746l.84-.233V9.854L7.326 9.67c-.093-.42.14-1.026.793-1.073l3.453-.233 4.756 7.279V9.2l-1.212-.14c-.094-.513.28-.886.746-.933l3.453-.186z"/></svg>',heroDesc:"Add form submissions directly to your Notion databases. Perfect for teams already using Notion for project management and documentation.",steps:[{title:"Create Your Form",desc:"Build your form in Framer using Form Kit components."},{title:"Connect via Zapier/Make",desc:"Use Zapier or Make to connect your webhook to Notion databases."},{title:"Automate Your Workflow",desc:"New submissions create pages in your Notion database automatically."}],useCases:["Add to client databases","Collect feature requests","Track support tickets","Store feedback","Manage leads","Sync with team workspace"]},slack:{name:"Slack",svg:'<svg viewBox="0 0 24 24" fill="currentColor"><path d="M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zM6.313 15.165a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313zM8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zM8.834 6.313a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312zM18.956 8.834a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V8.834zM17.688 8.834a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522v6.312zM15.165 18.956a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.522v-2.522h2.52zM15.165 17.688a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0 1 2.52-2.52h6.313A2.527 2.527 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522 2.523h-6.313z"/></svg>',heroDesc:"Get instant notifications in Slack when forms are submitted. Keep your team informed in real-time without leaving your workspace.",steps:[{title:"Create Your Form",desc:"Build your form in Framer using Form Kit components."}

1,{title:"Set Up Slack Webhook",desc:"Create an incoming webhook in Slack, or use Zapier for more formatting options."},{title:"Get Notified",desc:"Every submission sends a message to your chosen Slack channel."}],useCases:["Lead notifications","Support ticket alerts","Team updates","Sales alerts","Contact form notifications","Event registrations"]},make:{name:"Make",svg:'<svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm0 4.5a7.5 7.5 0 1 1 0 15 7.5 7.5 0 0 1 0-15zm0 2.25a5.25 5.25 0 1 0 0 10.5 5.25 5.25 0 0 0 0-10.5z"/></svg>',heroDesc:"Build powerful visual automations with Make (formerly Integromat). Connect your forms to hundreds of apps with advanced logic and branching.",steps:[{title:"Create Your Form",desc:"Build your form in Framer using Form Kit components."},{title:"Create Make Scenario",desc:"Add a webhook trigger in Make and copy the URL."},{title:"Build Your Automation",desc:"Use Make's visual builder to route data to any app."}],useCases:["Complex multi-step workflows","Conditional routing","Data transformation","Multi-app integrations","Scheduled processing","Advanced automations"]},mailchimp:{name:"Mailchimp",svg:'<svg viewBox="0 0 24 24" fill="currentColor"><path d="M18.824 11.24c-.172-.497-.592-.86-1.14-.983-.396-.09-.817-.053-1.281.11-.33.117-.594.29-.82.467-.22-.343-.516-.56-.88-.674-.37-.114-.783-.117-1.22-.004-.54.138-.97.39-1.27.694-.14-.285-.324-.523-.551-.715-.38-.32-.874-.47-1.435-.456-.606.014-1.114.206-1.525.527-.197.154-.361.333-.495.524l-.025-.022c-.368-.296-.844-.45-1.398-.45-.485 0-.925.122-1.305.363-.443.28-.77.692-.966 1.208l-.028.078c-.193-.02-.393-.023-.602-.004-.705.06-1.298.312-1.732.727-.42.4-.674.93-.754 1.568-.138 1.09.37 1.96 1.5 2.577.327.18.692.32 1.088.424-.003.064-.005.13-.005.194 0 1.73 1.4 3.13 3.13 3.13a3.12 3.12 0 0 0 2.78-1.69c.54.22 1.16.34 1.85.34 1.33 0 2.49-.45 3.27-1.14.79-.69 1.22-1.65 1.22-2.77 0-.5-.08-.96-.25-1.38.4-.2.74-.45 1.02-.75.38-.42.62-.93.72-1.52.09-.55.04-1.06-.15-1.52z"/></svg>',heroDesc:"Add form subscribers directly to your Mailchimp lists. Grow your email list and start nurturing leads automatically.",steps:[{title:"Create Your Form",desc:"Build a signup form with email, name, and any custom fields."},{title:"Connect via Zapier",desc:"Use Zapier to connect your form webhook to Mailchimp."},{title:"Grow Your List",desc:"New subscribers are added to your list automatically."}],useCases:["Newsletter signups","Lead magnets","Event registrations","Waitlist forms","Beta signups","Subscriber segmentation"]},hubspot:{name:"HubSpot",svg:'<svg viewBox="0 0 24 24" fill="currentColor"><path d="M18.164 7.93V5.084a2.198 2.198 0 0 0 1.267-1.984v-.066A2.198 2.198 0 0 0 17.232.836h-.066a2.198 2.198 0 0 0-2.198 2.198v.066c0 .907.55 1.685 1.336 2.02v2.81a5.844 5.844 0 0 0-2.771 1.292l-7.323-5.7a2.498 2.498 0 1 0-1.478 2.086l7.18 5.59a5.85 5.85 0 0 0 .066 6.252l-2.206 2.206a2.067 2.067 0 0 0-.59-.093 2.108 2.108 0 1 0 2.108 2.108c0-.2-.031-.393-.088-.576l2.245-2.245a5.851 5.851 0 1 0 4.717-10.92z"/></svg>',heroDesc:"Send form leads directly to HubSpot CRM. Create contacts, deals, or tickets automatically and start your sales process.",steps:[{title:"Create Your Form",desc:"Build a lead capture form with Form Kit."},{title:"Connect to HubSpot",desc:"Use Zapier or HubSpot's webhook integration."},{title:"Automate Sales",desc:"Leads become HubSpot contacts ready for your sales team."}],useCases:["Lead capture","Contact creation","Deal creation","Support tickets","Sales automation","Marketing campaigns"]},webhooks:{name:"Webhooks",svg:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M13.828 10.172a4 4 0 0 0-5.656 0l-4 4a4 4 0 1 0 5.656 5.656l1.102-1.101m-.758-4.899a4 4 0 0 0 5.656 0l4-4a4 4 0 0 0-5.656-5.656l-1.1 1.1"/></svg>',heroDesc:"Send form data to any URL that accepts POST requests. Build custom integrations with your own backend, API, or service.",steps:[{title:"Create Your Form",desc:"Build your form in Framer using Form Kit components."},{title:"Set Your Endpoint",desc:"Create an endpoint that accepts POST requests with JSON data."},{title:"Receive Data",desc:"Your endpoint receives all form fields as JSON payload."}],useCases:["Custom backends","Internal tools","Database writes","API integrations","Lambda functions","Any custom processing"]}},f=g(()=>v.params.slug),a=g(()=>p[f.value]||p.zapier),w=[{q:"Do I need to code to set this up?",a:"No! All integrations work through webhooks which you configure in Framer's form settings. Just paste a URL."},{q:"Does Form Kit send data directly?",a:"Form Kit uses Framer's native form submission which supports webhooks. Your data goes directly from Framer to your integration."},{q:"Can I connect multiple integrations?",a:"Yes! Use Zapier or Make to fan out your data to multiple destinations from a single webhook."},{q:"What data format is sent?",a:"Data is sent as JSON with all your form field names and values. Most integrations handle this automatically."}];return E({title:()=>`${a.value.name} + Framer Forms - Framer Form Kit Integration`,description:()=>a.value.heroDesc,ogTitle:()=>`Connect ${a.value.name} to Framer Form Kit for Framer`,ogDescription:()=>a.value.heroDesc}),(te,c)=>{const A=y,C=_,k=L,F=S;return l(),n("div",{class:s(["formkit-page",t(o)?"dark":""])},[e("div",{class:s(["min-h-screen transition-colors duration-500",t(o)?"bg-[#0F0F0F]":"bg-[#F7F5F2]"])},[e("section",Y,[d(A,{"is-dark":t(o),variant:"right","show-secondary":!1},null,8,["is-dark"]),e("div",K,[e("div",Z,[d(C,{to:"/integrations",class:s(["inline-flex items-center gap-1 text-[13px] mb-6 transition-colors",t(o)?"text-white/50 hover:text-white":"text-[#52524E] hover:text-[#1A1A1A]"])},{default:N(()=>[...c[0]||(c[0]=[x(" ← Back to Integrations ",-1)])]),_:1},8,["class"]),e("div",{class:s(["w-20 h-20 mx-auto mb-6 squircle-xl flex items-center justify-center",t(o)?"bg-white/5":"bg-white border border-[#1A1A1A]/10"])},[e("div",{class:s(["w-10 h-10",t(o)?"text-[#2DD4BF]":"text-[#0F766E]"]),innerHTML:t(a).svg},null,10,q)],2),e("h1",{class:s(["text-[clamp(32px,5vw,56px)] font-bold leading-[1.05] tracking-[-0.03em] mb-6 transition-colors",t(o)?"text-white":"text-[#1A1A1A]"])},[x(i(t(a).name)+" +",1),c[1]||(c[1]=e("br",null,null,-1)),e("span",{class:s(t(o)?"text-[#2DD4BF]":"text-[#0F766E]")},"Form Kit for Framer",2)],2),e("p",{class:s(["text-[18px] leading-relaxed mb-8 max-w-xl mx-auto transition-colors",t(o)?"text-white/60":"text-[#52524E]"])},i(t(a).heroDesc),3),e("a",{href:"https://framer.com/marketplace/plugins/framer-form-kit",target:"_blank",class:s(["inline-block px-7 py-4 font-semibold text-[15px] squircle-lg transition-all duration-300",t(o)?"bg-white text-[#0F0F0F] hover:bg-[#0F766E] hover:text-white":"bg-[#1A1A1A] text-white hover:bg-[#0F766E]"])}," Get Started Free → ",2)])])]),e("section",{class:s(["py-20 transition-colors",t(o)?"bg-[#0A0A0A]":"bg-white"])},[e("div",H,[e("div",T,[e("div",G,[e("span",{class:s(["text-[11px] font-bold tracking-[0.15em] uppercase mb-3 block",t(o)?"text-[#2DD4BF]":"text-[#0F766E]"])}

1,"How It Works",2),e("h2",{class:s(["text-[clamp(24px,3.5vw,40px)] font-bold leading-[1.1] tracking-[-0.02em]",t(o)?"text-white":"text-[#1A1A1A]"])}," Connect in 3 Steps ",2)]),e("div",P,[(l(!0),n(m,null,u(t(a).steps,(r,h)=>(l(),n("div",{key:h,class:s(["p-6 squircle-xl transition-colors",t(o)?"bg-[#1A1A1A] border border-white/5":"bg-[#FAFAFA] border border-[#1A1A1A]/5"])},[e("div",{class:s(["w-10 h-10 mb-4 squircle-lg flex items-center justify-center text-[16px] font-bold",t(o)?"bg-[#2DD4BF]/10 text-[#2DD4BF]":"bg-[#0F766E]/10 text-[#0F766E]"])},i(h+1),3),e("h3",{class:s(["text-[15px] font-semibold mb-2",t(o)?"text-white":"text-[#1A1A1A]"])},i(r.title),3),e("p",{class:s(["text-[13px] leading-relaxed",t(o)?"text-white/50":"text-[#52524E]"])},i(r.desc),3)],2))),128))])])])],2),e("section",V,[e("div",I,[e("div",R,[e("div",W,[e("span",{class:s(["text-[11px] font-bold tracking-[0.15em] uppercase mb-3 block",t(o)?"text-[#2DD4BF]":"text-[#0F766E]"])},"Use Cases",2),e("h2",{class:s(["text-[clamp(24px,3.5vw,40px)] font-bold leading-[1.1] tracking-[-0.02em]",t(o)?"text-white":"text-[#1A1A1A]"])}," What You Can Do ",2)]),e("div",O,[(l(!0),n(m,null,u(t(a).useCases,r=>(l(),n("div",{key:r,class:s(["flex items-center gap-3 p-4 squircle-lg transition-colors",t(o)?"bg-[#1A1A1A] border border-white/5":"bg-white border border-[#1A1A1A]/5"])},[(l(),n("svg",{class:s(["w-5 h-5 shrink-0",t(o)?"text-[#2DD4BF]":"text-[#0F766E]"]),fill:"currentColor",viewBox:"0 0 20 20"},[...c[2]||(c[2]=[e("path",{d:"M10 0a10 10 0 110 20 10 10 0 010-20zm4.634 6.634L9 12.268 6.366 9.634l-1.414 1.414L9 15.097l7.048-7.049-1.414-1.414z"},null,-1)])],2)),e("span",{class:s(["text-[14px]",t(o)?"text-white/80":"text-[#1A1A1A]"])},i(r),3)],2))),128))])])])]),e("section",{class:s(["py-20 transition-colors",t(o)?"bg-[#0A0A0A]":"bg-white"])},[e("div",j,[e("div",J,[e("div",$,[e("span",{class:s(["text-[11px] font-bold tracking-[0.15em] uppercase mb-3 block",t(o)?"text-[#2DD4BF]":"text-[#0F766E]"])},"FAQ",2),e("h2",{class:s(["text-[clamp(24px,3.5vw,40px)] font-bold leading-[1.1] tracking-[-0.02em]",t(o)?"text-white":"text-[#1A1A1A]"])}," Common Questions ",2)]),e("div",Q,[(l(),n(m,null,u(w,r=>e("div",{key:r.q,class:s(["p-6 squircle-xl transition-colors",t(o)?"bg-[#1A1A1A] border border-white/5":"bg-[#FAFAFA] border border-[#1A1A1A]/5"])},[e("h3",{class:s(["text-[15px] font-semibold mb-2",t(o)?"text-white":"text-[#1A1A1A]"])},i(r.q),3),e("p",{class:s(["text-[13px] leading-relaxed",t(o)?"text-white/50":"text-[#52524E]"])},i(r.a),3)],2)),64))])])])],2),d(k,{"is-dark":t(o)},null,8,["is-dark"]),d(F,{"is-dark":t(o)},null,8,["is-dark"])],2)],2)}}}),de=U(X,[["__scopeId","data-v-5685047c"]]);export{de as default};