{"success":true,"data":{"block":{"id":"about-culture-tabs","name":"About Culture Tabs","title":"About Culture Tabs","category":"About","categorySlug":"about","description":"A tabbed company culture section with testimonials, image galleries, and a careers CTA. Features a tabbed interface with description, testimonial card, and image grid for each culture aspect. Best for company culture pages, careers sections, and about us pages.","thumbnail":{"desktop":"https://cdn.ing/assets/i/r/290459/sty27yddokekq943qh6p4zz4e1a6/cleanshot-2026-02-19-at-05-50-48-2x.png","mobile":"https://cdn.ing/assets/i/r/290458/s901l9ez0u6jncje3i48vuzdxref/cleanshot-2026-02-19-at-05-51-15-2x.png"},"componentPath":"blocks/about/about-culture-tabs.tsx","code":"import { AboutCultureTabs } from \"@opensite/ui/blocks/about/about-culture-tabs\";\nimport { DynamicIcon } from \"@opensite/ui/components/dynamic-icon\";\nimport { imagePlaceholders } from \"@/lib/media\";\n\nexport default function Demo() {\n  return (\n    <AboutCultureTabs\n      badgeText=\"Our Culture\"\n      heading=\"What Makes Us Different\"\n      description=\"We've built a workplace where innovation thrives and every voice matters. Explore the core aspects that define our unique culture.\"\n      aspects={[\n        {\n          id: \"innovation\",\n          title: \"Innovation First\",\n          description:\n            \"We believe in challenging the status quo and pushing boundaries. Our teams have the freedom to experiment, fail fast, and iterate toward breakthrough solutions. Every idea is valued, and creativity is encouraged at every level.\",\n          images: [\n            imagePlaceholders[12],\n            imagePlaceholders[23],\n            imagePlaceholders[34],\n          ],\n          testimonial: {\n            quote:\n              \"The freedom to innovate here is unmatched. I've learned more in six months than in years elsewhere.\",\n            author: \"Sarah Chen\",\n            role: \"Senior Product Designer\",\n            avatar: imagePlaceholders[67],\n          },\n        },\n        {\n          id: \"collaboration\",\n          title: \"Collaborative Spirit\",\n          description:\n            \"We break down silos and build bridges. Our open-door policy and cross-functional teams ensure that the best ideas rise to the top, regardless of where they come from. Collaboration isn't just encouraged—it's how we work.\",\n          images: [\n            imagePlaceholders[78],\n            imagePlaceholders[89],\n            imagePlaceholders[91],\n          ],\n          testimonial: {\n            quote:\n              \"Working across teams is seamless. Everyone is genuinely invested in helping each other succeed.\",\n            author: \"Marcus Johnson\",\n            role: \"Engineering Lead\",\n            avatar: imagePlaceholders[102],\n          },\n        },\n        {\n          id: \"growth\",\n          title: \"Growth Mindset\",\n          description:\n            \"We invest in our people's development through mentorship programs, learning budgets, and regular skill-building workshops. Your growth is our growth, and we're committed to helping you reach your full potential.\",\n          images: [\n            imagePlaceholders[5],\n            imagePlaceholders[16],\n            imagePlaceholders[27],\n          ],\n          testimonial: {\n            quote:\n              \"The mentorship and learning opportunities have accelerated my career beyond what I imagined possible.\",\n            author: \"Priya Patel\",\n            role: \"Data Scientist\",\n            avatar: imagePlaceholders[38],\n          },\n        },\n        {\n          id: \"balance\",\n          title: \"Work-Life Balance\",\n          description:\n            \"We understand that your best work happens when you're at your best. Flexible schedules, remote options, and generous time-off policies ensure you can be present for what matters most in your life.\",\n          images: [\n            imagePlaceholders[49],\n            imagePlaceholders[58],\n            imagePlaceholders[69],\n          ],\n          testimonial: {\n            quote:\n              \"I can be a dedicated professional and a present parent. That balance has transformed my life.\",\n            author: \"Alex Rivera\",\n            role: \"Marketing Director\",\n            avatar: imagePlaceholders[77],\n          },\n        },\n      ]}\n      ctaHeading=\"Ready to Join Our Team?\"\n      ctaDescription=\"We're always looking for talented individuals who share our values and want to make an impact.\"\n      actions={[\n        {\n          label: \"View Open Positions\",\n          href: \"#\",\n          variant: \"default\",\n          iconAfter: <DynamicIcon name=\"lucide/arrow-right\" size={16} />,\n        },\n        {\n          label: \"Learn About Benefits\",\n          href: \"#\",\n          variant: \"outline\",\n        },\n      ]}\n      ctaImages={[\n        imagePlaceholders[12],\n        imagePlaceholders[23],\n        imagePlaceholders[34],\n        imagePlaceholders[45],\n        imagePlaceholders[56],\n        imagePlaceholders[67],\n      ]}\n      background=\"dark\"\n      pattern=\"dashedGridFadeTopRight\"\n      patternOpacity={0.15}\n    />\n  );\n}","propsSchema":{"badgeText":{"type":"object","description":"Badge/label text","typeLabel":"React.ReactNode","required":false},"heading":{"type":"object","description":"Main heading text","typeLabel":"React.ReactNode","required":false},"description":{"type":"object","description":"Supporting description text","typeLabel":"React.ReactNode","required":false},"aspects":{"type":"array","description":"Array of culture aspects","items":{"type":"object","description":"","fields":{"id":{"type":"string","description":"Unique identifier","required":true},"title":{"type":"string","description":"Aspect title","required":true},"description":{"type":"string","description":"Aspect description","required":true},"images":{"type":"array","description":"Array of image URLs","items":{"type":"string","description":""},"required":true},"testimonial":{"type":"object","description":"Testimonial for this aspect","fields":{"quote":{"type":"string","description":"Testimonial quote","required":true},"author":{"type":"string","description":"Author name","required":true},"role":{"type":"string","description":"Author role/title","required":true},"avatar":{"type":"string","description":"Author avatar URL","required":true}},"typeLabel":"CultureTestimonial","required":true}},"typeLabel":"CultureAspect"},"typeLabel":"CultureAspect[]","required":false},"aspectsSlot":{"type":"object","description":"Custom slot for rendering aspects (overrides aspects array)","typeLabel":"React.ReactNode","required":false},"ctaHeading":{"type":"object","description":"CTA heading","typeLabel":"React.ReactNode","required":false},"ctaDescription":{"type":"object","description":"CTA description","typeLabel":"React.ReactNode","required":false},"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},"actionsSlot":{"type":"object","description":"Custom slot for rendering actions (overrides actions array)","typeLabel":"React.ReactNode","required":false},"ctaImages":{"type":"array","description":"CTA section images","items":{"type":"string","description":""},"required":false},"ctaImagesSlot":{"type":"object","description":"Custom slot for rendering CTA images (overrides ctaImages 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},"headerClassName":{"type":"string","description":"Additional CSS classes for the header","required":false},"badgeClassName":{"type":"string","description":"Additional CSS classes for the badge","required":false},"headingClassName":{"type":"string","description":"Additional CSS classes for the heading","required":false},"descriptionClassName":{"type":"string","description":"Additional CSS classes for the description","required":false},"tabsClassName":{"type":"string","description":"Additional CSS classes for the tabs container","required":false},"ctaClassName":{"type":"string","description":"Additional CSS classes for the CTA section","required":false},"ctaHeadingClassName":{"type":"string","description":"Additional CSS classes for the CTA heading","required":false},"ctaDescriptionClassName":{"type":"string","description":"Additional CSS classes for the CTA description","required":false},"actionsClassName":{"type":"string","description":"Additional CSS classes for the actions 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","culture","tabs","testimonials","gallery","careers","team","values","workplace"],"performance":{},"importantUsageNotes":"This block has a large number of strict requirements and should only be used for a website that has a large number of imges, reviews/testimonials, etc. Only use if you generate exactly 4 `aspects` since any more/fewer will distort the layout. Follow the example props very closely for this block, e.g. image counts in each section, 1 REAL (DO NOT GENERATE FAKE REVIEWS/TESTIMONIALS) testimonial per aspect, etc. 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. Follow the example props closely for this block."}},"timestamp":"2026-05-13T10:45:10.443Z"}