{"success":true,"data":{"block":{"id":"about-company-profile","name":"About Company Profile","title":"About Company Profile","category":"About","categorySlug":"about","description":"A company profile section with main image, breakout card with CTA, secondary image, trusted company logos, and an achievements section with key metrics. Ideal for corporate about pages that need to establish credibility and showcase accomplishments.","thumbnail":{"desktop":"https://cdn.ing/assets/i/r/290807/d7wig6mo10uyjtjrie0a6tvujxxc/cleanshot-2026-02-25-at-01-42-47.png","mobile":"https://cdn.ing/assets/i/r/290806/22ovy90vki8u7hh3job0kosah676/cleanshot-2026-02-25-at-01-42-31.png"},"componentPath":"blocks/about/about-company-profile.tsx","code":"import { AboutCompanyProfile } from \"@opensite/ui/blocks/about/about-company-profile\";\nimport { imagePlaceholders } from \"@/lib/media\";\n\nexport default function Demo() {\n  return (\n    <AboutCompanyProfile\n      title=\"Building the Future of Digital Experiences\"\n      description=\"We combine cutting-edge technology with human-centered design to create solutions that transform how businesses connect with their audiences. Our team of experts brings decades of combined experience across multiple industries.\"\n      mainImage={{\n        src: imagePlaceholders[12],\n        alt: \"Team collaboration in modern office\",\n      }}\n      secondaryImage={{\n        src: imagePlaceholders[45],\n        alt: \"Creative workspace\",\n      }}\n      breakout={{\n        title: \"15+ Years of Excellence\",\n        description: \"Delivering innovative solutions since 2009\",\n        action: {\n          label: \"Learn More\",\n          href: \"#\",\n        },\n      }}\n      achievementsTitle=\"Our Impact\"\n      achievementsDescription=\"Measurable results that speak to our commitment to excellence\"\n      achievements={[\n        {\n          value: \"500+\",\n          label: \"Projects Delivered\",\n        },\n        {\n          value: \"98%\",\n          label: \"Client Satisfaction\",\n        },\n        {\n          value: \"50M+\",\n          label: \"Users Reached\",\n        },\n        {\n          value: \"320+\",\n          label: \"Projects Launched\",\n        },\n      ]}\n      pattern=\"grid1\"\n      patternOpacity={1}\n      background=\"white\"\n    />\n  );\n}","propsSchema":{"title":{"type":"object","description":"Main heading/title","typeLabel":"React.ReactNode","required":false},"description":{"type":"object","description":"Main description text","typeLabel":"React.ReactNode","required":false},"mainImage":{"type":"object","description":"Main image configuration","fields":{"src":{"type":"string","description":"","required":true},"alt":{"type":"string","description":"","required":true}},"typeLabel":"{ src: string; alt: string; }","required":false},"secondaryImage":{"type":"object","description":"Secondary image configuration","fields":{"src":{"type":"string","description":"","required":true},"alt":{"type":"string","description":"","required":true}},"typeLabel":"{ src: string; alt: string; }","required":false},"breakout":{"type":"object","description":"Breakout section configuration","fields":{"logo":{"type":"object","description":"Logo image configuration","fields":{"src":{"type":"string","description":"","required":true},"alt":{"type":"string","description":"","required":true}},"typeLabel":"{ src: string; alt: string; }","required":false},"title":{"type":"object","description":"Breakout title","typeLabel":"React.ReactNode","required":true},"description":{"type":"object","description":"Breakout description","typeLabel":"React.ReactNode","required":true},"action":{"type":"object","description":"Action configuration for the breakout button","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","required":false}},"typeLabel":"BreakoutConfig","required":false},"breakoutSlot":{"type":"object","description":"Custom slot for rendering breakout section (overrides breakout object)","typeLabel":"React.ReactNode","required":false},"companiesTitle":{"type":"object","description":"Companies section title","typeLabel":"React.ReactNode","required":false},"companies":{"type":"array","description":"Array of company logo configurations","items":{"type":"object","description":"","fields":{"src":{"type":"object","description":"Image source URL or light/dark mode variants","typeLabel":"string | { light: string; dark?: string }","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 logo wrapper","required":false},"imgClassName":{"type":"string","description":"Additional CSS classes for the img element","required":false}},"typeLabel":"LogoItem"},"typeLabel":"LogoItem[]","required":false},"companiesSlot":{"type":"object","description":"Custom slot for rendering companies (overrides companies array)","typeLabel":"React.ReactNode","required":false},"achievementsTitle":{"type":"object","description":"Achievements section title","typeLabel":"React.ReactNode","required":false},"achievementsDescription":{"type":"object","description":"Achievements section description","typeLabel":"React.ReactNode","required":false},"achievements":{"type":"array","description":"Array of achievement/stat configurations","items":{"type":"object","description":"","fields":{"value":{"type":"object","description":"Stat value (number or formatted string)","typeLabel":"ReactNode","required":true},"label":{"type":"object","description":"Stat label/description","typeLabel":"ReactNode","required":false},"icon":{"type":"object","description":"Optional icon","typeLabel":"ReactNode | string","required":false},"className":{"type":"string","description":"Additional CSS classes","required":false}},"typeLabel":"StatItem"},"typeLabel":"StatItem[]","required":false},"achievementsSlot":{"type":"object","description":"Custom slot for rendering achievements (overrides achievements array)","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},"titleClassName":{"type":"string","description":"Additional CSS classes for the title","required":false},"descriptionClassName":{"type":"string","description":"Additional CSS classes for the description","required":false},"mainImageClassName":{"type":"string","description":"Additional CSS classes for the main image","required":false},"secondaryImageClassName":{"type":"string","description":"Additional CSS classes for the secondary image","required":false},"breakoutClassName":{"type":"string","description":"Additional CSS classes for the breakout section","required":false},"companiesClassName":{"type":"string","description":"Additional CSS classes for the companies section","required":false},"achievementsClassName":{"type":"string","description":"Additional CSS classes for the achievements section","required":false},"achievementsTitleClassName":{"type":"string","description":"Additional CSS classes for the achievements title","required":false},"achievementsDescriptionClassName":{"type":"string","description":"Additional CSS classes for the achievements description","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},"background":{"type":"string","description":"Section background variant","typeLabel":"SectionBackground","required":false},"spacing":{"type":"object","description":"Section spacing variant","fields":{},"typeLabel":"SectionSpacing","required":false},"pattern":{"type":"object","description":"Pattern background key or URL","fields":{},"typeLabel":"PatternName","required":false},"patternOpacity":{"type":"number","description":"Pattern opacity (0-1)","required":false},"sectionId":{"type":"string","description":"Optional Section ID","required":false}},"defaultProps":{},"dependencies":["@opensite/ui"],"tags":["about","company","profile","achievements","metrics","logos","corporate","cta","credibility"],"performance":{},"importantUsageNotes":"Ensure to generate exactly 4 `achievements` since the achievements showcase is a 4 column layout, only use numerical style strings for each achievement 'value' prop, e.g. '1000' or '10K', avoid using longer strings like 'Over 1000 developers' since that will distort the layout.. Follow the example props closely for this block."}},"timestamp":"2026-05-13T10:47:37.891Z"}