{"success":true,"data":{"block":{"id":"hero-mental-health-team","name":"Mental Health Team Hero","title":"Hero Mental Health Team","category":"Hero","categorySlug":"hero","description":"A dark-themed hero showcasing mental health professionals. Features team images and supportive messaging.","thumbnail":{"desktop":"https://cdn.ing/assets/i/r/308204/yzwklffavqn8ymmhqvi5u4g00h1q/hero-mental-health-team-desktop.jpg","mobile":"https://cdn.ing/assets/i/r/308205/wt93l1i9dm689ldrtbkjf0mmyfwc/hero-mental-health-team-mobile.jpg"},"componentPath":"blocks/hero/hero-mental-health-team.tsx","code":"import { DynamicIcon } from \"@opensite/ui\";\nimport { HeroMentalHealthTeam } from \"@opensite/ui/blocks/hero/hero-mental-health-team\";\n\nexport default function Demo() {\n  return (\n    <HeroMentalHealthTeam\n      description=\"Our team of experienced mental health professionals is dedicated to providing compassionate care and support to individuals in need.\"\n      heading=\"Compassionate care for your mental wellbeing\"\n      smallImages={[\n        {\n          src: \"https://toastability-production.s3.amazonaws.com/g607vblaarqctl1cvgxffhx4pw6g\",\n          alt: \"Dr. Smith\",\n        },\n        {\n          src: \"https://toastability-production.s3.amazonaws.com/4xpu1ljr9c8g6qzmfum5ygjzbzpb\",\n          alt: \"Dr. Johnson\",\n        },\n      ]}\n      testimonial={{\n        quote:\n          \"The support I received changed my life. I'm so grateful for the compassionate care.\",\n        author: \"Sarah M.\",\n        role: \"Client\",\n        avatarSrc:\n          \"https://toastability-production.s3.amazonaws.com/yw5f7iwyypf4kctpr5ye5e495swt\",\n      }}\n      featureImage={{\n        src: \"https://toastability-production.s3.amazonaws.com/z37cidvud212bzqhhalrhvk7ipaa\",\n        alt: \"Mental health support\",\n      }}\n      actions={[\n        {\n          label: \"Get Started\",\n          href: \"#\",\n          variant: \"default\",\n          iconAfter: <DynamicIcon name=\"lucide/arrow-right\" size={16} />,\n        },\n        {\n          label: \"Talk to Sales\",\n          href: \"#\",\n          variant: \"outline\",\n          icon: <DynamicIcon name=\"lucide/phone\" size={16} />,\n        },\n      ]}\n      background=\"gray\"\n      pattern=\"dashedGridFadeTop\"\n      patternOpacity={0.9}\n    />\n  );\n}","propsSchema":{"subtitle":{"type":"object","description":"Subtitle text above heading","typeLabel":"React.ReactNode","required":false},"heading":{"type":"object","description":"Main heading content","typeLabel":"React.ReactNode","required":true,"maxLength":40},"smallImages":{"type":"array","description":"Array of 2 small images (expects 2 images)","items":{"type":"object","description":"","fields":{"src":{"type":"string","description":"Image source URL","required":true},"alt":{"type":"string","description":"Alt text for accessibility","required":true},"href":{"type":"string","description":"Optional link URL","required":false},"className":{"type":"string","description":"Additional CSS classes for the image","required":false}},"typeLabel":"ImageItem"},"typeLabel":"ImageItem[]","required":true,"count":2,"minItems":2,"maxItems":2,"mediaHints":{"path":"smallImages[]","roles":["thumbnail","profile","feature"],"disallowedRoles":["logo","favicon"],"minPixelClass":"small","required":true,"note":"Two team / supporting images. Must not be logos."}},"smallImagesSlot":{"type":"object","description":"Custom slot for small images (overrides smallImage array)","typeLabel":"React.ReactNode","required":false},"testimonial":{"type":"object","description":"Testimonial configuration","typeLabel":"TestimonialItem & { avatarSrc?: string; }","required":true,"mediaHints":{"path":"testimonial.avatarSrc","roles":["profile","avatar"],"disallowedRoles":["logo","favicon"],"minPixelClass":"small","preferredAspect":"1:1","note":"Headshot/avatar for the testimonial author."}},"testimonialSlot":{"type":"object","description":"Custom slot for testimonial (overrides testimonial prop)","typeLabel":"React.ReactNode","required":false},"featureImage":{"type":"object","description":"Large feature image","fields":{"src":{"type":"string","description":"Image source URL","required":true},"alt":{"type":"string","description":"Alt text for accessibility","required":true},"href":{"type":"string","description":"Optional link URL","required":false},"className":{"type":"string","description":"Additional CSS classes for the image","required":false}},"typeLabel":"ImageItem","required":true,"mediaHints":{"path":"featureImage","roles":["feature","hero"],"disallowedRoles":["logo","favicon"],"minPixelClass":"large","required":true,"note":"Large feature image. Must not be a logo or favicon."}},"featureImageSlot":{"type":"object","description":"Custom slot for feature image (overrides featureImage prop)","typeLabel":"React.ReactNode","required":false},"background":{"type":"string","description":"","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","fields":{},"typeLabel":"PatternName","required":false},"patternOpacity":{"type":"number","description":"Pattern overlay opacity (0-1)","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 area","required":false},"headingClassName":{"type":"string","description":"Additional CSS classes for the heading","required":false},"gridClassName":{"type":"string","description":"Additional CSS classes for the grid","required":false},"optixFlowConfig":{"type":"object","description":"OptixFlow image optimization configuration","fields":{"apiKey":{"type":"string","description":"API key for OptixFlow service","required":true},"compression":{"type":"number","description":"Compression level (0-100)","required":false}},"typeLabel":"OptixFlowConfig","required":false},"description":{"type":"object","description":"Description text below heading","typeLabel":"React.ReactNode","required":false,"maxLength":130},"actions":{"type":"array","description":"Array of action configurations for CTA buttons","items":{"type":"object","description":"","fields":{"variant":{"type":"string","description":"","typeLabel":"\"default\" | \"destructive\" | \"outline\" | \"secondary\" | \"ghost\" | \"link\"","required":false},"size":{"type":"string","description":"","typeLabel":"\"default\" | \"sm\" | \"md\" | \"lg\" | \"icon\" | \"icon-sm\" | \"icon-lg\"","required":false},"label":{"type":"object","description":"Button/link label text or ReactNode","typeLabel":"ReactNode","required":false},"icon":{"type":"object","description":"Icon to display (typically before label)","typeLabel":"ReactNode","required":false},"iconAfter":{"type":"object","description":"Icon to display after the label","typeLabel":"ReactNode","required":false},"href":{"type":"string","description":"URL for link behavior","required":false},"onClick":{"type":"object","description":"Click handler for button behavior","typeLabel":"MouseEventHandler","required":false},"className":{"type":"string","description":"Additional CSS classes for the action","required":false},"children":{"type":"object","description":"Custom children (overrides label + icon rendering)","typeLabel":"ReactNode","required":false},"aria-label":{"type":"string","description":"ARIA label for accessibility","required":false},"asButton":{"type":"boolean","description":"Render as a button element instead of an anchor/link","required":false}},"typeLabel":"ActionConfig"},"typeLabel":"ActionConfig[]","required":false,"maxItems":2,"pinnedValues":{"0.variant":"default","1.variant":"outline"}},"actionsSlot":{"type":"object","description":"Custom slot for rendering actions (overrides actions array)","typeLabel":"React.ReactNode","required":false},"actionsClassName":{"type":"string","description":"Additional CSS classes for the actions container","required":false},"descriptionClassName":{"type":"string","description":"Additional CSS classes for the description","required":false},"sectionId":{"type":"string","description":"Optional Section ID","required":false}},"exampleProps":{"heading":"Compassionate care for your mental wellbeing","description":"Our team of experienced mental health professionals is dedicated to providing compassionate care and support to individuals in need.","smallImages":[{"src":"https://cdn.ing/assets/i/r/308196/g6bbn73f7gxal82uu49m9prfd0u8/workplace-in-cafe.webp","alt":"Dr. Smith"},{"src":"https://cdn.ing/assets/i/r/308196/g6bbn73f7gxal82uu49m9prfd0u8/workplace-in-cafe.webp","alt":"Dr. Johnson"}],"testimonial":{"quote":"The support I received changed my life. I'm so grateful for the compassionate care.","author":"Sarah M.","role":"Client","avatarSrc":"https://cdn.ing/assets/i/r/308196/g6bbn73f7gxal82uu49m9prfd0u8/workplace-in-cafe.webp"},"featureImage":{"src":"https://cdn.ing/assets/i/r/308196/g6bbn73f7gxal82uu49m9prfd0u8/workplace-in-cafe.webp","alt":"Mental health support"},"actions":[{"label":"Get Started","href":"#","variant":"default"},{"label":"Talk to Sales","href":"#","variant":"outline"}],"background":"gray"},"dependencies":["@opensite/ui"],"tags":["hero","mental-health","team","professionals","dark","support","wellness","healthcare"],"performance":{},"importantUsageNotes":"Only use if you have a valid testimonial - DO NOT MAKE UP A TESTIMONIAL/REVIEW. Supply exactly 2 images to the 'smallImages' prop and ensure you supply a 'featureImage' prop object. Do not exceed 40 characters for the 'heading' prop. Do not exceed 130 characters for the 'description' prop. If you supply multiple 'actions', ensure to use a variant of 'default' for the first action, and 'outline' for the second action to ensure proper visual distinction between the two CTAs. All media src values must be absolute URLs to real CDN assets — never relative paths (e.g. '/images/...') or placeholder strings. Follow the example props closely for this block.","usageRequirements":{"requiredProps":["heading","smallImages","featureImage","testimonial"],"propConstraints":{"heading":{"required":true,"maxLength":40},"description":{"maxLength":130},"smallImages":{"required":true,"count":2,"minItems":2,"maxItems":2},"featureImage":{"required":true},"testimonial":{"required":true,"note":"Must be a real, sourced testimonial. Do not fabricate."},"actions":{"maxItems":2,"pinnedValues":{"0.variant":"default","1.variant":"outline"}}},"mediaSlots":{"featureImage":{"path":"featureImage","roles":["feature","hero"],"disallowedRoles":["logo","favicon"],"minPixelClass":"large","required":true,"note":"Large feature image. Must not be a logo or favicon."},"smallImages[]":{"path":"smallImages[]","roles":["thumbnail","profile","feature"],"disallowedRoles":["logo","favicon"],"minPixelClass":"small","required":true,"note":"Two team / supporting images. Must not be logos."},"testimonial.avatarSrc":{"path":"testimonial.avatarSrc","roles":["profile","avatar"],"disallowedRoles":["logo","favicon"],"minPixelClass":"small","preferredAspect":"1:1","note":"Headshot/avatar for the testimonial author."}},"requiresSiteCapabilities":["reviews_or_testimonials","media_library"]}}},"timestamp":"2026-06-27T20:18:52.486Z"}