{"success":true,"data":{"block":{"id":"contact-partnership","name":"Contact Partnership Inquiry","title":"Contact Partnership Inquiry","category":"Contact","categorySlug":"contact","description":"Partnership inquiry form with company information and collaboration details. Ideal for B2B partnerships and strategic alliances.","thumbnail":{"desktop":"https://cdn.ing/assets/i/r/290821/782b9fx35gp04j1a95313qw63t3n/cleanshot-2026-02-25-at-02-12-52.png","mobile":"https://cdn.ing/assets/i/r/290820/cc7yzflwvsdv67vh0gn48lts4yfd/cleanshot-2026-02-25-at-02-13-02.png"},"componentPath":"blocks/contact/contact-partnership.tsx","code":"\"use client\";\n\nimport { ContactPartnership } from \"@opensite/ui/blocks/contact/contact-partnership\";\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: \"Work Email\",\n    placeholder: \"your@company.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: \"company\",\n    type: \"text\",\n    label: \"Company Name\",\n    placeholder: \"Your company\",\n    required: true,\n    columnSpan: 6,\n  },\n  {\n    name: \"title\",\n    type: \"text\",\n    label: \"Job Title\",\n    placeholder: \"Your position\",\n    required: true,\n    columnSpan: 6,\n  },\n  {\n    name: \"website\",\n    type: \"url\",\n    label: \"Company Website\",\n    placeholder: \"https://example.com\",\n    required: false,\n    columnSpan: 12,\n  },\n  {\n    name: \"partnership_type\",\n    type: \"radio\",\n    label: \"Partnership Type\",\n    required: true,\n    columnSpan: 12,\n    layout: \"grid\",\n    options: [\n      {\n        value: \"reseller\",\n        label: \"Reseller/Channel Partner\",\n        description: \"Sell our products to your customers.\",\n      },\n      {\n        value: \"technology\",\n        label: \"Technology Partner\",\n        description: \"Integrate our solutions with yours.\",\n      },\n      {\n        value: \"referral\",\n        label: \"Referral Partner\",\n        description: \"Refer clients and earn commissions.\",\n      },\n      {\n        value: \"strategic\",\n        label: \"Strategic Alliance\",\n        description: \"Long-term strategic partnership.\",\n      },\n    ],\n  },\n  {\n    name: \"company_size\",\n    type: \"select\",\n    label: \"Company Size\",\n    required: true,\n    columnSpan: 6,\n    options: [\n      { value: \"1-10\", label: \"1-10 employees\" },\n      { value: \"11-50\", label: \"11-50 employees\" },\n      { value: \"51-200\", label: \"51-200 employees\" },\n      { value: \"201-500\", label: \"201-500 employees\" },\n      { value: \"501-1000\", label: \"501-1000 employees\" },\n      { value: \"1001+\", label: \"1001+ employees\" },\n    ],\n  },\n  {\n    name: \"annual_revenue\",\n    type: \"select\",\n    label: \"Annual Revenue\",\n    required: false,\n    columnSpan: 6,\n    options: [\n      { value: \"0-1m\", label: \"Under $1M\" },\n      { value: \"1m-10m\", label: \"$1M - $10M\" },\n      { value: \"10m-50m\", label: \"$10M - $50M\" },\n      { value: \"50m-100m\", label: \"$50M - $100M\" },\n      { value: \"100m+\", label: \"$100M+\" },\n    ],\n  },\n  {\n    name: \"territories\",\n    type: \"checkbox-group\",\n    label: \"Target Markets/Territories\",\n    required: true,\n    columnSpan: 12,\n    layout: \"grid\",\n    options: [\n      { value: \"north_america\", label: \"North America\" },\n      { value: \"south_america\", label: \"South America\" },\n      { value: \"europe\", label: \"Europe\" },\n      { value: \"asia\", label: \"Asia Pacific\" },\n      { value: \"middle_east\", label: \"Middle East\" },\n      { value: \"africa\", label: \"Africa\" },\n    ],\n  },\n  {\n    name: \"content\",\n    type: \"textarea\",\n    label: \"Partnership Proposal\",\n    placeholder: \"Describe your partnership vision, target market, resources, and how we can work together...\",\n    required: true,\n    rows: 6,\n    columnSpan: 12,\n  },\n  {\n    name: \"pitch_deck\",\n    type: \"file\",\n    label: \"Company Deck or Proposal\",\n    placeholder: \"Upload your company profile or partnership proposal...\",\n    required: false,\n    accept: \".pdf,.ppt,.pptx\",\n    maxSize: 20 * 1024 * 1024,\n    maxFiles: 2,\n    multiple: true,\n    columnSpan: 12,\n  },\n];\n\nexport default function Demo() {\n  return (\n    <ContactPartnership\n      heading=\"Become a Partner\"\n      description=\"Join our growing network of partners and unlock new revenue opportunities. Fill out the form below to start the conversation.\"\n      formEngineSetup={{\n        api: demoFormEngineApi,\n        fields: formFields,\n        successMessage: \"Thank you for your interest in partnering with us! Our partnerships team will review your application and reach out within 3-5 business days.\",\n        formLayoutSettings: {\n          submitButtonSetup: {\n            submitLabel: \"Submit Partnership Inquiry\",\n          },\n        },\n      }}\n      background=\"dark\"\n      pattern=\"dashedGridFadeTop\"\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","partnership","collaboration","form","b2b","alliance"],"performance":{},"importantUsageNotes":"DO NOT USE this block unless the site is actively seeking business partnerships — 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 partnership inquiry use case — first/last name, work email, phone, company name, job title, website URL, partnership type radio (reseller/technology/referral/strategic), 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:41:28.929Z"}