import * as React from "react"; import { Sparkles, Stars, ShieldCheck } from "lucide-react"; import { FormBlockHighIntentLeadCaptureOne } from "@/registry/form-block-high-intent-lead-capture-one/form-block-high-intent-lead-capture-one"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; type ComponentProps = React.ComponentPropsWithoutRef< typeof FormBlockHighIntentLeadCaptureOne >; type LeadCaptureCompanySizeOption = NonNullable< ComponentProps["companySizeOptions"] >[number]; type LeadCaptureTrustBadge = NonNullable[number]; type LeadCaptureTrustLogo = NonNullable[number]; const COMPANY_SIZES: LeadCaptureCompanySizeOption[] = [ { value: "1-10", label: "1 – 10", description: "Founder-led teams shipping fast", }, { value: "11-50", label: "11 – 50", description: "Startups formalizing GTM motions", }, { value: "51-200", label: "51 – 200", description: "Scaling ops across regions", }, { value: "200+", label: "200+", description: "Global orgs with complex approvals", }, ]; const TRUST_BADGES: LeadCaptureTrustBadge[] = [ { label: "SOC 2 Type II ready", description: "Security and privacy guardrails included from day one.", icon: , }, { label: "AI co-pilot accelerators", description: "Automate personalization without waiting on engineering.", icon: , }, { label: "14-day launch guarantee", description: "Playbooks and migrations to get your team live in under two weeks.", icon: , }, ]; const TRUST_LOGOS: LeadCaptureTrustLogo[] = [ { src: "https://tailwindui.com/img/logos/355x82/transistor-logo-gray-900.svg", alt: "Transistor", }, { src: "https://tailwindui.com/img/logos/355x82/tuple-logo-gray-900.svg", alt: "Tuple", }, { src: "https://tailwindui.com/img/logos/355x82/mirage-logo-gray-900.svg", alt: "Mirage", }, { src: "https://tailwindui.com/img/logos/355x82/laravel-logo-gray-900.svg", alt: "Laravel", }, ]; export function FormBlockHighIntentLeadCaptureOneDemo() { const [submittedValues, setSubmittedValues] = React.useState( null, ); return (

{ await new Promise((resolve) => setTimeout(resolve, 700)); setSubmittedValues(JSON.stringify(values, null, 2)); }} /> {submittedValues ? (

          {submittedValues}

) : null}

); } export default FormBlockHighIntentLeadCaptureOneDemo;

Simple