{"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}},"defaultProps":{},"dependencies":["@opensite/ui","@page-speed/forms"],"tags":["contact","insurance","quote","form","coverage","policy"],"performance":{},"importantUsageNotes":"Ensure to follow the form implementation requirements properly (correct field types, labels, validation, and submit handling). The form fields shown in the demo are calibrated for an insurance quote request use case — first/last name, email, phone, date of birth picker, ZIP code, insurance type radio (auto/home/life/health/business), and coverage amount select — do not change the field set unless the site has clearly different requirements. Ensure to only supply a valid set of contact data points (email, phone, address, etc), DO NOT make up any contact data. Follow the example props closely for this block."}},"timestamp":"2026-05-13T10:41:38.488Z"}