{"success":true,"data":{"block":{"id":"footer-links-grid","name":"Footer Links Grid","title":"Footer Links Grid","category":"Footer","categorySlug":"footer","description":"A multi-column footer with logo, navigation links, and legal information. Features a responsive grid layout with customizable navigation sections, company branding, and bottom legal links. Ideal for corporate websites, SaaS products, and marketing sites that need organized footer navigation.","thumbnail":{"desktop":"https://cdn.ing/assets/i/r/290420/cjutkvt4ts74befzbdh97tzeg9mo/footer-links-grid-desktop.png","mobile":"https://cdn.ing/assets/i/r/290421/v6zexbi4zoh3y6g51974mw2pd7hb/footer-links-grid-mobile.png"},"componentPath":"blocks/footers/footer-links-grid.tsx","code":"import { FooterLinksGrid } from \"@opensite/ui/blocks/footers/footer-links-grid\";\nimport { brandLogoPlaceholders } from \"@/lib/media\";\n\nexport default function Demo() {\n  return (\n    <FooterLinksGrid\n      logo={{\n        url: \"/\",\n        src: brandLogoPlaceholders.white[0],\n        alt: \"TechSolutions Logo\",\n        title: \"TechSolutions\",\n      }}\n      tagline=\"Building the future of digital innovation, one solution at a time.\"\n      menuItems={[\n        {\n          title: \"Products\",\n          links: [\n            { text: \"Analytics Platform\", url: \"/products/analytics\" },\n            { text: \"Data Warehouse\", url: \"/products/warehouse\" },\n            { text: \"API Gateway\", url: \"/products/api\" },\n            { text: \"Security Suite\", url: \"/products/security\" },\n            { text: \"Enterprise Solutions\", url: \"/products/enterprise\" },\n          ],\n        },\n        {\n          title: \"Company\",\n          links: [\n            { text: \"About Us\", url: \"/about\" },\n            { text: \"Careers\", url: \"/careers\" },\n            { text: \"Press & Media\", url: \"/press\" },\n            { text: \"Investor Relations\", url: \"/investors\" },\n            { text: \"Contact Sales\", url: \"/contact\" },\n          ],\n        },\n        {\n          title: \"Resources\",\n          links: [\n            { text: \"Documentation\", url: \"/docs\" },\n            { text: \"API Reference\", url: \"/api-docs\" },\n            { text: \"Developer Blog\", url: \"/blog\" },\n            { text: \"Community Forum\", url: \"/community\" },\n            { text: \"Status Dashboard\", url: \"/status\" },\n          ],\n        },\n        {\n          title: \"Support\",\n          links: [\n            { text: \"Help Center\", url: \"/help\" },\n            { text: \"System Status\", url: \"/status\" },\n            { text: \"Contact Support\", url: \"/support\" },\n            { text: \"Training & Tutorials\", url: \"/training\" },\n            { text: \"Service Level Agreement\", url: \"/sla\" },\n          ],\n        },\n      ]}\n      copyright=\"TechSolutions Inc.\"\n      bottomLinks={[\n        { text: \"Privacy Policy\", url: \"/privacy\" },\n        { text: \"Terms of Service\", url: \"/terms\" },\n        { text: \"Cookie Settings\", url: \"/cookies\" },\n        { text: \"Accessibility\", url: \"/accessibility\" },\n      ]}\n      background=\"dark\"\n      spacing=\"lg\"\n      pattern=\"gridFadeTop\"\n      patternOpacity={0.1}\n    />\n  );\n}","propsSchema":{"logo":{"type":"object","description":"Logo configuration","fields":{"url":{"type":"string","description":"","required":true},"src":{"type":"string","description":"","required":true},"alt":{"type":"string","description":"","required":true},"title":{"type":"string","description":"","required":true}},"typeLabel":"{ url: string; src: string; alt: string; title: string; }","required":false},"className":{"type":"string","description":"Additional CSS classes","required":false},"tagline":{"type":"string","description":"Tagline displayed below the logo","required":false},"menuItems":{"type":"array","description":"Navigation menu sections","items":{"type":"object","description":"","fields":{"title":{"type":"string","description":"Section title","required":true},"links":{"type":"array","description":"Links within the section","items":{"type":"object","description":"","fields":{"text":{"type":"string","description":"","required":true},"url":{"type":"string","description":"","required":true}},"typeLabel":"{ text: string; url: string; }"},"typeLabel":"{ text: string; url: string; }[]","required":true}},"typeLabel":"FooterLinksGridMenuItem"},"typeLabel":"FooterLinksGridMenuItem[]","required":false},"copyright":{"type":"string","description":"Brand/company name for the copyright notice","required":false},"bottomLinks":{"type":"array","description":"Bottom links (terms, privacy, etc.)","items":{"type":"object","description":"","fields":{"text":{"type":"string","description":"","required":true},"url":{"type":"string","description":"","required":true}},"typeLabel":"{ text: string; url: string; }"},"typeLabel":"{ text: string; url: string; }[]","required":false},"background":{"type":"string","description":"Section background variant","typeLabel":"SectionBackground","required":false},"containerClassName":{"type":"string","description":"Additional CSS classes for the container","required":false},"spacing":{"type":"object","description":"Section spacing variant","fields":{},"typeLabel":"SectionSpacing","required":false},"pattern":{"type":"object","description":"Optional background pattern name","fields":{},"typeLabel":"PatternName","required":false},"patternOpacity":{"type":"number","description":"Pattern opacity (0-1)","required":false},"optixFlowConfig":{"type":"object","description":"Optional Optix Flow configuration for","fields":{"apiKey":{"type":"string","description":"","required":true},"compression":{"type":"number","description":"","required":false}},"typeLabel":"{ apiKey: string; compression?: number; }","required":false}},"defaultProps":{},"dependencies":["@opensite/ui"],"tags":["footer","navigation","links","multi-column","grid","corporate","legal","sitemap","branding"],"performance":{},"importantUsageNotes":"This footer has a logo/tagline column alongside a 4-column navigation grid and bottom legal links. Provide exactly 4 'menuItems' sections (the demo canonical count), each with 4-6 links. Only set 'logo.src' if a real brand logo is in the media library; otherwise rely on 'logo.title' as text. Only include 'bottomLinks' (privacy, terms, etc.) if those pages actually exist on the site. Follow the example props closely for this block."}},"timestamp":"2026-05-13T10:43:50.844Z"}