{"success":true,"data":{"block":{"id":"about-story-gallery","name":"About Story Gallery","title":"About Story Gallery","category":"About","categorySlug":"about","description":"A minimal story section with centered title, descriptive content, and a multi-image gallery grid. Perfect for companies wanting to share their journey with visual storytelling in a clean, focused layout.","thumbnail":{"desktop":"https://cdn.ing/assets/i/r/290855/1ravpoxozygb541j1m3da43huncy/cleanshot-2026-02-25-at-09-28-24.png","mobile":"https://cdn.ing/assets/i/r/290854/p01r5m82vvc91ef2ar8q0ppt1csh/cleanshot-2026-02-25-at-09-29-02.png"},"componentPath":"blocks/about/about-story-gallery.tsx","code":"import { AboutStoryGallery } from \"@opensite/ui/blocks/about/about-story-gallery\";\nimport { imagePlaceholders } from \"@/lib/media\";\n\nexport default function Demo() {\n  return (\n    <AboutStoryGallery\n      title=\"Our Journey in Pictures\"\n      description={`From our humble beginnings to where we are today, every milestone tells a story of growth, learning, and unwavering commitment to excellence.`}\n      images={[\n        {\n          src: imagePlaceholders[12],\n          alt: \"Team collaboration session\",\n        },\n        {\n          src: imagePlaceholders[27],\n          alt: \"Office celebration\",\n        },\n        {\n          src: imagePlaceholders[45],\n          alt: \"Modern workspace\",\n        },\n        {\n          src: imagePlaceholders[16],\n          alt: \"Team workshop\",\n        },\n        {\n          src: imagePlaceholders[63],\n          alt: \"Conference presentation\",\n        },\n        {\n          src: imagePlaceholders[94],\n          alt: \"Team building event\",\n        },\n      ]}\n      pattern=\"squareAltGrid\"\n      patternOpacity={1}\n      background=\"white\"\n    />\n  );\n}","propsSchema":{"className":{"type":"string","description":"Additional CSS classes for the section","required":false},"containerClassName":{"type":"string","description":"Additional CSS classes for the container","required":false},"title":{"type":"object","description":"Main title","typeLabel":"React.ReactNode","required":false},"titleClassName":{"type":"string","description":"Additional CSS classes for the title","required":false},"description":{"type":"object","description":"Main description","typeLabel":"React.ReactNode","required":false},"descriptionClassName":{"type":"string","description":"Additional CSS classes for the description","required":false},"images":{"type":"array","description":"Array of gallery images","items":{"type":"object","description":"","fields":{"src":{"type":"string","description":"","required":true},"alt":{"type":"string","description":"","required":true}},"typeLabel":"GalleryImageItem"},"typeLabel":"GalleryImageItem[]","required":false},"imagesSlot":{"type":"object","description":"Custom slot for rendering images (overrides images array)","typeLabel":"React.ReactNode","required":false},"imagesClassName":{"type":"string","description":"Additional CSS classes for the images container","required":false},"optixFlowConfig":{"type":"object","description":"Optional Optix Flow configuration for image optimization","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","story","gallery","images","minimal","journey","narrative","visual"],"performance":{},"importantUsageNotes":"Ensure to use 3, 6, 9, etc `images` since the images showcase is a 3 column layout."}},"timestamp":"2026-05-13T10:45:10.579Z"}