{"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/308379/wzlvobtjrj4lzajcsf2s6dng1ggw/about-company-profile-desktop.jpg","mobile":"https://cdn.ing/assets/i/r/308380/8j4thyjqbpowgxjfs90zyhe4pemt/about-company-profile-mobile.jpg"},"componentPath":"blocks/about/about-company-profile.tsx","code":"import { AboutCompanyProfile } from \"@opensite/ui/blocks/about/about-company-profile\";\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: \"https://toastability-production.s3.amazonaws.com/3dy9ge962uarlaf2xl7imdcviqgx\",\n        alt: \"Team collaboration in modern office\",\n      }}\n      secondaryImage={{\n        src: \"https://toastability-production.s3.amazonaws.com/okf6fg4n9yv59up8ivgcdjy3w030\",\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":true,"maxLength":80},"description":{"type":"object","description":"Main description text","typeLabel":"React.ReactNode","required":true,"maxLength":220},"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":true,"mediaHints":{"path":"mainImage","roles":["feature","hero"],"disallowedRoles":["logo","favicon","video-thumbnail"],"minPixelClass":"large","required":true,"note":"Primary company profile image. IMAGE MEDIA ONLY. Do not use logos, favicons, or video assets."}},"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,"mediaHints":{"path":"secondaryImage","roles":["feature","thumbnail"],"disallowedRoles":["logo","favicon","video-thumbnail"],"minPixelClass":"medium","required":false,"note":"Secondary supporting image. IMAGE MEDIA ONLY. Do not use logos, favicons, or video assets."}},"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,"mediaHints":{"path":"breakout.logo","roles":["logo"],"disallowedRoles":["favicon","video-thumbnail"],"minPixelClass":"small","required":false,"note":"Breakout card logo. LOGO IMAGE ONLY. Do not use photos, favicons, or video assets."}},"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,"maxItems":8,"mediaHints":{"path":"companies[]","roles":["logo"],"disallowedRoles":["favicon","video-thumbnail"],"minPixelClass":"small","required":false,"note":"Customer or partner logo. LOGO IMAGE ONLY. Do not use photos, favicons, or video assets."}},"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,"minItems":2,"maxItems":4},"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}},"exampleProps":{"title":"A Team Built for Operational Clarity","description":"We combine product craft and service operations experience to help brands move faster.","mainImage":{"src":"https://cdn.ing/assets/i/r/308196/g6bbn73f7gxal82uu49m9prfd0u8/workplace-in-cafe.webp","alt":"Team strategy session"},"secondaryImage":{"src":"https://cdn.ing/assets/i/r/308196/g6bbn73f7gxal82uu49m9prfd0u8/workplace-in-cafe.webp","alt":"Workspace detail"},"breakout":{"title":"Built for growing operators","description":"Reusable systems keep every location and campaign aligned.","action":{"label":"Discover more","href":"/about","variant":"default"}},"achievements":[{"label":"Customer sites launched","value":"300+"},{"label":"Average satisfaction","value":"99%"}]},"dependencies":["@opensite/ui"],"tags":["about","company","profile","achievements","metrics","logos","corporate","cta","credibility"],"performance":{},"importantUsageNotes":"Use for credibility-oriented company profiles with sourced metrics and optional brand logos. Breakout actions must use the ActionConfig shape with label and href, not buttonText or buttonUrl. Image props must be image assets only.","usageRequirements":{"requiredProps":["title","description","mainImage"],"propConstraints":{"title":{"required":true,"maxLength":80},"description":{"required":true,"maxLength":220},"mainImage":{"required":true},"achievements":{"minItems":2,"maxItems":4,"note":"Achievement metrics must be sourced."},"companies":{"maxItems":8,"note":"Only include real customer or partner logos."}},"mediaSlots":{"mainImage":{"path":"mainImage","roles":["feature","hero"],"disallowedRoles":["logo","favicon","video-thumbnail"],"minPixelClass":"large","required":true,"note":"Primary company profile image. IMAGE MEDIA ONLY. Do not use logos, favicons, or video assets."},"secondaryImage":{"path":"secondaryImage","roles":["feature","thumbnail"],"disallowedRoles":["logo","favicon","video-thumbnail"],"minPixelClass":"medium","required":false,"note":"Secondary supporting image. IMAGE MEDIA ONLY. Do not use logos, favicons, or video assets."},"breakout.logo":{"path":"breakout.logo","roles":["logo"],"disallowedRoles":["favicon","video-thumbnail"],"minPixelClass":"small","required":false,"note":"Breakout card logo. LOGO IMAGE ONLY. Do not use photos, favicons, or video assets."},"companies[]":{"path":"companies[]","roles":["logo"],"disallowedRoles":["favicon","video-thumbnail"],"minPixelClass":"small","required":false,"note":"Customer or partner logo. LOGO IMAGE ONLY. Do not use photos, favicons, or video assets."}},"requiresSiteCapabilities":["stats_or_metrics","media_library"],"notes":["All media src values must be absolute URLs to real assets; relative paths and placeholder media variables are not allowed."]}}},"timestamp":"2026-06-27T20:15:31.911Z"}