{"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/308353/iiktk6da0u7p4atzzncjww48m2lt/about-story-gallery-desktop.jpg","mobile":"https://cdn.ing/assets/i/r/308354/vu10h06t7a5flz94lqy5uq51irdx/about-story-gallery-mobile.jpg"},"componentPath":"blocks/about/about-story-gallery.tsx","code":"import { AboutStoryGallery } from \"@opensite/ui/blocks/about/about-story-gallery\";\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: \"https://toastability-production.s3.amazonaws.com/ehgbcugs782765ke1l2dtbtzd918\",\n          alt: \"Team collaboration session\",\n        },\n        {\n          src: \"https://toastability-production.s3.amazonaws.com/kka8f550on7acx1lf82xleu6zhzo\",\n          alt: \"Office celebration\",\n        },\n        {\n          src: \"https://toastability-production.s3.amazonaws.com/67fnapqepn7f8vwt0x4nqho70hbz\",\n          alt: \"Modern workspace\",\n        },\n        {\n          src: \"https://toastability-production.s3.amazonaws.com/t4cidbsfz3z468bn45yqdrkbx7ou\",\n          alt: \"Team workshop\",\n        },\n        {\n          src: \"https://toastability-production.s3.amazonaws.com/gq3c9qalkiomu0rzdzxymkdaazdu\",\n          alt: \"Conference presentation\",\n        },\n        {\n          src: \"https://toastability-production.s3.amazonaws.com/9ujya2tfhxja7y5s9wb7d2u8crhd\",\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":true,"maxLength":70},"titleClassName":{"type":"string","description":"Additional CSS classes for the title","required":false},"description":{"type":"object","description":"Main description","typeLabel":"React.ReactNode","required":true,"maxLength":220},"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},"className":{"type":"string","description":"","required":false}},"typeLabel":"GalleryImageItem"},"typeLabel":"GalleryImageItem[]","required":true,"minItems":3,"maxItems":5,"mediaHints":{"path":"images[]","roles":["gallery","feature"],"disallowedRoles":["logo","favicon","video-thumbnail"],"minPixelClass":"large","required":true,"note":"Story gallery image. IMAGE MEDIA ONLY. Do not use logos, favicons, or video assets."}},"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}},"exampleProps":{"title":"Our Story","description":"We started with a simple idea: make high-quality site operations easier for every team.","images":[{"src":"https://cdn.ing/assets/i/r/308196/g6bbn73f7gxal82uu49m9prfd0u8/workplace-in-cafe.webp","alt":"Early team workspace"},{"src":"https://cdn.ing/assets/i/r/308196/g6bbn73f7gxal82uu49m9prfd0u8/workplace-in-cafe.webp","alt":"Team collaborating on product direction"},{"src":"https://cdn.ing/assets/i/r/308196/g6bbn73f7gxal82uu49m9prfd0u8/workplace-in-cafe.webp","alt":"Operations planning board"}]},"dependencies":["@opensite/ui"],"tags":["about","story","gallery","images","minimal","journey","narrative","visual"],"performance":{},"importantUsageNotes":"Use for concise origin stories with a small image gallery. Provide real, relevant gallery images with descriptive alt text. Do not use logos, favicons, or video URLs in images[].","usageRequirements":{"requiredProps":["title","description","images"],"propConstraints":{"title":{"required":true,"maxLength":70},"description":{"required":true,"maxLength":220},"images":{"required":true,"minItems":3,"maxItems":5}},"mediaSlots":{"images[]":{"path":"images[]","roles":["gallery","feature"],"disallowedRoles":["logo","favicon","video-thumbnail"],"minPixelClass":"large","required":true,"note":"Story gallery image. IMAGE MEDIA ONLY. Do not use logos, favicons, or video assets."}},"requiresSiteCapabilities":["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:43.539Z"}