{"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\";\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:\n          \"https://toastability-production.s3.amazonaws.com/1xdx70c7gp9l883soyh5d3exesvt\",\n        author: \"Dr. Emily Chang\",\n        authorAvatar:\n          \"https://toastability-production.s3.amazonaws.com/3vwfdbekbkskxj2mvlvu85fz787u\",\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:\n            \"https://toastability-production.s3.amazonaws.com/pjgb223h1bjywdk15i3zi7pjhutg\",\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:\n            \"https://toastability-production.s3.amazonaws.com/ihgx63s5nfzp2e93e3ccljjnnrov\",\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:\n            \"https://toastability-production.s3.amazonaws.com/6ntdz6xwid3fswjz8y0otdxmzs40\",\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}},"exampleProps":{"heading":"Tech Insights","description":"Latest developments in technology, exploring the intersection of innovation and real-world implementation.","readMoreAction":{"label":"View All","href":"/blog","variant":"default","asButton":true,"size":"lg"},"featuredPost":{"id":"featured","title":"The Rise of Edge Computing in Modern Applications","image":"https://cdn.ing/assets/i/r/308196/g6bbn73f7gxal82uu49m9prfd0u8/workplace-in-cafe.webp","author":"Dr. Emily Chang","authorAvatar":"https://cdn.ing/assets/i/r/308196/g6bbn73f7gxal82uu49m9prfd0u8/workplace-in-cafe.webp","authorRole":"Principal Architect","href":"/blog/edge-computing-rise"},"secondaryPosts":[{"id":"1","title":"WebAssembly: Transforming Web Performance","description":"How WebAssembly is transforming browser-based applications and enabling near-native performance for web apps.","image":"https://cdn.ing/assets/i/r/308196/g6bbn73f7gxal82uu49m9prfd0u8/workplace-in-cafe.webp","href":"/blog/webassembly-transformation"},{"id":"2","title":"Blockchain in Supply Chain Management","description":"Exploring the intersection of blockchain technology and supply chain management for transparency and traceability.","image":"https://cdn.ing/assets/i/r/308196/g6bbn73f7gxal82uu49m9prfd0u8/workplace-in-cafe.webp","href":"/blog/blockchain-supply-chain"},{"id":"3","title":"Quantum-Resistant Cryptography: Preparing for the Future","description":"Deep dive into quantum-resistant cryptography and preparing systems for the post-quantum computing era.","image":"https://cdn.ing/assets/i/r/308196/g6bbn73f7gxal82uu49m9prfd0u8/workplace-in-cafe.webp","href":"/blog/quantum-resistant-crypto"}]},"dependencies":["@opensite/ui"],"tags":["blog","posts","articles","content","dark-theme","featured","list","professional","modern"],"performance":{},"importantUsageNotes":"Blog posts must come from real, source-backed content. Do not fabricate article titles, authors, or excerpts. featuredPost and secondaryPosts are separate props — do not merge them into a single array. Author avatar must be an absolute image URL. authorRole should match the author's actual job title.","usageRequirements":{"requiredProps":[],"propConstraints":{},"mediaSlots":{},"requiresSiteCapabilities":["blog_posts","media_library","team_members"]}}},"timestamp":"2026-06-27T20:12:20.242Z"}