{"success":true,"data":{"block":{"id":"blog-tech-insights","name":"Blog Tech Insights","title":"Blog Tech Insights","category":"Blog","categorySlug":"blog","description":"A dark-themed content section with a featured item and secondary items list. The featured item displays a large image with title and author info. Secondary items appear in a bordered list with thumbnails and content snippets. Includes a header with title, description, and primary CTA button. Perfect for content-focused layouts with a modern, professional aesthetic.","thumbnail":{"desktop":"https://cdn.ing/assets/i/r/289113/pctzj2fqzonzgjla0jigkf5jjh1t/blocks-blog-tech-insights-desktop.jpg","mobile":"https://cdn.ing/assets/i/r/289112/m5w7spzo74nbjccxzu1z73bvmb5u/blocks-blog-tech-insights-mobile.jpg"},"componentPath":"blocks/blog/blog-tech-insights.tsx","code":"import { BlogTechInsights } from \"@opensite/ui/blocks/blog/blog-tech-insights\";\nimport { imagePlaceholders } from \"@/lib/media\";\n\nexport default function Demo() {\n  return (\n    <BlogTechInsights\n      heading=\"Tech Insights\"\n      description=\"Latest developments in technology. Exploring the intersection of blockchain technology and supply chain management for transparency and traceability.\"\n      readMoreAction={{\n        label: \"View All\",\n        href: \"#\",\n        variant: \"default\",\n        asButton: true,\n        size: \"lg\",\n      }}\n      featuredPost={{\n        id: \"featured\",\n        title: \"The Rise of Edge Computing in Modern Applications\",\n        image: imagePlaceholders[50],\n        author: \"Dr. Emily Chang\",\n        authorAvatar: imagePlaceholders[85],\n        authorRole: \"Principal Architect\",\n        href: \"/blog/edge-computing-rise\",\n      }}\n      secondaryPosts={[\n        {\n          id: \"1\",\n          title: \"WebAssembly: Transforming Web Performance\",\n          description:\n            \"How WebAssembly is transforming browser-based applications and enabling near-native performance for web apps.\",\n          image: imagePlaceholders[4],\n          href: \"/blog/webassembly-transformation\",\n        },\n        {\n          id: \"2\",\n          title: \"Blockchain in Supply Chain Management\",\n          description:\n            \"Exploring the intersection of blockchain technology and supply chain management for transparency and traceability.\",\n          image: imagePlaceholders[17],\n          href: \"/blog/blockchain-supply-chain\",\n        },\n        {\n          id: \"3\",\n          title: \"Quantum-Resistant Cryptography: Preparing for the Future\",\n          description:\n            \"Deep dive into quantum-resistant cryptography and preparing systems for the post-quantum computing era.\",\n          image: imagePlaceholders[37],\n          href: \"/blog/quantum-resistant-crypto\",\n        },\n      ]}\n    />\n  );\n}","propsSchema":{"heading":{"type":"object","description":"Main heading content","typeLabel":"React.ReactNode","required":false},"description":{"type":"object","description":"Description text below heading","typeLabel":"React.ReactNode","required":false},"readMoreAction":{"type":"object","description":"Action configuration for the primary call-to-action","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},"readMoreSlot":{"type":"object","description":"Custom slot for rendering the primary action (overrides readMoreAction)","typeLabel":"React.ReactNode","required":false},"featuredPost":{"type":"object","description":"Featured item configuration","fields":{"id":{"type":"object","description":"Unique identifier for the post","typeLabel":"string | number","required":false},"title":{"type":"object","description":"Post title","typeLabel":"ReactNode","required":true},"summary":{"type":"object","description":"Post summary/excerpt","typeLabel":"ReactNode","required":false},"description":{"type":"object","description":"Post description (alternative to summary)","typeLabel":"ReactNode","required":false},"category":{"type":"object","description":"Post category or label","typeLabel":"ReactNode","required":false},"label":{"type":"object","description":"Post label (alternative to category)","typeLabel":"ReactNode","required":false},"author":{"type":"object","description":"Post author name","typeLabel":"ReactNode","required":false},"authorRole":{"type":"object","description":"Author role/title","typeLabel":"ReactNode","required":false},"authorAvatar":{"type":"string","description":"Author avatar image URL","required":false},"authorInitials":{"type":"string","description":"Author initials for avatar fallback","required":false},"date":{"type":"object","description":"Publication date","typeLabel":"ReactNode","required":false},"published":{"type":"object","description":"Published date (alternative to date)","typeLabel":"ReactNode","required":false},"readTime":{"type":"object","description":"Read time estimate","typeLabel":"ReactNode","required":false},"href":{"type":"string","description":"Post URL/link","required":false},"url":{"type":"string","description":"Post URL (alternative to href)","required":false},"link":{"type":"string","description":"Post URL (alternative to href)","required":false},"image":{"type":"string","description":"Featured image URL","required":false},"imageAlt":{"type":"string","description":"Image alt text","required":false},"thumbnail":{"type":"string","description":"Thumbnail image URL (alternative to image)","required":false},"cta":{"type":"object","description":"CTA button text","typeLabel":"ReactNode","required":false},"className":{"type":"string","description":"Additional CSS classes for the post card","required":false}},"typeLabel":"BlogPostItem","required":false},"featuredSlot":{"type":"object","description":"Custom slot for rendering the featured item (overrides featuredPost)","typeLabel":"React.ReactNode","required":false},"secondaryPosts":{"type":"array","description":"Array of secondary item configurations","items":{"type":"object","description":"","fields":{"id":{"type":"object","description":"Unique identifier for the post","typeLabel":"string | number","required":false},"title":{"type":"object","description":"Post title","typeLabel":"ReactNode","required":true},"summary":{"type":"object","description":"Post summary/excerpt","typeLabel":"ReactNode","required":false},"description":{"type":"object","description":"Post description (alternative to summary)","typeLabel":"ReactNode","required":false},"category":{"type":"object","description":"Post category or label","typeLabel":"ReactNode","required":false},"label":{"type":"object","description":"Post label (alternative to category)","typeLabel":"ReactNode","required":false},"author":{"type":"object","description":"Post author name","typeLabel":"ReactNode","required":false},"authorRole":{"type":"object","description":"Author role/title","typeLabel":"ReactNode","required":false},"authorAvatar":{"type":"string","description":"Author avatar image URL","required":false},"authorInitials":{"type":"string","description":"Author initials for avatar fallback","required":false},"date":{"type":"object","description":"Publication date","typeLabel":"ReactNode","required":false},"published":{"type":"object","description":"Published date (alternative to date)","typeLabel":"ReactNode","required":false},"readTime":{"type":"object","description":"Read time estimate","typeLabel":"ReactNode","required":false},"href":{"type":"string","description":"Post URL/link","required":false},"url":{"type":"string","description":"Post URL (alternative to href)","required":false},"link":{"type":"string","description":"Post URL (alternative to href)","required":false},"image":{"type":"string","description":"Featured image URL","required":false},"imageAlt":{"type":"string","description":"Image alt text","required":false},"thumbnail":{"type":"string","description":"Thumbnail image URL (alternative to image)","required":false},"cta":{"type":"object","description":"CTA button text","typeLabel":"ReactNode","required":false},"className":{"type":"string","description":"Additional CSS classes for the post card","required":false}},"typeLabel":"BlogPostItem"},"typeLabel":"BlogPostItem[]","required":false},"secondaryPostsSlot":{"type":"object","description":"Custom slot for rendering secondary items (overrides secondaryPosts 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},"headingClassName":{"type":"string","description":"Additional CSS classes for the heading","required":false},"descriptionClassName":{"type":"string","description":"Additional CSS classes for the description","required":false},"readMoreClassName":{"type":"string","description":"Additional CSS classes for the primary action","required":false},"contentClassName":{"type":"string","description":"Additional CSS classes for the content grid","required":false},"featuredClassName":{"type":"string","description":"Additional CSS classes for the featured item wrapper","required":false},"featuredImageClassName":{"type":"string","description":"Additional CSS classes for the featured item image","required":false},"secondaryPostsClassName":{"type":"string","description":"Additional CSS classes for the secondary items container","required":false},"secondaryPostItemClassName":{"type":"string","description":"Additional CSS classes for individual secondary item entries","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":"Background style for the section","typeLabel":"SectionBackground","required":false},"spacing":{"type":"object","description":"Vertical spacing for the section","fields":{},"typeLabel":"SectionSpacing","required":false},"pattern":{"type":"object","description":"Optional background pattern name or URL","fields":{},"typeLabel":"PatternName","required":false},"patternOpacity":{"type":"number","description":"Pattern overlay opacity (0-1)","required":false},"sectionId":{"type":"string","description":"Optional Section ID","required":false}},"defaultProps":{},"dependencies":["@opensite/ui"],"tags":["blog","posts","articles","content","dark-theme","featured","list","professional","modern"],"performance":{},"importantUsageNotes":"This block has a fixed featured + secondary layout: supply exactly 1 'featuredPost' (large hero with author/avatar/role) and exactly 3 items in 'secondaryPosts'. Only use real blog posts from the site's content; do not invent titles, descriptions, authors, author avatars, author roles, or hrefs. Only use real author data for the featured post's 'author', 'authorAvatar', and 'authorRole' fields. Follow the example props closely for this block."}},"timestamp":"2026-05-13T10:42:11.797Z"}