{"success":true,"data":{"block":{"id":"footer-newsletter-grid","name":"Footer Newsletter Grid","title":"Footer Newsletter Grid","category":"Footer","categorySlug":"footer","description":"A comprehensive footer with logo, social icons, navigation, and newsletter. Features a full-width grid layout with brand section (logo, description, social icons), multi-column navigation, and a prominent newsletter signup form. Ideal for content-heavy websites, SaaS products, and businesses that prioritize email marketing and social engagement.","thumbnail":{"desktop":"https://cdn.ing/assets/i/r/290435/mjet8zuupbeahzt086ya1h8o4r4h/footer-newsletter-grid-desktop.png","mobile":"https://cdn.ing/assets/i/r/290434/z6bze6kdt95p54j4hisa0l58olon/cleanshot-2026-02-18-at-18-46-19-2x.png"},"componentPath":"blocks/footers/footer-newsletter-grid.tsx","code":"import { FooterNewsletterGrid } from \"@opensite/ui/blocks/footers/footer-newsletter-grid\";\nimport { brandLogoPlaceholders } from \"@/lib/media\";\n\nexport default function Demo() {\n  return (\n    <FooterNewsletterGrid\n      logo={{\n        url: \"#\",\n        src: brandLogoPlaceholders.black[3],\n        alt: \"DataFlow Analytics\",\n        title: \"DataFlow\",\n      }}\n      description=\"Empowering businesses with real-time data analytics, predictive insights, and intelligent automation to drive growth and innovation.\"\n      sections={[\n        {\n          title: \"Products\",\n          links: [\n            { name: \"Business Intelligence\", href: \"/products/bi\" },\n            { name: \"Predictive Analytics\", href: \"/products/predictive\" },\n            { name: \"Data Visualization\", href: \"/products/visualization\" },\n            { name: \"Machine Learning\", href: \"/products/ml\" },\n            { name: \"Real-time Dashboards\", href: \"/products/dashboards\" },\n          ],\n        },\n        {\n          title: \"Industries\",\n          links: [\n            { name: \"Financial Services\", href: \"/industries/finance\" },\n            { name: \"Healthcare\", href: \"/industries/healthcare\" },\n            { name: \"Retail & E-commerce\", href: \"/industries/retail\" },\n            { name: \"Manufacturing\", href: \"/industries/manufacturing\" },\n            { name: \"Telecommunications\", href: \"/industries/telecom\" },\n          ],\n        },\n        {\n          title: \"Resources\",\n          links: [\n            { name: \"Documentation\", href: \"/docs\" },\n            { name: \"Case Studies\", href: \"/case-studies\" },\n            { name: \"White Papers\", href: \"/whitepapers\" },\n            { name: \"Webinars\", href: \"/webinars\" },\n            { name: \"Research Reports\", href: \"/research\" },\n          ],\n        },\n      ]}\n      socialLinks={[\n        { href: \"https://instagram.com/fashionstore\", label: \"Instagram\" },\n        { href: \"https://facebook.com/fashionstore\", label: \"Facebook\" },\n        { href: \"https://pinterest.com/fashionstore\", label: \"Pinterest\" },\n        { href: \"https://tiktok.com/@fashionstore\", label: \"TikTok\" },\n      ]}\n      newsletterTitle=\"Subscribe to Insights\"\n      newsletterPlaceholder=\"Enter your business email\"\n      newsletterButtonText=\"Get Updates\"\n      privacyText=\"By subscribing, you agree to our\"\n      privacyLinkText=\"Privacy Policy\"\n      privacyLinkUrl=\"#\"\n      copyright=\"DataFlow Analytics Inc.\"\n      background=\"gray\"\n      pattern=\"gridFadeTop\"\n      patternOpacity={0.9}\n      spacing=\"lg\"\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},"description":{"type":"string","description":"Brand description text","required":false},"sections":{"type":"array","description":"Navigation sections","items":{"type":"object","description":"","fields":{"title":{"type":"string","description":"","required":true},"links":{"type":"array","description":"","items":{"type":"object","description":"","fields":{"name":{"type":"string","description":"","required":true},"href":{"type":"string","description":"","required":true}},"typeLabel":"{ name: string; href: string; }"},"typeLabel":"{ name: string; href: string; }[]","required":true}},"typeLabel":"FooterNewsletterGridSection"},"typeLabel":"FooterNewsletterGridSection[]","required":false},"socialLinks":{"type":"array","description":"Social media links","items":{"type":"object","description":"","fields":{"href":{"type":"string","description":"Link URL - required. The platform icon is automatically determined from the URL.","required":true},"label":{"type":"string","description":"Optional accessible label for screen readers.\nIf not provided, the platform name is used.","required":false},"iconNameOverride":{"type":"string","description":"Optional icon name override in format: prefix/name (e.g., \"cib/instagram\")\nUse when you need a specific icon that differs from the auto-detected platform.","required":false}},"typeLabel":"FooterSocialLink"},"typeLabel":"FooterSocialLink[]","required":false},"newsletterTitle":{"type":"string","description":"Newsletter section title","required":false},"newsletterPlaceholder":{"type":"string","description":"Newsletter placeholder text","required":false},"newsletterButtonText":{"type":"string","description":"Newsletter button text","required":false},"privacyText":{"type":"string","description":"Privacy policy text","required":false},"privacyLinkText":{"type":"string","description":"Privacy policy link text","required":false},"privacyLinkUrl":{"type":"string","description":"Privacy policy URL","required":false},"copyright":{"type":"string","description":"Brand/company name for the copyright notice","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":"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","newsletter","grid","social","comprehensive","email","marketing","subscription"],"performance":{},"importantUsageNotes":"This footer has a logo/description column, 3-column navigation, social links, and an inline newsletter form. Provide exactly 3 'sections', each with 4-6 links. Only include 'socialLinks' the brand actually has — do not invent social profiles. The newsletter is a simple inline form controlled by 'newsletterTitle', 'newsletterPlaceholder', and 'newsletterButtonText' props (not formEngineSetup). Only set 'logo.src' if a real brand logo is in the media library. Only include 'privacyLinkUrl' if a privacy policy page actually exists on the site. Follow the example props closely for this block."}},"timestamp":"2026-05-13T10:43:32.377Z"}