{"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,"mediaHints":{"path":"logo.src","roles":["logo"],"disallowedRoles":["favicon","video-thumbnail"],"minPixelClass":"small","required":false,"note":"Brand logo in the footer. LOGO IMAGE ONLY. Do not use photos, favicons, or video assets."}},"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}},"exampleProps":{"logo":{"url":"/","src":"https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png","alt":"Company Logo","title":"Company"},"description":"Empowering teams to build faster, ship better.","sections":[{"title":"Product","links":[{"name":"Features","href":"#"},{"name":"Pricing","href":"#"}]}],"socialLinks":[{"href":"https://twitter.com/company","label":"Twitter"},{"href":"https://github.com/company","label":"GitHub"}],"newsletterTitle":"Stay in the loop","newsletterPlaceholder":"Enter your email","newsletterButtonText":"Subscribe","privacyText":"We care about your privacy.","privacyLinkText":"Read our policy","privacyLinkUrl":"/privacy","copyright":"Acme Inc."},"dependencies":["@opensite/ui"],"tags":["footer","newsletter","grid","social","comprehensive","email","marketing","subscription"],"performance":{},"importantUsageNotes":"All media src values must be absolute URLs to real assets; relative paths and placeholder media variables are not allowed. sections use { title, links: [{ name, href }] }. Newsletter is a plain HTML input/button — no FormEngine required. socialLinks use { href, label, iconNameOverride? }.","usageRequirements":{"requiredProps":[],"propConstraints":{},"requiresSiteCapabilities":["contact_form"],"mediaSlots":{"logo":{"path":"logo.src","roles":["logo"],"disallowedRoles":["favicon","video-thumbnail"],"minPixelClass":"small","required":false,"note":"Brand logo in the footer. LOGO IMAGE ONLY. Do not use photos, favicons, or video assets."}}}}},"timestamp":"2026-06-27T20:18:41.386Z"}