{"success":true,"data":{"block":{"id":"contact-insurance","name":"Contact Insurance Quote","title":"Contact Insurance Quote","category":"Contact","categorySlug":"contact","description":"Insurance quote request form with coverage type, policy details, and personal information. Ideal for insurance agencies and brokers.","thumbnail":{"desktop":"https://cdn.ing/assets/i/r/290817/ij0jea218e4zf2nynaa1qw6afsl2/cleanshot-2026-02-25-at-02-09-53.png","mobile":"https://cdn.ing/assets/i/r/290816/6godc5ytd2wyg5j8sndakmbw9q26/cleanshot-2026-02-25-at-02-10-07.png"},"componentPath":"blocks/contact/contact-insurance.tsx","code":"\"use client\";\n\nimport { ContactInsurance } from \"@opensite/ui/blocks/contact/contact-insurance\";\nimport { demoFormEngineApi } from \"@/lib/form-demo-data\";\nimport type { FormFieldConfig } from \"@opensite/ui\";\n\nconst formFields: FormFieldConfig[] = [\n  {\n    name: \"first_name\",\n    type: \"text\",\n    label: \"First Name\",\n    placeholder: \"First name\",\n    required: true,\n    columnSpan: 6,\n  },\n  {\n    name: \"last_name\",\n    type: \"text\",\n    label: \"Last Name\",\n    placeholder: \"Last name\",\n    required: true,\n    columnSpan: 6,\n  },\n  {\n    name: \"email\",\n    type: \"email\",\n    label: \"Email Address\",\n    placeholder: \"your@email.com\",\n    required: true,\n    columnSpan: 6,\n  },\n  {\n    name: \"phone\",\n    type: \"tel\",\n    label: \"Phone Number\",\n    placeholder: \"+1 (555) 000-0000\",\n    required: true,\n    columnSpan: 6,\n  },\n  {\n    name: \"dob\",\n    type: \"date-picker\",\n    label: \"Date of Birth\",\n    placeholder: \"Select date\",\n    required: true,\n    columnSpan: 6,\n  },\n  {\n    name: \"zip\",\n    type: \"text\",\n    label: \"ZIP Code\",\n    placeholder: \"12345\",\n    required: true,\n    columnSpan: 6,\n  },\n  {\n    name: \"insurance_type\",\n    type: \"radio\",\n    label: \"Type of Insurance\",\n    required: true,\n    columnSpan: 12,\n    layout: \"grid\",\n    options: [\n      {\n        value: \"auto\",\n        label: \"Auto Insurance\",\n        description: \"Coverage for your vehicle.\",\n      },\n      {\n        value: \"home\",\n        label: \"Home Insurance\",\n        description: \"Protection for your property.\",\n      },\n      {\n        value: \"life\",\n        label: \"Life Insurance\",\n        description: \"Security for your loved ones.\",\n      },\n      {\n        value: \"health\",\n        label: \"Health Insurance\",\n        description: \"Medical coverage plans.\",\n      },\n      {\n        value: \"business\",\n        label: \"Business Insurance\",\n        description: \"Commercial coverage options.\",\n      },\n    ],\n  },\n  {\n    name: \"coverage_amount\",\n    type: \"select\",\n    label: \"Desired Coverage Amount\",\n    required: false,\n    columnSpan: 12,\n    layout: \"grid\",\n    options: [\n      { value: \"100k\", label: \"$100,000\" },\n      { value: \"250k\", label: \"$250,000\" },\n      { value: \"500k\", label: \"$500,000\" },\n      { value: \"1m\", label: \"$1,000,000\" },\n      { value: \"custom\", label: \"Custom Amount\" },\n    ],\n  },\n  {\n    name: \"currently_insured\",\n    type: \"radio\",\n    label: \"Currently Insured?\",\n    required: true,\n    columnSpan: 12,\n    layout: \"stacked\",\n    options: [\n      { value: \"yes\", label: \"Yes\" },\n      { value: \"no\", label: \"No\" },\n    ],\n  },\n  {\n    name: \"content\",\n    type: \"textarea\",\n    label: \"Additional Information\",\n    placeholder:\n      \"Tell us about your insurance needs, any claims history, or specific coverage requirements...\",\n    required: false,\n    rows: 4,\n    columnSpan: 12,\n  },\n];\n\nexport default function Demo() {\n  return (\n    <ContactInsurance\n      heading=\"Get Your Free Quote\"\n      description=\"Find the right insurance coverage to protect what matters most. Fill out the form below and receive a personalized quote within 24 hours.\"\n      formEngineSetup={{\n        api: demoFormEngineApi,\n        fields: formFields,\n        successMessage:\n          \"Thank you! We're preparing your personalized quote and will contact you within 24 hours with your options.\",\n        formLayoutSettings: {\n          submitButtonSetup: {\n            submitLabel: \"Get Free Quote\",\n          },\n        },\n      }}\n      background=\"gradient\"\n      pattern=\"gridBasic\"\n      patternOpacity={0.2}\n    />\n  );\n}","propsSchema":{"heading":{"type":"object","description":"Main heading text","typeLabel":"React.ReactNode","required":false},"description":{"type":"object","description":"Description text below heading","typeLabel":"React.ReactNode","required":false},"className":{"type":"string","description":"Additional CSS classes for the section","required":false},"containerClassName":{"type":"string","description":"Additional CSS classes for the container","required":false},"headerClassName":{"type":"string","description":"Additional CSS classes for the header","required":false},"headingClassName":{"type":"string","description":"Additional CSS classes for the heading","required":false},"descriptionClassName":{"type":"string","description":"Additional CSS classes for the description","required":false},"cardClassName":{"type":"string","description":"Additional CSS classes for the card","required":false},"cardContentClassName":{"type":"string","description":"Additional CSS classes for the card content","required":false},"background":{"type":"string","description":"Background style for the section","typeLabel":"SectionBackground","required":false},"spacing":{"type":"object","description":"Vertical spacing for the section","fields":{},"typeLabel":"SectionSpacing","required":false},"pattern":{"type":"object","description":"Optional background pattern name or URL","fields":{},"typeLabel":"PatternName","required":false},"patternOpacity":{"type":"number","description":"Pattern overlay opacity (0-1)","required":false},"formEngineSetup":{"type":"object","description":"Full form engine setup and props","typeLabel":"FormEngineProps","required":false},"sectionId":{"type":"string","description":"Optional Section ID","required":false}},"exampleProps":{"heading":"Get a Free Insurance Quote","description":"Tell us about your coverage needs and we'll find the right plan for you.","formEngineSetup":{"formConfig":{"endpoint":"/api/insurance","format":"json"}}},"dependencies":["@opensite/ui","@page-speed/forms"],"tags":["contact","insurance","quote","form","coverage","policy"],"performance":{},"importantUsageNotes":"formEngineSetup is required to enable form submission. Coverage type options should reflect actual policies offered by the business.","usageRequirements":{"requiredProps":[],"requiresSiteCapabilities":["contact_form","contact_info"],"mediaSlots":{},"propConstraints":{"formEngineSetup":{"note":"Must include a valid formConfig.endpoint"}}}}},"timestamp":"2026-06-28T22:03:24.198Z"}