1<!DOCTYPE html><html lang="en" class="inter_7b064e0d-module__MOT0tq__variable eb_garamond_ef3029a7-module___hlBDG__variable h-full"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/4ee71d90e0f663bd-s.p.33jraz4m6n5g3.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/e4505858a30c79c2-s.p.0tlhhw_qyyfys.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="/nicelyformed-logo-full.svg"/><link rel="stylesheet" href="/_next/static/chunks/0jf6_vzmsbu03.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/3blvq2e6jdw43.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/13-mwa1nomz3g.js"/>
1<script src="/_next/static/chunks/3zswb3kfy6gh0.js" async=""></script>
1<script src="/_next/static/chunks/04h7kdmv2gekk.js" async=""></script>
1<script src="/_next/static/chunks/1wpi-_59dw0su.js" async=""></script>
1<script src="/_next/static/chunks/0g8ku62w0yb2s.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-3_u47t5q5ljl-.js" async=""></script>
1<script src="/_next/static/chunks/0ku35ev6bvuii.js" async=""></script>
1<script src="/_next/static/chunks/2umrmc5t57l3d.js" async=""></script>
1<script src="/_next/static/chunks/2c87goucuqx78.js" async=""></script>
1<script src="/_next/static/chunks/1-g152_p024wv.js" async=""></script>
1<script src="/_next/static/chunks/2yl1jv4w6po1z.js" async=""></script>
1<script src="/_next/static/chunks/1ntn7efqc-iiw.js" async=""></script>
1<script src="/_next/static/chunks/14deyei_himn8.js" async=""></script>
1<script src="/_next/static/chunks/32o3a-f_yym04.js" async=""></script>
1<script src="/_next/static/chunks/0qqo86k0cg5-z.js" async=""></script>
1<script src="/_next/static/chunks/17cfr__8kpmoh.js" async=""></script>
1<script src="/_next/static/chunks/2rtagt9sx3znc.js" async=""></script>
1<script src="/_next/static/chunks/1amf1tasdm_l-.js" async=""></script>
1<meta name="next-size-adjust" content=""/><meta name="theme-color" content="#ffffff"/><title>Nicelyformed: AI form builder</title><meta name="description" content="Describe the form you need and let AI build it. Beautiful forms in seconds."/><meta name="application-name" content="Nicelyformed"/><link rel="manifest" href="/manifest.webmanifest"/><link rel="canonical" href="https://www.nicelyformed.ai"/><meta property="og:title" content="Nicelyformed: AI form builder"/><meta property="og:description" content="Describe the form you need and let AI build it. Beautiful forms in seconds."/><meta property="og:url" content="https://www.nicelyformed.ai"/><meta property="og:site_name" content="Nicelyformed"/><meta property="og:locale" content="en_US"/><meta property="og:image" content="https://www.nicelyformed.ai/opengraph-image.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Nicelyformed: Create forms in seconds. Describe the form you need and let AI build it."/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:site" content="@NicelyformedAI"/><meta name="twitter:title" content="Nicelyformed: AI form builder"/><meta name="twitter:description" content="Describe the form you need and let AI build it. Beautiful forms in seconds."/><meta name="twitter:image" content="https://www.nicelyformed.ai/opengraph-image.png"/><meta name="twitter:image:alt" content="Nicelyformed: Create forms in seconds. Describe the form you need and let AI build it."/><meta name="twitter:image:width" content="1200"/><meta name="twitter:image:height" content="630"/><link rel="icon" href="/favicon.ico?favicon.0j79noajmm4mr.ico" sizes="32x32" type="image/x-icon"/><link rel="icon" href="/icon.png?icon.3jl6jo3oq5akw.png" sizes="96x96" type="image/png"/><link rel="icon" href="/icon.svg?icon.1q92_12bi7-w3.svg" sizes="any" type="image/svg+xml"/><link rel="apple-touch-icon" href="/apple-icon.png?apple-icon.3758_4p51_uud.png" sizes="180x180" type="image/png"/>
1<script>if(location.search.indexOf("perf")>-1){var P=window.__nfPerf={t0:performance.now(),gaps:[]},l=performance.now();(function t(n){var g=n-l;if(g>50)P.gaps.push([Math.round(n),Math.round(g)]);l=n;if(n<15000)requestAnimationFrame(t)})(l)}</script>
1<script>document.cookie.split('; ').indexOf('nf_authed=1')>-1&&document.documentElement.setAttribute('data-authed','')</script>
1<script src="/_next/static/chunks/0cz1d0mv5g_q7.js" noModule=""></script>
1</head><body class="min-h-full flex flex-col bg-background text-foreground antialiased"><div hidden=""><!--$--><!--/$--></div>
1<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","name":"Nicelyformed","url":"https://www.nicelyformed.ai","logo":"https://www.nicelyformed.ai/nicelyformed-logo-icon.svg"},{"@type":"SoftwareApplication","name":"Nicelyformed","url":"https://www.nicelyformed.ai","description":"Describe the form you need and let AI build it. Beautiful forms in seconds.","applicationCategory":"BusinessApplication","operatingSystem":"Web","offers":[{"@type":"Offer","name":"Free","price":"0","priceCurrency":"USD"},{"@type":"Offer","name":"Pro","price":"19.99","priceCurrency":"USD"}]},{"@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Is it really free?","acceptedAnswer":{"@type":"Answer","text":"Yes. Unlimited forms, unlimited submissions, and every builder feature on the free plan, forever, with no card needed to start. Free forms carry a small Nicelyformed badge, and that is the whole catch."}},{"@type":"Question","name":"Is there a limit on forms or submissions?","acceptedAnswer":{"@type":"Answer","text":"No. Most form builders cap monthly responses and start charging the moment a form takes off. Nicelyformed never counts forms, submissions, or respondents on any plan. The only metered thing is AI prompts."}},{"@type":"Question","name":"What counts as an AI prompt?","acceptedA
1nswer":{"@type":"Answer","text":"One form generation, one edit request or question in the builder chat, or one question to insights. Free includes 100 prompts a month and Pro includes 1,000. If you run out, your forms keep collecting and you can keep editing by hand; only the AI pauses until the month resets."}},{"@type":"Question","name":"Do respondents need an account?","acceptedAnswer":{"@type":"Answer","text":"No. Anyone with your link can answer on any device, no sign-in required. Their answers survive a refresh, and on multi-page forms the pages they finished are kept even if they leave early."}},{"@type":"Question","name":"Can I embed a form on my own site?","acceptedAnswer":{"@type":"Answer","text":"Yes. Every form gets a clean share link and a copy-paste embed snippet that drops it into any website. You can also send respondents to a URL of your choice after they submit."}},{"@type":"Question","name":"Can I use my own branding?","acceptedAnswer":{"@type":"Answer","text":"Yes. Add your logo and cover image, pick from 50 curated fonts, theme every color, and rename the submit button. Pro also removes the Nicelyformed badge, so the form is entirely yours."}},{"@type":"Question","name":"Can I export my submissions?","acceptedA
1nswer":{"@type":"Answer","text":"Yes. Download everything as a CSV in one click, with matrix grids split into tidy columns. New submissions can also land in your inbox, answers included, at one address or several."}},{"@type":"Question","name":"Is my data safe?","acceptedAnswer":{"@type":"Answer","text":"Submissions are encrypted with AES-256 before they reach the database, on top of encryption in transit and disk encryption at rest. You can export or delete a form and its data at any time, and our GDPR page lists every provider we use and where it runs."}},{"@type":"Question","name":"Is my data used to train AI?","acceptedAnswer":{"@type":"Answer","text":"No. Form generation, editing, and insights run on Google's Gemini API, and the data sent to it is not used to train Google's models. Nicelyformed does not train models on your forms or submissions either."}},{"@type":"Question","name":"How is this different from Tally or Typeform?","acceptedAnswer":{"@type":"Answer","text":"Tally is free and generous, and its AI builds forms too, but the AI stops at the builder and drop-off analytics cost $29 a month. Typeform caps the free plan at 10 submissions a month and starts at $39. Nicelyformed keeps the unlimited free plan, gives you drop-off analytics free, and adds AI that explains your submissions, with Pro at $19.99 a month."}}]}]}</script>
1<div class="flex min-h-screen flex-col"><header class="sticky top-0 z-50 w-full transition-colors duration-200 bg-transparent"><nav class="mx-auto flex h-16 max-w-6xl items-center justify-between gap-4 px-4 sm:px-6"><div class="flex items-center gap-8"><a aria-label="Nicelyformed home" href="/"><img src="/nicelyformed-logo-full.svg" alt="Nicelyformed" class="h-7 w-auto"/></a><ul class="hidden items-center gap-1 md:flex"><li><a class="px-3 py-2 text-[13px] font-medium text-content-primary transition-colors hover:text-[#FF272B]" href="/features">Features</a></li><li><a class="px-3 py-2 text-[13px] font-medium text-content-primary transition-colors hover:text-[#FF272B]" href="/templates">Templates</a></li><li><a class="px-3 py-2 text-[13px] font-medium text-content-primary transition-colors hover:text-[#FF272B]" href="/pricing">Pricing</a></li></ul></div><div class="flex items-center gap-2"><div class="flex items-center gap-2 authed-only"><a class="hidden px-3 py-2 text-[13px] font-medium text-content-primary transition-colors hover:text-[#FF272B] sm:inline-block" href="/dashboard">Dashboard</a><a data-slot="button" data-variant="white" data-size="sm" class="inline-flex shrink-0 items-center justify-center rounded-full font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 bg-white text-neutral-900 hover:text-[#FF272B] h-8 gap-1.5 pb-px has-[>svg]:px-3 [&_svg]:translate-y-[0.5px] px-4 text-[13px] sm:hidden" href="/dashboard">Dashboard</a><form class="hidden sm:block" action="" encType="multipart/form-data" method="POST"><input type="hidden" name="$ACTION_ID_00a37d971a336fa6da3ad53b15f865e62ac33954a3"/><button data-slot="button" data-variant="white" data-size="sm" class="inline-flex shrink-0 items-center justify-center rounded-full font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 bg-white text-neutral-900 hover:text-[#FF272B] h-8 gap-1.5 pb-px has-[>svg]:px-3 [&_svg]:translate-y-[0.5px] px-4 text-[13px]" type="submit">Log out</button></form></div><div class="flex items-center gap-2 guest-only"><a data-slot="button" data-variant="ghost" data-size="sm" class="shrink-0 items-center justify-center rounded-full font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 hover:text-[#FF272B] h-8 gap-1.5 px-3.5 pb-px has-[>svg]:px-3 [&_svg]:translate-y-[0.5px] hidden text-[13px] sm:inline-flex" href="/auth/login">Log in</a><a data-slot="button" data-variant="default" data-size="sm" class="inline-flex shrink-0 items-center justify-center rounded-full font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 bg-primary text-primary-foreground hover:bg-primary/90 h-8 gap-1.5 pb-px has-[>svg]:px-3 [&_svg]:translate-y-[0.5px] px-3.5 text-[13px]" href="/auth/register">Get started</a></div><button data-slot="sheet-trigger" data-variant="white" data-size="icon-sm" class="inline-flex shrink-0 items-center justify-center gap-2 rounded-full text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='
1size-'])]:size-4 bg-white text-neutral-900 hover:text-[#FF272B] size-8 md:hidden" aria-label="Open menu" type="button" aria-haspopup="dialog" aria-expanded="false" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ellipsis size-4" aria-hidden="true"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg></button></div></nav></header><main class="flex-1 isolate"><section class="relative isolate -mt-16 flex min-h-[88svh] items-center"><div aria-hidden="true" class="pointer-events-none absolute inset-x-0 -top-40 -z-10 h-[64rem] bg-[radial-gradient(150%_115%_at_50%_0%,rgb(251,240,198)_0%,rgb(252,244,214)_50%,rgba(255,254,249,0)_100%)] animate-glow-drift sm:bg-[radial-gradient(90%_100%_at_50%_0%,rgb(251,240,198)_0%,rgb(252,244,214)_45%,rgba(255,254,249,0)_100%)] dark:opacity-15"></div><div class="mx-auto w-full max-w-6xl px-4 py-24 text-center sm:px-6"><h1 class="font-serif mx-auto max-w-3xl text-4xl font-semibold leading-[1.1] tracking-[-0.06em] text-balance sm:text-5xl lg:text-[56px]">Describe your <em>form</em></h1><div class="mt-10"><div class="relative mx-auto w-full max-w-2xl"><div class="relative"><textarea rows="1" maxLength="2000" placeholder="e.g. A job application form to hire a software engineer" class="block w-full resize-none bg-surface-page text-base outline-none transition-shadow placeholder:text-transparent disabled:opacity-60 md:text-sm overflow-hidden h-15 max-h-48 rounded-[30px] py-[18px] pl-6 pr-16 shadow-card focus-visible:shadow-lift md:h-14 md:rounded-[28px]"></textarea><span aria-hidden="true" class="pointer-events-none absolute grid grid-cols-[100%] select-none text-start text-content-tertiary inset-0 text-base md:text-sm py-[18px] pl-6 pr-16"><span class="truncate [grid-area:1/1]">e.g. A job application form to hire a software engineer</span></span><button data-slot="button" data-variant="default" data-size="icon" class="inline-flex shrink-0 items-center justify-center gap-2 rounded-full text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 bg-primary text-primary-foreground hover:bg-primary/90 absolute bottom-2.5 right-2.5 size-10 md:bottom-2 md:right-2" aria-label="Build form" disabled=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up size-5" aria-hidden="true"><path d="m5 12 7-7 7 7"></path><path d="M12 19V5"></path></svg></button></div><div class="mt-4 flex flex-wrap justify-center gap-2"><button data-slot="button" data-variant="white" data-size="sm" class="inline-flex shrink-0 items-center justify-center rounded-full font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 bg-white text-neutral-900 hover:text-[#FF272B] h-8 gap-1.5 pb-px has-[>svg]:px-3 [&_svg]:translate-y-[0.5px] px-3.5 text-xs" type="button">Contact form</button><button data-slot="button" data-variant="white" data-size="sm" class="inline-flex shrink-0 items-center justify-center rounded-full font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='
1size-'])]:size-4 bg-white text-neutral-900 hover:text-[#FF272B] h-8 gap-1.5 pb-px has-[>svg]:px-3 [&_svg]:translate-y-[0.5px] px-3.5 text-xs" type="button">Customer feedback survey</button><button data-slot="button" data-variant="white" data-size="sm" class="inline-flex shrink-0 items-center justify-center rounded-full font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 bg-white text-neutral-900 hover:text-[#FF272B] h-8 gap-1.5 pb-px has-[>svg]:px-3 [&_svg]:translate-y-[0.5px] px-3.5 text-xs" type="button">Event RSVP</button><button data-slot="button" data-variant="white" data-size="sm" class="inline-flex shrink-0 items-center justify-center rounded-full font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 bg-white text-neutral-900 hover:text-[#FF272B] h-8 gap-1.5 pb-px has-[>svg]:px-3 [&_svg]:translate-y-[0.5px] px-3.5 text-xs" type="button">Job application</button><button data-slot="button" data-variant="white" data-size="sm" class="inline-flex shrink-0 items-center justify-center rounded-full font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 bg-white text-neutral-900 hover:text-[#FF272B] h-8 gap-1.5 pb-px has-[>svg]:px-3 [&_svg]:translate-y-[0.5px] px-3.5 text-xs" type="button">Newsletter signup</button><button data-slot="button" data-variant="white" data-size="sm" class="inline-flex shrink-0 items-center justify-center rounded-full font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 bg-white text-neutral-900 hover:text-[#FF272B] h-8 gap-1.5 pb-px has-[>svg]:px-3 [&_svg]:translate-y-[0.5px] px-3.5 text-xs" type="button">Bug report</button><a data-slot="button" data-variant="white" data-size="sm" class="inline-flex shrink-0 items-center justify-center rounded-full font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 bg-white text-neutral-900 hover:text-[#FF272B] h-8 gap-1.5 pb-px has-[>svg]:px-3 [&_svg]:translate-y-[0.5px] px-3.5 text-xs" href="/templates">See all templates</a></div></div></div></div></section><section class="relative mx-auto max-w-6xl px-4 py-20 sm:px-6"><h2 class="font-serif text-4xl font-semibold leading-[1.1] tracking-[-0.06em] sm:text-5xl lg:text-[56px]">Forms build themselves now.<!-- --> <span class="sm:-mt-[0.18em] sm:block">Describe what you need, share it in seconds.</span></h2><div class="mt-10 sm:mt-14 grid overflow-hidden rounded ring ring-border-subtle divide-y divide-border-subtle md:grid-cols-3 md:divide-x md:divide-y-0"><div class="relative isolate flex flex-col overflow-hidden px-8 pt-10 text-center"><div aria-hidden="true" class="pointer-events-none absolute inset-0 -z-10 animate-hue-drift bg-gradient-to-b from-white via-white via-35% to-[#FFD6CF] dark:from-neutral-900 dark:via-neutral-900 dark:to-[#2d201d]"></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 -z-10 bg-grain opacity-25 mix-blend-soft-light [mask-image:linear-gradient(to_bottom,transparent_35%,black_100%)] dark:opacity-15"></div><h3 class="font-serif text-[28px] font-medium leading-[1.15] tracking-[-0.04em] sm:text-3xl lg:text-[32px]">Describe it</h3><p class="mx-auto mt-3 max-w-[26ch] text-sm text-muted-foreground">Describe what you need. The form builds itself.</p><div aria-hidden="true" class="describe-stack relative isolate mt-10 mb-8 h-56"><div data-pos="0" data-phase="typing" class="describe-card absolute inset-x-0 bottom-0" style="--step:88.88888888888889ms"><div class="relative flex h-14 items-center rounded-full bg-white pl-6 pr-16 ring-hairline shadow-card dark:bg-neutral-800"><span class="describe-type text-sm"><span style="--i:0">F</span><span style="--i:1">e</span><span style="--i:2">e</span><span style="--i:3">d</span><span style="--i:4">b</span><span style="--i:5">a</span><span style="--i:6">c</span><span style="--i:7">k</span><span style="--i:8"> </span><span style="--i:9">s</span><span style="--i:10">u</span><span style="--i:11">r</span><span style="--i:12">v</span><span style="--i:13">e</span><span style="--i:14">y</span><span style="--i:15"> </span><span style="--i:16">f</span><span style="--i:17">o</span><span style="--i:18">r</span><span style="--i:19"> </span><span style="--i:20">m</span><span style="--i:21">y</span><span style="--i:22"> </span><span style="--i:23">c</span><span style="--i:24">a</span><span style="--i:25">f</span><span style="--i:26">é</span></span><span class="describe-btn absolute right-2 top-1/2 flex size-10 -translate-y-1/2 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up describe-arrow size-5" aria-hidden="true"><path d="m5 12 7-7 7 7"></path><path d="M12 19V5"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-loader-circle describe-spinner absolute size-5" aria-hidden="true"><path d="M21 12a9 9 0 1 1-6.219-8.56"></path></svg></span></div></div><div data-pos="1" class="describe-card absolute inset-x-0 bottom-0" style="--step:141.1764705882353ms"><div class="relative flex h-14 items-center rounded-full bg-white pl-6 pr-16 ring-hairline shadow-card dark:bg-neutral-800"><span class="describe-type text-sm"><span style="--i:0">W</span><span style="--i:1">e</span><span style="--i:2">d</span><span style="--i:3">d</span><span style="--i:4">i</span><span style="--i:5">n</span><span style="--i:6">g</span><span style="--i:7"> </span><span style="--i:8">R</span><span style="--i:9">S</span><span style="--i:10">V</span><span style="--i:11">P</span><span style="--i:12"> </span><span style="--i:13">f</span><span style="--i:14">o</span><span style="--i:15">r</span><span style="--i:16">m</span></span><span class="describe-btn absolute right-2 top-1/2 flex size-10 -translate-y-1/2 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up describe-arrow size-5" aria-hidden="true"><path d="m5 12 7-7 7 7"></path><path d="M12 19V5"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-loader-circle describe-spinner absolute size-5" aria-hidden="true"><path d="M21 12a9 9 0 1 1-6.219-8.56"></path></svg></span></div></div><div data-pos="2" class="describe-card absolute inset-x-0 bottom-0" style="--step:80ms"><div class="relative flex h-14 items-center rounded-full bg-white pl-6 pr-16 ring-hairline shadow-card dark:bg-neutral-800"><span class="describe-type text-sm"><span style="--i:0">J</span><span style="--i:1">o</span><span style="--i:2">b</span><span style="--i:3"> </span><span style="--i:4">a</span><span style="--i:5">p</span><span style="--i:6">p</span><span style="--i:7">l</span><span style="--i:8">i</span><span style="--i:9">c</span><span style="--i:10">a</span><span style="--i:11">t</span><span style="--i:12">i</span><span style="--i:13">o</span><span style="--i:14">n</span><span style="--i:15"> </span><span style="--i:16">w</span><span style="--i:17">i</span><span style="--i:18">t</span><span style="--i:19">h</span><span style="--i:20"> </span><span style="--i:21">C</span><span style="--i:22">V</span><span style="--i:23"> </span><span style="--i:24">u</span><span style="--i:25">p</span><span style="--i:26">l</span><span style="--i:27">o</span><span style="--i:28">a</span><span style="--i:29">d</span></span><span class="describe-btn absolute right-2 top-1/2 flex size-10 -translate-y-1/2 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up describe-arrow size-5" aria-hidden="true"><path d="m5 12 7-7 7 7"></path><path d="M12 19V5"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-loader-circle describe-spinner absolute size-5" aria-hidden="true"><path d="M21 12a9 9 0 1 1-6.219-8.56"></path></svg></span></div></div><div data-pos="3" class="describe-card absolute inset-x-0 bottom-0" style="--step:85.71428571428571ms"><div class="relative flex h-14 items-center rounded-full bg-white pl-6 pr-16 ring-hairline shadow-card dark:bg-neutral-800"><span class="describe-type text-sm"><span style="--i:0">W</span><span style="--i:1">a</span><span style="--i:2">i</span><span style="--i:3">t</span><span style="--i:4">l</span><span style="--i:5">i</span><span style="--i:6">s</span><span style="--i:7">t</span><span style="--i:8"> </span><span style="--i:9">w</span><span style="--i:10">i</span><span style="--i:11">t</span><span style="--i:12">h</span><span style="--i:13"> </span><span style="--i:14">n</span><span style="--i:15">a</span><span style="--i:16">m</span><span style="--i:17">e</span><span style="--i:18"> </span><span style="--i:19">a</span><span style="--i:20">n</span><span style="--i:21">d</span><span style="--i:22"> </span><span style="--i:23">e</span><span style="--i:24">m</span><span style="--i:25">a</span><span style="--i:26">i</span><span style="--i:27">l</span></span><span class="describe-btn absolute right-2 top-1/2 flex size-10 -translate-y-1/2 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up describe-arrow size-5" aria-hidden="true"><path d="m5 12 7-7 7 7"></path><path d="M12 19V5"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-loader-circle describe-spinner absolute size-5" aria-hidden="true"><path d="M21 12a9 9 0 1 1-6.219-8.56"></path></svg></span></div></div><div data-pos="4" class="describe-card absolute inset-x-0 bottom-0" style="--step:100ms"><div class="relative flex h-14 items-center rounded-full bg-white pl-6 pr-16 ring-hairline shadow-card dark:bg-neutral-800"><span class="describe-type text-sm"><span style="--i:0">F</span><span style="--i:1">r</span><span style="--i:2">i</span><span style="--i:3">d</span><span style="--i:4">a</span><span style="--i:5">y</span><span style="--i:6"> </span><span style="--i:7">t</span><span style="--i:8">r</span><span style="--i:9">i</span><span style="--i:10">v</span><span style="--i:11">i</span><span style="--i:12">a</span><span style="--i:13"> </span><span style="--i:14">n</span><span style="--i:15">i</span><span style="--i:16">g</span><span style="--i:17">h</span><span style="--i:18">t</span><span style="--i:19"> </span><span style="--i:20">q</span><span style="--i:21">u</span><span style="--i:22">i</span><span style="--i:23">z</span></span><span class="describe-btn absolute right-2 top-1/2 flex size-10 -translate-y-1/2 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up describe-arrow size-5" aria-hidden="true"><path d="m5 12 7-7 7 7"></path><path d="M12 19V5"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-loader-circle describe-spinner absolute size-5" aria-hidden="true"><path d="M21 12a9 9 0 1 1-6.219-8.56"></path></svg></span></div></div><div data-pos="5" class="describe-card absolute inset-x-0 bottom-0" style="--step:133.33333333333334ms"><div class="relative flex h-14 items-center rounded-full bg-white pl-6 pr-16 ring-hairline shadow-card dark:bg-neutral-800"><span class="describe-type text-sm"><span style="--i:0">W</span><span style="--i:1">e</span><span style="--i:2">e</span><span style="--i:3">k</span><span style="--i:4">e</span><span style="--i:5">n</span><span style="--i:6">d</span><span style="--i:7"> </span><span style="--i:8">o</span><span style="--i:9">r</span><span style="--i:10">d</span><span style="--i:11">e</span><span style="--i:12">r</span><span style="--i:13"> </span><span style="--i:14">f</span><span style="--i:15">o</span><span style="--i:16">r</span><span style="--i:17">m</span></span><span class="describe-btn absolute right-2 top-1/2 flex size-10 -translate-y-1/2 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up describe-arrow size-5" aria-hidden="true"><path d="m5 12 7-7 7 7"></path><path d="M12 19V5"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-loader-circle describe-spinner absolute size-5" aria-hidden="true"><path d="M21 12a9 9 0 1 1-6.219-8.56"></path></svg></span></div></div></div></div><div class="relative isolate flex flex-col overflow-hidden px-8 pt-10 text-center"><div aria-hidden="true" class="pointer-events-none absolute inset-0 -z-10 animate-hue-drift bg-gradient-to-b from-white via-white via-35% to-[#FBECAC] dark:from-neutral-900 dark:via-neutral-900 dark:to-[#2b261a]"></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 -z-10 bg-grain opacity-25 mix-blend-soft-light [mask-image:linear-gradient(to_bottom,transparent_35%,black_100%)] dark:opacity-15"></div><h3 class="font-serif text-[28px] font-medium leading-[1.15] tracking-[-0.04em] sm:text-3xl lg:text-[32px]">Edit your way</h3><p class="mx-auto mt-3 max-w-[26ch] text-sm text-muted-foreground">Refine with AI, or tweak any field by hand.</p><div aria-hidden="true" class="fc-scene relative mt-10 h-64 text-left" data-step="0" data-scroll="0"><div class="fc-form absolute -right-8 top-0 h-[640px] w-[calc((100%+40px)/0.45)] origin-top-right scale-[0.45] rounded-tl-[36px] bg-s
1urface-page p-8 ring-hairline shadow-card"><div class="relative h-9 text-3xl font-bold tracking-tight text-foreground"><span class="fc-title-a absolute left-0 whitespace-nowrap">Customer feedback</span><span class="fc-title-b absolute left-0 whitespace-nowrap">Tell us how we did!</span></div><div class="pt-6"><div class="text-[18px] font-semibold leading-normal text-foreground">What's your name?</div><div class="mt-2 h-9 rounded-xs border border-input dark:bg-input/30"></div></div><div class="pt-6"><div class="text-[18px] font-semibold leading-normal text-foreground">Your email</div><div class="mt-2 h-9 rounded-xs border border-input dark:bg-input/30"></div></div><div class="fc-stars-row"><div class="pt-6 text-[18px] font-semibold leading-normal text-foreground">How would you rate us?</div><div class="mt-2 flex items-center gap-1"><span class="p-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-7 fill-transparent text-muted-foreground/50" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></span><span class="p-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-7 fill-transparent text-muted-foreground/50" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></span><span class="p-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-7 fill-transparent text-muted-foreground/50" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></span><span class="p-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-7 fill-transparent text-muted-foreground/50" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></span><span class="p-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-7 fill-transparent text-muted-foreground/50" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></span></div></div><div class="pt-6"><div class="text-[18px] font-semibold leading-normal text-foreground">Anything we could do better?</div><div class="mt-2 h-24 rounded-xs border border-input dark:bg-input/30"></div></div><div class="pt-6"><div class="flex h-9 w-36 items-center justify-center rounded-full bg-primary text-sm font-medium text-primary-foreground">Send feedback</div></div></div><div class="absolute bottom-4 -right-[16px] z-10 flex h-[420px] w-80 origin-bottom-right scale-[0.62] flex-col rounded-b-[32px] rounded-t-[24px] ring-hairline bg-background shadow-card"><div class="flex items-center justify-end gap-1 px-2 pt-2 text-content-tertiary/40"><span class="flex size-6 items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2 size-3.5" aria-hidden="true"><path d="M15 3h6v6"></path><path d="m21 3-7 7"></path><path d="m3 21 7-7"></path><path d="M9 21H3v-6"></path></svg></span><span class="flex size-6 items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="shrink-0 size-4"><path d="M5 5L19 19M5 19L19 5"></path></svg></span></div><div class="relative min-h-0 flex-1 overflow-hidden"><div class="fc-thread absolute inset-x-0 top-0 space-y-3 p-4"><div class="ml-auto w-fit max-w-[85%] rounded-sm bg-surface-subtle px-3.5 py-2 text-sm text-content-primary">Customer feedback form</div><p class="text-sm leading-relaxed text-content-primary">Your Customer feedback form is ready. Ask for any change.</p><div data-on="" class="fc-fade fc-chip flex w-fit items-center gap-1.5 rounded-full border px-3 py-1.5 text-xs font-medium text-content-secondary"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" shape-rendering="geometricPrecision" aria-hidden="true" class="shrink-0 size-3 text-content-tertiary"><path d="M11.25 21C11.25 16.4436 7.55635 12.75 3 12.75C2.58579 12.75 2.25 12.4142 2.25 12C2.25 11.5858 2.58579 11.25 3 11.25C7.55635 11.25 11.25 7.55635 11.25 3C11.25 2.58579 11.5858 2.25 12 2.25C12.4142 2.25 12.75 2.58579 12.75 3C12.75 7.55635 16.4436 11.25 21 11.25C21.4142 11.25 21.75 11.5858 21.75 12C21.75 12.4142 21.4142 12.75 21 12.75C16.4436 12.75 12.75 16.4436 12.75 21C12.75 21.4142 12.4142 21.75 12 21.75C11.5858 21.75 11.25 21.4142 11.25 21Z"></path></svg>Add a thank-you message</div><div class="fc-fade fc-bubble ml-auto w-fit max-w-[85%] rounded-sm bg-surface-subtle px-3.5 py-2 text-sm text-content-primary">Add a star rating</div><div class="relative"><div class="fc-fade fc-l1 absolute left-0 top-0 flex items-center gap-2 px-1 py-1 text-sm text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-loader-circle size-4 animate-spin" aria-hidden="true"><path d="M21 12a9 9 0 1 1-6.219-8.56"></path></svg> Working on itâ¦</div><p class="fc-fade text-sm leading-relaxed text-content-primary">I've added a star rating.</p></div><div class="fc-fade fc-bubble ml-auto w-fit max-w-[85%] rounded-sm bg-surface-subtle px-3.5 py-2 text-sm text-content-primary">Rename the title</div><div class="relative"><div class="fc-fade fc-l2 absolute left-0 top-0 flex items-center gap-2 px-1 py-1 text-sm text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-loader-circle size-4 animate-spin" aria-hidden="true"><path d="M21 12a9 9 0 1 1-6.219-8.56"></path></svg> Working on itâ¦</div><p class="fc-fade text-sm leading-relaxed text-content-primary">Renamed the title for you.</p></div></div></div><div class="p-3"><div class="relative h-12 rounded-full border bg-background pl-4 pr-12"><span class="absolute inset-y-0 left-4 right-12 overflow-hidden"><span class="fc-ph absolute top-1/2 -translate-y-1/2 whitespace-nowrap text-sm text-muted-foreground">Ask for a changeâ¦</span><span class="fc-msg fc-msg1 absolute top-1/2 -translate-y-1/2 text-sm text-content-primary">Add a star rating</span><span class="fc-msg fc-msg2 absolute top-1/2 -translate-y-1/2 text-sm text-content-primary">Rename the title</span></span><span class="absolute right-2 top-1/2 flex size-8 -translate-y-1/2 items-center justify-center rounded-full bg-primary text-primary-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up size-4" aria-hidden="true"><path d="m5 12 7-7 7 7"></path><path d="M12 19V5"></path></svg></span></div></div></div></div></div><div class="relative isolate flex flex-col overflow-hidden px-8 pt-10 text-center"><div aria-hidden="true" class="pointer-events-none absolute inset-0 -z-10 animate-hue-drift bg-gradient-to-b from-white via-white via-35% to-[#CFEDD4] dark:from-neutral-900 dark:via-neutral-900 dark:to-[#202
161e]"></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 -z-10 bg-grain opacity-25 mix-blend-soft-light [mask-image:linear-gradient(to_bottom,transparent_35%,black_100%)] dark:opacity-15"></div><h3 class="font-serif text-[28px] font-medium leading-[1.15] tracking-[-0.04em] sm:text-3xl lg:text-[32px]">Share & collect</h3><p class="mx-auto mt-3 max-w-[26ch] text-sm text-muted-foreground">Publish with a link and collect submissions.</p><div aria-hidden="true" class="sc-scene relative mt-10 h-64 text-left" data-page="0"><div class="absolute inset-y-0 left-1/2 w-[288px] -translate-x-1/2"><div class="absolute scale-90 rounded-[20px] bg-white p-3 shadow-card dark:bg-neutral-800 -left-9 top-4 w-36 -rotate-[12deg] pb-10"><div class="relative"><div class="sc-page sc-p0"><p class="text-[13px] text-content-tertiary">Submissions</p><div class="mt-1 text-2xl font-semibold tracking-tight text-content-primary">3</div></div><div class="sc-page sc-p1 absolute inset-0"><p class="text-[13px] text-content-tertiary">Avg. time to complete</p><div class="mt-1 text-2xl font-semibold tracking-tight text-content-primary">36s</div></div><div class="sc-page sc-p2 absolute inset-0"><p class="text-[13px] text-content-tertiary">Views</p><div class="mt-1 text-2xl font-semibold tracking-tight text-content-primary">15</div></div></div></div><div class="absolute scale-90 rounded-[20px] bg-white p-3 shadow-card dark:bg-neutral-800 left-1/2 top-0 w-32 -translate-x-1/2 pb-8"><div class="relative"><div class="sc-page sc-p0"><p class="text-[13px] text-content-tertiary">Completion rate</p><div class="mt-1 text-2xl font-semibold tracking-tight text-content-primary">60%</div></div><div class="sc-page sc-p1 absolute inset-0"><p class="text-[13px] text-content-tertiary">Unique visitors</p><div class="mt-1 text-2xl font-semibold tracking-tight text-content-primary">4</div></div><div class="sc-page sc-p2 absolute inset-0"><p class="text-[13px] text-content-tertiary">Submissions</p><div class="mt-1 text-2xl font-semibold tracking-tight text-content-primary">12</div></div></div></div><div class="absolute scale-90 rounded-[20px] bg-white p-3 shadow-card dark:bg-neutral-800 -right-9 top-3 w-36 rotate-[12deg] pb-10"><div class="relative"><div class="sc-page sc-p0"><p class="text-[13px] text-content-tertiary">Views</p><div class="mt-1 text-2xl font-semibold tracking-tight text-content-primary">5</div></div><div class="sc-page sc-p1 absolute inset-0"><p class="text-[13px] text-content-tertiary">Drop-off</p><div class="mt-1 text-2xl font-semibold tracking-tight text-[#FF272B]">â2</div></div><div class="sc-page sc-p2 absolute inset-0"><p class="text-[13px] text-content-tertiary">Completion rate</p><div class="mt-1 text-2xl font-semibold tracking-tight text-content-primary">80%</div></div></div></div><div class="absolute bottom-6 left-1/2 z-10 flex h-[248px] w-80 origin-bottom -translate-x-1/2 scale-[0.62] flex-col rounded-[32px] ring-hairline bg-background shadow-card"><div class="flex items-center gap-2 px-5 pt-4 text-[15px] font-semibold text-content-primary"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" shape-rendering="geometricPrecision" aria-hidden="true" class="shrink-0 size-4 text-[#FF272B]"><path d="M11.25 21C11.25 16.4436 7.55635 12.75 3 12.75C2.58579 12.75 2.25 12.4142 2.25 12C2.25 11.5858 2.58579 11.25 3 11.25C7.55635 11.25 11.25 7.55635 11.25 3C11.25 2.58579 11.5858 2.25 12 2.25C12.4142 2.25 12.75 2.58579 12.75 3C12.75 7.55635 16.4436 11.25 21 11.25C21.4142 11.25 21.75 11.5858 21.75 12C21.75 12.4142 21.4142 12.75 21 12.75C16.4436 12.75 12.75 16.4436 12.75 21C12.75 21.4142 12.4142 21.75 12 21.75C11.5858 21.75 11.25 21.4142 11.25 21Z"></path></svg>Ask for insights</div><div class="relative min-h-0 flex-1 overflow-hidden"><div class="sc-page sc-p0 absolute inset-x-4 top-3 space-y-3"><div class="ml-auto w-fit max-w-[85%] rounded-sm bg-surface-subtle px-3.5 py-2 text-sm text-content-primary">What themes come up in the answers?</div><p class="text-sm leading-relaxed text-content-primary">Praise for the pastries is the clearest theme, followed by asks for more seating.</p></div><div class="sc-page sc-p1 absolute inset-x-4 top-3 space-y-3"><div class="ml-auto w-fit max-w-[85%] rounded-sm bg-surface-subtle px-3.5 py-2 text-sm text-content-primary">Why are people dropping off?</div><p class="text-sm leading-relaxed text-content-primary">Most drop-off happens at the email question. Making it optional could help.</p></div><div class="sc-page sc-p2 absolute inset-x-4 top-3 space-y-3"><div class="ml-auto w-fit max-w-[85%] rounded-sm bg-surface-subtle px-3.5 py-2 text-sm text-content-primary">What should I improve first?</div><p class="text-sm leading-relaxed text-content-primary">Start with weekend wait times. They come up in a third of the answers.</p></div></div><div class="p-3"><div class="relative h-12 rounded-full border bg-background pl-4 pr-12"><span class="absolute top-1/2 -translate-y-1/2 text-sm text-muted-foreground">Ask for insights</span><span class="absolute right-2 top-1/2 flex size-8 -translate-y-1/2 items-center justify-center rounded-full bg-primary text-primary-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up size-4" aria-hidden="true"><path d="m5 12 7-7 7 7"></path><path d="M12 19V5"></path></svg></span></div></div></div></div></div></div></div></section><section class="mx-auto max-w-3xl px-4 py-24 text-center sm:px-6 sm:py-32"><blockquote><p class="font-serif text-2xl font-medium leading-[1.2] tracking-[-0.04em] text-pretty text-content-tertiary sm:text-3xl lg:text-4xl">âCreating content for forms was always a hurdle. With Nicelyformed, I generated a ready-to-use research survey in seconds from a prompt. It truly felt magical!â</p><footer class="mt-6 text-sm text-foreground">Peace Itimi, growth marketer</footer></blockquote></section><section class="mx-auto max-w-6xl px-4 py-20 sm:px-6"><h2 class="font-serif text-4xl font-semibold leading-[1.1] tracking-[-0.06em] sm:text-5xl lg:text-[56px]">Create, edit, and understand.<!-- --> <span class="sm:-mt-[0.18em] sm:block">Every step, AI-powered.</span></h2><div class="mt-10 sm:mt-14 overflow-hidden rounded-[28px] bg-white ring ring-border-subtle dark:bg-neutral-900 "><div class="border-b border-border-subtle "><div class="px-6 pt-6 sm:px-8 sm:pt-8"><div class="animate-in fade-in slide-in-from-bottom-1 duration-500 motion-reduce:animate-none lg:pl-2"><h3 class="font-serif text-[28px] font-medium leading-[1.15] tracking-[-0.04em] sm:text-3xl lg:text-[32px]">A sentence is all it takes</h3><p class="mt-2 max-w-[44ch] text-sm text-muted-foreground">Every field, label, and option, assembled from one description.</p></div></div><div class="@container relative mt-8 h-[280px] overflow-hidden [--ps:tan(atan2(100cqw,1466px))] sm:mt-10 sm:h-[460px] lg:h-[560px]"><div aria-hidden="true" class="pointer-events-none absolute inset-0 bg-gradient-to-b from-white via-white via-35% to-[#FBECAC] animate-hue-drift dark:from-neutral-900 dark:via-neutral-900 dark:to-[#2b261a]"></div><button type="button" aria-label="Play the Insights scene" class="group absolute flex h-5 items-start justify-center rounded-t-[6px] bg-background text-content-tertiary ring-hairline shadow-card animate-in fade-in duration-500 motion-reduce:animate-none sm:h-[c
1alc(42px*var(--ps))] sm:rounded-t-[12px] sm:pt-[calc(5px*var(--ps))] inset-x-7 top-[2px] text-[6px] sm:inset-x-[calc(85px*var(--ps))] sm:top-[calc(12px*var(--ps))] sm:text-[length:calc(15px*var(--ps))]"><span class="absolute flex items-center left-1.5 top-[3px] gap-[1.5px] sm:left-[calc(13px*var(--ps))] sm:top-[calc(12px*var(--ps))] sm:gap-[calc(4.5px*var(--ps))]"><span class="rounded-full bg-black/10 transition-colors dark:bg-white/15 group-hover:bg-[#FF5F57] size-[2.5px] sm:size-[calc(8px*var(--ps))]"></span><span class="rounded-full bg-black/10 transition-colors dark:bg-white/15 group-hover:bg-[#FEBC2E] size-[2.5px] sm:size-[calc(8px*var(--ps))]"></span><span class="rounded-full bg-black/10 transition-colors dark:bg-white/15 group-hover:bg-[#28C840] size-[2.5px] sm:size-[calc(8px*var(--ps))]"></span></span><span class="transition-colors group-hover:text-content-primary">Insights</span></button><button type="button" aria-label="Play the Edit scene" class="group absolute flex h-5 items-start justify-center rounded-t-[6px] bg-background text-content-tertiary ring-hairline shadow-card animate-in fade-in duration-500 motion-reduce:animate-none sm:h-[calc(42px*var(--ps))] sm:rounded-t-[12px] sm:pt-[calc(5px*var(--ps))] inset-x-6 top-2.5 text-[7px] slide-in-from-top-6 sm:inset-x-[calc(69px*var(--ps))] sm:top-[calc(38px*var(--ps))] sm:text-[length:calc(17px*var(--ps))]"><span class="absolute flex items-center left-1.5 top-[3px] gap-[2px] sm:left-[calc(16px*var(--ps))] sm:top-[calc(12px*var(--ps))] sm:gap-[calc(5px*var(--ps))]"><span class="rounded-full bg-black/10 transition-colors dark:bg-white/15 group-hover:bg-[#FF5F57] size-[3px] sm:size-[calc(9px*var(--ps))]"></span><span class="rounded-full bg-black/10 transition-colors dark:bg-white/15 group-hover:bg-[#FEBC2E] size-[3px] sm:size-[calc(9px*var(--ps))]"></span><span class="rounded-full bg-black/10 transition-colors dark:bg-white/15 group-hover:bg-[#28C840] size-[3px] sm:size-[calc(9px*var(--ps))]"></span></span><span class="transition-colors group-hover:text-content-primary">Edit</span></button><div aria-hidden="true" class="cs-scene @container absolute inset-x-5 bottom-0 top-5 isolate overflow-hidden sm:top-[calc(64px*var(--ps))] rounded-t-[var(--cs-r)] bg-surface-page text-left ring-hairline shadow-card [--cs-w:1360px] [--cs-r:6px] [--cs-scale:tan(atan2(100cqw,var(--cs-w)))] sm:inset-x-[calc(53px*var(--ps))] sm:[--cs-r:12px]"><div class="flex h-[calc(100%/var(--cs-scale))] w-[var(--cs-w)] origin-top-left flex-col [transform:scale(var(--cs-scale))] [clip-path:inset(0_round_calc(var(--cs-r)/var(--cs-scale))_calc(var(--cs-r)/var(--cs-scale))_0_0)]"><div class="relative flex h-12 shrink-0 items-center justify-center overflow-hidden border-b border-border-subtle bg-background sm:h-8"><div class="absolute inset-y-0 left-0 opacity-50 [mask-image:linear-gradient(to_right,black_calc(100%-48px),transparent)] dark:opacity-20" style="width:calc(var(--cs-t) * 100%);background-image:linear-gradient(100deg, #FBECAC, #F7E48F)"></div><span class="absolute left-4 flex items-center gap-2.5 sm:gap-1.5"><span class="size-4 rounded-full bg-[#FF5F57] sm:size-2.5"></span><span class="size-4 rounded-full bg-[#FEBC2E] sm:size-2.5"></span><span class="size-4 rounded-full bg-[#28C840] sm:size-2.5"></span></span><span class="relative text-[30px] font-medium text-content-primary sm:text-lg">Create</span></div><div class="flex min-h-0 flex-1"><div class="flex w-64 shrink-0 flex-col border-r border-border-subtle"><div class="flex items-center justify-between px-3 pb-2 pt-2"><span class="ml-2.5 flex h-8 items-center gap-2 pl-0.5 pr-2 text-sm font-medium text-content-primary"><span class="grid size-7 place-content-center rounded-full bg-surface-subtle text-xs font-semibold">J</span>Jane</span><span class="flex items-center gap-0.5 text-content-secondary"><span class="grid size-8 place-content-center"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="shrink-0 size-4"><path d="M17 17L22 22M19.5 10.75C19.5 15.5825 15.5825 19.5 10.75 19.5C5.91751 19.5 2 15.5825 2 10.75C2 5.91751 5.91751 2 10.75 2C15.5825 2 19.5 5.91751 19.5 10.75Z"></path></svg></span><span class="grid size-8 place-content-center"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="shrink-0 size-4"><path d="M9 21V3M7 21H17C19.2091 21 21 19.2091 21 17V7C21 4.79086 19.2091 3 17 3H7C4.79086 3 3 4.79086 3 7V17C3 19.2091 4.79086 21 7 21Z"></path></svg></span></span></div><div class="px-3"><div class="relative mb-0.5 flex items-center gap-2 py-1.5 pl-3 pr-8 text-sm font-medium text-content-primary"><span class="absolute inset-0 rounded-full bg-surface-subtle" style="opacity:calc(1 - clamp(0, (var(--cs-t) - 0.58) * 30, 1))"></span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="shrink-0 relative size-4 text-content-tertiary"><path d="M13.5 2.50491V8.5H19.4951M11 2H12.1716C12.702 2 13.2107 2.21071 13.5858 2.58579L19.4142 8.41421C19.7893 8.78929 20 9.29799 20 9.82843V2
10C20 21.1046 19.1046 22 18 22H6C4.89543 22 4 21.1046 4 20V13"></path><path d="M5 1V5M5 5V9M5 5H1M5 5H9"></path></svg><span class="relative">New</span></div></div><div class="flex flex-1 flex-col gap-0.5 overflow-hidden px-3 pb-4"><div style="height:calc(clamp(0, (var(--cs-t) - 0.58) * 30, 1) * 34px)"><div class="relative flex items-center gap-2 py-1.5 pl-3 pr-3 text-sm font-medium text-content-primary" style="opacity:clamp(0, (var(--cs-t) - 0.58) * 30, 1)"><span class="absolute inset-0 rounded-full bg-surface-subtle"></span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="relative size-4 shrink-0 text-content-tertiary"><path d="M13.5 2.50491V8.5H19.4951M18 22H6C4.89543 22 4 21.1046 4 20V4C4 2.89543 4.89543 2 6 2H12.1716C12.702 2 13.2107 2.21071 13.5858 2.58579L19.4142 8.41421C19.7893 8.78929 20 9.29799 20 9.82843V20C20 21.1046 19.1046 22 18 22Z"></path></svg><span class="relative truncate">Café Feedback Survey</span></div></div><div class="flex items-center gap-2 py-1.5 pl-3 pr-3 text-sm text-content-secondary"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="size-4 shrink-0 text-content-tertiary"><path d="M13.5 2.50491V8.5H19.4951M18 22H6C4.89543 22 4 21.1046 4 20V4C4 2.89543 4.89543 2 6 2H12.1716C12.702 2 13.2107 2.21071 13.5858 2.58579L19.4142 8.41421C19.7893 8.78929 20 9.29799 20 9.82843V20C20 21.1046 19.1046 22 18 22Z"></path></svg><span class="truncate">Contact form</span></div><div class="flex items-center gap-2 py-1.5 pl-3 pr-3 text-sm text-content-secondary"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="size-4 shrink-0 text-content-tertiary"><path d="M13.5 2.50491V8.5H19.4951M18 22H6C4.89543 22 4 21.1046 4 20V4C4 2.89543 4.89543 2 6 2H12.1716C12.702 2 13.2107 2.21071 13.5858 2.58579L19.4142 8.41421C19.7893 8.78929 20 9.29799 20 9.82843V20C20 21.1046 19.1046 22 18 22Z"></path></svg><span class="truncate">Event RSVP</span></div><div class="flex items-center gap-2 py-1.5 pl-3 pr-3 text-sm text-content-secondary"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="size-4 shrink-0 text-content-tertiary"><path d="M13.5 2.50491V8.5H19.4951M18 22H6C4.89543 22 4 21.1046 4 20V4C4 2.89543 4.89543 2 6 2H12.1716C12.702 2 13.2107 2.21071 13.5858 2.58579L19.4142 8.41421C19.7893 8.78929 20 9.29799 20 9.82843V20C20 21.1046 19.1046 22 18 22Z"></path></svg><span class="truncate">Job application</span></div><div class="flex items-center gap-2 py-1.5 pl-3 pr-3 text-sm text-content-secondary"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="size-4 shrink-0 text-content-tertiary"><path d="M13.5 2.50491V8.5H19.4951M18 22H6C4.89543 22 4 21.1046 4 20V4C4 2.89543 4.89543 2 6 2H12.1716C12.702 2 13.2107 2.21071 13.5858 2.58579L19.4142 8.41421C19.7893 8.78929 20 9.29799 20 9.82843V20C20 21.1046 19.1046 22 18 22Z"></path></svg><span class="truncate">Newsletter signup</span></div><div class="flex items-center gap-2 py-1.5 pl-3 pr-3 text-sm text-content-secondary"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="size-4 shrink-0 text-content-tertiary"><path d="M13.5 2.50491V8.5H19.4951M18 22H6C4.89543 22 4 21.1046 4 20V4C4 2.89543 4.89543 2 6 2H12.1716C12.702 2 13.2107 2.21071 13.5858 2.58579L19.4142 8.41421C19.7893 8.78929 20 9.29799 20 9.82843V2
10C20 21.1046 19.1046 22 18 22Z"></path></svg><span class="truncate">Customer research</span></div></div><div class="flex flex-col gap-0.5 border-t border-border-subtle px-3 pb-3 pt-2"><span class="flex items-center gap-2 px-3 py-1.5 text-sm text-[#FF272B]"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="shrink-0 size-4"><path d="M3 12C7.97056 12 12 7.97056 12 3C12 7.97056 16.0294 12 21 12C16.0294 12 12 16.0294 12 21C12 16.0294 7.97056 12 3 12Z"></path></svg> Upgrade</span><span class="flex items-center gap-2 px-3 py-1.5 text-sm text-content-secondary"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="shrink-0 size-4"><path d="M8 13.5H16M8 8.5H12"></path><path d="M6.3125 19L5.93858 20.6107C5.75481 21.4023 6.54197 22.071 7.29343 21.7615L12.1708 19.7532C13.3785 19.2559 14.6721 19 15.9783 19H18C20.2091 19 22 17.2091 22 15V7C22 4.79086 20.2091 3 18 3H6C3.79086 3 2 4.79086 2 7V15C2 17.2091 3.79086 19 6 19H6.3125ZM6.3125 19L6.5 17.5"></path></svg> Help / Feedback</span></div></div><div class="relative flex-1 overflow-hidden"><div class="absolute inset-0" style="opacity:calc(1 - clamp(0, (var(--cs-t) - 0.35) * 30, 1))"><div class="absolute inset-0 bg-[radial-gradient(90%_85%_at_50%_0%,rgb(251,240,198)_0%,rgb(252,244,214)_45%,rgba(255,254,249,0)_100%)] dark:opacity-15"></div></div><div class="absolute inset-0 flex flex-col items-center justify-center px-6 pb-8" style="opacity:calc(1 - clamp(0, (var(--cs-t) - 0.35) * 30, 1))"><div class="mb-8 font-serif text-4xl font-semibold tracking-[-0.06em]">Describe your <em>form</em></div><div class="relative flex h-14 w-full max-w-xl items-center rounded-[28px] bg-surface-page pl-6 pr-16 text-sm ring-hairline shadow-card"><span class="absolute text-content-placeholder" style="opacity:calc(1 - clamp(0, (var(--cs-t) - 0.05) * 30, 1) * 3)">e.g. RSVP form for our annual team offsite</span><span class="inline-block overflow-hidden whitespace-nowrap align-bottom text-foreground" style="max-width:calc(clamp(0, (var(--cs-t) - 0.05) * 4.3, 1) * 28ch)">Feedback survey for my café</span><span style="opacity:calc(1 - clamp(0, (var(--cs-t) - 0.31) * 30, 1))"><span class="bs-caret ml-0.5 inline-block h-4 w-px bg-foreground"></span></span><span class="absolute bottom-2 right-2 grid size-10 place-content-center rounded-full bg-primary text-primary-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up size-5" aria-hidden="true" style="opacity:calc(1 - clamp(0, (var(--cs-t) - 0.32) * 30, 1))"><path d="m5 12 7-7 7 7"></path><path d="M12 19V5"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-loader-circle absolute inset-0 m-auto size-5 animate-spin" aria-hidden="true" style="opacity:clamp(0, (var(--cs-t) - 0.32) * 30, 1)"><path d="M21 12a9 9 0 1 1-6.219-8.56"></path></svg></span></div><div class="mt-4 flex flex-wrap justify-center gap-2"><span class="flex h-8 items-center rounded-full bg-white px-3.5 text-xs ring ring-border-subtle dark:bg-neutral-800 ">Contact form</span><span class="flex h-8 items-center rounded-full bg-white px-3.5 text-xs ring ring-border-subtle dark:bg-neutral-800 ">Event RSVP</span><span class="flex h-8 items-center rounded-full bg-white px-3.5 text-xs ring ring-border-subtle dark:bg-neutral-800 ">Job application</span></div><span class="mt-6 text-sm text-content-tertiary">or start from scratch</span></div><div class="absolute inset-0 flex items-center justify-center" style="opacity:calc(clamp(0, (var(--cs-t) - 0.35) * 30, 1) - clamp(0, (var(--cs-t) - 0.56) * 30, 1))"><div class="absolute inset-0 bg-[radial-gradient(75%_75%_at_50%_50%,transparent_45%,#ffd6cf_78%,#c7ddf9_100%)] opacity-70 blur-xl dark:opacity-20"></div><span class="relative grid text-sm text-content-primary"><span class="[grid-area:1/1] text-center" style="opacity:calc(clamp(0, (var(--cs-t) - 0.35) * 30, 1) - clamp(0, (var(--cs-t) - 0.455) * 30, 1))">Assembling blocksâ¦</span><span class="[grid-area:1/1] text-center" style="opacity:calc(clamp(0, (var(--cs-t) - 0.455) * 30, 1) - clamp(0, (var(--cs-t) - 0.56) * 30, 1))">Wiring up the logicâ¦</span></span></div><div class="absolute inset-0 flex" style="opacity:clamp(0, (var(--cs-t) - 0.56) * 30, 1)"><div class="flex min-w-0 flex-1 flex-col"><div class="flex items-center justify-between gap-x-4 bg-background px-4 py-2"><div class="flex h-[34px] items-center rounded-full bg-surface-subtle p-px text-sm"><span class="flex h-8 items-center rounded-full px-3.5 font-medium bg-background text-content-primary shadow-card">Create</span><span class="flex h-8 items-center rounded-full px-3.5 font-medium text-content-tertiary">Submissions</span><span class="flex h-8 items-center rounded-full px-3.5 font-medium text-content-tertiary">Settings</span></div><div class="ml-auto flex items-center gap-2"><span class="grid size-8 place-content-center rounded-full bg-secondary text-secondary-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ellipsis size-4" aria-hidden="true"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg></span><span class="grid size-8 place-content-center rounded-full bg-secondary text-secondary-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-palette size-4" aria-hidden="true"><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"></path><circle cx="13.5" cy="6.5" r=".5" fill="currentColor"></circle><circle cx="17.5" cy="10.5" r=".5" fill="currentColor"></circle><circle cx="6.5" cy="12.5" r=".5" fill="currentColor"></circle><circle cx="8.5" cy="7.5" r=".5" fill="currentColor"></circle></svg></span><span class="flex h-8 items-center rounded-full bg-secondary px-3.5 text-sm font-medium text-secondary-foreground">Preview</span><span class="flex h-8 items-center rounded-full bg-primary px-3.5 text-sm font-medium text-primary-foreground">Publish</span></div></div><div class="min-h-0 min-w-0 flex-1 px-14 py-6"><div class="text-3xl font-bold tracking-tight text-foreground" style="opacity:clamp(0, (var(--cs-t) - 0.58) * 30, 1);transform:translateY(calc((1 - clamp(0, (var(--cs-t) - 0.58) * 30, 1)) * 6px))">Café Feedback Survey</div><div class="mt-6 max-w-md" style="opacity:clamp(0, (var(--cs-t) - 0.61) * 30, 1);transform:translateY(calc((1 - clamp(0, (var(--cs-t) - 0.61) * 30, 1)) * 6px))"><div class="text-[18px] font-semibold leading-normal text-foreground">Your email</div><div class="mt-2 h-9 rounded-xs border border-input dark:bg-input/30"></div></div><div class="mt-6 max-w-md" style="opacity:clamp(0, (var(--cs-t) - 0.64) * 30, 1);transform:translateY(calc((1 - clamp(0, (var(--cs-t) - 0.64) * 30, 1)) * 6px))"><div class="text-[18px] font-semibold leading-normal text-foreground">How did you hear about us?</div><div class="mt-2 flex flex-col items-start gap-2"><div class="flex h-9 items-center gap-2.5 rounded-full bg-secondary pl-1.5 pr-3.5 text-sm text-secondary-foreground"><span class="flex size-6 shrink-0 items-center justify-center rounded-full bg-content-secondary text-xs font-semibold text-surface-page">A</span><span class="-mt-px">Walk-in</span></div><div class="flex h-9 items-center gap-2.5 rounded-full bg-secondary pl-1.5 pr-3.5 text-sm text-secondary-foreground"><span class="flex size-6 shrink-0 items-center justify-center rounded-full bg-content-secondary text-xs font-semibold text-surface-page">B</span><span class="-mt-px">Instagram</span></div><div class="flex h-9 items-center gap-2.5 rounded-full bg-secondary pl-1.5 pr-3.5 text-sm text-secondary-foreground"><span class="flex size-6 shrink-0 items-center justify-center rounded-full bg-content-secondary text-xs font-semibold text-surface-page">C</span><span class="-mt-px">A friend</span></div></div></div><div class="mt-6 max-w-md" style="opacity:clamp(0, (var(--cs-t) - 0.67) * 30, 1);transform:translateY(calc((1 - clamp(0, (var(--cs-t) - 0.67) * 30, 1)) * 6px))"><div class="text-[18px] font-semibold leading-normal text-foreground">How would you rate us?</div><div class="mt-2 flex items-center gap-1"><span class="p-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-7 fill-secondary-hover text-transparent" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></span><span class="p-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-7 fill-secondary-hover text-transparent" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></span><span class="p-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-7 fill-secondary-hover text-transparent" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></span><span class="p-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-7 fill-secondary-hover text-transparent" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></span><span class="p-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-7 fill-secondary-hover text-transparent" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></span></div></div><div class="mt-6 max-w-md" style="opacity:clamp(0, (var(--cs-t) - 0.7) * 30, 1);transform:translateY(calc((1 - clamp(0, (var(--cs-t) - 0.7) * 30, 1)) * 6px))"><div class="text-[18px] font-semibold leading-normal text-foreground">How often do you visit?</div><div class="mt-2 flex h-9 items-center justify-between rounded-xs border border-input px-3.5 text-sm dark:bg-input/30"><span class="text-content-placeholder">Select an option</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down size-4 text-muted-foreground opacity-50" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div></div><div class="mt-6 max-w-md" style="opacity:clamp(0, (var(--cs-t) - 0.73) * 30, 1);transform:translateY(calc((1 - clamp(0, (var(--cs-t) - 0.73) * 30, 1)) * 6px))"><div class="text-[18px] font-semibold leading-normal text-foreground">Anything we could do better?</div><div class="mt-2 h-24 rounded-xs border border-input dark:bg-input/30"></div></div></div></div><div class="flex w-80 shrink-0 flex-col border-l border-border-subtle"><div class="flex items-center justify-between gap-1 px-2 pt-2"><span class="min-w-0 truncate pl-1.5 text-sm font-semibold text-content-primary">Edit with AI</span><span class="flex items-center gap-1 text-content-tertiary/40"><span class="grid size-6 place-content-center"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="shrink-0 size-4"><path d="M5 12H19"></path></svg></span><span class="grid size-6 place-content-center"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="shrink-0 size-4"><path d="M5 5L19 19M5 19L19 5"></path></svg></span></span></div><div class="flex-1 space-y-3 overflow-hidden p-4 text-sm"><div class="ml-auto w-fit max-w-[85%] rounded-sm bg-surface-subtle px-3.5 py-2 text-content-primary">Feedback survey for my café</div><p class="leading-relaxed text-content-primary" style="opacity:clamp(0, (var(--cs-t) - 0.62) * 30, 1)">Your Café Feedback Survey is ready. Ask for any change.</p></div><div class="p-3"><div class="relative flex h-11 items-center rounded-full border border-border-subtle pl-4 pr-12 text-sm text-muted-foreground">Ask for a changeâ¦<span class="absolute right-1.5 grid size-8 place-content-center rounded-full bg-primary text-primary-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up size-4" aria-hidden="true"><path d="m5 12 7-7 7 7"></path><path d="M12 19V5"></path></svg></span></div></div></div></div></div></div></div></div></div></div><div class="grid md:grid-cols-3"><div class="flex flex-col p-6 sm:p-8 lg:h-[560px] border-b border-border-subtle md:border-b-0 md:border-r "><h3 class="font-serif text-[28px] font-medium leading-[1.15] tracking-[-0.04em] sm:text-3xl lg:text-[32px]">Logic & recall</h3><p class="mt-2 max-w-[44ch] text-sm text-muted-foreground">Show the right questions to the right people, and reuse earlier answers so the form feels personal.</p><div aria-hidden="true" class="relative mt-6 flex min-h-36 flex-1 flex-col justify-center"><div aria-hidden="true" class="pointer-events-none absolute -inset-x-6 -bottom-6 top-0 bg-gradient-to-b from-white via-white via-35% to-[#C7DDF9] animate-hue-drift sm:-inset-x-8 sm:-bottom-8 dark:from-neutral-900 dark:via-neutral-900 dark:to-[#1d2430]"></div><div class="relative mx-auto w-full max-w-sm"><div clas
1s="relative w-full max-w-56 rounded-[20px] ring-hairline bg-background shadow-card"><div class="flex w-full flex-col gap-2 p-3"><div class="flex h-8 items-center justify-between gap-2 rounded-xs border border-input px-2.5 text-sm whitespace-nowrap dark:bg-input/30"><span class="truncate">Show this question</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down size-4 shrink-0 text-muted-foreground opacity-50" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div><span class="text-xs text-muted-foreground">when the answer to</span><div class="flex h-8 items-center justify-between gap-2 rounded-xs border border-input px-2.5 text-sm whitespace-nowrap dark:bg-input/30"><span class="truncate">Will you attend?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down size-4 shrink-0 text-muted-foreground opacity-50" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div><div class="flex h-8 items-center justify-between gap-2 rounded-xs border border-input px-2.5 text-sm whitespace-nowrap dark:bg-input/30"><span class="truncate">is</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down size-4 shrink-0 text-muted-foreground opacity-50" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div><div class="flex h-8 items-center justify-between gap-2 rounded-xs border border-input px-2.5 text-sm whitespace-nowrap dark:bg-input/30"><span class="truncate">Yes</span></div><span class="text-xs text-content-tertiary">+ Add condition</span></div></div><div class="relative -mt-16 ml-auto w-full max-w-60 rounded-[20px] ring-hairline bg-background p-3 shadow-card"><div class="text-[15px] font-semibold text-foreground">Email address <span class="text-content-tertiary">@</span></div><div class="mt-2 rounded-xs ring-hairline bg-popover p-1 shadow-card"><p class="px-2 py-1.5 text-xs font-medium text-content-tertiary">Insert an answer from an earlier question</p><div class="rounded-xs rounded-b-[8px] bg-muted px-2 py-1.5 text-sm text-content-primary">Name</div></div></div></div></div></div><div class="flex flex-col p-6 sm:p-8 lg:h-[560px] border-b border-border-subtle md:border-b-0 md:border-r "><h3 class="font-serif text-[28px] font-medium leading-[1.15] tracking-[-0.04em] sm:text-3xl lg:text-[32px]">Multi-page forms</h3><p class="mt-2 max-w-[44ch] text-sm text-muted-foreground">Break long forms into pages. If someone leaves early, you keep every page they finished.</p><div aria-hidden="true" class="relative -mx-6 -mb-6 mt-6 min-h-80 flex-1 overflow-hidden sm:-mx-8 sm:-mb-8"><div aria-hidden="true" class="pointer-events-none absolute inset-0 bg-gradient-to-b from-white via-white via-35% to-[#E3DAF8] animate-hue-drift dark:from-neutral-900 dark:via-neutral-900 dark:to-[#221d2e]"></div><div class="absolute -bottom-14 -right-8 left-6 top-22 rounded-[20px] bg-surface-page p-4 pt-20 ring-hairline shadow-card sm:left-8"><div class="text-[15px] font-semibold text-foreground">Will you attend?</div><div class="mt-2 flex h-8 items-center rounded-xs border border-input px-2.5 text-sm dark:bg-input/30">Yes</div><div class="my-4 flex items-center gap-3 py-1"><hr class="flex-1 border-t border-dashed border-border-strong"/><span class="shrink-0 rounded-full bg-surface-subtle px-2.5 py-1 text-xs font-medium text-content-tertiary">Page 2</span><hr class="flex-1 border-t border-dashed border-border-strong"/></div><div class="text-[15px] font-semibold text-foreground">Dietary preferences</div><div class="mt-2 h-8 rounded-xs border border-input dark:bg-input/30"></div><div class="mt-4 text-[15px] font-semibold text-foreground">Any allergies?</div><div class="mt-2 h-8 rounded-xs border border-input dark:bg-input/30"></div></div><div class="absolute left-1/2 top-4 z-10 w-[calc(100%-3rem)] max-w-56 -translate-x-1/2 roun
1ded-[20px] ring-hairline bg-background p-3 shadow-card"><div class="text-[15px] font-semibold text-foreground">Dietary preferences</div><div class="mt-2 flex h-8 items-center rounded-xs border border-input px-2.5 text-sm dark:bg-input/30">Vegetarian</div><div class="mt-3 flex items-center gap-2"><span class="flex h-8 items-center rounded-full bg-secondary px-3.5 text-sm font-medium text-secondary-foreground">Back</span><span class="flex h-8 items-center rounded-full bg-primary px-3.5 text-sm font-medium text-primary-foreground">Next</span><span class="ml-auto whitespace-nowrap text-xs text-content-tertiary">2 of 3</span></div></div></div></div><div class="flex flex-col p-6 sm:p-8 lg:h-[560px] "><h3 class="font-serif text-[28px] font-medium leading-[1.15] tracking-[-0.04em] sm:text-3xl lg:text-[32px]">Version history</h3><p class="mt-2 max-w-[44ch] text-sm text-muted-foreground">Every AI edit saves a version, so you can experiment freely and go back anytime.</p><div aria-hidden="true" class="relative -mx-6 -mb-6 mt-6 min-h-80 flex-1 overflow-hidden sm:-mx-8 sm:-mb-8"><div aria-hidden="true" class="pointer-events-none absolute inset-0 bg-gradient-to-b from-white via-white via-35% to-[#FBECAC] animate-hue-drift dark:from-neutral-900 dark:via-neutral-900 dark:to-[#2b261a]"></div><div class="absolute -bottom-6 left-6 right-6 rounded-[20px] bg-popover p-1.5 pt-9 text-popover-foreground ring-hairline shadow-card sm:left-8 sm:right-8"><div class="absolute left-1/2 top-0 z-10 w-44 -translate-x-1/2 -translate-y-1/2 rounded-[20px] ring-hairline bg-background p-1.5 shadow-card"><div class="flex items-center gap-2 rounded-[14px] bg-accent px-2.5 py-2 text-sm text-accent-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-history size-4 text-muted-foreground" aria-hidden="true"><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M12 7v5l4 2"></path></svg>Versions<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right ml-auto size-4 text-muted-foreground" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></div></div><div class="px-2.5 py-2 text-sm opacity-50"><p class="truncate">Make it sound more playful (current)</p><p class="text-xs text-content-tertiary">just now</p></div><div class="rounded-xs bg-accent px-2.5 py-2 text-sm text-accent-foreground"><p class="truncate">Add an NPS question</p><p class="text-xs text-content-tertiary">2 minutes ago</p></div><div class="px-2.5 py-2 text-sm"><p class="truncate">Restored version</p><p class="text-xs text-content-tertiary">20 minutes ago</p></div><div class="px-2.5 py-2 text-sm"><p class="truncate">Make the options better</p><p class="text-xs text-content-tertiary">45 minutes ago</p></div><div class="px-2.5 py-2 text-sm"><p class="truncate">Feedback survey for my café</p><p class="text-xs text-content-tertiary">1 hour ago</p></div></div></div></div></div></div></section><section class="mx-auto max-w-3xl px-4 py-24 text-center sm:px-6 sm:py-32"><blockquote><p class="font-serif text-2xl font-medium leading-[1.2] tracking-[-0.04em] text-balance text-content-tertiary sm:text-3xl lg:text-4xl">âGenerating a form from a prompt is awesome, but what I love is that I no longer dig through answers. I just ask Nicelyformed for any insight I want.â</p><footer class="mt-6 text-sm text-foreground">Lucius Obinna, product manager</footer></blockquote></section><section class="mx-auto max-w-6xl px-4 py-20 sm:px-6"><h2 class="font-serif text-4xl font-semibold leading-[1.1] tracking-[-0.06em] sm:text-5xl lg:text-[56px]">Every question type.<!-- --> <span class="sm:-mt-[0.18em] sm:block">One â/â away.</span></h2><div class="mt-10 sm:mt-14 overflow-hidden rounded-[28px] bg-white ring ring-border-subtle dark:bg-neutral-900 "><div class="grid divide-y divide-border-subtle border-b border-border-subtle lg:grid-cols-4 lg:divide-x lg:divide-y-0 "><div class="lg:col-span-3"><div class="px-6 pt-6 sm:px-8 sm:pt-8"><h3 class="font-serif text-[28px] font-medium leading-[1.15] tracking-[-0.04em] sm:text-3xl lg:text-[32px]">An editor that works like a doc</h3><p class="mt-2 max-w-[44ch] text-sm text-muted-foreground">Type â/â to drop in any block: short answers, choices, rankings, dates, uploads, headings, paragraphs, bullet lists, quotes, and more.</p></div><div class="relative mt-6 h-[480px] overflow-hidden sm:mt-8 sm:h-[560px]"><div aria-hidden="true" class="pointer-events-none absolute inset-0 bg-gradient-to-b from-white via-white via-35% to-[#FFD6CF] dark:from-neutral-900 dark:via-neutral-900 dark:to-[#2d201d]"></div><div aria-hidden="true" class="bs-scene absolute bottom-0 left-6 right-0 top-6 flex flex-col overflow-hidden rounded-tl-[12px] bg-surface-page ring-hairline shadow-card sm:left-8 sm:top-8 "><div class="relative flex h-8 shrink-0 items-center justify-center overflow-hidden border-b border-border-subtle bg-background"><div class="absolute inset-y-0 left-0 opacity-50 [mask-image:linear-gradient(to_right,black_calc(100%-48px),transparent)] dark:opacity-20" style="width:calc(var(--bs-t) * 100%);background-image:linear-gradient(100deg, #FFD6CF, #FFC9C0)"></div><span class="absolute left-4 flex items-center gap-1.5"><span class="size-2.5 rounded-full bg-[#FF5F57]"></span><span class="size-2.5 rounded-full bg-[#FEBC2E]"></span><span class="size-2.5 rounded-full bg-[#28C840]"></span></span><span class="relative text-sm font-medium text-content-primary">Nicelyformed</span></div><div class="min-h-0 flex-1 px-7 py-8 sm:px-14 sm:py-12"><div class="text-2xl font-bold tracking-tight text-foreground sm:text-3xl">Customer research</div><div class="mt-6 max-w-md"><div class="bs-slot" style="--bs-h:95px"><div class="bs-block relative z-10"><div class="text-[18px] font-semibold leading-normal text-foreground">What's your name?<span class="ml-1.5 inline-flex size-4 items-center justify-center rounded-full bg-surface-subtle align-middle text-content-secondary"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="shrink-0 size-3"><path d="M12 4V20M18 6L6.00001 18M20 12L4 12M18 18L6.00001 6.00001"></path></svg></span></div><div class="mt-2"><div class="flex h-9 items-center rounded-xs border border-input px-3.5 text-sm dark:bg-input/30 "><span class="inline-block overflow-hidden whitespace-nowrap align-bottom text-foreground" style="max-width:calc(clamp(0, (var(--bs-demo) - 0.25) * 3, 1) * 9ch)">Jane Doe</span></div></div></div></div><div class="relative"><div class="bs-ghost-row flex h-[27px] items-center">
1<span class="bs-ghost-ph absolute text-sm text-muted-foreground/40">Type â/â to insert blocks</span><span class="bs-ghost-slash absolute flex items-center text-sm font-semibold text-foreground">/<span class="bs-caret ml-0.5 inline-block h-4 w-px bg-foreground"></span></span></div><div class="bs-menu absolute left-0 top-full z-10 mt-3 w-64 overflow-hidden rounded-sm ring-hairline bg-popover text-popover-foreground shadow-float"><div class="flex h-9 items-center gap-2 border-b border-border-subtle px-3.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="size-4 shrink-0 text-content-tertiary"><path d="M17 17L22 22M19.5 10.75C19.5 15.5825 15.5825 19.5 10.75 19.5C5.91751 19.5 2 15.5825 2 10.75C2 5.91751 5.91751 2 10.75 2C15.5825 2 19.5 5.91751 19.5 10.75Z"></path></svg><span class="text-content-placeholder">Search blocksâ¦</span></div><div class="overflow-hidden" style="height:232px"><div style="transform:translateY(0px)"><div class="p-1.5"><div class="px-2.5 py-1.5 text-xs font-semibold text-muted-foreground">Questions</div><div class="relative"><div class="bs-hl-pill absolute left-0 top-0 h-9 w-full rounded-full bg-accent" style="--bs-hl-start:0;--bs-hl-cap:0"></div><div class="relative flex h-9 items-center gap-2 rounded-full px-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="shrink-0 size-4 text-current"><path d="M9 6V18M9 6C9 4.89543 9.89543 4 11 4M9 6C9 4.89543 8.10457 4 7 4M9 18C9 19.1046 9.89543 20 11 20M9 18C9 19.1046 8.10457 20 7 20"></path><path d="M12 8H20C21.1046 8 22 8.89543 22 10V14C22 15.1046 21.1046 16 20 16H12M6 8H4C2.89543 8 2 8.89543 2 10V14C2 15.1046 2.89543 16 4 16H6"></path></svg>Short answer</div><div class="relative flex h-9 items-center gap-2 rounded-full px-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="shrink-0 size-4 text-current"><path d="M9 6V18M9 6C9 4.89543 9.89543 4 11 4M9 6C9 4.89543 8.10457 4 7 4M9 18C9 19.1046 9.89543 20 11 20M9 18C9 19.1046 8.10457 20 7 20"></path><path d="M12 6H20C21.1046 6 22 6.89543 22 8V16C22 17.1046 21.1046 18 20 18H12M6 6H4C2.89543 6 2 6.89543 2 8V16C2 17.1046 2.89543 18 4 18H6"></path></svg>Long answer</div><div class="relative flex h-9 items-center gap-2 rounded-full px-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="shrink-0 size-4 text-current"><path d="M2 6L8.91302 9.91697C11.4616 11.361 12.5384 11.361 15.087 9.91697L22 6"></path><path d="M2 8C2 5.79086 3.79086 4 6 4H18C20.2091 4 22 5.79086 22 8V16C22 18.2091 20.2091 20 18 20H6C3.79086 20 2 18.2091 2 16V8Z"></path></svg>Email</div><div class="relative flex h-9 items-center gap-2 rounded-full px-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="shrink-0 size-4 text-current"><path d="M4.75254 11L7.54448 7.90088C8.08309 7.36227 8.26947 6.56642 8.05163 5.83652C7.92939 5.26861 7.7252 4.54467 7.5618 3.99292C7.44381 3.45027 6.96763 3 6.41231 3H4.90404C3.79339 3 2.8813 3.90384 3.00313 5.0078C3.23828 7.1385 3.84329 9.15777 4.75254 11ZM4.75254 11C6.51642 14.5738 9.42525 17.4813 13 19.2435M13 19.2435C14.8401 20.1506 16.8567 20.7543 18.9844 20.9891C20.0883 21.1109 20.9922 20.1988 20.9922 19.0881V17.5799C20.9922 17.0246 20.5272 16.624 19.9937 16.4696C19.2022 16.2405 18.8778 16.1494 18.2198 16.0103C17.2387 15.8478 16.6013 15.9377 16.0325 16.5065L13 19.2435Z"></path></svg>Phone</div><div class="relative flex h-9 items-center gap-2 rounded-full px-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="shrink-0 size-4 text-current"><path d="M10 14L14 10"></path><path d="M13 17.5L11.5 19C9.567 20.933 6.433 20.933 4.5 19C2.567 17.067 2.567 13.933 4.5 12L6 10.5"></path><path d="M11 6.5L12.5 5C14.433 3.067 17.567 3.067 19.5 5C21.433 6.933 21.433 10.067 19.5 12L18 13.5"></path></svg>Link</div><div class="relative flex h-9 items-center gap-2 rounded-full px-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="shrink-0 size-4 text-current"><path d="M14 21L18 3"></path><path d="M6 21L10 3"></path><path d="M5 8H21"></path><path d="M3 16H19"></path></svg>Number</div><div class="relative flex h-9 items-center gap-2 rounded-full px-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="shrink-0 size-4 text-current"><path d="M17.5 9.5L13.4142 5.41415C12.6332 4.63311 11.3668 4.63311 10.5858 5.41416L6.5 9.5"></path><path d="M17.5 14.5L13.4142 18.5858C12.6332 19.3668 11.3668 19.3668 10.5858 18.5858L6.5 14.5"></path></svg>Dropdown</div><div class="relative flex h-9 items-center gap-2 rounded-full px-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="shrink-0 size-4 text-current"><path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z"></path><path d="M12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z"></path></svg>Single choice</div><div class="relative flex h-9 items-center gap-2 rounded-full px-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="shrink-0 size-4 text-current"><path d="M8 12.5L9.76148 14.2615C10.1641 14.6641 10.821 14.6498 11.2057 14.2301L16 9"></path><path d="M3 8C3 5.23858 5.23858 3 8 3H16C18.7614 3 21 5.23858 21 8V16C21 18.7614 18.7614 21 16 21H8C5.23858 21 3 18.7614 3 16V8Z"></path></svg>Multiple choice</div><div class="relative flex h-9 items-center gap-2 rounded-full px-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="shrink-0 size-4 text-current"><path d="M17 10H19C19.9319 10 20.3978 10 20.7654 9.84776C21.2554 9.64477 21.6448 9.25542 21.8478 8.76537C22 8.39782 22 7.93188 22 7C22 6.06812 22 5.60218 21.8478 5.23463C21.6448 4.74458 21.2554 4.35523 20.7654 4.15224C20.3978 4 19.9319 4 19 4H17C16.0681 4 15.6022 4 15.2346 4.15224C14.7446 4.35523 14.3552 4.74458 14.1522 5.23463C14 5.60218 14 6.06812 14 7C14 7.93188 14 8.39782 14.1522 8.76537C14.3552 9.25542 14.7446 9.64477 15.2346 9.84776C15.6022 10 16.0681 10 17 10Z"></path><path d="M10 7.00005H7C4.23858 7.00005 2 9.23863 2 12C2 14.7614 4.23858 17 7 17H10M7.69865 4.58582L9.00006 5.67162C9.79879 6.33805 10.1987 6.6717 10.1987 7.08582C10.1987 7.49993 9.79928 7.83318 9.00054 8.49961L7.69865 9.58582"></path><path d="M17 20H19C19.9319 20 20.3978 20 20.7654 19.8478C21.2554 19.6448 21.6448 19.2554 21.8478 18.7654C22 18.3978 22 17.9319 22 17C22 16.0681 22 15.6022 21.8478 15.2346C21.6448 14.7446 21.2554 14.3552 20.7654 14.1522C20.3978 14 19.9319 14 19 14H17C16.0681 14 15.6022 14 15.2346 14.1522C14.7446 14.3552 14.3552 14.7446 14.1522 15.2346C14 15.6022 14 16.0681 14 17C14 17.9319 14 18.3978 14.1522 18.7654C14.3552 19.2554 14.7446 19.6448 15.2346 19.8478C15.6022 20 16.0681 20 17 20Z"></path></svg>Ranking</div><div class="relative flex h-9 items-center gap-2 rounded-full px-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="shrink-0 size-4 text-current"><path d="M9 3V21"></path><path d="M15 3V21"></path><path d="M21 9H3"></path><path d="M21 15H3"></path><rect x="3" y="3" width="18" height="18" rx="4"></rect></svg>Matrix</div><div class="relative flex h-9 items-center gap-2 rounded-full px-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="shrink-0 size-4 text-current"><path d="M16 2V6M8 2V6"></path><path d="M3 10H21"></path><path d="M3 8C3 5.79086 4.79086 4 7 4H17C19.2091 4 21 5.79086 21 8V18C21 20.2091 19.2091 22 17 22H7C4.79086 22 3 20.2091 3 18V8Z"></path></svg>Date</div><div class="relative flex h-9 items-center gap-2 rounded-full px-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="shrink-0 size-4 text-current"><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"></path><path d="M12 5.99976V11.1293C12 11.6676 12.2884 12.1646 12.7558 12.4317L15.5 13.9998"></path></svg>Time</div><div class="relative flex h-9 items-center gap-2 rounded-full px-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="shrink-0 size-4 text-current"><path d="M11.3281 3.03925C11.6433 2.55169 12.3565 2.55169 12.6717 3.03925L15.5952 7.56125C15.7031 7.72822 15.8694 7.84902 16.0615 7.90008L21.2656 9.28305C21.8267 9.43216 22.0471 10.1105 21.6808 10.5609L18.2835 14.7387C18.1581 14.8929 18.0946 15.0884 18.1054 15.2869L18.3982 20.6636C18.4298 21.2433 17.8528 21.6626 17.3112 21.4534L12.2881 19.5134C12.1027 19.4417 11.8971 19.4417 11.7117 19.5134L6.68861 21.4534C6.
114703 21.6626 5.56999 21.2433 5.60156 20.6636L5.89443 15.2869C5.90524 15.0884 5.84174 14.8929 5.71629 14.7387L2.31901 10.5609C1.95271 10.1105 2.17312 9.43216 2.73422 9.28305L7.93828 7.90008C8.13044 7.84902 8.2967 7.72822 8.40465 7.56125L11.3281 3.03925Z"></path></svg>Rating</div><div class="relative flex h-9 items-center gap-2 rounded-full px-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="shrink-0 size-4 text-current"><path d="M21.5 12C21.5 10.8955 20.6045 10 19.5 10C18.3955 10 17.5 10.8955 17.5 12C17.5 13.1045 18.3955 14 19.5 14C20.6045 14 21.5 13.1045 21.5 12Z"></path><path d="M10 12H7"></path><path d="M17 12H14"></path><path d="M14 12C14 10.8955 13.1045 10 12 10C10.8955 10 10 10.8955 10 12C10 13.1045 10.8955 14 12 14C13.1045 14 14 13.1045 14 12Z"></path><path d="M6.5 12C6.5 10.8955 5.60457 10 4.5 10C3.39543 10 2.5 10.8955 2.5 12C2.5 13.1045 3.39543 14 4.5 14C5.60457 14 6.5 13.1045 6.5 12Z"></path></svg>Linear scale</div><div class="relative flex h-9 items-center gap-2 rounded-full px-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="shrink-0 size-4 text-current"><path d="M3 17C3 17.93 3 18.395 3.10222 18.7765C3.37962 19.8117 4.18827 20.6204 5.22354 20.8978C5.60504 21 6.07003 21 7 21H17C17.93 21 18.395 21 18.7765 20.8978C19.8118 20.6204 20.6204 19.8117 20.8978 18.7765C21 18.395 21 17.93 21 17"></path><path d="M7.5 7.49997L11.2929 3.70708C11.6834 3.31655 12.3166 3.31655 12.7071 3.70708L16.5 7.49997M12 3.99997V16"></path></svg>File upload</div></div></div><div class="p-1.5"><div class="px-2.5 py-1.5 text-xs font-semibold text-muted-foreground">Layout</div><div class="relative"><div class="relative flex h-9 items-center gap-2 rounded-full px-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="shrink-0 size-4 text-current"><path d="M4 5V19"></path><path d="M14 5V19"></path><path d="M17 19H18.5M18.5 19H20M18.5 19V11L17 12"></path><path d="M4 12H14"></path></svg>Heading 1</div><div class="relative flex h-9 items-center gap-2 rounded-full px-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="shrink-0 size-4 text-current"><path d="M3.5 5V19"></path><path d="M13.5 5V19"></path><path d="M20.5 19H16.5V18.6907C16.5 18.2521 16.5 18.0327 16.5865 17.8385C16.673 17.6443 16.836 17.4976 17.1621 17.2041L19.7671 14.8596C20.2336 14.4397 20.5 13.8416 20.5 13.214V13C20.5 11.8954 19.6046 11 18.5 11C17.3954 11 16.5 11.8954 16.5 13V13.4"></path><path d="M3.5 12H13.5"></path></svg>Heading 2</div><div class="relative flex h-9 items-center gap-2 rounded-full px-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="shrink-0 size-4 text-current"><path d="M3.5 5V19"></path><path d="M13.5 5V19"></path><path d="M16.5 17C16.5 18.1046 17.3954 19 18.5 19C19.6046 19 20.5 18.1046 20.5 17C20.5 15.8954 19.6046 15 18.5 15C19.6046 15 20.5 14.1046 20.5 13C20.5 11.8954 19.6046 11 18.5 11C17.3954 11 16.5 11.8954 16.5 13"></path><path d="M3.5 12H13.5"></path></svg>Heading 3</div><div class="relative flex h-9 items-center gap-2 rounded-full px-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="shrink-0 size-4 text-current"><path d="M12.9922 3V21"></path><path d="M16.9922 3V21"></path><path d="M18.9922 3H9.49219C8.29871 3 7.15412 3.47411 6.31021 4.31802C5.46629 5.16193 4.99219 6.30653 4.99219 7.5C4.99219 8.69347 5.46629 9.83807 6.31021 10.682C7.15412 11.5259 8.29871 12 9.49219 12H12.9922"></path></svg>Paragraph</div><div class="relative flex h-9 items-center gap-2 rounded-full px-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="shrink-0 size-4 text-current"><path d="M9 6H20M9 12H20M9 18H20"></path><path d="M4 6H4.01M4 12H4.01M4 18H4.01" stroke-width="2.5"></path></svg>Bulleted list</div><div class="relative flex h-9 items-center gap-2 rounded-full px-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="shrink-0 size-4 text-current"><path d="M10 8C10 9.88562 10 10.8284 9.41421 11.4142C8.82843 12 7.88562 12 6 12C4.11438 12 3.17157 12 2.58579 11.4142C2 10.8284 2 9.88562 2 8C2 6.11438 2 5.17157 2.58579 4.58579C3.17157 4 4.11438 4 6 4C7.88562 4 8.82843 4 9.41421 4.58579C10 5.17157 10 6.11438 10 8Z"></path><path d="M10 7L10 11.4821C10 15.4547 7.48429 18.8237 4 20"></path><path d="M22 8C22 9.88562 22 10.8284 21.4142 11.4142C20.8284 12 19.8856 12 18 12C16.1144 12 15.1716 12 14.5858 11.4142C14 10.8284 14 9.88562 14 8C14 6.11438 14 5.17157 14.5858 4.58579C15.1716 4 16.1144 4 18 4C19.8856 4 20.8284 4 21.4142 4.58579C22 5.17157 22 6.11438 22 8Z"></path><path d="M22 7L22 11.4821C22 15.4547 19.4843 18.8237 16 20"></path></svg>Quote</div><div class="relative flex h-9 items-center gap-2 rounded-full px-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="shrink-0 size-4 text-current"><path d="M2.5 12H21.5002"></path></svg>Divider</div><div class="relative flex h-9 items-center gap-2 rounded-full px-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="shrink-0 size-4 text-current"><path d="M7.5 9C8.32843 9 9 8.32843 9 7.5C9 6.67157 8.32843 6 7.5 6C6.67157 6 6 6.67157 6 7.5C6 8.32843 6.67157 9 7.5 9Z"></path><path d="M5.5 20.5C9.87246 15.275 13.5 9.00004 21 13.0001" stroke-linecap="butt"></path><rect x="3" y="3" width="18" height="18" rx="4"></rect></svg>Image</div><div class="relative flex h-9 items-center gap-2 rounded-full px-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="shrink-0 size-4 text-current"><path d="M20.9922 12.002H19.9922M16.9922 12.002H15.9922M12.4922 12.002H11.4922M7.99219 12.002H6.99219M2.99219 12.002H3.99219"></path><path d="M20 8.33333V7.55556C20 5.59188 18.4081 4 16.4444 4H7.55556C5.59188 4 4 5.59188 4 7.55556V8.33333M20 15.6667V16.4444C20 18.4081 18.4081 20 16.4444 20H7.55556C5.59188 20 4 18.4081 4 16.4444V15.6667"></path></svg>Page break</div></div></div></div></div></div></div></div></div></div></div></div><div class="relative h-[280px] lg:h-auto"><div class="absolute inset-0 overflow-hidden [mask-image:linear-gradient(to_bottom,transparent,black_28%,black_72%,transparent)]"><ul class="absolute inset-x-0 top-1/2 -mt-[18px] transition-transform duration-500 [transition-timing-function:cubic-bezier(0.32,0.72,0,1)] motion-reduce:transition-none" style="transform:translateY(0px)"><li class="absolute inset-x-0 flex h-9 items-center justify-center" style="top:-216px"><button type="button" aria-pressed="false" class="flex h-8 items-center rounded-full px-3.5 text-[15px] tracking-normal transition-opacity duration-500 motion-reduce:transition-none hover:bg-secondary" style="opacity:0.14"><span class="relative -top-px text-muted-foreground transition-colors hover:text-[#FF272B]">Date</span></button></li><li class="absolute inset-x-0 flex h-9 items-center justify-center" style="top:-180px"><button type="button" aria-pressed="false" class="flex h-8 items-center rounded-full px-3.5 text-[15px] tracking-normal transition-opacity duration-500 motion-reduce:transition-none hover:bg-secondary" style="opacity:0.14"><span class="relative -top-px text-muted-foreground transition-colors hover:text-[#FF272B]">Time</span></button></li><li class="absolute inset-x-0 flex h-9 items-center justify-center" style="top:-144px"><button type="button" aria-pressed="false" class="flex h-8 items-center rounded-full px-3.5 text-[15px] tracking-normal transition-opacity duration-500 motion-reduce:transition-none hover:bg-secondary" style="opacity:0.14"><span class="relative -top-px text-muted-foreground transition-colors hover:text-[#FF272B]">Rating</span></button></li><li class="absolute inset-x-0 flex h-9 items-center justify-center" style="top:-108px"><button type="button" aria-pressed="false" class="flex h-8 items-center rounded-full px-3.5 text-[15px] tracking-normal transition-opacity duration-500 motion-reduce:transition-none hover:bg-secondary" style="opacity:0.22"><span class="relative -top-px text-muted-foreground transition-colors hover:text-[#FF272B]">Linear scale</span></button></li><li class="absolute inset-x-0 flex h-9 items-center justify-center" style="top:-72px"><button type="button" aria-pressed="false" class="flex h-8 items-center rounded-full px-3.5 text-[15px] tracking-normal transition-opacity duration-500 motion-reduce:transition-none hover:bg-secondary" style="opacity:0.35"><span class="relative -top-px text-muted-foreground transition-colors hover:text-[#FF272B]">File upload</span></button></li><li class="absolute inset-x-0 flex h-9 items-center justify-center" style="top:-36px"><button type="button" aria-pressed="false" class="flex h-8 items-center rounded-full px-3.5 text-[15px] tracking-normal transition-opacity duration-500 motion-reduce:transition-none hover:bg-secondary" style="opacity:0.55"><span class="relative -top-px text-muted-foreground transition-colors hover:text-[#FF272B]">Layout</span></button></li><li class="absolute inset-x-0 flex h-9 items-center justify-center" style="top:0"><button type="button" aria-pressed="true" class="flex h-8 items-center rounded-full px-3.5 text-[15px] tracking-normal transition-opacity duration-500 motion-reduce:transition-none bg-secondary" style="opacity:1"><span class="relative -top-px">Short answer</span></button></li><li class="absolute inset-x-0 flex h-9 items-center justify-center" style="top:36px"><button type="button" aria-pressed="false" class="flex h-8 items-center rounded-full px-3.5 text-[15px] tracking-normal transition-opacity duration-500 motion-reduce:transition-none hover:bg-secondary" style="opacity:0.55"><span class="relative -top-px text-muted-foreground transition-colors hover:text-[#FF272B]">Long answer</span></button></li><li class="absolute inset-x-0 flex h-9 items-center justify-center" style="top:72px"><button type="button" aria-pressed="false" class="flex h-8 items-center rounded-full px-3.5 text-[15px] tracking-normal transition-opacity duration-500 motion-reduce:transition-none hover:bg-secondary" style="opacity:0.35"><span class="relative -top-px text-muted-foreground transition-colors hover:text-[#FF272B]">Email</span></button></li><li class="absolute inset-x-0 flex h-9 items-center justify-center" style="top:108px"><button type="button" aria-pressed="false" class="flex h-8 items-center rounded-full px-3.5 text-[15px] tracking-normal transition-opacity duration-500 motion-reduce:transition-none hover:bg-secondary" style="opacity:0.22"><span class="relative -top-px text-muted-foreground transition-colors hover:text-[#FF272B]">Phone</span></button></li><li class="absolute inset-x-0 flex h-9 items-center justify-center" style="top:144px"><button type="button" aria-pressed="false" class="flex h-8 items-center rounded-full px-3.5 text-[15px] tracking-normal transition-opacity duration-500 motion-reduce:transition-none hover:bg-secondary" style="opacity:0.14"><span class="relative -top-px text-muted-foreground transition-colors hover:text-[#FF272B]">Link</span></button></li><li class="absolute inset-x-0 flex h-9 items-center justify-center" style="top:180px"><button type="button" aria-pressed="false" class="flex h-8 items-center rounded-full px-3.5 text-[15px] tracking-normal transition-opacity duration-500 motion-reduce:transition-none hover:bg-secondary" style="opacity:0.14"><span class="relative -top-px text-muted-foreground transition-colors hover:text-[#FF272B]">Number</span></button></li><li class="absolute inset-x-0 flex h-9 items-center justify-center" style="top:216px"><button type="button" aria-pressed="false" class="flex h-8 items-center rounded-full px-3.5 text-[15px] tracking-normal transition-opacity duration-500 motion-reduce:transition-none hover:bg-secondary" style="opacity:0.14"><span class="relative -top-px text-muted-foreground transition-colors hover:text-[#FF272B]">Dropdown</span></button></li></ul></div></div></div><div class="grid md:grid-cols-3"><div class="flex flex-col p-6 sm:p-8 lg:h-[560px] border-b border-border-subtle md:border-b-0 md:border-r "><h3 class="font-serif text-[28px] font-medium leading-[1.15] tracking-[-0.04em] sm:text-3xl lg:text-[32px]">File uploads</h3><p class="mt-2 max-w-[44ch] text-sm text-muted-foreground">
1Ask for CVs, portfolios, or photos. Files land straight in your submissions.</p><div aria-hidden="true" class="relative -mx-6 -mb-6 mt-6 min-h-80 flex-1 overflow-hidden sm:-mx-8 sm:-mb-8"><div aria-hidden="true" class="pointer-events-none absolute inset-0 bg-gradient-to-b from-white via-white via-35% to-[#CFEDD4] animate-hue-drift dark:from-neutral-900 dark:via-neutral-900 dark:to-[#20261e]"></div><div class="absolute -bottom-14 -right-8 left-6 top-11 overflow-hidden rounded-[20px] bg-surface-page p-4 pt-10 ring-hairline shadow-card sm:left-8"><div class="absolute -top-10 left-4 right-4"><div class="text-[15px] font-semibold text-foreground">Your full name</div><div class="mt-1.5 flex h-8 items-center rounded-xs border border-input px-2.5 text-sm dark:bg-input/30">Jane Doe</div></div><div class="text-[15px] font-semibold text-foreground">Upload your CV</div><div class="mt-2 flex w-full flex-col items-center gap-3 rounded-sm border border-dashed border-input px-6 py-8 text-center"><span class="flex items-center gap-2.5 text-sm font-medium text-content-secondary"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="shrink-0 size-5"><path d="M3 17C3 17.93 3 18.395 3.10222 18.7765C3.37962 19.8117 4.18827 20.6204 5.22354 20.8978C5.60504 21 6.07003 21 7 21H17C17.93 21 18.395 21 18.7765 20.8978C19.8118 20.6204 20.6204 19.8117 20.8978 18.7765C21 18.395 21 17.93 21 17"></path><path d="M7.5 7.49997L11.2929 3.70708C11.6834 3.31655 12.3166 3.31655 12.7071 3.70708L16.5 7.49997M12 3.99997V16"></path></svg>Click to choose a file or drag here</span><span class="text-sm text-muted-foreground">Size limit: 10 MB.</span></div><div class="mt-5 text-[15px] font-semibold text-foreground">Portfolio link</div><div class="mt-2 flex h-8 items-center rounded-xs border border-input px-2.5 text-sm dark:bg-input/30">janedoe.dev</div><div class="mt-5 text-[15px] font-semibold text-foreground">When can you start?</div><div class="mt-2 flex h-8 items-center justify-between rounded-xs border border-input px-2.5 text-sm dark:bg-input/30"><span class="text-content-placeholder">Select an option</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down size-4 text-muted-foreground opacity-50" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div></div><div class="absolute left-1/2 top-4 z-10 w-[calc(100%-3rem)] max-w-60 -translate-x-1/2 rounded-[20px] ring-hairline bg-background p-3.5 shadow-card"><div class="text-xs"><div class="flex items-center justify-between gap-2"><span class="flex min-w-0 items-center gap-1.5 text-content-primary"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="size-3.5 shrink-0 text-content-tertiary"><path d="M13.5 2.50491V8.5H19.4951M18 22H6C4.89543 22 4 21.1046 4 20V4C4 2.89543 4.89543 2 6 2H12.1716C12.702 2 13.2107 2.21071 13.5858 2.58579L19.4142 8.41421C19.7893 8.78929 20 9.29799 20 9.82843V20C20 21.1046 19.1046 22 18 22Z"></path></svg><span class="truncate">cv-jane-doe.pdf</span></span><span class="shrink-0 text-content-tertiary">4.8 MB</span></div><span class="mt-2 block h-1 overflow-hidden rounded-full bg-muted"><span class="block h-full w-[82%] rounded-full bg-primary"></span></span></div></div></div></div><div class="flex flex-col p-6 sm:p-8 lg:h-[560px] border-b border-border-subtle md:border-b-0 md:border-r "><h3 class="font-serif text-[28px] font-medium leading-[1.15] tracking-[-0.04em] sm:text-3xl lg:text-[32px]">Close conditions</h3><p class="mt-2 max-w-[44ch] text-sm text-muted-foreground">Close at a deadline, cap submissions, or both. Latecomers see your message instead of a dead end.</p><div aria-hidden="true" class="relative -mx-6 -mb-6 mt-6 min-h-80 flex-1 overflow-hidden sm:-mx-8 sm:-mb-8"><div aria-hidden="true" class="pointer-events-none absolute inset-0 bg-gradient-to-b from-white via-white via-35% to-[#C7DDF9] animate-hue-drift dark:from-neutral-900 dark:via-neutral-900 dark:to-[#1d2430]"></div><div class="absolute -right-4 top-4 z-10 flex w-64 flex-col items-center gap-2 rounded-[20px] ring-hairline bg-background p-5 text-center shadow-card"><div class="text-[15px] font-bold tracking-tight text-foreground">Registrations are full</div><p class="text-xs leading-relaxed text-muted-foreground">All 100 spots are taken. Join the waitlist at cafejane.com and weâll email you if one opens.</p></div><div class="absolute -bottom-14 left-6 right-6 top-20 overflow-hidden rounded-[20px] bg-surface-page p-4 ring-hairline shadow-card sm:left-8 sm:right-8"><div class="flex items-center justify-between gap-4"><div><div class="text-sm font-medium text-foreground">Close on a date</div><p class="mt-1 text-xs text-content-tertiary">The form stops accepting submissions at this time.</p></div><span class="flex h-5 w-9 shrink-0 items-center rounded-full bg-primary p-0.5"><span class="ml-auto size-4 rounded-full bg-background"></span></span></div><div class="mt-2 flex h-8 w-fit items-center rounded-xs border border-input px-2.5 text-sm dark:bg-input/30">Aug 28, 2026, 6:00 PM</div><div class="mt-4 flex items-center justify-between gap-4"><div><div class="text-sm font-medium text-foreground">Limit number of submissions</div><p class="mt-1 text-xs text-content-tertiary">Closes the form once this many submissions have arrived.</p></div><span class="flex h-5 w-9 shrink-0 items-center rounded-full bg-primary p-0.5"><span class="ml-auto size-4 rounded-full bg-background"></span></span></div><div class="mt-2 flex h-8 w-16 items-center rounded-xs border border-input px-2.5 text-sm dark:bg-input/30">100</div><div class="mt-4 flex items-center justify-between gap-4"><div class="text-sm font-medium text-foreground">Closed form message</div><span class="flex h-5 w-9 shrink-0 items-center rounded-full bg-primary p-0.5"><span class="ml-auto size-4 rounded-full bg-background"></span></span></div><div class="mt-2 flex h-8 items-center rounded-xs border border-input px-2.5 text-sm dark:bg-input/30">Registrations are full</div></div></div></div><div class="flex flex-col p-6 sm:p-8 lg:h-[560px] "><h3 class="font-serif text-[28px] font-medium leading-[1.15] tracking-[-0.04em] sm:text-3xl lg:text-[32px]">Default answers</h3><p class="mt-2 max-w-[44ch] text-sm text-muted-foreground">Open questions pre-filled with the likely answer, so people confirm instead of typing.</p><div aria-hidden="true" class="relative -mx-6 -mb-6 mt-6 min-h-80 flex-1 overflow-hidden sm:-mx-8 sm:-mb-8"><div aria-hidden="true" class="pointer-events-none absolute inset-0 bg-gradient-to-b from-white via-white via-35% to-[#E3DAF8] animate-hue-drift dark:from-neutral-900 dark:via-neutral-900 dark:to-[#221d2e]"></div><div class="absolute -bottom-14 left-6 right-6 top-20 overflow-hidden rounded-[20px] bg-surface-page p-4 ring-hairline shadow-card sm:left-8 sm:right-8"><div class="text-[15px] font-semibold text-foreground">Your name</div><div class="mt-2 h-8 rounded-xs border border-input dark:bg-input/30"></div><div class="mt-4 text-[15px] font-semibold text-foreground">Your email</div><div class="mt-2 h-8 rounded-xs border border-input dark:bg-input/30"></div><div class="mt-4 text-[15px] font-semibold text-foreground">Subscribe to the weekly digest?</div><div class="mt-2 flex items-center gap-3"><span class="relative size-4.5 shrink-0 rounded-[6px] border border-input shadow-card dark:bg-input/30"><span class="absolute -inset-px grid place-content-center rounded-[6px] bg-primary text-primary-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-3.5" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span></span><span class="-mt-0.5 text-sm leading-normal">Yes, send me the digest</span></div><div class="mt-4 text-[15px] font-semibold text-foreground">Which topics interest you?</div><div class="mt-2 flex flex-col gap-3"><div class="flex items-center gap-3"><span class="size-4.5 shrink-0 rounded-[6px] border border-input shadow-card dark:bg-input/30"></span><span class="-mt-0.5 text-sm leading-normal">Product news</span></div><div class="flex items-center gap-3"><span class="size-4.5 shrink-0 rounded-[6px] border border-input shadow-card dark:bg-input/30"></span><span class="-mt-0.5 text-sm leading-normal">Tutorials</span></div></div></div><div class="absolute left-1/2 top-10 z-10 w-56 -translate-x-1/2 roun
1ded-[20px] ring-hairline bg-background p-1.5 shadow-card"><div class="flex items-center justify-between gap-4 px-2.5 py-2 text-sm text-foreground">Default answer<span class="flex h-5 w-9 shrink-0 items-center rounded-full bg-primary p-0.5"><span class="ml-auto size-4 rounded-full bg-background"></span></span></div><div class="flex items-center gap-3 px-2.5 pb-2.5 pt-1"><span class="relative size-4.5 shrink-0 rounded-[6px] border border-input shadow-card dark:bg-input/30"><span class="absolute -inset-px grid place-content-center rounded-[6px] bg-primary text-primary-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-3.5" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span></span><span class="-mt-0.5 text-sm leading-normal">Yes</span></div></div></div></div></div></div></section><section class="mx-auto max-w-3xl px-4 py-24 text-center sm:px-6 sm:py-32"><blockquote><p class="font-serif text-2xl font-medium leading-[1.2] tracking-[-0.04em] text-pretty text-content-tertiary sm:text-3xl lg:text-4xl">âForm tools used to cost me an afternoon of dragging questions into the right order. With Nicelyformed, I just ask for the edit, and it does it.â</p><footer class="mt-6 text-sm text-foreground">Chen Nguyen, recruiter</footer></blockquote></section><section class="mx-auto max-w-6xl px-4 py-20 sm:px-6"><h2 class="font-serif text-4xl font-semibold leading-[1.1] tracking-[-0.06em] sm:text-5xl lg:text-[56px]">Forms that look like your brand,<!-- --> <span class="sm:-mt-[0.18em] sm:block">not ours</span></h2><div class="mt-10 sm:mt-14 overflow-hidden rounded-[28px] bg-white ring ring-border-subtle dark:bg-neutral-900 "><div class="border-b border-border-subtle "><div class="px-6 pt-6 sm:px-8 sm:pt-8"><h3 class="font-serif text-[28px] font-medium leading-[1.15] tracking-[-0.04em] sm:text-3xl lg:text-[32px]">Theme it in a couple of clicks</h3><p class="mt-2 max-w-[44ch] text-sm text-muted-foreground">Pick a preset or set your own background, text, button, and accent colors. The whole published form follows.</p></div><div class="relative mt-6 h-[420px] overflow-hidden sm:mt-8 sm:h-[500px]"><div aria-hidden="true" class="pointer-events-none absolute inset-0 bg-gradient-to-b from-white via-white via-35% to-[#FFD6CF] animate-hue-drift dark:from-neutral-900 dark:via-neutral-900 dark:to-[#2d201d]"></div><div aria-hidden="true" class="absolute inset-x-6 bottom-0 top-6 flex flex-col overflow-hidden rounded-t-[12px] bg-surface-page ring-hairline shadow-card sm:inset-x-10 sm:top-10 "><div class="relative flex h-6 shrink-0 items-center justify-center border-b border-border-subtle bg-background"><span class="absolute left-3 flex items-center gap-1"><span class="size-2 rounded-full bg-[#FF5F57]"></span><span class="size-2 rounded-full bg-[#FEBC2E]"></span><span class="size-2 rounded-full bg-[#28C840]"></span></span><span class="text-[13px] font-medium text-content-primary">Nicelyformed</span></div><div class="relative min-h-0 flex-1"><div class="cz-theme absolute inset-0 overflow-hidden px-8" style="background-color:#FFFFFF;color:#171717;opacity:1;animation-duration:20s;animation-delay:-20s"><div class="mx-auto w-full max-w-sm pt-6 sm:pt-8"><div class="text-xl font-bold tracking-tight sm:text-2xl">Senior Designer application</div><div class="mt-4 text-sm font-semibold">Full name</div><div class="mt-1.5 rounded-xs border h-8" style="border-color:color-mix(in srgb, currentColor 25%, transparent)"></div><div class="mt-4 text-sm font-semibold">Email</div><div class="mt-1.5 rounded-xs border h-8" style="border-color:color-mix(in srgb, currentColor 25%, transparent)"></div><div class="mt-4 text-sm font-semibold">Upload your CV</div><div class="mt-1.5 flex flex-col items-center gap-2 rounded-sm border border-dashed px-6 py-4 text-center text-sm" style="border-color:color-mix(in srgb, currentColor 25%, transparent)"><span class="flex items-center gap-2.5 font-medium opacity-80"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="shrink-0 size-4"><path d="M3 17C3 17.93 3 18.395 3.10222 18.7765C3.37962 19.8117 4.18827 20.6204 5.22354 20.8978C5.60504 21 6.07003 21 7 21H17C17.93 21 18.395 21 18.7765 20.8978C19.8118 20.6204 20.6204 19.8117 20.8978 18.7765C21 18.395 21 17.93 21 17"></path><path d="M7.5 7.49997L11.2929 3.70708C11.6834 3.31655 12.3166 3.31655 12.7071 3.70708L16.5 7.49997M12 3.99997V16"></path></svg>
1Click to choose a file or drag here</span></div><div class="mt-4 flex h-9 w-fit items-center rounded-full px-4 text-sm font-medium" style="background-color:#171717;color:#FFFFFF">Submit application</div></div></div><div class="cz-theme absolute inset-0 overflow-hidden px-8" style="background-color:#1C1C1C;color:#FAF6EF;font-family:var(--font-garamond), Georgia, serif;opacity:0;animation-duration:20s;animation-delay:-16s"><div class="mx-auto w-full max-w-sm pt-6 sm:pt-8"><div class="text-xl font-bold tracking-tight sm:text-2xl">Join the wine club</div><div class="mt-4 text-sm font-semibold">Your name</div><div class="mt-1.5 rounded-xs border h-8" style="border-color:color-mix(in srgb, currentColor 25%, transparent)"></div><div class="mt-4 text-sm font-semibold">Email</div><div class="mt-1.5 rounded-xs border h-8" style="border-color:color-mix(in srgb, currentColor 25%, transparent)"></div><div class="mt-4 text-sm font-semibold">How often should we ship?</div><div class="mt-1.5 flex flex-col items-start gap-1.5"><div class="relative flex h-8 w-fit items-center gap-2 rounded-full pl-1.5 pr-3 text-sm" style="background-color:color-mix(in srgb, currentColor 8%, transparent);box-shadow:inset 0 0 0 2px #FAF6EF"><span class="flex size-5 shrink-0 items-center justify-center rounded-full text-[11px] font-semibold" style="background-color:#FAF6EF;color:#1C1C1C">A</span><span class="-mt-px">Monthly</span></div><div class="relative flex h-8 w-fit items-center gap-2 rounded-full pl-1.5 pr-3 text-sm" style="background-color:color-mix(in srgb, currentColor 8%, transparent)"><span class="flex size-5 shrink-0 items-center justify-center rounded-full text-[11px] font-semibold" style="background-color:color-mix(in srgb, currentColor 15%, transparent)">B</span><span class="-mt-px">Quarterly</span></div></div><div class="mt-4 flex h-9 w-fit items-center rounded-full px-4 text-sm font-medium" style="background-color:#FAF6EF;color:#1C1C1C">Join the club</div></div></div><div class="cz-theme absolute inset-0 overflow-hidden px-8" style="background-color:#FDF3C9;color:#4A3A12;font-family:Georgia, 'Times New Roman', serif;opacity:0;animation-duration:20s;animation-delay:-12s"><div class="mx-auto w-full max-w-sm pt-6 sm:pt-8"><div class="text-xl font-bold tracking-tight sm:text-2xl">How was your stay?</div><div class="mt-4 text-sm font-semibold">How would you rate us?</div><div class="mt-1.5 flex items-center gap-1"><span class="p-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-6" aria-hidden="true" style="fill:#B58019;color:#B58019"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></span><span class="p-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-6" aria-hidden="true" style="fill:#B58019;color:#B58019"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></span><span class="p-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-6" aria-hidden="true" style="fill:#B58019;color:#B58019"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></span><span class="p-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-6" aria-hidden="true" style="fill:#B58019;color:#B58019"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></span><span class="p-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-6" aria-hidden="true" style="fill:color-mix(in srgb, currentColor 15%, transparent);color:transparent"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></span></div><div class="mt-4 text-sm font-semibold">How likely are you to come back?</div><div class="mt-1.5 flex gap-1"><span class="grid size-8 place-content-center rounded-full text-sm font-medium" style="background-color:color-mix(in srgb, currentColor 8%, transparent)">1</span><span class="grid size-8 place-content-center rounded-full text-sm font-medium" style="background-color:color-mix(in srgb, currentColor 8%, transparent)">2</span><span class="grid size-8 place-content-center rounded-full text-sm font-medium" style="background-color:color-mix(in srgb, currentColor 8%, transparent)">3</span><span class="grid size-8 place-content-center rounded-full text-sm font-medium" style="background-color:#B58019;color:#FFFFFF">4</span><span class="grid size-8 place-content-center rounded-full text-sm font-medium" style="background-color:color-mix(in srgb, currentColor 8%, transparent)">5</span></div><div class="mt-4 text-sm font-semibold">Anything we could do better?</div><div class="mt-1.5 rounded-xs border h-14" style="border-color:color-mix(in srgb, currentColor 25%, transparent)"></div><div class="mt-4 flex h-9 w-fit items-center rounded-full px-4 text-sm font-medium" style="background-color:#B58019;color:#FFFFFF">Send feedback</div></div></div><div class="cz-theme absolute inset-0 overflow-hidden px-8" style="background-color:#10243E;color:#DCE9FB;font-family:ui-monospace, 'SF Mono', Menlo, monospace;opacity:0;animation-duration:20s;animation-delay:-8s"><div class="mx-auto w-full max-w-sm pt-6 sm:pt-8"><div class="text-xl font-bold tracking-tight sm:text-2xl">Request beta access</div><div class="mt-4 text-sm font-semibold">Work email</div><div class="mt-1.5 rounded-xs border h-8" style="border-color:color-mix(in srgb, currentColor 25%, transparent)"></div><div class="mt-4 text-sm font-semibold">GitHub handle</div><div class="mt-1.5 rounded-xs border h-8" style="border-color:color-mix(in srgb, currentColor 25%, transparent)"></div><div class="mt-4 text-sm font-semibold">What will you build?</div><div class="mt-1.5 rounded-xs border h-14" style="border-color:color-mix(in srgb, currentColor 25%, transparent)"></div><div class="mt-4 flex h-9 w-fit items-center rounded-full px-4 text-sm font-medium" style="background-color:#7D
1D3FC;color:#10243E">Request access</div></div></div><div class="cz-theme absolute inset-0 overflow-hidden px-8" style="background-color:#FFE9E4;color:#5B241A;font-family:Didot, 'Bodoni MT', 'Playfair Display', serif;opacity:0;animation-duration:20s;animation-delay:-4s"><div class="mx-auto w-full max-w-sm pt-6 sm:pt-8"><div class="text-xl font-bold tracking-tight sm:text-2xl">Celebrate with us</div><div class="mt-4 text-sm font-semibold">Your name</div><div class="mt-1.5 rounded-xs border h-8" style="border-color:color-mix(in srgb, currentColor 25%, transparent)"></div><div class="mt-4 text-sm font-semibold">Will you attend?</div><div class="mt-1.5 flex flex-col items-start gap-1.5"><div class="relative flex h-8 w-fit items-center gap-2 rounded-full pl-1.5 pr-3 text-sm" style="background-color:color-mix(in srgb, currentColor 8%, transparent);box-shadow:inset 0 0 0 2px #E14B3B"><span class="flex size-5 shrink-0 items-center justify-center rounded-full text-[11px] font-semibold" style="background-color:#E14B3B;color:#FFFFFF">A</span><span class="-mt-px">Joyfully accepts</span></div><div class="relative flex h-8 w-fit items-center gap-2 rounded-full pl-1.5 pr-3 text-sm" style="background-color:color-mix(in srgb, currentColor 8%, transparent)"><span class="flex size-5 shrink-0 items-center justify-center rounded-full text-[11px] font-semibold" style="background-color:color-mix(in srgb, currentColor 15%, transparent)">B</span><span class="-mt-px">Regretfully declines</span></div></div><div class="mt-4 text-sm font-semibold">Song request</div><div class="mt-1.5 rounded-xs border h-8" style="border-color:color-mix(in srgb, currentColor 25%, transparent)"></div><div class="mt-4 flex h-9 w-fit items-center rounded-full px-4 text-sm font-medium" style="background-color:#E14B3B;color:#FFFFFF">Send RSVP</div></div></div></div></div></div></div><div class="grid md:grid-cols-3"><div class="flex flex-col p-6 sm:p-8 lg:h-[560px] border-b border-border-subtle md:border-b-0 md:border-r "><h3 class="font-serif text-[28px] font-medium leading-[1.15] tracking-[-0.04em] sm:text-3xl lg:text-[32px]">Templates</h3><p class="mt-2 max-w-[44ch] text-sm text-muted-foreground">Start from a ready-made form, RSVPs to research surveys, and make it yours.</p><div aria-hidden="true" class="relative -mx-6 -mb-6 mt-6 min-h-80 flex-1 overflow-hidden sm:-mx-8 sm:-mb-8"><div aria-hidden="true" class="pointer-events-none absolute inset-0 bg-gradient-to-b from-white via-white via-35% to-[#CFEDD4] animate-hue-drift dark:from-neutral-900 dark:via-neutral-900 dark:to-[#20261e]"></div><div class="absolute -bottom-10 -right-10 left-6 top-22 grid grid-cols-2 gap-px overflow-hidden rounded-tl-[20px] bg-black/6 ring ring-border-subtle sm:left-8 dark:bg-white/6 "><div class="flex flex-col bg-white dark:bg-neutral-900"><div class="flex h-24 justify-center overflow-hidden px-6 pt-4 bg-gradient-to-b from-white via-white via-35% to-[#FFD6CF] dark:from-neutral-900 dark:via-neutral-900 dark:to-[#2d201d]"><div class="w-full max-w-28 overflow-hidden rounded-t-sm bg-white ring ring-border-subtle dark:bg-neutral-800 "><div class="flex h-full flex-col p-3 text-left"><div class="h-1.5 w-1/2 rounded-full bg-black/15 dark:bg-white/20"></div><div class="mt-3 flex flex-col gap-2.5"><div><div class="h-1 w-1/3 rounded-full bg-black/10 dark:bg-white/15"></div><div class="mt-1 h-4 rounded-xs border border-border "></div></div><div><div class="h-1 w-1/3 rounded-full bg-black/10 dark:bg-white/15"></div><div class="mt-1 h-4 rounded-xs border border-border "></div></div></div><div class="mt-3 h-3.5 w-10 rounded-xs bg-black/80 dark:bg-white/70"></div></div></div></div><div class="border-t border-border-subtle px-3 py-3 text-center "><div class="truncate font-serif text-sm font-medium tracking-[-0.04em] text-foreground">Event RSVP</div></div></div><div class="flex flex-col bg-white dark:bg-neutral-900"><div class="flex h-24 justify-center overflow-hidden px-6 pt-4 bg-gradient-to-b from-white via-white via-35% to-[#FBECAC] dark:from-neutral-900 dark:via-neutral-900 dark:to-[#2b261a]"><div class="w-full max-w-28 overflow-hidden rounded-t-sm bg-white ring ring-border-subtle dark:bg-neutral-800 "><div class="flex h-full flex-col p-3 text-left">
1<div class="h-1.5 w-1/2 rounded-full bg-black/15 dark:bg-white/20"></div><div class="mt-3 flex flex-col gap-2.5"><div><div class="h-1 w-1/3 rounded-full bg-black/10 dark:bg-white/15"></div><div class="mt-1 h-4 rounded-xs border border-border "></div></div><div><div class="h-1 w-1/3 rounded-full bg-black/10 dark:bg-white/15"></div><div class="mt-1 h-4 rounded-xs border border-border "></div></div></div><div class="mt-3 h-3.5 w-10 rounded-xs bg-black/80 dark:bg-white/70"></div></div></div></div><div class="border-t border-border-subtle px-3 py-3 text-center "><div class="truncate font-serif text-sm font-medium tracking-[-0.04em] text-foreground">Job application</div></div></div><div class="flex flex-col bg-white dark:bg-neutral-900"><div class="flex h-24 justify-center overflow-hidden px-6 pt-4 bg-gradient-to-b from-white via-white via-35% to-[#CFEDD4] dark:from-neutral-900 dark:via-neutral-900 dark:to-[#20261e]"><div class="w-full max-w-28 overflow-hidden rounded-t-sm bg-white ring ring-border-subtle dark:bg-neutral-800 "><div class="flex h-full flex-col p-3 text-left"><div class="h-1.5 w-1/2 rounded-full bg-black/15 dark:bg-white/20"></div><div class="mt-3 flex flex-col gap-2.5"><div><div class="h-1 w-1/3 rounded-full bg-black/10 dark:bg-white/15"></div><div class="mt-1 h-4 rounded-xs border border-border "></div></div><div><div class="h-1 w-1/3 rounded-full bg-black/10 dark:bg-white/15"></div><div class="mt-1 h-4 rounded-xs border border-border "></div></div></div><div class="mt-3 h-3.5 w-10 rounded-xs bg-black/80 dark:bg-white/70"></div></div></div></div><div class="border-t border-border-subtle px-3 py-3 text-center "><div class="truncate font-serif text-sm font-medium tracking-[-0.04em] text-foreground">Customer research</div></div></div><div class="flex flex-col bg-white dark:bg-neutral-900"><div class="flex h-24 justify-center overflow-hidden px-6 pt-4 bg-gradient-to-b from-white via-white via-35% to-[#CFE4F5] dark:from-neutral-900 dark:via-neutral-900 dark:to-[#1d2329]"><div class="w-full max-w-28 overflow-hidden rounded-t-sm bg-white ring ring-border-subtle dark:bg-neutral-800 "><div class="flex h-full flex-col p-3 text-left"><div class="h-1.5 w-1/2 rounded-full bg-black/15 dark:bg-white/20"></div><div class="mt-3 flex flex-col gap-2.5"><div><div class="h-1 w-1/3 rounded-full bg-black/10 dark:bg-white/15"></div><div class="mt-1 h-4 rounded-xs border border-border "></div></div><div><div class="h-1 w-1/3 rounded-full bg-black/10 dark:bg-white/15"></div><div class="mt-1 h-4 rounded-xs border border-border "></div></div></div><div class="mt-3 h-3.5 w-10 rounded-xs bg-black/80 dark:bg-white/70"></div></div></div></div><div class="border-t border-border-subtle px-3 py-3 text-center "><div class="truncate font-serif text-sm font-medium tracking-[-0.04em] text-foreground">Waitlist signup</div></div></div></div><div class="absolute left-1/2 top-22 z-10 w-[calc(100%-3rem)] max-w-56 -translate-x-1/2 -translate-y-1/2 rounded-[20px] ring-hairline bg-background p-3 text-center shadow-card"><div class="font-serif text-lg font-medium tracking-[-0.04em] text-foreground">Event RSVP</div><p class="mt-1 text-xs text-muted-foreground">Collect attendance and dietary needs.</p><div class="mt-3 flex items-center gap-2"><span class="flex h-8 flex-1 items-center justify-center rounded-full bg-secondary text-sm font-medium text-secondary-foreground">Use this template</span><span class="grid size-8 shrink-0 place-content-center rounded-full bg-secondary text-secondary-foreground"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="shrink-0 size-4"><path d="M1 12C1 12 5 4 12 4C19 4 23 12 23 12"></path><path d="M1 12C1 12 5 20 12 20C19 20 23 12 23 12"></path><path d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z"></path></svg></span></div></div></div></div><div class="flex flex-col p-6 sm:p-8 lg:h-[560px] border-b border-border-subtle md:border-b-0 md:border-r "><h3 class="font-serif text-[28px] font-medium leading-[1.15] tracking-[-0.04em] sm:text-3xl lg:text-[32px]">Logo & cover</h3><p class="mt-2 max-w-[44ch] text-sm text-muted-foreground">Drop your logo and a cover image on the form, so the page opens on your brand.</p><div aria-hidden="true" class="relative -mx-6 -mb-6 mt-6 min-h-80 flex-1 overflow-hidden sm:-mx-8 sm:-mb-8"><div aria-hidden="true" class="pointer-events-none absolute inset-0 bg-gradient-to-b from-white via-white via-35% to-[#FFE3C4] animate-hue-drift dark:from-neutral-900 dark:via-neutral-900 dark:to-[#2c241a]"></div><div class="absolute -bottom-10 left-6 right-6 top-16 overflow-hidden rounded-t-[20px] bg-surface-page ring-hairline shadow-card sm:left-8 sm:right-8 "><div class="bg-[#7A4343] h-24 w-full"><div class="h-full w-full bg-[length:52px_104px]" style="background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='104' viewBox='0 0 52 104'%3E%3Cdefs%3E%3Cg id='b' fill='%23653636'%3E%3Cpath d='M14.6991 1C7.74826 1 1.05111 7.0596 1.00038 15.702C0.949641 23.202 6.02324 30.9007 14.6484 31C14.6484 30.9503 15.1557 29.2616 14.9528 26.5795C14.6991 23.4007 12.6697 19.1788 7.84973 16.0497V16C10.3865 14.9073 12.416 13.0695 13.8873 10.4371C15.3587 7.80464 15.7138 4.27815 14.6991 1Z'/%3E%3Cpath d='M17.3009 1C24.2517 1 30.9489 7.0596 30.9996 15.702C31.0504 23.202 25.9768 30.9007 17.3516 31C17.3516 30.9503 16.8443 29.2616 17.0472 26.5795C17.3009 23.4007 19.3303 19.1788 24.1503 16.0497V16C21.6135 14.9073 19.584 13.0695 18.1127 10.4371C16.6413 7.80464 16.2862 4.27815 17.3009 1Z'/%3E%3C/g%3E%3C/defs%3E%3Cuse href='%23b' transform='translate(11 11) scale(0.94)'/%3E%3Cuse href='%23b' transform='translate(37 63) scale(0.94)'/%3E%3Cuse href='%23b' transform='translate(-15 63) scale(0.94)'/%3E%3C/svg%3E")"></div></div><div class="px-5"><span class="grid place-content-center rounded-full bg-white text-[#7A4343] ring ring-border-subtle relative z-10 -mt-7 size-14 text-xl"><svg viewBox="0 0 32 32" fill="currentColor" class="size-7"><path d="M14.6991 1C7.74826 1 1.05111 7.0596 1.00038 15.702C0.949641 23.202 6.02324 30.9007 14.6484 31C14.6484 30.9503 15.1557 29.2616 14.9528 26.5795C14.6991 23.4007 12.6697 19.1788 7.84973 16.0497V16C10.3865 14.9073 12.416 13.0695 13.8873 10.4371C15.3587 7.80464 15.7138 4.27815 14.6991 1Z"></path><path d="M17.3009 1C24.2517 1 30.9489 7.0596 30.9996 15.702C31.0504 23.202 25.9768 30.9007 17.3516 31C17.3516 30.9503 16.8443 29.2616 17.0472 26.5795C17.3009 23.4007 19.3303 19.1788 24.1503 16.0497V16C21.6135 14.9073 19.584 13.0695 18.1127 10.4371C16.6413 7.80464 16.2862 4.27815 17.3009 1Z"></path></svg></span><div class="mt-4 text-xl font-bold tracking-tight text-foreground">Marigold Café Feedback</div><div class="mt-4 text-sm font-semibold text-foreground">Your name</div><div class="mt-1.5 h-8 rounded-xs border border-input dark:bg-input/30"></div><div class="mt-4 text-sm font-semibold text-foreground">How was your visit?</div><div class="mt-1.5 h-8 rounded-xs border border-input dark:bg-input/30"></div></div></div></div></div><div class="flex flex-col p-6 sm:p-8 lg:h-[560px] "><h3 class="font-serif text-[28px] font-medium leading-[1.15] tracking-[-0.04em] sm:text-3xl lg:text-[32px]">Fonts</h3><p class="mt-2 max-w-[44ch] text-sm text-muted-foreground">50 fonts to choose from. Pick one and the whole form follows, from headings to buttons.</p><div aria-hidden="true" class="relative -mx-6 -mb-6 mt-6 min-h-80 flex-1 overflow-hidden sm:-mx-8 sm:-mb-8"><div aria-hidden="true" class="pointer-events-none absolute inset-0 bg-gradient-to-b from-white via-white via-35% to-[#CFE4F5] animate-hue-drift dark:from-neutral-900 dark:via-neutral-900 dark:to-[#1d2329]"></div><div class="absolute left-6 right-6 top-8 rounded-[20px] bg-surface-page p-4 ring-hairline shadow-card sm:left-8 sm:right-8 "><div class="text-xl font-bold tracking-tight text-foreground" style="font-family:Georgia, 'Times New Roman', serif">Marigold Café Feedback</div><div class="mt-3 text-sm font-semibold text-foreground" style="font-family:Georgia, 'Times New Roman', serif">Your name</div><div class="mt-1.5 h-8 rounded-xs border border-input dark:bg-input/30"></div></div><div class="absolute -bottom-6 left-10 right-10 rounded-[20px] bg-popover p-1.5 pt-2.5 text-popover-foreground ring-hairline shadow-card"><p class="px-2.5 pb-1 text-sm font-semibold text-foreground">Choose font</p><p class="px-2.5 py-1.5 text-xs font-medium text-content-tertiary">Serif</p><div class="px-2.5 py-1.5 text-sm" style="font-family:Didot, 'Bodoni MT', 'Playfair Display', serif">Playfair Display</div><div class="rounded-xs bg-accent px-2.5 py-1.5 text-sm text-accent-foreground" style="font-family:Georgia, 'Times New Roman', serif">Lora</div><div class="px-2.5 py-1.5 text-sm" style="font-family:var(--font-garamond), Georgia, serif">EB Garamond</div><p class="px-2.5 py-1.5 text-xs font-medium text-content-tertiary">Handwriting</p><div class="px-2.5 py-1.5 text-sm" style="font-family:'Bradley Hand', 'Segoe Script', 'Comic Sans MS', cursive">Caveat</div><p class="px-2.5 py-1.5 text-xs font-medium text-content-tertiary">Monospace</p><div class="px-2.5 py-1.5 text-sm" style="font-family:ui-monospace, 'SF Mono', Menlo, monospace">Space Mono</div></div></div></div></div></div></section><section class="mx-auto max-w-3xl px-4 py-20 sm:px-6"><h2 class="text-center font-serif text-4xl font-semibold leading-[1.1] tracking-[-0.06em] sm:text-5xl lg:text-[56px]">Start free, stay free</h2><div class="mt-10 grid gap-px overflow-hidden rounded-[20px] bg-black/6 ring ring-border-subtle sm:mt-14 sm:grid-cols-2 dark:bg-white/6 "><div class="relative isolate flex flex-col bg-white p-6 dark:bg-neutral-900"><h3 class="font-serif text-[28px] font-medium leading-[1.15] tracking-[-0.04em] sm:text-3xl lg:text-[32px]">Free</h3><p class="mt-1 text-sm font-semibold text-foreground">$0 forever</p><ul class="mb-6 mt-4 space-y-2"><li class="text-sm text-muted-foreground">Unlimited forms & submissions</li><li class="text-sm text-muted-foreground">Logic, recall, themes, analytics</li><li class="text-sm text-muted-foreground">Close by date or cap, redirect, email alerts</li><li class="text-sm text-muted-foreground">100 AI prompts a month</li><li class="text-sm text-muted-foreground">Small Nicelyformed badge</li></ul><a data-slot="button" data-variant="secondary" data-size="sm" class="inline-flex shrink-0 items-center justify-center rounded-full text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='
1size-'])]:size-4 bg-secondary text-secondary-foreground hover:bg-secondary/80 h-8 gap-1.5 px-3.5 pb-px has-[>svg]:px-3 [&_svg]:translate-y-[0.5px] mt-auto w-fit" href="/auth/register">Start free</a></div><div class="relative isolate flex flex-col bg-white p-6 dark:bg-neutral-900"><div aria-hidden="true" class="pointer-events-none absolute inset-0 -z-10 animate-hue-drift bg-[radial-gradient(140%_140%_at_50%_0%,rgb(251,240,198)_0%,rgb(252,244,214)_55%,rgba(255,254,249,0)_100%)] opacity-40 dark:opacity-15"></div><h3 class="font-serif text-[28px] font-medium leading-[1.15] tracking-[-0.04em] sm:text-3xl lg:text-[32px]">Pro</h3><p class="mt-1 text-sm font-semibold text-foreground">$19.99/month</p><ul class="mb-6 mt-4 space-y-2"><li class="text-sm text-muted-foreground">Everything in Free</li><li class="text-sm text-muted-foreground">No badge on your forms</li><li class="text-sm text-muted-foreground">File uploads up to 100 MB</li><li class="text-sm text-muted-foreground">1,000 AI prompts a month</li></ul><a data-slot="button" data-variant="default" data-size="sm" class="inline-flex shrink-0 items-center justify-center rounded-full text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 bg-primary text-primary-foreground hover:bg-primary/90 h-8 gap-1.5 px-3.5 pb-px has-[>svg]:px-3 [&_svg]:translate-y-[0.5px] mt-auto w-fit" href="/pricing">See pricing</a></div></div></section><section class="mx-auto grid max-w-6xl gap-10 px-4 py-20 sm:px-6 lg:grid-cols-[1fr_1.5fr] lg:gap-16"><div><h2 class="font-serif text-4xl font-semibold leading-[1.1] tracking-[-0.06em] sm:text-5xl lg:text-[56px]">Questions, answered</h2><p class="mt-3 max-w-[36ch] text-sm text-muted-foreground">Everything people ask before their first form. Anything else, write us any time.</p></div><div class="divide-y-hairline"><details class="group py-5" open=""><summary class="flex list-none items-center justify-between gap-4 text-left font-medium text-foreground [&::-webkit-details-marker]:hidden">Is it really free?<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="size-4 shrink-0 text-content-tertiary transition-transform group-open:rotate-45"><path d="M12 4V20M4 12H20"></path></svg></summary><p class="mt-3 max-w-[60ch] text-sm leading-relaxed text-muted-foreground">Yes. Unlimited forms, unlimited submissions, and every builder feature on the free plan, forever, with no card needed to start. Free forms carry a small Nicelyformed badge, and that is the whole catch.</p></details><details class="group py-5"><summary class="flex list-none items-center justify-between gap-4 text-left font-medium text-foreground [&::-webkit-details-marker]:hidden">Is there a limit on forms or submissions?<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="size-4 shrink-0 text-content-tertiary transition-transform group-open:rotate-45"><path d="M12 4V20M4 12H20"></path></svg></summary><p class="mt-3 max-w-[60ch] text-sm leading-relaxed text-muted-foreground">No. Most form builders cap monthly responses and start charging the moment a form takes off. Nicelyformed never counts forms, submissions, or respondents on any plan. The only metered thing is AI prompts.</p></details><details class="group py-5"><summary class="flex list-none items-center justify-between gap-4 text-left font-medium text-foreground [&::-webkit-details-marker]:hidden">What counts as an AI prompt?<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="size-4 shrink-0 text-content-tertiary transition-transform group-open:rotate-45"><path d="M12 4V20M4 12H20"></path></svg></summary><p class="mt-3 max-w-[60ch] text-sm leading-relaxed text-muted-foreground">One form generation, one edit request or question in the builder chat, or one question to insights. Free includes 100 prompts a month and Pro includes 1,000. If you run out, your forms keep collecting and you can keep editing by hand; only the AI pauses until the month resets.</p></details>
1<details class="group py-5"><summary class="flex list-none items-center justify-between gap-4 text-left font-medium text-foreground [&::-webkit-details-marker]:hidden">Do respondents need an account?<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="size-4 shrink-0 text-content-tertiary transition-transform group-open:rotate-45"><path d="M12 4V20M4 12H20"></path></svg></summary><p class="mt-3 max-w-[60ch] text-sm leading-relaxed text-muted-foreground">No. Anyone with your link can answer on any device, no sign-in required. Their answers survive a refresh, and on multi-page forms the pages they finished are kept even if they leave early.</p></details><details class="group py-5"><summary class="flex list-none items-center justify-between gap-4 text-left font-medium text-foreground [&::-webkit-details-marker]:hidden">Can I embed a form on my own site?<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="size-4 shrink-0 text-content-tertiary transition-transform group-open:rotate-45"><path d="M12 4V20M4 12H20"></path></svg></summary><p class="mt-3 max-w-[60ch] text-sm leading-relaxed text-muted-foreground">Yes. Every form gets a clean share link and a copy-paste embed snippet that drops it into any website. You can also send respondents to a URL of your choice after they submit.</p></details><details class="group py-5"><summary class="flex list-none items-center justify-between gap-4 text-left font-medium text-foreground [&::-webkit-details-marker]:hidden">Can I use my own branding?<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="size-4 shrink-0 text-content-tertiary transition-transform group-open:rotate-45"><path d="M12 4V20M4 12H20"></path></svg></summary><p class="mt-3 max-w-[60ch] text-sm leading-relaxed text-muted-foreground">Yes. Add your logo and cover image, pick from 50 curated fonts, theme every color, and rename the submit button. Pro also removes the Nicelyformed badge, so the form is entirely yours.</p></details><details class="group py-5"><summary class="flex list-none items-center justify-between gap-4 text-left font-medium text-foreground [&::-webkit-details-marker]:hidden">Can I export my submissions?<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="size-4 shrink-0 text-content-tertiary transition-transform group-open:rotate-45"><path d="M12 4V20M4 12H20"></path></svg></summary><p class="mt-3 max-w-[60ch] text-sm leading-relaxed text-muted-foreground">Yes. Download everything as a CSV in one click, with matrix grids split into tidy columns. New submissions can also land in your inbox, answers included, at one address or several.</p></details><details class="group py-5"><summary class="flex list-none items-center justify-between gap-4 text-left font-medium text-foreground [&::-webkit-details-marker]:hidden">Is my data safe?<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="size-4 shrink-0 text-content-tertiary transition-transform group-open:rotate-45"><path d="M12 4V20M4 12H20"></path></svg></summary><p class="mt-3 max-w-[60ch] text-sm leading-relaxed text-muted-foreground">Submissions are encrypted with AES-256 before they reach the database, on top of encryption in transit and disk encryption at rest. You can export or delete a form and its data at any time, and our GDPR page lists every provider we use and where it runs.<!-- --> <a class="whitespace-nowrap text-primary underline underline-offset-4 transition-colors hover:text-[#FF272B]" href="/gdpr">Read the GDPR page</a></p></details>
1<details class="group py-5"><summary class="flex list-none items-center justify-between gap-4 text-left font-medium text-foreground [&::-webkit-details-marker]:hidden">Is my data used to train AI?<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="size-4 shrink-0 text-content-tertiary transition-transform group-open:rotate-45"><path d="M12 4V20M4 12H20"></path></svg></summary><p class="mt-3 max-w-[60ch] text-sm leading-relaxed text-muted-foreground">No. Form generation, editing, and insights run on Google's Gemini API, and the data sent to it is not used to train Google's models. Nicelyformed does not train models on your forms or submissions either.</p></details><details class="group py-5"><summary class="flex list-none items-center justify-between gap-4 text-left font-medium text-foreground [&::-webkit-details-marker]:hidden">How is this different from Tally or Typeform?<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" shape-rendering="geometricPrecision" aria-hidden="true" class="size-4 shrink-0 text-content-tertiary transition-transform group-open:rotate-45"><path d="M12 4V20M4 12H20"></path></svg></summary><p class="mt-3 max-w-[60ch] text-sm leading-relaxed text-muted-foreground">Tally is free and generous, and its AI builds forms too, but the AI stops at the builder and drop-off analytics cost $29 a month. Typeform caps the free plan at 10 submissions a month and starts at $39. Nicelyformed keeps the unlimited free plan, gives you drop-off analytics free, and adds AI that explains your submissions, with Pro at $19.99 a month.<!-- --> <a class="whitespace-nowrap text-primary underline underline-offset-4 transition-colors hover:text-[#FF272B]" href="/compare">See the full comparisons</a></p></details></div></section><section class="mx-auto w-full max-w-6xl px-4 pb-24 pt-40 text-center sm:px-6 sm:pt-48"><h2 class="font-serif mx-auto max-w-3xl text-4xl font-semibold leading-[1.1] tracking-[-0.06em] text-balance sm:text-5xl lg:text-[56px]">Describe your <em>form</em></h2><div class="mt-10"><div class="relative mx-auto w-full max-w-2xl"><div class="relative"><textarea rows="1" maxLength="2000" placeholder="e.g. A job application form to hire a software engineer" class="block w-full resize-none bg-surface-page text-base outline-none transition-shadow placeholder:text-transparent disabled:opacity-60 md:text-sm overflow-hidden h-15 max-h-48 rounded-[30px] py-[18px] pl-6 pr-16 shadow-card focus-visible:shadow-lift md:h-14 md:rounded-[28px]"></textarea><span aria-hidden="true" class="pointer-events-none absolute grid grid-cols-[100%] select-none text-start text-content-tertiary inset-0 text-base md:text-sm py-[18px] pl-6 pr-16"><span class="truncate [grid-area:1/1]">e.g. A job application form to hire a software engineer</span></span><button data-slot="button" data-variant="default" data-size="icon" class="inline-flex shrink-0 items-center justify-center gap-2 rounded-full text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 bg-primary text-primary-foreground hover:bg-primary/90 absolute bottom-2.5 right-2.5 size-10 md:bottom-2 md:right-2" aria-label="Build form" disabled=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up size-5" aria-hidden="true"><path d="m5 12 7-7 7 7"></path><path d="M12 19V5"></path></svg></button></div></div></div></section></main><footer class="relative"><div aria-hidden="true" class="pointer-events-none absolute inset-x-0 bottom-0 -z-10 h-[210%] animate-glow-drift sm:h-[220%] sm:[mask-image:linear-gradient(to_top,black_45%,transparent_95%)] dark:opacity-15" style="background-image:radial-gradient(90% 100% at 50% 110%, rgb(251,240,198) 0%, rgb(252,244,214) 45%, transparent 100%)"></div><div class="mx-auto max-w-6xl px-4 pb-24 pt-40 sm:px-6"><div class="grid grid-cols-2 gap-x-8 gap-y-10 sm:grid-cols-[1fr_1.5fr] sm:gap-x-16"><div class="col-span-2 sm:col-span-1"><a aria-label="Nicelyformed home" href="/"><img src="/nicelyformed-logo-full.svg" alt="Nicelyformed" class="h-6 w-auto"/></a><p class="mt-3 max-w-xs text-[13px] text-muted-foreground">© <!-- -->2026<!-- --> <!-- -->Nicelyformed<!-- -->. All rights reserved.</p></div><div class="col-span-2 grid grid-cols-2 gap-x-8 gap-y-10 sm:col-span-1 sm:grid-cols-[repeat(4,auto)] sm:justify-between sm:gap-x-10"><div><h3 class="text-[13px] font-semibold text-foreground">Product</h3><ul class="mt-2 space-y-2"><li><a class="text-[13px] font-medium text-foreground transition-colors hover:text-[#FF272B]" href="/features">Features</a></li><li><a class="text-[13px] font-medium text-foreground transition-colors hover:text-[#FF272B]" href="/templates">Templates</a></li><li><a class="text-[13px] font-medium text-foreground transition-colors hover:text-[#FF272B]" href="/pricing">Pricing</a></li><li><a class="text-[13px] font-medium text-foreground transition-colors hover:text-[#FF272B]" href="/blog">Blog</a></li><li><a class="text-[13px] font-medium text-foreground transition-colors hover:text-[#FF272B]" href="/auth/register">Get started</a></li></ul></div><div><h3 class="text-[13px] font-semibold text-foreground">Company</h3><ul class="mt-2 space-y-2"><li><a class="text-[13px] font-medium text-foreground transition-colors hover:text-[#FF272B]" href="/about">About</a></li><li><a class="text-[13px] font-medium text-foreground transition-colors hover:text-[#FF272B]" href="/blog">Blog</a></li><li><button type="button" class="text-[13px] font-medium text-foreground transition-colors hover:text-[#FF272B]">Contact</button></li></ul></div><div><h3 class="text-[13px] font-semibold text-foreground">Compare</h3><ul class="mt-2 space-y-2"><li><a class="text-[13px] font-medium text-foreground transition-colors hover:text-[#FF272B]" href="/compare/typeform-alternative">Typeform alternative</a></li><li><a class="text-[13px] font-medium text-foreground transition-colors hover:text-[#FF272B]" href="/compare/google-forms-alternative">Google Forms alternative</a></li><li><a class="text-[13px] font-medium text-foreground transition-colors hover:text-[#FF272B]" href="/compare/jotform-alternative">Jotform alternative</a></li><li><a class="text-[13px] font-medium text-foreground transition-colors hover:text-[#FF272B]" href="/compare/microsoft-forms-alternative">Microsoft Forms alternative</a></li><li><a class="text-[13px] font-medium text-foreground transition-colors hover:text-[#FF272B]" href="/compare/tally-alternative">Tally alternative</a></li></ul></div><div><h3 class="text-[13px] font-semibold text-foreground">Legal</h3><ul class="mt-2 space-y-2"><li><a class="text-[13px] font-medium text-foreground transition-colors hover:text-[#FF272B]" href="/privacy">Privacy</a></li><li><a class="text-[13px] font-medium text-foreground transition-colors hover:text-[#FF272B]" href="/terms">Terms</a></li><li><a class="text-[13px] font-medium text-foreground transition-colors hover:text-[#FF272B]" href="/gdpr">GDPR</a></li></ul></div></div></div></div></footer></div><!--$--><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$-->
1<section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section>
1<script src="/_next/static/chunks/13-mwa1nomz3g.js" id="_R_" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[279009,[\"/_next/static/chunks/0ku35ev6bvuii.js\",\"/_next/static/chunks/2umrmc5t57l3d.js\",\"/_next/static/chunks/2c87goucuqx78.js\",\"/_next/static/chunks/1-g152_p024wv.js\"],\"PERF_HUD_SNIPPET\"]\n3:I[746798,[\"/_next/static/chunks/0ku35ev6bvuii.js\",\"/_next/static/chunks/2umrmc5t57l3d.js\",\"/_next/static/chunks/2c87goucuqx78.js\",\"/_next/static/chunks/1-g152_p024wv.js\"],\"TooltipProvider\"]\n4:I[339756,[\"/_next/static/chunks/2yl1jv4w6po1z.js\",\"/_next/static/chunks/1ntn7efqc-iiw.js\"],\"default\"]\n5:I[837457,[\"/_next/static/chunks/2yl1jv4w6po1z.js\",\"/_next/static/chunks/1ntn7efqc-iiw.js\"],\"default\"]\n6:I[990311,[\"/_next/static/chunks/0ku35ev6bvuii.js\",\"/_next/static/chunks/2umrmc5t57l3d.js\",\"/_next/static/chunks/2c87goucuqx78.js\",\"/_next/static/chunks/1-g152_p024wv.js\"],\"AttributionCapture\"]\n7:I[365510,[\"/_next/static/chunks/0ku35ev6bvuii.js\",\"/_next/static/chunks/2umrmc5t57l3d.js\",\"/_next/static/chunks/2c87goucuqx78.js\",\"/_next/static/chunks/1-g152_p024wv.js\"],\"AuthedSync\"]\n8:I[314681,[\"/_next/static/chunks/0ku35ev6bvuii.js\",\"/_next/static/chunks/2umrmc5t57l3d.js\",\"/_next/static/chunks/2c87goucuqx78.js\",\"/_next/static/chunks/1-g152_p024wv.js\"],\"ConsentBanner\"]\n9:I[302355,[\"/_next/static/chunks/0ku35ev6bvuii.js\",\"/_next/static/chunks/2umrmc5t57l3d.js\",\"/_next/static/chunks/2c87goucuqx78.js\",\"/_next/static/chunks/1-g152_p024wv.js\"],\"Analytics\"]\na:I[713354,[\"/_next/static/chunks/0ku35ev6bvuii.js\",\"/_next/static/chunks/2umrmc5t57l3d.js\",\"/_next/static/chunks/2c87goucuqx78.js\",\"/_next/static/chunks/1-g152_p024wv.js\"],\"Toaster\"]\nb:I[279009,[\"/_next/static/chunks/0ku35ev6bvuii.js\",\"/_next/static/chunks/2umrmc5t57l3d.js\",\"/_next/static/chunks/2c87goucuqx78.js\",\"/_next/static/chunks/1-g152_p024wv.js\"],\"PerfHud\"]\n16:I[168027,[\"/_next/static/chunks/0ku35ev6bvuii.js\",\"/_next/static/chunks/2umrmc5t57l3d.js\",\"/_next/static/chunks/2c87goucuqx78.js\",\"/_next/static/chunks/1-g152_p024wv.js\"],\"default\",1]\n:HL[\"/_next/static/chunks/0jf6_vzmsbu03.css\",\"style\"]\n:HL[\"/_next/static/chunks/3blvq2e6jdw43.css\",\"style\"]\n:HL[\"/_next/static/media/4ee71d90e0f663bd-s.p.33jraz4m6n5g3.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/e4505858a30c79c2-s.p.0tlhhw_qyyfys.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\nc:Tf43,"])</script>
1<script>self.__next_f.push([1,"{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"name\":\"Nicelyformed\",\"url\":\"https://www.nicelyformed.ai\",\"logo\":\"https://www.nicelyformed.ai/nicelyformed-logo-icon.svg\"},{\"@type\":\"SoftwareApplication\",\"name\":\"Nicelyformed\",\"url\":\"https://www.nicelyformed.ai\",\"description\":\"Describe the form you need and let AI build it. Beautiful forms in seconds.\",\"applicationCategory\":\"BusinessApplication\",\"operatingSystem\":\"Web\",\"offers\":[{\"@type\":\"Offer\",\"name\":\"Free\",\"price\":\"0\",\"priceCurrency\":\"USD\"},{\"@type\":\"Offer\",\"name\":\"Pro\",\"price\":\"19.99\",\"priceCurrency\":\"USD\"}]},{\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Is it really free?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Unlimited forms, unlimited submissions, and every builder feature on the free plan, forever, with no card needed to start. Free forms carry a small Nicelyformed badge, and that is the whole catch.\"}},{\"@type\":\"Question\",\"name\":\"Is there a limit on forms or submissions?\",\"acceptedA
1nswer\":{\"@type\":\"Answer\",\"text\":\"No. Most form builders cap monthly responses and start charging the moment a form takes off. Nicelyformed never counts forms, submissions, or respondents on any plan. The only metered thing is AI prompts.\"}},{\"@type\":\"Question\",\"name\":\"What counts as an AI prompt?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"One form generation, one edit request or question in the builder chat, or one question to insights. Free includes 100 prompts a month and Pro includes 1,000. If you run out, your forms keep collecting and you can keep editing by hand; only the AI pauses until the month resets.\"}},{\"@type\":\"Question\",\"name\":\"Do respondents need an account?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"No. Anyone with your link can answer on any device, no sign-in required. Their answers survive a refresh, and on multi-page forms the pages they finished are kept even if they leave early.\"}},{\"@type\":\"Question\",\"name\":\"Can I embed a form on my own site?\",\"acceptedA
1nswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Every form gets a clean share link and a copy-paste embed snippet that drops it into any website. You can also send respondents to a URL of your choice after they submit.\"}},{\"@type\":\"Question\",\"name\":\"Can I use my own branding?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Add your logo and cover image, pick from 50 curated fonts, theme every color, and rename the submit button. Pro also removes the Nicelyformed badge, so the form is entirely yours.\"}},{\"@type\":\"Question\",\"name\":\"Can I export my submissions?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Download everything as a CSV in one click, with matrix grids split into tidy columns. New submissions can also land in your inbox, answers included, at one address or several.\"}},{\"@type\":\"Question\",\"name\":\"Is my data safe?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Submissions are encrypted with AES-256 before they reach the database, on top of encryption in transit and disk encryption at rest. You can export or delete a form and its data at any time, and our GDPR page lists every provider we use and where it runs.\"}},{\"@type\":\"Question\",\"name\":\"Is my data used to train AI?\",\"acceptedA
1nswer\":{\"@type\":\"Answer\",\"text\":\"No. Form generation, editing, and insights run on Google's Gemini API, and the data sent to it is not used to train Google's models. Nicelyformed does not train models on your forms or submissions either.\"}},{\"@type\":\"Question\",\"name\":\"How is this different from Tally or Typeform?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Tally is free and generous, and its AI builds forms too, but the AI stops at the builder and drop-off analytics cost $29 a month. Typeform caps the free plan at 10 submissions a month and starts at $39. Nicelyformed keeps the unlimited free plan, gives you drop-off analytics free, and adds AI that explains your submissions, with Pro at $19.99 a month.\"}}]}]}"])</script>
1<script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0jf6_vzmsbu03.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/3blvq2e6jdw43.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0ku35ev6bvuii.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/2umrmc5t57l3d.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/2c87goucuqx78.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/1-g152_p024wv.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"inter_7b064e0d-module__MOT0tq__variable eb_garamond_ef3029a7-module___hlBDG__variable h-full\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"$2\"}}],[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"document.cookie.split('; ').indexOf('nf_authed=1')\u003e-1\u0026\u0026document.documentElement.setAttribute('data-authed','')\"}}]]}],[\"$\",\"body\",null,{\"className\":\"min-h-full flex flex-col bg-background text-foreground antialiased\",\"children\":[[\"$\",\"$L3\",null,{\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],[\"$\",\"$L6\",null,{}],[\"$\",\"$L7\",null,{}],[\"$\",\"$L8\",null,{}],[\"$\",\"$L9\",null,{}],[\"$\",\"$La\",null,{\"richColors\":true,\"position\":\"top-center\"}],[\"$\",\"$Lb\",null,{}]]}]]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$c\"}}],\"$Ld\"],[\"$Le\",\"$Lf\",\"$L10\",\"$L11\",\"$L12\",\"$L13\"],\"$L14\"]}],{},null,false,null]},null,false,null],\"$L15\",false]],\"m\":\"$undefined\",\"G\":[\"$16\",[\"$L17\",\"$L18\"]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"Y1iGdosJEn_5cSxNxSgWS\"}\n"])</script>
1<script>self.__next_f.push([1,"19:I[329773,[\"/_next/static/chunks/0ku35ev6bvuii.js\",\"/_next/static/chunks/2umrmc5t57l3d.js\",\"/_next/static/chunks/2c87goucuqx78.js\",\"/_next/static/chunks/1-g152_p024wv.js\",\"/_next/static/chunks/14deyei_himn8.js\",\"/_next/static/chunks/32o3a-f_yym04.js\",\"/_next/static/chunks/0qqo86k0cg5-z.js\",\"/_next/static/chunks/17cfr__8kpmoh.js\",\"/_next/static/chunks/2rtagt9sx3znc.js\",\"/_next/static/chunks/1amf1tasdm_l-.js\"],\"PublicNavbar\"]\n1a:I[130414,[\"/_next/static/chunks/0ku35ev6bvuii.js\",\"/_next/static/chunks/2umrmc5t57l3d.js\",\"/_next/static/chunks/2c87goucuqx78.js\",\"/_next/static/chunks/1-g152_p024wv.js\",\"/_next/static/chunks/14deyei_himn8.js\",\"/_next/static/chunks/32o3a-f_yym04.js\",\"/_next/static/chunks/0qqo86k0cg5-z.js\",\"/_next/static/chunks/17cfr__8kpmoh.js\",\"/_next/static/chunks/2rtagt9sx3znc.js\",\"/_next/static/chunks/1amf1tasdm_l-.js\"],\"GlowDrift\"]\n1b:I[272948,[\"/_next/static/chunks/0ku35ev6bvuii.js\",\"/_next/static/chunks/2umrmc5t57l3d.js\",\"/_next/static/chunks/2c87goucuqx78.js\",\"/_next/static/chunks/1-g152_p024wv.js\",\"/_next/static/chunks/14deyei_himn8.js\",\"/_next/static/chunks/32o3a-f_yym04.js\",\"/_next/static/chunks/0qqo86k0cg5-z.js\",\"/_next/static/chunks/17cfr__8kpmoh.js\",\"/_next/static/chunks/2rtagt9sx3znc.js\",\"/_next/static/chunks/1amf1tasdm_l-.js\"],\"HeroMesh\"]\n1c:I[461966,[\"/_next/static/chunks/0ku35ev6bvuii.js\",\"/_next/static/chunks/2umrmc5t57l3d.js\",\"/_next/static/chunks/2c87goucuqx78.js\",\"/_next/static/chunks/1-g152_p024wv.js\",\"/_next/static/chunks/14deyei_himn8.js\",\"/_next/static/chunks/32o3a-f_yym04.js\",\"/_next/static/chunks/0qqo86k0cg5-z.js\",\"/_next/static/chunks/17cfr__8kpmoh.js\",\"/_next/static/chunks/2rtagt9sx3znc.js\",\"/_next/static/chunks/1amf1tasdm_l-.js\"],\"PromptHero\"]\n1d:I[437449,[\"/_next/static/chunks/0ku35ev6bvuii.js\",\"/_next/static/chunks/2umrmc5t57l3d.js\",\"/_next/static/chunks/2c87goucuqx78.js\",\"/_next/static/chunks/1-g152_p024wv.js\",\"/_next/static/chunks/14deyei_himn8.js\",\"/_next/static/chunks/32o3a-f_yym04.js\",\"/_next/static/chunks/0qqo86k0cg5-z.js\",\"/_next/static/chunks/17cfr__8kpmoh.js\",\"/_next/static/chunks/2rtagt9sx3znc.js\",\"/_next/static/chunks/1amf1tasdm_l-.js\"],\"DescribeCardVisual\"]\n1e:I[872447,[\"/_next/static/chunks/0ku35ev6bvuii.js\",\"/_next/static/chunks/2umrmc5t57l3d.js\",\"/_next/static/chunks/2c87goucuqx78.js\",\"/_next/static/chunks/1-g152_p024wv.js\",\"/_next/static/chunks/14deyei_himn8.js\",\"/_next/static/chunks/32o3a-f_yym04.js\",\"/_next/static/chunks/0qqo86k0cg5-z.js\",\"/_next/static/chunks/17cfr__8kpmoh.js\",\"/_next/static/chunks/2rtagt9sx3znc.js\",\"/_next/static/chunks/1amf1tasdm_l-.js\"],\"EditCardVisual\"]\n2d:I[897367,[\"/_next/static/chunks/2yl1jv4w6po1z.js\",\"/_next/static/chunks/1ntn7efqc-iiw.js\"],\"OutletBoundary\"]\n2e:\"$Sreact.suspense\"\n30:I[897367,[\"/_next/static/chunks/2yl1jv4w6po1z.js\",\"/_next/static/chunks/1ntn7efqc-iiw.js\"],\"ViewportBoundary\"]\n32:I[897367,[\"/_next/static/chunks/2yl1jv4w6po1z.js\",\"/_next/static/chunks/1ntn7efqc-iiw.js\"],\"MetadataBoundary\"]\n"])</script>
1<script>self.__next_f.push([1,"d:[\"$\",\"div\",null,{\"className\":\"flex min-h-screen flex-col\",\"children\":[[\"$\",\"$L19\",null,{\"isAuthed\":\"$undefined\",\"tintedHero\":true}],[\"$\",\"main\",null,{\"className\":\"flex-1 isolate\",\"children\":[[\"$\",\"section\",null,{\"className\":\"relative isolate -mt-16 flex min-h-[88svh] items-center\",\"children\":[[\"$\",\"$L1a\",null,{\"className\":\"pointer-events-none absolute inset-x-0 -top-40 -z-10 h-[64rem] bg-[radial-gradient(150%_115%_at_50%_0%,rgb(251,240,198)_0%,rgb(252,244,214)_50%,rgba(255,254,249,0)_100%)] animate-glow-drift sm:bg-[radial-gradient(90%_100%_at_50%_0%,rgb(251,240,198)_0%,rgb(252,244,214)_45%,rgba(255,254,249,0)_100%)] dark:opacity-15\"}],[\"$\",\"$L1b\",null,{\"className\":\"pointer-events-none absolute inset-x-0 -top-40 -z-10 h-[64rem] [mask-image:radial-gradient(150%_115%_at_50%_0%,black_0%,black_50%,transparent_100%)] sm:[mask-image:radial-gradient(90%_100%_at_50%_0%,black_0%,black_45%,transparent_100%)] dark:opacity-15\"}],[\"$\",\"div\",null,{\"className\":\"mx-auto w-full max-w-6xl px-4 py-24 text-center sm:px-6\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"font-serif mx-auto max-w-3xl text-4xl font-semibold leading-[1.1] tracking-[-0.06em] text-balance sm:text-5xl lg:text-[56px]\",\"children\":[\"Describe your \",[\"$\",\"em\",null,{\"children\":\"form\"}]]}],[\"$\",\"div\",null,{\"className\":\"mt-10\",\"children\":[\"$\",\"$L1c\",null,{}]}]]}]]}],[\"$\",\"section\",null,{\"className\":\"relative mx-auto max-w-6xl px-4 py-20 sm:px-6\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-serif text-4xl font-semibold leading-[1.1] tracking-[-0.06em] sm:text-5xl lg:text-[56px]\",\"children\":[\"Forms build themselves now.\",\" \",[\"$\",\"span\",null,{\"className\":\"sm:-mt-[0.18em] sm:block\",\"children\":\"Describe what you need, share it in seconds.\"}]]}],[\"$\",\"div\",null,{\"className\":\"mt-10 sm:mt-14 grid overflow-hidden rounded ring ring-border-subtle divide-y divide-border-subtle md:grid-cols-3 md:divide-x md:divide-y-0\",\"children\":[[\"$\",\"div\",\"Describe it\",{\"className\":\"relative isolate flex flex-col overflow-hidden px-8 pt-10 text-center\",\"children\":[[\"$\",\"$L1a\",null,{\"className\":\"pointer-events-none absolute inset-0 -z-10 animate-hue-drift bg-gradient-to-b from-white via-white via-35% to-[#FFD6CF] dark:from-neutral-900 dark:via-neutral-900 dark:to-[#2d201d]\"}],[\"$\",\"div\",null,{\"aria-hidden\":true,\"className\":\"pointer-events-none absolute inset-0 -z-10 bg-grain opacity-25 mix-blend-soft-light [mask-image:linear-gradient(to_bottom,transparent_35%,black_100%)] dark:opacity-15\"}],[\"$\",\"h3\",null,{\"className\":\"font-serif text-[28px] font-medium leading-[1.15] tracking-[-0.04em] sm:text-3xl lg:text-[32px]\",\"children\":\"Describe it\"}],[\"$\",\"p\",null,{\"className\":\"mx-auto mt-3 max-w-[26ch] text-sm text-muted-foreground\",\"children\":\"Describe what you need. The form builds itself.\"}],[\"$\",\"$L1d\",null,{}]]}],[\"$\",\"div\",\"Edit your way\",{\"className\":\"relative isolate flex flex-col overflow-hidden px-8 pt-10 text-center\",\"children\":[[\"$\",\"$L1a\",null,{\"className\":\"pointer-events-none absolute inset-0 -z-10 animate-hue-drift bg-gradient-to-b from-white via-white via-35% to-[#FBECAC] dark:from-neutral-900 dark:via-neutral-900 dark:to-[#2b261a]\"}],[\"$\",\"div\",null,{\"aria-hidden\":true,\"className\":\"pointer-events-none absolute inset-0 -z-10 bg-grain opacity-25 mix-blend-soft-light [mask-image:linear-gradient(to_bottom,transparent_35%,black_100%)] dark:opacity-15\"}],[\"$\",\"h3\",null,{\"className\":\"font-serif text-[28px] font-medium leading-[1.15] tracking-[-0.04em] sm:text-3xl lg:text-[32px]\",\"children\":\"Edit your way\"}],[\"$\",\"p\",null,{\"className\":\"mx-auto mt-3 max-w-[26ch] text-sm text-muted-foreground\",\"children\":\"Refine with AI, or tweak any field by hand.\"}],[\"$\",\"$L1e\",null,{}]]}],[\"$\",\"div\",\"Share \u0026 collect\",{\"className\":\"relative isolate flex flex-col overflow-hidden px-8 pt-10 text-center\",\"children\":[[\"$\",\"$L1a\",null,{\"className\":\"pointer-events-none absolute inset-0 -z-10 animate-hue-drift bg-gradient-to-b from-white via-white via-35% to-[#CFEDD4] dark:from-neutral-900 dark:via-neutral-900 dark:to-[#202
161e]\"}],\"$L1f\",\"$L20\",\"$L21\",\"$L22\"]}]]}]]}],\"$L23\",\"$L24\",\"$L25\",\"$L26\",\"$L27\",\"$L28\",\"$L29\",\"$L2a\",\"$L2b\"]}],\"$L2c\"]}]\n"])</script>
1<script>self.__next_f.push([1,"e:[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/14deyei_himn8.js\",\"async\":true,\"nonce\":\"$undefined\"}]\nf:[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/32o3a-f_yym04.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n10:[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/0qqo86k0cg5-z.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n11:[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/17cfr__8kpmoh.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n12:[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/2rtagt9sx3znc.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n13:[\"$\",\"script\",\"script-5\",{\"src\":\"/_next/static/chunks/1amf1tasdm_l-.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n14:[\"$\",\"$L2d\",null,{\"children\":[\"$\",\"$2e\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@2f\"}]}]\n15:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L30\",null,{\"children\":\"$L31\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L32\",null,{\"children\":[\"$\",\"$2e\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L33\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n17:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0jf6_vzmsbu03.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n18:[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/3blvq2e6jdw43.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n"])</script>
1<script>self.__next_f.push([1,"34:I[556746,[\"/_next/static/chunks/0ku35ev6bvuii.js\",\"/_next/static/chunks/2umrmc5t57l3d.js\",\"/_next/static/chunks/2c87goucuqx78.js\",\"/_next/static/chunks/1-g152_p024wv.js\",\"/_next/static/chunks/14deyei_himn8.js\",\"/_next/static/chunks/32o3a-f_yym04.js\",\"/_next/static/chunks/0qqo86k0cg5-z.js\",\"/_next/static/chunks/17cfr__8kpmoh.js\",\"/_next/static/chunks/2rtagt9sx3znc.js\",\"/_next/static/chunks/1amf1tasdm_l-.js\"],\"ShareCardVisual\"]\n35:I[873364,[\"/_next/static/chunks/0ku35ev6bvuii.js\",\"/_next/static/chunks/2umrmc5t57l3d.js\",\"/_next/static/chunks/2c87goucuqx78.js\",\"/_next/static/chunks/1-g152_p024wv.js\",\"/_next/static/chunks/14deyei_himn8.js\",\"/_next/static/chunks/32o3a-f_yym04.js\",\"/_next/static/chunks/0qqo86k0cg5-z.js\",\"/_next/static/chunks/17cfr__8kpmoh.js\",\"/_next/static/chunks/2rtagt9sx3znc.js\",\"/_next/static/chunks/1amf1tasdm_l-.js\"],\"FeaturesMosaic\"]\n36:I[362424,[\"/_next/static/chunks/0ku35ev6bvuii.js\",\"/_next/static/chunks/2umrmc5t57l3d.js\",\"/_next/static/chunks/2c87goucuqx78.js\",\"/_next/static/chunks/1-g152_p024wv.js\",\"/_next/static/chunks/14deyei_himn8.js\",\"/_next/static/chunks/32o3a-f_yym04.js\",\"/_next/static/chunks/0qqo86k0cg5-z.js\",\"/_next/static/chunks/17cfr__8kpmoh.js\",\"/_next/static/chunks/2rtagt9sx3znc.js\",\"/_next/static/chunks/1amf1tasdm_l-.js\"],\"BlocksShowcase\"]\n3e:I[522016,[\"/_next/static/chunks/0ku35ev6bvuii.js\",\"/_next/static/chunks/2umrmc5t57l3d.js\",\"/_next/static/chunks/2c87goucuqx78.js\",\"/_next/static/chunks/1-g152_p024wv.js\",\"/_next/static/chunks/14deyei_himn8.js\",\"/_next/static/chunks/32o3a-f_yym04.js\",\"/_next/static/chunks/0qqo86k0cg5-z.js\",\"/_next/static/chunks/17cfr__8kpmoh.js\",\"/_next/static/chunks/2rtagt9sx3znc.js\",\"/_next/static/chunks/1amf1tasdm_l-.js\"],\"\"]\n47:I[539383,[\"/_next/static/chunks/0ku35ev6bvuii.js\",\"/_next/static/chunks/2umrmc5t57l3d.js\",\"/_next/static/chunks/2c87goucuqx78.js\",\"/_next/static/chunks/1-g152_p024wv.js\",\"/_next/static/chunks/14deyei_himn8.js\",\"/_next/static/chunks/32o3a-f_yym04.js\",\"/_next/static/chunks/0qqo86k0cg5-z.js\",\"/_next/static/chunks/17cfr__8kpmoh.js\",\"/_next/static/chunks/2rtagt9sx3znc.js\",\"/_next/static/chunks/1amf1tasdm_l-.js\"],\"ContactLink\"]\n:HL[\"/nicelyformed-logo-full.svg\",\"image\"]\n1f:[\"$\",\"div\",null,{\"aria-hidden\":true,\"className\":\"pointer-events-none absolute inset-0 -z-10 bg-grain opacity-25 mix-blend-soft-light [mask-image:linear-gradient(to_bottom,transparent_35%,black_100%)] dark:opacity-15\"}]\n20:[\"$\",\"h3\",null,{\"className\":\"font-serif text-[28px] font-medium leading-[1.15] tracking-[-0.04em] sm:text-3xl lg:text-[32px]\",\"children\":\"Share \u0026 collect\"}]\n21:[\"$\",\"p\",null,{\"className\":\"mx-auto mt-3 max-w-[26ch] text-sm text-muted-foreground\",\"children\":\"Publish with a link and collect submissions.\"}]\n22:[\"$\",\"$L34\",null,{}]\n23:[\"$\",\"section\",null,{\"className\":\"mx-auto max-w-3xl px-4 py-24 text-center sm:px-6 sm:py-32\",\"children\":[\"$\",\"blockquote\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"font-serif text-2xl font-medium leading-[1.2] tracking-[-0.04em] text-pretty text-content-tertiary sm:text-3xl lg:text-4xl\",\"children\":\"âCreating content for forms was always a hurdle. With Nicelyformed, I generated a ready-to-use research survey in seconds from a prompt. It truly felt magical!â\"}],[\"$\",\"footer\",null,{\"className\":\"mt-6 text-sm text-foreground\",\"children\":\"Peace Itimi, growth marketer\"}]]}]}]\n24:[\"$\",\"$L35\",null,{}]\n25:[\"$\",\"section\",null,{\"className\":\"mx-auto max-w-3xl px-4 py-24 text-center sm:px-6 sm:py-32\",\"children\":[\"$\",\"blockquote\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"font-serif text-2xl font-medium leading-[1.2] tracking-[-0.04em] text-balance text-content-tertiary sm:text-3xl lg:text-4xl\",\"children\":\"âGenerating a form from a prompt is awesome, but what I love is that I no longer dig through answers. I just ask Nicelyformed for any insight I want.â\"}],[\"$\",\"footer\",null,{\"className\":\"mt-6 text-sm text-foreground\",\"children\":\"Lucius Obinna, product manager\"}]]}]}]\n26:[\"$\",\"$L36\",null,{}]\n27:[\"$\",\"section\",null,{\"className\":\"mx-auto max-w-3xl px-4 py-24 text-center sm:px-6 sm:py-32\",\"children\":[\"$\",\"blockquote\",null,{\"children"])</script>
1<script>self.__next_f.push([1,"\":[[\"$\",\"p\",null,{\"className\":\"font-serif text-2xl font-medium leading-[1.2] tracking-[-0.04em] text-pretty text-content-tertiary sm:text-3xl lg:text-4xl\",\"children\":\"âForm tools used to cost me an afternoon of dragging questions into the right order. With Nicelyformed, I just ask for the edit, and it does it.â\"}],[\"$\",\"footer\",null,{\"className\":\"mt-6 text-sm text-foreground\",\"children\":\"Chen Nguyen, recruiter\"}]]}]}]\n"])</script>
1<script>self.__next_f.push([1,"28:[\"$\",\"section\",null,{\"className\":\"mx-auto max-w-6xl px-4 py-20 sm:px-6\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-serif text-4xl font-semibold leading-[1.1] tracking-[-0.06em] sm:text-5xl lg:text-[56px]\",\"children\":[\"Forms that look like your brand,\",\" \",[\"$\",\"span\",null,{\"className\":\"sm:-mt-[0.18em] sm:block\",\"children\":\"not ours\"}]]}],[\"$\",\"div\",null,{\"className\":\"mt-10 sm:mt-14 overflow-hidden rounded-[28px] bg-white ring ring-border-subtle dark:bg-neutral-900 \",\"children\":[[\"$\",\"div\",null,{\"className\":\"border-b border-border-subtle \",\"children\":[[\"$\",\"div\",null,{\"className\":\"px-6 pt-6 sm:px-8 sm:pt-8\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-serif text-[28px] font-medium leading-[1.15] tracking-[-0.04em] sm:text-3xl lg:text-[32px]\",\"children\":\"Theme it in a couple of clicks\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 max-w-[44ch] text-sm text-muted-foreground\",\"children\":\"Pick a preset or set your own background, text, button, and accent colors. The whole published form follows.\"}]]}],[\"$\",\"div\",null,{\"className\":\"relative mt-6 h-[420px] overflow-hidden sm:mt-8 sm:h-[500px]\",\"children\":[[\"$\",\"$L1a\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-b from-white via-white via-35% to-[#FFD6CF] animate-hue-drift dark:from-neutral-900 dark:via-neutral-900 dark:to-[#2d201d]\"}],[\"$\",\"$L1b\",null,{\"colors\":[\"#FFD6CF\",\"#FFFFFF\",\"#FFE4DE\",\"#FFC9C0\"],\"desktopOnly\":true,\"className\":\"pointer-events-none absolute inset-0 [mask-image:linear-gradient(to_bottom,transparent_35%,black_100%)] dark:opacity-15\"}],[\"$\",\"div\",null,{\"aria-hidden\":true,\"className\":\"absolute inset-x-6 bottom-0 top-6 flex flex-col overflow-hidden rounded-t-[12px] bg-surface-page ring-hairline shadow-card sm:inset-x-10 sm:top-10 \",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative flex h-6 shrink-0 items-center justify-center border-b border-border-subtle bg-background\",\"children\":[[\"$\",\"span\",null,{\"className\":\"absolute left-3 flex items-center gap-1\",\"children\":[[\"$\",\"span\",null,{\"className\":\"size-2 rounded-full bg-[#FF5F57]\"}],[\"$\",\"span\",null,{\"className\":\"size-2 rounded-full bg-[#FEBC2E]\"}],[\"$\",\"span\",null,{\"className\":\"size-2 rounded-full bg-[#28C840]\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-[13px] font-medium text-content-primary\",\"children\":\"Nicelyformed\"}]]}],[\"$\",\"div\",null,{\"className\":\"relative min-h-0 flex-1\",\"children\":[[\"$\",\"div\",\"#FFFFFF\",{\"className\":\"cz-theme absolute inset-0 overflow-hidden px-8\",\"style\":{\"backgroundColor\":\"#FFFFFF\",\"color\":\"#171717\",\"fontFamily\":\"$undefined\",\"opacity\":1,\"animationDuration\":\"20s\",\"animationDelay\":\"-20s\"},\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto w-full max-w-sm pt-6 sm:pt-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-xl font-bold tracking-tight sm:text-2xl\",\"children\":\"Senior Designer application\"}],[[\"$\",\"div\",null,{\"className\":\"mt-4 text-sm font-semibold\",\"children\":\"Full name\"}],[\"$\",\"div\",null,{\"className\":\"mt-1.5 rounded-xs border h-8\",\"style\":{\"borderColor\":\"color-mix(in srgb, currentColor 25%, transparent)\"}}]],[[\"$\",\"div\",null,{\"className\":\"mt-4 text-sm font-semibold\",\"children\":\"Email\"}],[\"$\",\"div\",null,{\"className\":\"mt-1.5 rounded-xs border h-8\",\"style\":\"$28:props:children:1:props:children:0:props:children:1:props:children:2:props:children:1:props:children:0:props:children:props:children:1:1:props:style\"}]],[\"$\",\"div\",null,{\"className\":\"mt-4 text-sm font-semibold\",\"children\":\"Upload your CV\"}],[\"$\",\"div\",null,{\"className\":\"mt-1.5 flex flex-col items-center gap-2 rounded-sm border border-dashed px-6 py-4 text-center text-sm\",\"style\":\"$28:props:children:1:props:children:0:props:children:1:props:children:2:props:children:1:props:children:0:props:children:props:children:1:1:props:style\",\"children\":[\"$\",\"span\",null,{\"className\":\"flex items-center gap-2.5 font-medium opacity-80\",\"children\":[[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":1.5,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"shapeRendering\":\"geometricPrecision\",\"aria-hidden\":\"true\",\"className\":\"shrink-0 size-4\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M3 17C3 17.93 3 18.395 3.10222 18.7765C3.37962 19.8117 4.18827 20.6204 5.22354 20.8978C5.60504 21 6.07003 21 7 21H17C17.93 21 18.395 21 18.7765 20.8978C19.8118 20.6204 20.6204 19.8117 20.8978 18.7765C21 18.395 21 17.93 21 17\"}],\"$L37\"]}],\"Click to choose a file or drag here\"]}]}],\"$L38\"]}]}],\"$L39\",\"$L3a\",\"$L3b\",\"$L3c\"]}]]}]]}]]}],\"$L3d\"]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"29:[\"$\",\"section\",null,{\"className\":\"mx-auto max-w-3xl px-4 py-20 sm:px-6\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-center font-serif text-4xl font-semibold leading-[1.1] tracking-[-0.06em] sm:text-5xl lg:text-[56px]\",\"children\":\"Start free, stay free\"}],[\"$\",\"div\",null,{\"className\":\"mt-10 grid gap-px overflow-hidden rounded-[20px] bg-black/6 ring ring-border-subtle sm:mt-14 sm:grid-cols-2 dark:bg-white/6 \",\"children\":[[\"$\",\"div\",\"Free\",{\"className\":\"relative isolate flex flex-col bg-white p-6 dark:bg-neutral-900\",\"children\":[false,[\"$\",\"h3\",null,{\"className\":\"font-serif text-[28px] font-medium leading-[1.15] tracking-[-0.04em] sm:text-3xl lg:text-[32px]\",\"children\":\"Free\"}],[\"$\",\"p\",null,{\"className\":\"mt-1 text-sm font-semibold text-foreground\",\"children\":\"$$0 forever\"}],[\"$\",\"ul\",null,{\"className\":\"mb-6 mt-4 space-y-2\",\"children\":[[\"$\",\"li\",\"Unlimited forms \u0026 submissions\",{\"className\":\"text-sm text-muted-foreground\",\"children\":\"Unlimited forms \u0026 submissions\"}],[\"$\",\"li\",\"Logic, recall, themes, analytics\",{\"className\":\"text-sm text-muted-foreground\",\"children\":\"Logic, recall, themes, analytics\"}],[\"$\",\"li\",\"Close by date or cap, redirect, email alerts\",{\"className\":\"text-sm text-muted-foreground\",\"children\":\"Close by date or cap, redirect, email alerts\"}],[\"$\",\"li\",\"100 AI prompts a month\",{\"className\":\"text-sm text-muted-foreground\",\"children\":\"100 AI prompts a month\"}],[\"$\",\"li\",\"Small Nicelyformed badge\",{\"className\":\"text-sm text-muted-foreground\",\"children\":\"Small Nicelyformed badge\"}]]}],[\"$\",\"$L3e\",null,{\"href\":\"/auth/register\",\"children\":\"Start free\",\"data-slot\":\"button\",\"data-variant\":\"secondary\",\"data-size\":\"sm\",\"className\":\"inline-flex shrink-0 items-center justify-center rounded-full text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [\u0026_svg]:pointer-events-none [\u0026_svg]:shrink-0 [\u0026_svg:not([class*='size-'])]:size-4 bg-secondary text-secondary-foreground hover:bg-secondary/80 h-8 gap-1.5 px-3.5 pb-px has-[\u003esvg]:px-3 [\u0026_svg]:translate-y-[0.5px] mt-auto w-fit\",\"ref\":null}]]}],[\"$\",\"div\",\"Pro\",{\"className\":\"relative isolate flex flex-col bg-white p-6 dark:bg-neutral-900\",\"children\":[[[\"$\",\"$L1a\",null,{\"className\":\"pointer-events-none absolute inset-0 -z-10 animate-hue-drift bg-[radial-gradient(140%_140%_at_50%_0%,rgb(251,240,198)_0%,rgb(252,244,214)_55%,rgba(255,254,249,0)_100%)] opacity-40 dark:opacity-15\"}],[\"$\",\"$L1b\",null,{\"desktopOnly\":true,\"className\":\"pointer-events-none absolute inset-0 -z-10 [mask-image:radial-gradient(140%_140%_at_50%_0%,black_0%,black_55%,transparent_100%)] opacity-40 dark:opacity-15\"}]],[\"$\",\"h3\",null,{\"className\":\"font-serif text-[28px] font-medium leading-[1.15] tracking-[-0.04em] sm:text-3xl lg:text-[32px]\",\"children\":\"Pro\"}],[\"$\",\"p\",null,{\"className\":\"mt-1 text-sm font-semibold text-foreground\",\"children\":\"$$19.99/month\"}],[\"$\",\"ul\",null,{\"className\":\"mb-6 mt-4 space-y-2\",\"children\":[[\"$\",\"li\",\"Everything in Free\",{\"className\":\"text-sm text-muted-foreground\",\"children\":\"Everything in Free\"}],[\"$\",\"li\",\"No badge on your forms\",{\"className\":\"text-sm text-muted-foreground\",\"children\":\"No badge on your forms\"}],[\"$\",\"li\",\"File uploads up to 100 MB\",{\"className\":\"text-sm text-muted-foreground\",\"children\":\"File uploads up to 100 MB\"}],[\"$\",\"li\",\"1,000 AI prompts a month\",{\"className\":\"text-sm text-muted-foreground\",\"children\":\"1,000 AI prompts a month\"}]]}],[\"$\",\"$L3e\",null,{\"href\":\"/pricing\",\"children\":\"See pricing\",\"data-slot\":\"button\",\"data-variant\":\"default\",\"data-size\":\"sm\",\"className\":\"inline-flex shrink-0 items-center justify-center rounded-full text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [\u0026_svg]:pointer-events-none [\u0026_svg]:shrink-0 [\u0026_svg:not([class*='size-'])]:size-4 bg-primary text-primary-foreground hover:bg-primary/90 h-8 gap-1.5 px-3.5 pb-px has-[\u003esvg]:px-3 [\u0026_svg]:translate-y-[0.5px] mt-auto w-fit\",\"ref\":null}]]}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"2a:[\"$\",\"section\",null,{\"className\":\"mx-auto grid max-w-6xl gap-10 px-4 py-20 sm:px-6 lg:grid-cols-[1fr_1.5fr] lg:gap-16\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-serif text-4xl font-semibold leading-[1.1] tracking-[-0.06em] sm:text-5xl lg:text-[56px]\",\"children\":\"Questions, answered\"}],[\"$\",\"p\",null,{\"className\":\"mt-3 max-w-[36ch] text-sm text-muted-foreground\",\"children\":\"Everything people ask before their first form. Anything else, write us any time.\"}]]}],[\"$\",\"div\",null,{\"className\":\"divide-y-hairline\",\"children\":[[\"$\",\"details\",\"Is it really free?\",{\"className\":\"group py-5\",\"open\":true,\"children\":[[\"$\",\"summary\",null,{\"className\":\"flex list-none items-center justify-between gap-4 text-left font-medium text-foreground [\u0026::-webkit-details-marker]:hidden\",\"children\":[\"Is it really free?\",[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":1.5,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"shapeRendering\":\"geometricPrecision\",\"aria-hidden\":\"true\",\"className\":\"size-4 shrink-0 text-content-tertiary transition-transform group-open:rotate-45\",\"children\":[\"$\",\"path\",null,{\"d\":\"M12 4V20M4 12H20\"}]}]]}],[\"$\",\"p\",null,{\"className\":\"mt-3 max-w-[60ch] text-sm leading-relaxed text-muted-foreground\",\"children\":[\"Yes. Unlimited forms, unlimited submissions, and every builder feature on the free plan, forever, with no card needed to start. Free forms carry a small Nicelyformed badge, and that is the whole catch.\",\"$undefined\"]}]]}],[\"$\",\"details\",\"Is there a limit on forms or submissions?\",{\"className\":\"group py-5\",\"open\":false,\"children\":[[\"$\",\"summary\",null,{\"className\":\"flex list-none items-center justify-between gap-4 text-left font-medium text-foreground [\u0026::-webkit-details-marker]:hidden\",\"children\":[\"Is there a limit on forms or submissions?\",[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":1.5,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"shapeRendering\":\"geometricPrecision\",\"aria-hidden\":\"true\",\"className\":\"size-4 shrink-0 text-content-tertiary transition-transform group-open:rotate-45\",\"children\":\"$2a:props:children:1:props:children:0:props:children:0:props:children:1:props:children\"}]]}],[\"$\",\"p\",null,{\"className\":\"mt-3 max-w-[60ch] text-sm leading-relaxed text-muted-foreground\",\"children\":[\"No. Most form builders cap monthly responses and start charging the moment a form takes off. Nicelyformed never counts forms, submissions, or respondents on any plan. The only metered thing is AI prompts.\",\"$undefined\"]}]]}],[\"$\",\"details\",\"What counts as an AI prompt?\",{\"className\":\"group py-5\",\"open\":false,\"children\":[[\"$\",\"summary\",null,{\"className\":\"flex list-none items-center justify-between gap-4 text-left font-medium text-foreground [\u0026::-webkit-details-marker]:hidden\",\"children\":[\"What counts as an AI prompt?\",[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":1.5,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"shapeRendering\":\"geometricPrecision\",\"aria-hidden\":\"true\",\"className\":\"size-4 shrink-0 text-content-tertiary transition-transform group-open:rotate-45\",\"children\":\"$2a:props:children:1:props:children:0:props:children:0:props:children:1:props:children\"}]]}],[\"$\",\"p\",null,{\"className\":\"mt-3 max-w-[60ch] text-sm leading-relaxed text-muted-foreground\",\"children\":[\"One form generation, one edit request or question in the builder chat, or one question to insights. Free includes 100 prompts a month and Pro includes 1,000. If you run out, your forms keep collecting and you can keep editing by hand; only the AI pauses until the month resets.\",\"$undefined\"]}]]}],[\"$\",\"details\",\"Do respondents need an account?\",{\"className\":\"group py-5\",\"open\":false,\"children\":[[\"$\",\"summary\",null,{\"className\":\"flex list-none items-center justify-between gap-4 text-left font-medium text-foreground [\u0026::-webkit-details-marker]:hidden\",\"children\":[\"Do respondents need an account?\",\"$L3f\"]}],\"$L40\"]}],\"$L41\",\"$L42\",\"$L43\",\"$L44\",\"$L45\",\"$L46\"]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"2b:[\"$\",\"section\",null,{\"className\":\"mx-auto w-full max-w-6xl px-4 pb-24 pt-40 text-center sm:px-6 sm:pt-48\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"font-serif mx-auto max-w-3xl text-4xl font-semibold leading-[1.1] tracking-[-0.06em] text-balance sm:text-5xl lg:text-[56px]\",\"children\":[\"Describe your \",[\"$\",\"em\",null,{\"children\":\"form\"}]]}],[\"$\",\"div\",null,{\"className\":\"mt-10\",\"children\":[\"$\",\"$L1c\",null,{\"isAuthed\":\"$undefined\",\"suggestions\":false}]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"2c:[\"$\",\"footer\",null,{\"className\":\"relative\",\"children\":[[\"$\",\"$L1a\",null,{\"className\":\"pointer-events-none absolute inset-x-0 bottom-0 -z-10 h-[210%] animate-glow-drift sm:h-[220%] sm:[mask-image:linear-gradient(to_top,black_45%,transparent_95%)] dark:opacity-15\",\"style\":{\"backgroundImage\":\"radial-gradient(90% 100% at 50% 110%, rgb(251,240,198) 0%, rgb(252,244,214) 45%, transparent 100%)\"}}],[\"$\",\"$L1b\",null,{\"desktopOnly\":true,\"colors\":\"$undefined\",\"className\":\"pointer-events-none absolute inset-x-0 bottom-0 -z-10 h-[220%] [mask-image:radial-gradient(90%_100%_at_50%_100%,black_0%,black_45%,transparent_100%)] dark:opacity-15\"}],[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-6xl px-4 pb-24 pt-40 sm:px-6\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid grid-cols-2 gap-x-8 gap-y-10 sm:grid-cols-[1fr_1.5fr] sm:gap-x-16\",\"children\":[[\"$\",\"div\",null,{\"className\":\"col-span-2 sm:col-span-1\",\"children\":[[\"$\",\"$L3e\",null,{\"href\":\"/\",\"aria-label\":\"Nicelyformed home\",\"children\":[\"$\",\"img\",null,{\"src\":\"/nicelyformed-logo-full.svg\",\"alt\":\"Nicelyformed\",\"className\":\"h-6 w-auto\"}]}],[\"$\",\"p\",null,{\"className\":\"mt-3 max-w-xs text-[13px] text-muted-foreground\",\"children\":[\"© \",2026,\" \",\"Nicelyformed\",\". All rights reserved.\"]}]]}],[\"$\",\"div\",null,{\"className\":\"col-span-2 grid grid-cols-2 gap-x-8 gap-y-10 sm:col-span-1 sm:grid-cols-[repeat(4,auto)] sm:justify-between sm:gap-x-10\",\"children\":[[\"$\",\"div\",\"Product\",{\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-[13px] font-semibold text-foreground\",\"children\":\"Product\"}],[\"$\",\"ul\",null,{\"className\":\"mt-2 space-y-2\",\"children\":[[[\"$\",\"li\",\"/featuresFeatures\",{\"children\":[\"$\",\"$L3e\",null,{\"href\":\"/features\",\"className\":\"text-[13px] font-medium text-foreground transition-colors hover:text-[#FF272B]\",\"children\":\"Features\"}]}],[\"$\",\"li\",\"/templatesTemplates\",{\"children\":[\"$\",\"$L3e\",null,{\"href\":\"/templates\",\"className\":\"text-[13px] font-medium text-foreground transition-colors hover:text-[#FF272B]\",\"children\":\"Templates\"}]}],[\"$\",\"li\",\"/pricingPricing\",{\"children\":[\"$\",\"$L3e\",null,{\"href\":\"/pricing\",\"className\":\"text-[13px] font-medium text-foreground transition-colors hover:text-[#FF272B]\",\"children\":\"Pricing\"}]}],[\"$\",\"li\",\"/blogBlog\",{\"children\":[\"$\",\"$L3e\",null,{\"href\":\"/blog\",\"className\":\"text-[13px] font-medium text-foreground transition-colors hover:text-[#FF272B]\",\"children\":\"Blog\"}]}],[\"$\",\"li\",\"/auth/registerGet started\",{\"children\":[\"$\",\"$L3e\",null,{\"href\":\"/auth/register\",\"className\":\"text-[13px] font-medium text-foreground transition-colors hover:text-[#FF272B]\",\"children\":\"Get started\"}]}]],false]}]]}],[\"$\",\"div\",\"Company\",{\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-[13px] font-semibold text-foreground\",\"children\":\"Company\"}],[\"$\",\"ul\",null,{\"className\":\"mt-2 space-y-2\",\"children\":[[[\"$\",\"li\",\"/aboutAbout\",{\"children\":[\"$\",\"$L3e\",null,{\"href\":\"/about\",\"className\":\"text-[13px] font-medium text-foreground transition-colors hover:text-[#FF272B]\",\"children\":\"About\"}]}],[\"$\",\"li\",\"/blogBlog\",{\"children\":[\"$\",\"$L3e\",null,{\"href\":\"/blog\",\"className\":\"text-[13px] font-medium text-foreground transition-colors hover:text-[#FF272B]\",\"children\":\"Blog\"}]}]],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L47\",null,{\"className\":\"text-[13px] font-medium text-foreground transition-colors hover:text-[#FF272B]\"}]}]]}]]}],[\"$\",\"div\",\"Compare\",{\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-[13px] font-semibold text-foreground\",\"children\":\"Compare\"}],[\"$\",\"ul\",null,{\"className\":\"mt-2 space-y-2\",\"children\":[[[\"$\",\"li\",\"/compare/typeform-alternativeTypeform alternative\",{\"children\":[\"$\",\"$L3e\",null,{\"href\":\"/compare/typeform-alternative\",\"className\":\"text-[13px] font-medium text-foreground transition-colors hover:text-[#FF272B]\",\"children\":\"Typeform alternative\"}]}],[\"$\",\"li\",\"/compare/google-forms-alternativeGoogle Forms alternative\",{\"children\":[\"$\",\"$L3e\",null,{\"href\":\"/compare/google-forms-alternative\",\"className\":\"text-[13px] font-medium text-foreground transition-colors hover:text-[#FF272B]\",\"children\":\"Google Forms alternative\"}]}],[\"$\",\"li\",\"/compare/jotform-alternativeJotform alternative\",{\"children\":[\"$\",\"$L3e\",null,{\"href\":\"/compare/jotform-alternative\",\"className\":\"text-[13px] font-medium text-foreground transition-colors hover:text-[#FF272B]\",\"children\":\"Jotform alternative\"}]}],\"$L48\",\"$L49\"],false]}]]}],\"$L4a\"]}]]}]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"4b:I[505014,[\"/_next/static/chunks/0ku35ev6bvuii.js\",\"/_next/static/chunks/2umrmc5t57l3d.js\",\"/_next/static/chunks/2c87goucuqx78.js\",\"/_next/static/chunks/1-g152_p024wv.js\",\"/_next/static/chunks/14deyei_himn8.js\",\"/_next/static/chunks/32o3a-f_yym04.js\",\"/_next/static/chunks/0qqo86k0cg5-z.js\",\"/_next/static/chunks/17cfr__8kpmoh.js\",\"/_next/static/chunks/2rtagt9sx3znc.js\",\"/_next/static/chunks/1amf1tasdm_l-.js\"],\"default\"]\n4c:I[873364,[\"/_next/static/chunks/0ku35ev6bvuii.js\",\"/_next/static/chunks/2umrmc5t57l3d.js\",\"/_next/static/chunks/2c87goucuqx78.js\",\"/_next/static/chunks/1-g152_p024wv.js\",\"/_next/static/chunks/14deyei_himn8.js\",\"/_next/static/chunks/32o3a-f_yym04.js\",\"/_next/static/chunks/0qqo86k0cg5-z.js\",\"/_next/static/chunks/17cfr__8kpmoh.js\",\"/_next/static/chunks/2rtagt9sx3znc.js\",\"/_next/static/chunks/1amf1tasdm_l-.js\"],\"FeatureCell\"]\n37:[\"$\",\"path\",null,{\"d\":\"M7.5 7.49997L11.2929 3.70708C11.6834 3.31655 12.3166 3.31655 12.7071 3.70708L16.5 7.49997M12 3.99997V16\"}]\n38:[\"$\",\"div\",null,{\"className\":\"mt-4 flex h-9 w-fit items-center rounded-full px-4 text-sm font-medium\",\"style\":{\"backgroundColor\":\"#171717\",\"color\":\"#FFFFFF\"},\"children\":\"Submit application\"}]\n"])</script>
1<script>self.__next_f.push([1,"39:[\"$\",\"div\",\"#1C1C1C\",{\"className\":\"cz-theme absolute inset-0 overflow-hidden px-8\",\"style\":{\"backgroundColor\":\"#1C1C1C\",\"color\":\"#FAF6EF\",\"fontFamily\":\"var(--font-garamond), Georgia, serif\",\"opacity\":0,\"animationDuration\":\"20s\",\"animationDelay\":\"-16s\"},\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto w-full max-w-sm pt-6 sm:pt-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-xl font-bold tracking-tight sm:text-2xl\",\"children\":\"Join the wine club\"}],[[\"$\",\"div\",null,{\"className\":\"mt-4 text-sm font-semibold\",\"children\":\"Your name\"}],[\"$\",\"div\",null,{\"className\":\"mt-1.5 rounded-xs border h-8\",\"style\":\"$28:props:children:1:props:children:0:props:children:1:props:children:2:props:children:1:props:children:0:props:children:props:children:1:1:props:style\"}]],[[\"$\",\"div\",null,{\"className\":\"mt-4 text-sm font-semibold\",\"children\":\"Email\"}],[\"$\",\"div\",null,{\"className\":\"mt-1.5 rounded-xs border h-8\",\"style\":\"$28:props:children:1:props:children:0:props:children:1:props:children:2:props:children:1:props:children:0:props:children:props:children:1:1:props:style\"}]],[\"$\",\"div\",null,{\"className\":\"mt-4 text-sm font-semibold\",\"children\":\"How often should we ship?\"}],[\"$\",\"div\",null,{\"className\":\"mt-1.5 flex flex-col items-start gap-1.5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative flex h-8 w-fit items-center gap-2 rounded-full pl-1.5 pr-3 text-sm\",\"style\":{\"backgroundColor\":\"color-mix(in srgb, currentColor 8%, transparent)\",\"boxShadow\":\"inset 0 0 0 2px #FAF6EF\"},\"children\":[[\"$\",\"span\",null,{\"className\":\"flex size-5 shrink-0 items-center justify-center rounded-full text-[11px] font-semibold\",\"style\":{\"backgroundColor\":\"#FAF6EF\",\"color\":\"#1C1C1C\"},\"children\":\"A\"}],[\"$\",\"span\",null,{\"className\":\"-mt-px\",\"children\":\"Monthly\"}]]}],[\"$\",\"div\",null,{\"className\":\"relative flex h-8 w-fit items-center gap-2 rounded-full pl-1.5 pr-3 text-sm\",\"style\":{\"backgroundColor\":\"color-mix(in srgb, currentColor 8%, transparent)\"},\"children\":[[\"$\",\"span\",null,{\"className\":\"flex size-5 shrink-0 items-center justify-center rounded-full text-[11px] font-semibold\",\"style\":{\"backgroundColor\":\"color-mix(in srgb, currentColor 15%, transparent)\"},\"children\":\"B\"}],[\"$\",\"span\",null,{\"className\":\"-mt-px\",\"children\":\"Quarterly\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-4 flex h-9 w-fit items-center rounded-full px-4 text-sm font-medium\",\"style\":{\"backgroundColor\":\"#FAF6EF\",\"color\":\"#1C1C1C\"},\"children\":\"Join the club\"}]]}]}]\n"])</script>
1<script>self.__next_f.push([1,"3a:[\"$\",\"div\",\"#FDF3C9\",{\"className\":\"cz-theme absolute inset-0 overflow-hidden px-8\",\"style\":{\"backgroundColor\":\"#FDF3C9\",\"color\":\"#4A3A12\",\"fontFamily\":\"Georgia, 'Times New Roman', serif\",\"opacity\":0,\"animationDuration\":\"20s\",\"animationDelay\":\"-12s\"},\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto w-full max-w-sm pt-6 sm:pt-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-xl font-bold tracking-tight sm:text-2xl\",\"children\":\"How was your stay?\"}],[\"$\",\"div\",null,{\"className\":\"mt-4 text-sm font-semibold\",\"children\":\"How would you rate us?\"}],[\"$\",\"div\",null,{\"className\":\"mt-1.5 flex items-center gap-1\",\"children\":[[\"$\",\"span\",\"0\",{\"className\":\"p-0.5\",\"children\":[\"$\",\"$L4b\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\",\"key\":\"r04s7s\"}]],\"className\":\"lucide-star size-6\",\"style\":{\"fill\":\"#B58019\",\"color\":\"#B58019\"}}]}],[\"$\",\"span\",\"1\",{\"className\":\"p-0.5\",\"children\":[\"$\",\"$L4b\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$3a:props:children:props:children:2:props:children:0:props:children:props:iconNode\",\"className\":\"lucide-star size-6\",\"style\":{\"fill\":\"#B58019\",\"color\":\"#B58019\"}}]}],[\"$\",\"span\",\"2\",{\"className\":\"p-0.5\",\"children\":[\"$\",\"$L4b\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$3a:props:children:props:children:2:props:children:0:props:children:props:iconNode\",\"className\":\"lucide-star size-6\",\"style\":{\"fill\":\"#B58019\",\"color\":\"#B58019\"}}]}],[\"$\",\"span\",\"3\",{\"className\":\"p-0.5\",\"children\":[\"$\",\"$L4b\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$3a:props:children:props:children:2:props:children:0:props:children:props:iconNode\",\"className\":\"lucide-star size-6\",\"style\":{\"fill\":\"#B58019\",\"color\":\"#B58019\"}}]}],[\"$\",\"span\",\"4\",{\"className\":\"p-0.5\",\"children\":[\"$\",\"$L4b\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$3a:props:children:props:children:2:props:children:0:props:children:props:iconNode\",\"className\":\"lucide-star size-6\",\"style\":{\"fill\":\"color-mix(in srgb, currentColor 15%, transparent)\",\"color\":\"transparent\"}}]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-4 text-sm font-semibold\",\"children\":\"How likely are you to come back?\"}],[\"$\",\"div\",null,{\"className\":\"mt-1.5 flex gap-1\",\"children\":[[\"$\",\"span\",\"1\",{\"className\":\"grid size-8 place-content-center rounded-full text-sm font-medium\",\"style\":{\"backgroundColor\":\"color-mix(in srgb, currentColor 8%, transparent)\"},\"children\":1}],[\"$\",\"span\",\"2\",{\"className\":\"grid size-8 place-content-center rounded-full text-sm font-medium\",\"style\":{\"backgroundColor\":\"color-mix(in srgb, currentColor 8%, transparent)\"},\"children\":2}],[\"$\",\"span\",\"3\",{\"className\":\"grid size-8 place-content-center rounded-full text-sm font-medium\",\"style\":{\"backgroundColor\":\"color-mix(in srgb, currentColor 8%, transparent)\"},\"children\":3}],[\"$\",\"span\",\"4\",{\"className\":\"grid size-8 place-content-center rounded-full text-sm font-medium\",\"style\":{\"backgroundColor\":\"#B58019\",\"color\":\"#FFFFFF\"},\"children\":4}],[\"$\",\"span\",\"5\",{\"className\":\"grid size-8 place-content-center rounded-full text-sm font-medium\",\"style\":{\"backgroundColor\":\"color-mix(in srgb, currentColor 8%, transparent)\"},\"children\":5}]]}],[[\"$\",\"div\",null,{\"className\":\"mt-4 text-sm font-semibold\",\"children\":\"Anything we could do better?\"}],[\"$\",\"div\",null,{\"className\":\"mt-1.5 rounded-xs border h-14\",\"style\":\"$28:props:children:1:props:children:0:props:children:1:props:children:2:props:children:1:props:children:0:props:children:props:children:1:1:props:style\"}]],[\"$\",\"div\",null,{\"className\":\"mt-4 flex h-9 w-fit items-center rounded-full px-4 text-sm font-medium\",\"style\":{\"backgroundColor\":\"#B58019\",\"color\":\"#FFFFFF\"},\"children\":\"Send feedback\"}]]}]}]\n"])</script>
1<script>self.__next_f.push([1,"3b:[\"$\",\"div\",\"#10243E\",{\"className\":\"cz-theme absolute inset-0 overflow-hidden px-8\",\"style\":{\"backgroundColor\":\"#10243E\",\"color\":\"#DCE9FB\",\"fontFamily\":\"ui-monospace, 'SF Mono', Menlo, monospace\",\"opacity\":0,\"animationDuration\":\"20s\",\"animationDelay\":\"-8s\"},\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto w-full max-w-sm pt-6 sm:pt-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-xl font-bold tracking-tight sm:text-2xl\",\"children\":\"Request beta access\"}],[[\"$\",\"div\",null,{\"className\":\"mt-4 text-sm font-semibold\",\"children\":\"Work email\"}],[\"$\",\"div\",null,{\"className\":\"mt-1.5 rounded-xs border h-8\",\"style\":\"$28:props:children:1:props:children:0:props:children:1:props:children:2:props:children:1:props:children:0:props:children:props:children:1:1:props:style\"}]],[[\"$\",\"div\",null,{\"className\":\"mt-4 text-sm font-semibold\",\"children\":\"GitHub handle\"}],[\"$\",\"div\",null,{\"className\":\"mt-1.5 rounded-xs border h-8\",\"style\":\"$28:props:children:1:props:children:0:props:children:1:props:children:2:props:children:1:props:children:0:props:children:props:children:1:1:props:style\"}]],[[\"$\",\"div\",null,{\"className\":\"mt-4 text-sm font-semibold\",\"children\":\"What will you build?\"}],[\"$\",\"div\",null,{\"className\":\"mt-1.5 rounded-xs border h-14\",\"style\":\"$28:props:children:1:props:children:0:props:children:1:props:children:2:props:children:1:props:children:0:props:children:props:children:1:1:props:style\"}]],[\"$\",\"div\",null,{\"className\":\"mt-4 flex h-9 w-fit items-center rounded-full px-4 text-sm font-medium\",\"style\":{\"backgroundColor\":\"#7DD3FC\",\"color\":\"#10243E\"},\"children\":\"Request access\"}]]}]}]\n"])</script>
1<script>self.__next_f.push([1,"3c:[\"$\",\"div\",\"#FFE9E4\",{\"className\":\"cz-theme absolute inset-0 overflow-hidden px-8\",\"style\":{\"backgroundColor\":\"#FFE9E4\",\"color\":\"#5B241A\",\"fontFamily\":\"Didot, 'Bodoni MT', 'Playfair Display', serif\",\"opacity\":0,\"animationDuration\":\"20s\",\"animationDelay\":\"-4s\"},\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto w-full max-w-sm pt-6 sm:pt-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-xl font-bold tracking-tight sm:text-2xl\",\"children\":\"Celebrate with us\"}],[[\"$\",\"div\",null,{\"className\":\"mt-4 text-sm font-semibold\",\"children\":\"Your name\"}],[\"$\",\"div\",null,{\"className\":\"mt-1.5 rounded-xs border h-8\",\"style\":\"$28:props:children:1:props:children:0:props:children:1:props:children:2:props:children:1:props:children:0:props:children:props:children:1:1:props:style\"}]],[\"$\",\"div\",null,{\"className\":\"mt-4 text-sm font-semibold\",\"children\":\"Will you attend?\"}],[\"$\",\"div\",null,{\"className\":\"mt-1.5 flex flex-col items-start gap-1.5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative flex h-8 w-fit items-center gap-2 rounded-full pl-1.5 pr-3 text-sm\",\"style\":{\"backgroundColor\":\"color-mix(in srgb, currentColor 8%, transparent)\",\"boxShadow\":\"inset 0 0 0 2px #E14B3B\"},\"children\":[[\"$\",\"span\",null,{\"className\":\"flex size-5 shrink-0 items-center justify-center rounded-full text-[11px] font-semibold\",\"style\":{\"backgroundColor\":\"#E14B3B\",\"color\":\"#FFFFFF\"},\"children\":\"A\"}],[\"$\",\"span\",null,{\"className\":\"-mt-px\",\"children\":\"Joyfully accepts\"}]]}],[\"$\",\"div\",null,{\"className\":\"relative flex h-8 w-fit items-center gap-2 rounded-full pl-1.5 pr-3 text-sm\",\"style\":{\"backgroundColor\":\"color-mix(in srgb, currentColor 8%, transparent)\"},\"children\":[[\"$\",\"span\",null,{\"className\":\"flex size-5 shrink-0 items-center justify-center rounded-full text-[11px] font-semibold\",\"style\":{\"backgroundColor\":\"color-mix(in srgb, currentColor 15%, transparent)\"},\"children\":\"B\"}],[\"$\",\"span\",null,{\"className\":\"-mt-px\",\"children\":\"Regretfully declines\"}]]}]]}],[[\"$\",\"div\",null,{\"className\":\"mt-4 text-sm font-semibold\",\"children\":\"Song request\"}],[\"$\",\"div\",null,{\"className\":\"mt-1.5 rounded-xs border h-8\",\"style\":\"$28:props:children:1:props:children:0:props:children:1:props:children:2:props:children:1:props:children:0:props:children:props:children:1:1:props:style\"}]],[\"$\",\"div\",null,{\"className\":\"mt-4 flex h-9 w-fit items-center rounded-full px-4 text-sm font-medium\",\"style\":{\"backgroundColor\":\"#E14B3B\",\"color\":\"#FFFFFF\"},\"children\":\"Send RSVP\"}]]}]}]\n"])</script>
1<script>self.__next_f.push([1,"3d:[\"$\",\"div\",null,{\"className\":\"grid md:grid-cols-3\",\"children\":[[\"$\",\"$L4c\",null,{\"title\":\"Templates\",\"body\":\"Start from a ready-made form, RSVPs to research surveys, and make it yours.\",\"className\":\"border-b border-border-subtle md:border-b-0 md:border-r \",\"visual\":[\"$\",\"div\",null,{\"aria-hidden\":true,\"className\":\"relative -mx-6 -mb-6 mt-6 min-h-80 flex-1 overflow-hidden sm:-mx-8 sm:-mb-8\",\"children\":[[\"$\",\"$L1a\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-b from-white via-white via-35% to-[#CFEDD4] animate-hue-drift dark:from-neutral-900 dark:via-neutral-900 dark:to-[#20261e]\"}],[\"$\",\"$L1b\",null,{\"colors\":[\"#CFEDD4\",\"#FFFFFF\",\"#E2F4E5\",\"#BFE5C6\"],\"desktopOnly\":true,\"className\":\"pointer-events-none absolute inset-0 [mask-image:linear-gradient(to_bottom,transparent_35%,black_100%)] dark:opacity-15\"}],[\"$\",\"div\",null,{\"className\":\"absolute -bottom-10 -right-10 left-6 top-22 grid grid-cols-2 gap-px overflow-hidden rounded-tl-[20px] bg-black/6 ring ring-border-subtle sm:left-8 dark:bg-white/6 \",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col bg-white dark:bg-neutral-900\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-24 justify-center overflow-hidden px-6 pt-4 bg-gradient-to-b from-white via-white via-35% to-[#FFD6CF] dark:from-neutral-900 dark:via-neutral-900 dark:to-[#2d201d]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full max-w-28 overflow-hidden rounded-t-sm bg-white ring ring-border-subtle dark:bg-neutral-800 \",\"children\":[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col p-3 text-left\",\"children\":[[\"$\",\"div\",null,{\"className\":\"h-1.5 w-1/2 rounded-full bg-black/15 dark:bg-white/20\"}],[\"$\",\"div\",null,{\"className\":\"mt-3 flex flex-col gap-2.5\",\"children\":[[\"$\",\"div\",\"0\",{\"children\":[[\"$\",\"div\",null,{\"className\":\"h-1 w-1/3 rounded-full bg-black/10 dark:bg-white/15\"}],[\"$\",\"div\",null,{\"className\":\"mt-1 h-4 rounded-xs border border-border \"}]]}],[\"$\",\"div\",\"1\",{\"children\":[[\"$\",\"div\",null,{\"className\":\"h-1 w-1/3 rounded-full bg-black/10 dark:bg-white/15\"}],[\"$\",\"div\",null,{\"className\":\"mt-1 h-4 rounded-xs border border-border \"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-3 h-3.5 w-10 rounded-xs bg-black/80 dark:bg-white/70\"}]]}]}]}],[\"$\",\"div\",null,{\"className\":\"border-t border-border-subtle px-3 py-3 text-center \",\"children\":[\"$\",\"div\",null,{\"className\":\"truncate font-serif text-sm font-medium tracking-[-0.04em] text-foreground\",\"children\":\"Event RSVP\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col bg-white dark:bg-neutral-900\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-24 justify-center overflow-hidden px-6 pt-4 bg-gradient-to-b from-white via-white via-35% to-[#FBECAC] dark:from-neutral-900 dark:via-neutral-900 dark:to-[#2b261a]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full max-w-28 overflow-hidden rounded-t-sm bg-white ring ring-border-subtle dark:bg-neutral-800 \",\"children\":[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col p-3 text-left\",\"children\":[[\"$\",\"div\",null,{\"className\":\"h-1.5 w-1/2 rounded-full bg-black/15 dark:bg-white/20\"}],[\"$\",\"div\",null,{\"className\":\"mt-3 flex flex-col gap-2.5\",\"children\":[[\"$\",\"div\",\"0\",{\"children\":[[\"$\",\"div\",null,{\"className\":\"h-1 w-1/3 rounded-full bg-black/10 dark:bg-white/15\"}],[\"$\",\"div\",null,{\"className\":\"mt-1 h-4 rounded-xs border border-border \"}]]}],[\"$\",\"div\",\"1\",{\"children\":[[\"$\",\"div\",null,{\"className\":\"h-1 w-1/3 rounded-full bg-black/10 dark:bg-white/15\"}],[\"$\",\"div\",null,{\"className\":\"mt-1 h-4 rounded-xs border border-border \"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-3 h-3.5 w-10 rounded-xs bg-black/80 dark:bg-white/70\"}]]}]}]}],[\"$\",\"div\",null,{\"className\":\"border-t border-border-subtle px-3 py-3 text-center \",\"children\":[\"$\",\"div\",null,{\"className\":\"truncate font-serif text-sm font-medium tracking-[-0.04em] text-foreground\",\"children\":\"Job application\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col bg-white dark:bg-neutral-900\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-24 justify-center overflow-hidden px-6 pt-4 bg-gradient-to-b from-white via-white via-35% to-[#CFEDD4] dark:from-neutral-900 dark:via-neutral-900 dark:to-[#202
161e]\",\"children\":\"$L4d\"}],\"$L4e\"]}],\"$L4f\"]}],\"$L50\"]}]}],\"$L51\",\"$L52\"]}]\n"])</script>
1<script>self.__next_f.push([1,"3f:[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":1.5,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"shapeRendering\":\"geometricPrecision\",\"aria-hidden\":\"true\",\"className\":\"size-4 shrink-0 text-content-tertiary transition-transform group-open:rotate-45\",\"children\":\"$2a:props:children:1:props:children:0:props:children:0:props:children:1:props:children\"}]\n40:[\"$\",\"p\",null,{\"className\":\"mt-3 max-w-[60ch] text-sm leading-relaxed text-muted-foreground\",\"children\":[\"No. Anyone with your link can answer on any device, no sign-in required. Their answers survive a refresh, and on multi-page forms the pages they finished are kept even if they leave early.\",\"$undefined\"]}]\n41:[\"$\",\"details\",\"Can I embed a form on my own site?\",{\"className\":\"group py-5\",\"open\":false,\"children\":[[\"$\",\"summary\",null,{\"className\":\"flex list-none items-center justify-between gap-4 text-left font-medium text-foreground [\u0026::-webkit-details-marker]:hidden\",\"children\":[\"Can I embed a form on my own site?\",[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":1.5,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"shapeRendering\":\"geometricPrecision\",\"aria-hidden\":\"true\",\"className\":\"size-4 shrink-0 text-content-tertiary transition-transform group-open:rotate-45\",\"children\":\"$2a:props:children:1:props:children:0:props:children:0:props:children:1:props:children\"}]]}],[\"$\",\"p\",null,{\"className\":\"mt-3 max-w-[60ch] text-sm leading-relaxed text-muted-foreground\",\"children\":[\"Yes. Every form gets a clean share link and a copy-paste embed snippet that drops it into any website. You can also send respondents to a URL of your choice after they submit.\",\"$undefined\"]}]]}]\n42:[\"$\",\"details\",\"Can I use my own branding?\",{\"className\":\"group py-5\",\"open\":false,\"children\":[[\"$\",\"summary\",null,{\"className\":\"flex list-none items-center justify-between gap-4 text-left font-medium text-foreground [\u0026::-webkit-details-marker]:hidden\",\"children\":[\"Can I use my own branding?\",[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":1.5,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"shapeRendering\":\"geometricPrecision\",\"aria-hidden\":\"true\",\"className\":\"size-4 shrink-0 text-content-tertiary transition-transform group-open:rotate-45\",\"children\":\"$2a:props:children:1:props:children:0:props:children:0:props:children:1:props:children\"}]]}],[\"$\",\"p\",null,{\"className\":\"mt-3 max-w-[60ch] text-sm leading-relaxed text-muted-foreground\",\"children\":[\"Yes. Add your logo and cover image, pick from 50 curated fonts, theme every color, and rename the submit button. Pro also removes the Nicelyformed badge, so the form is entirely yours.\",\"$undefined\"]}]]}]\n43:[\"$\",\"details\",\"Can I export my submissions?\",{\"className\":\"group py-5\",\"open\":false,\"children\":[[\"$\",\"summary\",null,{\"className\":\"flex list-none items-center justify-between gap-4 text-left font-medium text-foreground [\u0026::-webkit-details-marker]:hidden\",\"children\":[\"Can I export my submissions?\",[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":1.5,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"shapeRendering\":\"geometricPrecision\",\"aria-hidden\":\"true\",\"className\":\"size-4 shrink-0 text-content-tertiary transition-transform group-open:rotate-45\",\"children\":\"$2a:props:children:1:props:children:0:props:children:0:props:children:1:props:children\"}]]}],[\"$\",\"p\",null,{\"className\":\"mt-3 max-w-[60ch] text-sm leading-relaxed text-muted-foreground\",\"children\":[\"Yes. Download everything as a CSV in one click, with matrix grids split into tidy columns. New submissions can also land in your inbox, answers included, at one address or several.\",\"$undefined\"]}]]}]\n44:[\"$\",\"details\",\"Is my data safe?\",{\"className\":\"group py-5\",\"open\":false,\"children\":[[\"$\",\"summary\",null,{\"className\":\"flex list-none items-center justify-between gap-4 text-left font-medium "])</script>
1<script>self.__next_f.push([1,"text-foreground [\u0026::-webkit-details-marker]:hidden\",\"children\":[\"Is my data safe?\",[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":1.5,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"shapeRendering\":\"geometricPrecision\",\"aria-hidden\":\"true\",\"className\":\"size-4 shrink-0 text-content-tertiary transition-transform group-open:rotate-45\",\"children\":\"$2a:props:children:1:props:children:0:props:children:0:props:children:1:props:children\"}]]}],[\"$\",\"p\",null,{\"className\":\"mt-3 max-w-[60ch] text-sm leading-relaxed text-muted-foreground\",\"children\":[\"Submissions are encrypted with AES-256 before they reach the database, on top of encryption in transit and disk encryption at rest. You can export or delete a form and its data at any time, and our GDPR page lists every provider we use and where it runs.\",[\" \",[\"$\",\"$L3e\",null,{\"href\":\"/gdpr\",\"className\":\"whitespace-nowrap text-primary underline underline-offset-4 transition-colors hover:text-[#FF272B]\",\"children\":\"Read the GDPR page\"}]]]}]]}]\n45:[\"$\",\"details\",\"Is my data used to train AI?\",{\"className\":\"group py-5\",\"open\":false,\"children\":[[\"$\",\"summary\",null,{\"className\":\"flex list-none items-center justify-between gap-4 text-left font-medium text-foreground [\u0026::-webkit-details-marker]:hidden\",\"children\":[\"Is my data used to train AI?\",[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":1.5,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"shapeRendering\":\"geometricPrecision\",\"aria-hidden\":\"true\",\"className\":\"size-4 shrink-0 text-content-tertiary transition-transform group-open:rotate-45\",\"children\":\"$2a:props:children:1:props:children:0:props:children:0:props:children:1:props:children\"}]]}],[\"$\",\"p\",null,{\"className\":\"mt-3 max-w-[60ch] text-sm leading-relaxed text-muted-foreground\",\"children\":[\"No. Form generation, editing, and insights run on Google's Gemini API, and the data sent to it is not used to train Google's models. Nicelyformed does not train models on your forms or submissions either.\",\"$undefined\"]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"46:[\"$\",\"details\",\"How is this different from Tally or Typeform?\",{\"className\":\"group py-5\",\"open\":false,\"children\":[[\"$\",\"summary\",null,{\"className\":\"flex list-none items-center justify-between gap-4 text-left font-medium text-foreground [\u0026::-webkit-details-marker]:hidden\",\"children\":[\"How is this different from Tally or Typeform?\",[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":1.5,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"shapeRendering\":\"geometricPrecision\",\"aria-hidden\":\"true\",\"className\":\"size-4 shrink-0 text-content-tertiary transition-transform group-open:rotate-45\",\"children\":\"$2a:props:children:1:props:children:0:props:children:0:props:children:1:props:children\"}]]}],[\"$\",\"p\",null,{\"className\":\"mt-3 max-w-[60ch] text-sm leading-relaxed text-muted-foreground\",\"children\":[\"Tally is free and generous, and its AI builds forms too, but the AI stops at the builder and drop-off analytics cost $29 a month. Typeform caps the free plan at 10 submissions a month and starts at $39. Nicelyformed keeps the unlimited free plan, gives you drop-off analytics free, and adds AI that explains your submissions, with Pro at $19.99 a month.\",[\" \",[\"$\",\"$L3e\",null,{\"href\":\"/compare\",\"className\":\"whitespace-nowrap text-primary underline underline-offset-4 transition-colors hover:text-[#FF272B]\",\"children\":\"See the full comparisons\"}]]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"48:[\"$\",\"li\",\"/compare/microsoft-forms-alternativeMicrosoft Forms alternative\",{\"children\":[\"$\",\"$L3e\",null,{\"href\":\"/compare/microsoft-forms-alternative\",\"className\":\"text-[13px] font-medium text-foreground transition-colors hover:text-[#FF272B]\",\"children\":\"Microsoft Forms alternative\"}]}]\n49:[\"$\",\"li\",\"/compare/tally-alternativeTally alternative\",{\"children\":[\"$\",\"$L3e\",null,{\"href\":\"/compare/tally-alternative\",\"className\":\"text-[13px] font-medium text-foreground transition-colors hover:text-[#FF272B]\",\"children\":\"Tally alternative\"}]}]\n4a:[\"$\",\"div\",\"Legal\",{\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-[13px] font-semibold text-foreground\",\"children\":\"Legal\"}],[\"$\",\"ul\",null,{\"className\":\"mt-2 space-y-2\",\"children\":[[[\"$\",\"li\",\"/privacyPrivacy\",{\"children\":[\"$\",\"$L3e\",null,{\"href\":\"/privacy\",\"className\":\"text-[13px] font-medium text-foreground transition-colors hover:text-[#FF272B]\",\"children\":\"Privacy\"}]}],[\"$\",\"li\",\"/termsTerms\",{\"children\":[\"$\",\"$L3e\",null,{\"href\":\"/terms\",\"className\":\"text-[13px] font-medium text-foreground transition-colors hover:text-[#FF272B]\",\"children\":\"Terms\"}]}],[\"$\",\"li\",\"/gdprGDPR\",{\"children\":[\"$\",\"$L3e\",null,{\"href\":\"/gdpr\",\"className\":\"text-[13px] font-medium text-foreground transition-colors hover:text-[#FF272B]\",\"children\":\"GDPR\"}]}]],false]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"4d:[\"$\",\"div\",null,{\"className\":\"w-full max-w-28 overflow-hidden rounded-t-sm bg-white ring ring-border-subtle dark:bg-neutral-800 \",\"children\":[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col p-3 text-left\",\"children\":[[\"$\",\"div\",null,{\"className\":\"h-1.5 w-1/2 rounded-full bg-black/15 dark:bg-white/20\"}],[\"$\",\"div\",null,{\"className\":\"mt-3 flex flex-col gap-2.5\",\"children\":[[\"$\",\"div\",\"0\",{\"children\":[[\"$\",\"div\",null,{\"className\":\"h-1 w-1/3 rounded-full bg-black/10 dark:bg-white/15\"}],[\"$\",\"div\",null,{\"className\":\"mt-1 h-4 rounded-xs border border-border \"}]]}],[\"$\",\"div\",\"1\",{\"children\":[[\"$\",\"div\",null,{\"className\":\"h-1 w-1/3 rounded-full bg-black/10 dark:bg-white/15\"}],[\"$\",\"div\",null,{\"className\":\"mt-1 h-4 rounded-xs border border-border \"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-3 h-3.5 w-10 rounded-xs bg-black/80 dark:bg-white/70\"}]]}]}]\n4e:[\"$\",\"div\",null,{\"className\":\"border-t border-border-subtle px-3 py-3 text-center \",\"children\":[\"$\",\"div\",null,{\"className\":\"truncate font-serif text-sm font-medium tracking-[-0.04em] text-foreground\",\"children\":\"Customer research\"}]}]\n"])</script>
1<script>self.__next_f.push([1,"4f:[\"$\",\"div\",null,{\"className\":\"flex flex-col bg-white dark:bg-neutral-900\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-24 justify-center overflow-hidden px-6 pt-4 bg-gradient-to-b from-white via-white via-35% to-[#CFE4F5] dark:from-neutral-900 dark:via-neutral-900 dark:to-[#1d2329]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full max-w-28 overflow-hidden rounded-t-sm bg-white ring ring-border-subtle dark:bg-neutral-800 \",\"children\":[\"$\",\"div\",null,{\"className\":\"flex h-full flex-col p-3 text-left\",\"children\":[[\"$\",\"div\",null,{\"className\":\"h-1.5 w-1/2 rounded-full bg-black/15 dark:bg-white/20\"}],[\"$\",\"div\",null,{\"className\":\"mt-3 flex flex-col gap-2.5\",\"children\":[[\"$\",\"div\",\"0\",{\"children\":[[\"$\",\"div\",null,{\"className\":\"h-1 w-1/3 rounded-full bg-black/10 dark:bg-white/15\"}],[\"$\",\"div\",null,{\"className\":\"mt-1 h-4 rounded-xs border border-border \"}]]}],[\"$\",\"div\",\"1\",{\"children\":[[\"$\",\"div\",null,{\"className\":\"h-1 w-1/3 rounded-full bg-black/10 dark:bg-white/15\"}],[\"$\",\"div\",null,{\"className\":\"mt-1 h-4 rounded-xs border border-border \"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-3 h-3.5 w-10 rounded-xs bg-black/80 dark:bg-white/70\"}]]}]}]}],[\"$\",\"div\",null,{\"className\":\"border-t border-border-subtle px-3 py-3 text-center \",\"children\":[\"$\",\"div\",null,{\"className\":\"truncate font-serif text-sm font-medium tracking-[-0.04em] text-foreground\",\"children\":\"Waitlist signup\"}]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"50:[\"$\",\"div\",null,{\"className\":\"absolute left-1/2 top-22 z-10 w-[calc(100%-3rem)] max-w-56 -translate-x-1/2 -translate-y-1/2 rounded-[20px] ring-hairline bg-background p-3 text-center shadow-card\",\"children\":[[\"$\",\"div\",null,{\"className\":\"font-serif text-lg font-medium tracking-[-0.04em] text-foreground\",\"children\":\"Event RSVP\"}],[\"$\",\"p\",null,{\"className\":\"mt-1 text-xs text-muted-foreground\",\"children\":\"Collect attendance and dietary needs.\"}],[\"$\",\"div\",null,{\"className\":\"mt-3 flex items-center gap-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex h-8 flex-1 items-center justify-center rounded-full bg-secondary text-sm font-medium text-secondary-foreground\",\"children\":\"Use this template\"}],[\"$\",\"span\",null,{\"className\":\"grid size-8 shrink-0 place-content-center rounded-full bg-secondary text-secondary-foreground\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":1.5,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"shapeRendering\":\"geometricPrecision\",\"aria-hidden\":\"true\",\"className\":\"shrink-0 size-4\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M1 12C1 12 5 4 12 4C19 4 23 12 23 12\"}],[\"$\",\"path\",null,{\"d\":\"M1 12C1 12 5 20 12 20C19 20 23 12 23 12\"}],[\"$\",\"path\",null,{\"d\":\"M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z\"}]]}]}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"51:[\"$\",\"$L4c\",null,{\"title\":\"Logo \u0026 cover\",\"body\":\"Drop your logo and a cover image on the form, so the page opens on your brand.\",\"className\":\"border-b border-border-subtle md:border-b-0 md:border-r \",\"visual\":[\"$\",\"div\",null,{\"aria-hidden\":true,\"className\":\"relative -mx-6 -mb-6 mt-6 min-h-80 flex-1 overflow-hidden sm:-mx-8 sm:-mb-8\",\"children\":[[\"$\",\"$L1a\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-b from-white via-white via-35% to-[#FFE3C4] animate-hue-drift dark:from-neutral-900 dark:via-neutral-900 dark:to-[#2c241a]\"}],[\"$\",\"$L1b\",null,{\"colors\":[\"#FFE3C4\",\"#FFFFFF\",\"#FFEEDA\",\"#FFD6A6\"],\"desktopOnly\":true,\"className\":\"pointer-events-none absolute inset-0 [mask-image:linear-gradient(to_bottom,transparent_35%,black_100%)] dark:opacity-15\"}],[\"$\",\"div\",null,{\"className\":\"absolute -bottom-10 left-6 right-6 top-16 overflow-hidden rounded-t-[20px] bg-surface-page ring-hairline shadow-card sm:left-8 sm:right-8 \",\"children\":[[\"$\",\"div\",null,{\"className\":\"bg-[#7A4343] h-24 w-full\",\"children\":[\"$\",\"div\",null,{\"className\":\"h-full w-full bg-[length:52px_104px]\",\"style\":{\"backgroundImage\":\"url(\\\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='104' viewBox='0 0 52 104'%3E%3Cdefs%3E%3Cg id='b' fill='%23653636'%3E%3Cpath d='M14.6991 1C7.74826 1 1.05111 7.0596 1.00038 15.702C0.949641 23.202 6.02324 30.9007 14.6484 31C14.6484 30.9503 15.1557 29.2616 14.9528 26.5795C14.6991 23.4007 12.6697 19.1788 7.84973 16.0497V16C10.3865 14.9073 12.416 13.0695 13.8873 10.4371C15.3587 7.80464 15.7138 4.27815 14.6991 1Z'/%3E%3Cpath d='M17.3009 1C24.2517 1 30.9489 7.0596 30.9996 15.702C31.0504 23.202 25.9768 30.9007 17.3516 31C17.3516 30.9503 16.8443 29.2616 17.0472 26.5795C17.3009 23.4007 19.3303 19.1788 24.1503 16.0497V16C21.6135 14.9073 19.584 13.0695 18.1127 10.4371C16.6413 7.80464 16.2862 4.27815 17.3009 1Z'/%3E%3C/g%3E%3C/defs%3E%3Cuse href='%23b' transform='translate(11 11) scale(0.94)'/%3E%3Cuse href='%23b' transform='translate(37 63) scale(0.94)'/%3E%3Cuse href='%23b' transform='translate(-15 63) scale(0.94)'/%3E%3C/svg%3E\\\")\"}}]}],[\"$\",\"div\",null,{\"className\":\"px-5\",\"children\":[[\"$\",\"span\",null,{\"className\":\"grid place-content-center rounded-full bg-white text-[#7A4343] ring ring-border-subtle relative z-10 -mt-7 size-14 text-xl\",\"children\":[\"$\",\"svg\",null,{\"viewBox\":\"0 0 32 32\",\"fill\":\"currentColor\",\"className\":\"size-7\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M14.6991 1C7.74826 1 1.05111 7.0596 1.00038 15.702C0.949641 23.202 6.02324 30.9007 14.6484 31C14.6484 30.9503 15.1557 29.2616 14.9528 26.5795C14.6991 23.4007 12.6697 19.1788 7.84973 16.0497V16C10.3865 14.9073 12.416 13.0695 13.8873 10.4371C15.3587 7.80464 15.7138 4.27815 14.6991 1Z\"}],[\"$\",\"path\",null,{\"d\":\"M17.3009 1C24.2517 1 30.9489 7.0596 30.9996 15.702C31.0504 23.202 25.9768 30.9007 17.3516 31C17.3516 30.9503 16.8443 29.2616 17.0472 26.5795C17.3009 23.4007 19.3303 19.1788 24.1503 16.0497V16C21.6135 14.9073 19.584 13.0695 18.1127 10.4371C16.6413 7.80464 16.2862 4.27815 17.3009 1Z\"}]]}]}],[\"$\",\"div\",null,{\"className\":\"mt-4 text-xl font-bold tracking-tight text-foreground\",\"children\":\"Marigold Café Feedback\"}],[\"$\",\"div\",null,{\"className\":\"mt-4 text-sm font-semibold text-foreground\",\"children\":\"Your name\"}],[\"$\",\"div\",null,{\"className\":\"mt-1.5 h-8 rounded-xs border border-input dark:bg-input/30\"}],[\"$\",\"div\",null,{\"className\":\"mt-4 text-sm font-semibold text-foreground\",\"children\":\"How was your visit?\"}],[\"$\",\"div\",null,{\"className\":\"mt-1.5 h-8 rounded-xs border border-input dark:bg-input/30\"}]]}]]}]]}]}]\n"])</script>
1<script>self.__next_f.push([1,"52:[\"$\",\"$L4c\",null,{\"title\":\"Fonts\",\"body\":\"50 fonts to choose from. Pick one and the whole form follows, from headings to buttons.\",\"visual\":[\"$\",\"div\",null,{\"aria-hidden\":true,\"className\":\"relative -mx-6 -mb-6 mt-6 min-h-80 flex-1 overflow-hidden sm:-mx-8 sm:-mb-8\",\"children\":[[\"$\",\"$L1a\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-b from-white via-white via-35% to-[#CFE4F5] animate-hue-drift dark:from-neutral-900 dark:via-neutral-900 dark:to-[#1d2329]\"}],[\"$\",\"$L1b\",null,{\"colors\":[\"#CFE4F5\",\"#FFFFFF\",\"#E2F0FA\",\"#B7D7F1\"],\"desktopOnly\":true,\"className\":\"pointer-events-none absolute inset-0 [mask-image:linear-gradient(to_bottom,transparent_35%,black_100%)] dark:opacity-15\"}],[\"$\",\"div\",null,{\"className\":\"absolute left-6 right-6 top-8 rounded-[20px] bg-surface-page p-4 ring-hairline shadow-card sm:left-8 sm:right-8 \",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-xl font-bold tracking-tight text-foreground\",\"style\":{\"fontFamily\":\"Georgia, 'Times New Roman', serif\"},\"children\":\"Marigold Café Feedback\"}],[\"$\",\"div\",null,{\"className\":\"mt-3 text-sm font-semibold text-foreground\",\"style\":{\"fontFamily\":\"Georgia, 'Times New Roman', serif\"},\"children\":\"Your name\"}],[\"$\",\"div\",null,{\"className\":\"mt-1.5 h-8 rounded-xs border border-input dark:bg-input/30\"}]]}],[\"$\",\"div\",null,{\"className\":\"absolute -bottom-6 left-10 right-10 rounded-[20px] bg-popover p-1.5 pt-2.5 text-popover-foreground ring-hairline shadow-card\",\"children\":[[\"$\",\"p\",null,{\"className\":\"px-2.5 pb-1 text-sm font-semibold text-foreground\",\"children\":\"Choose font\"}],[\"$\",\"p\",null,{\"className\":\"px-2.5 py-1.5 text-xs font-medium text-content-tertiary\",\"children\":\"Serif\"}],[\"$\",\"div\",null,{\"className\":\"px-2.5 py-1.5 text-sm\",\"style\":{\"fontFamily\":\"Didot, 'Bodoni MT', 'Playfair Display', serif\"},\"children\":\"Playfair Display\"}],[\"$\",\"div\",null,{\"className\":\"rounded-xs bg-accent px-2.5 py-1.5 text-sm text-accent-foreground\",\"style\":{\"fontFamily\":\"Georgia, 'Times New Roman', serif\"},\"children\":\"Lora\"}],[\"$\",\"div\",null,{\"className\":\"px-2.5 py-1.5 text-sm\",\"style\":{\"fontFamily\":\"var(--font-garamond), Georgia, serif\"},\"children\":\"EB Garamond\"}],[\"$\",\"p\",null,{\"className\":\"px-2.5 py-1.5 text-xs font-medium text-content-tertiary\",\"children\":\"Handwriting\"}],[\"$\",\"div\",null,{\"className\":\"px-2.5 py-1.5 text-sm\",\"style\":{\"fontFamily\":\"'Bradley Hand', 'Segoe Script', 'Comic Sans MS', cursive\"},\"children\":\"Caveat\"}],[\"$\",\"p\",null,{\"className\":\"px-2.5 py-1.5 text-xs font-medium text-content-tertiary\",\"children\":\"Monospace\"}],[\"$\",\"div\",null,{\"className\":\"px-2.5 py-1.5 text-sm\",\"style\":{\"fontFamily\":\"ui-monospace, 'SF Mono', Menlo, monospace\"},\"children\":\"Space Mono\"}]]}]]}]}]\n"])</script>
1<script>self.__next_f.push([1,"31:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"2\",{\"name\":\"theme-color\",\"content\":\"#ffffff\"}]]\n"])</script>
1<script>self.__next_f.push([1,"53:I[27201,[\"/_next/static/chunks/2yl1jv4w6po1z.js\",\"/_next/static/chunks/1ntn7efqc-iiw.js\"],\"IconMark\"]\n2f:null\n"])</script>
1<script>self.__next_f.push([1,"33:[[\"$\",\"title\",\"0\",{\"children\":\"Nicelyformed: AI form builder\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Describe the form you need and let AI build it. Beautiful forms in seconds.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"application-name\",\"content\":\"Nicelyformed\"}],[\"$\",\"link\",\"3\",{\"rel\":\"manifest\",\"href\":\"/manifest.webmanifest\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"canonical\",\"href\":\"https://www.nicelyformed.ai\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:title\",\"content\":\"Nicelyformed: AI form builder\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:description\",\"content\":\"Describe the form you need and let AI build it. Beautiful forms in seconds.\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:url\",\"content\":\"https://www.nicelyformed.ai\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:site_name\",\"content\":\"Nicelyformed\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image\",\"content\":\"https://www.nicelyformed.ai/opengraph-image.png\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:image:alt\",\"content\":\"Nicelyformed: Create forms in seconds. Describe the form you need and let AI build it.\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:site\",\"content\":\"@NicelyformedAI\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:title\",\"content\":\"Nicelyformed: AI form builder\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:description\",\"content\":\"Describe the form you need and let AI build it. Beautiful forms in seconds.\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:image\",\"content\":\"https://www.nicelyformed.ai/opengraph-image.png\"}],[\"$\",\"meta\",\"20\",{\"name\":\"twitter:image:alt\",\"content\":\"Nicelyformed: Create forms in seconds. Describe the form you need and let AI build it.\"}],[\"$\",\"meta\",\"21\",{\"name\":\"twitter:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:image:height\",\"content\":\"630\"}],[\"$\",\"link\",\"23\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.0j79noajmm4mr.ico\",\"sizes\":\"32x32\",\"type\":\"image/x-icon\"}],[\"$\",\"link\",\"24\",{\"rel\":\"icon\",\"href\":\"/icon.png?icon.3jl6jo3oq5akw.png\",\"sizes\":\"96x96\",\"type\":\"image/png\"}],[\"$\",\"link\",\"25\",{\"rel\":\"icon\",\"href\":\"/icon.svg?icon.1q92_12bi7-w3.svg\",\"sizes\":\"any\",\"type\":\"image/svg+xml\"}],[\"$\",\"link\",\"26\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-icon.png?apple-icon.3758_4p51_uud.png\",\"sizes\":\"180x180\",\"type\":\"image/png\"}],[\"$\",\"$L53\",\"27\",{}]]\n"])</script>
1</body></html>
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.