{"success":true,"data":{"block":{"id":"feature-card-grid-linked","name":"Feature Card Grid Linked","title":"Feature Card Grid Linked","category":"Features","categorySlug":"features","description":"Two-column grid of feature cards with images and clickable headings. Each card has an image, title link, and description. Perfect for blog posts, resources, or feature highlights.","thumbnail":{"desktop":"https://cdn.ing/assets/i/r/306331/nxthqotoy5de3fqlh435lxk6qdjr/feature-card-grid-linked-desktop.jpg","mobile":"https://cdn.ing/assets/i/r/306332/679psayi0ekqenurfqxfp4kjojrc/feature-card-grid-linked-mobile.jpg"},"componentPath":"blocks/features/feature-card-grid-linked.tsx","code":"import { imagePlaceholders } from \"@/lib/media\";\nimport { FeatureCardGridLinked } from \"@opensite/ui/blocks/features/feature-card-grid-linked\";\n\nexport default function Demo() {\n  return (\n    <FeatureCardGridLinked\n      title=\"Explore Our Solutions\"\n      description=\"Discover tailored solutions designed to meet the unique needs of different industries and user groups. Whether you're an enterprise, developer, startup, or looking to optimize your content with AEO, we have the right tools and services for you.\"\n      pattern=\"circles\"\n      patternOpacity={0.42}\n      background=\"muted\"\n      features={[\n        {\n          id: \"enterprise\",\n          label: \"For Enterprise\",\n          heading: \"Scale with Confidence\",\n          description:\n            \"Enterprise-grade infrastructure with dedicated support, SLA guarantees, and custom integrations.\",\n          image: imagePlaceholders[68],\n          imageAlt: \"Enterprise solutions\",\n          url: \"#\",\n        },\n        {\n          id: \"developers\",\n          label: \"For Developers\",\n          heading: \"Build Faster\",\n          description:\n            \"Complete SDK, CLI tools, and comprehensive documentation to accelerate your development workflow.\",\n          image: imagePlaceholders[82],\n          imageAlt: \"Developer tools\",\n          url: \"#\",\n        },\n        {\n          id: \"startups\",\n          label: \"For Startups\",\n          heading: \"Launch Quickly\",\n          description:\n            \"Everything you need to go from idea to production in days, not months.\",\n          image: imagePlaceholders[101],\n          imageAlt: \"Startup solutions\",\n          url: \"#\",\n        },\n        {\n          id: \"marketing\",\n          label: \"AEO\",\n          heading: \"Optimize Your Content\",\n          description:\n            \"Leverage AI-driven tools to enhance your content strategy and boost engagement.\",\n          image: imagePlaceholders[33],\n          imageAlt: \"Startup solutions\",\n          url: \"#\",\n        },\n      ]}\n    />\n  );\n}","propsSchema":{"title":{"type":"object","description":"Section title content","typeLabel":"React.ReactNode","required":false},"description":{"type":"object","description":"Feature description content","typeLabel":"React.ReactNode","required":false},"features":{"type":"array","description":"Array of feature cards","items":{"type":"object","description":"","fields":{"id":{"type":"string","description":"Unique identifier","required":false},"heading":{"type":"object","description":"Card heading content","typeLabel":"React.ReactNode","required":false},"label":{"type":"object","description":"Label content displayed above heading","typeLabel":"React.ReactNode","required":false},"description":{"type":"object","description":"Card description content","typeLabel":"React.ReactNode","required":false},"image":{"type":"string","description":"Image source URL","required":false},"imageAlt":{"type":"string","description":"Image alt text","required":false},"imageSlot":{"type":"object","description":"Image element or ReactNode (overrides image)","typeLabel":"React.ReactNode","required":false},"url":{"type":"string","description":"Link URL","required":false},"className":{"type":"string","description":"Additional CSS classes for the card","required":false},"labelClassName":{"type":"string","description":"Additional CSS classes for the label","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}},"typeLabel":"FeatureCardGridLinkedItem"},"typeLabel":"FeatureCardGridLinkedItem[]","required":false},"featuresSlot":{"type":"object","description":"Custom slot for rendering features (overrides features 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},"titleWrapperClassName":{"type":"string","description":"Additional CSS classes for the title wrapper","required":false},"titleClassName":{"type":"string","description":"Additional CSS classes for the title","required":false},"descriptionClassName":{"type":"string","description":"Additional CSS classes for the description","required":false},"gridClassName":{"type":"string","description":"Additional CSS classes for the grid","required":false},"cardClassName":{"type":"string","description":"Additional CSS classes for each card","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},"patternClassName":{"type":"string","description":"Additional CSS classes for the pattern overlay","required":false},"sectionId":{"type":"string","description":"Optional Section ID","required":false}},"defaultProps":{},"dependencies":["@opensite/ui"],"tags":["features","grid","cards","linked","two-column","images","resources"],"performance":{},"importantUsageNotes":"Ensure to only generate multiples of 2 for the 'features' prop (2, 4, 6, 8, etc), since the features element is a 2 column layout. Follow the example props closely for this block."}},"timestamp":"2026-05-13T10:41:38.471Z"}