{"success":true,"data":{"block":{"id":"contact-sponsorship","name":"Contact Sponsorship","title":"Contact Sponsorship","category":"Contact","categorySlug":"contact","description":"Sponsorship inquiry form with organization details and sponsorship level preferences. Perfect for events and non-profits.","thumbnail":{"desktop":"https://cdn.ing/assets/i/r/290593/znnriqm45da2suh0p32k7dmcrl14/contact-sponsorship-desktop.png","mobile":"https://cdn.ing/assets/i/r/290594/zmct4f3px8dmcdfieolxrp2lb0zs/contact-sponsorship-mobile.png"},"componentPath":"blocks/contact/contact-sponsorship.tsx","code":"\"use client\";\n\nimport { ContactSponsorship } from \"@opensite/ui/blocks/contact/contact-sponsorship\";\nimport { demoFormEngineApi } from \"@/lib/form-demo-data\";\nimport type { FormFieldConfig } from \"@opensite/ui\";\n\nconst formFields: FormFieldConfig[] = [\n  {\n    name: \"organization_name\",\n    type: \"text\",\n    label: \"Organization Name\",\n    placeholder: \"Your organization\",\n    required: true,\n    columnSpan: 12,\n  },\n  {\n    name: \"contact_name\",\n    type: \"text\",\n    label: \"Contact Person\",\n    placeholder: \"Full name\",\n    required: true,\n    columnSpan: 6,\n  },\n  {\n    name: \"title\",\n    type: \"text\",\n    label: \"Job Title\",\n    placeholder: \"Your title\",\n    required: true,\n    columnSpan: 6,\n  },\n  {\n    name: \"email\",\n    type: \"email\",\n    label: \"Email Address\",\n    placeholder: \"contact@organization.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: \"sponsorship_type\",\n    type: \"radio\",\n    label: \"Type of Sponsorship\",\n    required: true,\n    columnSpan: 12,\n    layout: \"grid\",\n    options: [\n      {\n        value: \"event\",\n        label: \"Event Sponsorship\",\n        description: \"Sponsor our upcoming conferences or events.\",\n      },\n      {\n        value: \"program\",\n        label: \"Program Sponsorship\",\n        description: \"Support our ongoing programs and initiatives.\",\n      },\n      {\n        value: \"scholarship\",\n        label: \"Scholarship Fund\",\n        description: \"Contribute to educational scholarships.\",\n      },\n      {\n        value: \"general\",\n        label: \"General Support\",\n        description: \"General organizational support and operations.\",\n      },\n    ],\n  },\n  {\n    name: \"sponsorship_level\",\n    type: \"select\",\n    label: \"Preferred Sponsorship Level\",\n    required: true,\n    columnSpan: 12,\n    options: [\n      { value: \"platinum\", label: \"Platinum - $50,000+\" },\n      { value: \"gold\", label: \"Gold - $25,000 - $49,999\" },\n      { value: \"silver\", label: \"Silver - $10,000 - $24,999\" },\n      { value: \"bronze\", label: \"Bronze - $5,000 - $9,999\" },\n      { value: \"supporter\", label: \"Supporter - Under $5,000\" },\n      { value: \"discuss\", label: \"Prefer to discuss\" },\n    ],\n  },\n  {\n    name: \"organization_website\",\n    type: \"url\",\n    label: \"Organization Website\",\n    placeholder: \"https://yourorganization.com\",\n    required: false,\n    columnSpan: 12,\n  },\n  {\n    name: \"content\",\n    type: \"textarea\",\n    label: \"Tell us about your sponsorship goals\",\n    placeholder: \"What are you hoping to achieve through this sponsorship? Do you have any specific requirements or requests?\",\n    required: true,\n    rows: 5,\n    columnSpan: 12,\n  },\n  {\n    name: \"sponsorship_deck\",\n    type: \"file\",\n    label: \"Upload Company Information (Optional)\",\n    placeholder: \"Upload company deck, brochure, or other materials...\",\n    required: false,\n    accept: \".pdf,.doc,.docx,.ppt,.pptx\",\n    maxSize: 10 * 1024 * 1024,\n    maxFiles: 3,\n    multiple: true,\n    columnSpan: 12,\n  },\n];\n\nexport default function Demo() {\n  return (\n    <ContactSponsorship\n      heading=\"Become a Sponsor\"\n      description=\"Join leading organizations in supporting our mission. Your sponsorship helps us create meaningful impact and reach more people in our community.\"\n      formEngineSetup={{\n        api: demoFormEngineApi,\n        fields: formFields,\n        successMessage: \"Thank you for your interest in sponsoring us! Our partnerships team will review your inquiry and reach out within 2-3 business days to discuss opportunities.\",\n        formLayoutSettings: {\n          submitButtonSetup: {\n            submitLabel: \"Submit Sponsorship Inquiry\",\n          },\n        },\n      }}\n      background=\"dark\"\n      pattern=\"dashedGridFadeTop\"\n      patternOpacity={0.15}\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","sponsorship","partnership","form","funding","event"],"performance":{},"importantUsageNotes":"DO NOT USE this block unless the site is actively seeking sponsors — this is a highly contextual block. 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 a sponsorship inquiry use case — organization name, contact person, job title, email, phone, sponsorship type radio (event/program/scholarship/general), preferred sponsorship level select, and message — 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:43:04.056Z"}