{"success":true,"data":{"block":{"id":"footer-brand-links-contact","name":"Brand Links + Contact Footer","title":"Footer Brand Links Contact","category":"Footer","categorySlug":"footer","description":"A multi-column footer with logo and brand summary, navigation link groups, contact details, social icons, and a legal bar. Great for corporate sites that need both navigation depth and clear contact paths.","thumbnail":{"desktop":"https://cdn.ing/assets/i/r/290430/l17fqkc0l080er0apkj8mpxg0wcn/footer-brand-links-contact-desktop.png","mobile":"https://cdn.ing/assets/i/r/290431/w1pv8gbp72vde9d0ns0bhduqooda/footer-brand-links-contact-mobile.png"},"componentPath":"blocks/footers/footer-brand-links-contact.tsx","code":"import { FooterBrandLinksContact } from \"@opensite/ui/blocks/footers/footer-brand-links-contact\";\nimport { brandLogoPlaceholders } from \"@/lib/media\";\n\nexport default function Demo() {\n  return (\n    <FooterBrandLinksContact\n      logoSrc={brandLogoPlaceholders.black[4]}\n      logoAlt=\"Modern Commerce Logo\"\n      tagline=\"Empowering businesses worldwide\"\n      description=\"Modern Commerce is a leading e-commerce platform helping thousands of businesses build, manage, and scale their online stores with cutting-edge technology and unparalleled support.\"\n      linkGroups={[\n        {\n          title: \"Products\",\n          links: [\n            { label: \"Online Store\", href: \"#\" },\n            { label: \"Point of Sale\", href: \"#\" },\n            { label: \"Mobile Commerce\", href: \"#\" },\n            { label: \"Marketing Tools\", href: \"#\" },\n            { label: \"Analytics\", href: \"#\" },\n            { label: \"Integrations\", href: \"#\" },\n          ],\n        },\n        {\n          title: \"Resources\",\n          links: [\n            { label: \"Help Center\", href: \"#\" },\n            { label: \"Video Tutorials\", href: \"#\" },\n            { label: \"API Documentation\", href: \"#\" },\n            { label: \"Developer Guides\", href: \"#\" },\n            { label: \"Community Forum\", href: \"#\" },\n            { label: \"Webinars\", href: \"#\" },\n          ],\n        },\n        {\n          title: \"Company\",\n          links: [\n            { label: \"About Us\", href: \"#\" },\n            { label: \"Careers\", href: \"#\" },\n            { label: \"Press & Media\", href: \"#\" },\n            { label: \"Partnerships\", href: \"#\" },\n            { label: \"Affiliates\", href: \"#\" },\n            { label: \"Sustainability\", href: \"#\" },\n          ],\n        },\n      ]}\n      contactTitle=\"Contact Us\"\n      contactItems={[\n        {\n          icon: \"lucide/mail\",\n          label: \"support@moderncommerce.com\",\n          href: \"mailto:support@moderncommerce.com\",\n        },\n        {\n          icon: \"lucide/phone\",\n          label: \"+1 (888) 555-7890\",\n          href: \"tel:+18885557890\",\n        },\n        {\n          icon: \"lucide/map-pin\",\n          label: \"123 Commerce Street, New York, NY 10001\",\n          href: \"https://maps.google.com\",\n        },\n      ]}\n      socialTitle=\"Follow Us\"\n      socialLinks={[\n        { href: \"https://facebook.com\", label: \"Facebook\" },\n        { href: \"https://twitter.com\", label: \"Twitter\" },\n        { href: \"https://linkedin.com\", label: \"LinkedIn\" },\n        { href: \"https://instagram.com\", label: \"Instagram\" },\n      ]}\n      copyright=\"© 2026 Modern Commerce Inc. All rights reserved.\"\n      legalLinks={[\n        { label: \"Privacy Policy\", href: \"#\" },\n        { label: \"Terms of Service\", href: \"#\" },\n        { label: \"Cookie Settings\", href: \"#\" },\n      ]}\n      background=\"gray\"\n      spacing=\"xl\"\n    />\n  );\n}","propsSchema":{"logoSrc":{"type":"string","description":"Logo source URL","required":false},"logoAlt":{"type":"string","description":"Logo alt text","required":false},"tagline":{"type":"object","description":"Brand tagline text","typeLabel":"React.ReactNode","required":false},"description":{"type":"object","description":"Brand description text","typeLabel":"React.ReactNode","required":false},"linkGroups":{"type":"array","description":"Link groups for the footer columns","items":{"type":"object","description":"","fields":{"title":{"type":"string","description":"Group title","required":true},"links":{"type":"array","description":"Links in this group","items":{"type":"object","description":"","fields":{"label":{"type":"object","description":"Link label","typeLabel":"ReactNode","required":true},"href":{"type":"string","description":"Link URL","required":true},"icon":{"type":"object","description":"Optional icon","typeLabel":"ReactNode","required":false},"className":{"type":"string","description":"Additional CSS classes","required":false}},"typeLabel":"NavLinkItem"},"typeLabel":"NavLinkItem[]","required":true}},"typeLabel":"FooterBrandLinksContactGroup"},"typeLabel":"FooterBrandLinksContactGroup[]","required":false},"contactItems":{"type":"array","description":"Contact items for the contact column","items":{"type":"object","description":"","fields":{"icon":{"type":"string","description":"Icon name in format: prefix/name","required":true},"label":{"type":"string","description":"Contact label/text","required":true},"href":{"type":"string","description":"Contact link URL","required":true}},"typeLabel":"FooterBrandLinksContactItem"},"typeLabel":"FooterBrandLinksContactItem[]","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},"legalLinks":{"type":"array","description":"Bottom bar links","items":{"type":"object","description":"","fields":{"label":{"type":"string","description":"Link label","required":true},"href":{"type":"string","description":"Link URL","required":true}},"typeLabel":"FooterBrandLinksContactLegalLink"},"typeLabel":"FooterBrandLinksContactLegalLink[]","required":false},"copyright":{"type":"string","description":"Brand/company name for the copyright notice","required":false},"contactTitle":{"type":"object","description":"Contact section title","typeLabel":"React.ReactNode","required":false},"socialTitle":{"type":"object","description":"Social section title","typeLabel":"React.ReactNode","required":false},"className":{"type":"string","description":"Additional CSS classes for the section wrapper","required":false},"contentClassName":{"type":"string","description":"Additional CSS classes for the footer content","required":false},"gridClassName":{"type":"string","description":"Additional CSS classes for the grid layout","required":false},"brandClassName":{"type":"string","description":"Additional CSS classes for the brand column","required":false},"logoClassName":{"type":"string","description":"Additional CSS classes for the logo","required":false},"taglineClassName":{"type":"string","description":"Additional CSS classes for the tagline","required":false},"descriptionClassName":{"type":"string","description":"Additional CSS classes for the description","required":false},"linkGroupClassName":{"type":"string","description":"Additional CSS classes for link group columns","required":false},"linkGroupTitleClassName":{"type":"string","description":"Additional CSS classes for link group titles","required":false},"linkListClassName":{"type":"string","description":"Additional CSS classes for link lists","required":false},"linkItemClassName":{"type":"string","description":"Additional CSS classes for link items","required":false},"contactColumnClassName":{"type":"string","description":"Additional CSS classes for the contact column","required":false},"contactItemClassName":{"type":"string","description":"Additional CSS classes for contact items","required":false},"socialSectionClassName":{"type":"string","description":"Additional CSS classes for the social section","required":false},"socialLinkClassName":{"type":"string","description":"Additional CSS classes for social links","required":false},"bottomBarClassName":{"type":"string","description":"Additional CSS classes for the bottom bar","required":false},"copyrightClassName":{"type":"string","description":"Additional CSS classes for the copyright section","required":false},"legalLinksClassName":{"type":"string","description":"Additional CSS classes for legal links","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","fields":{},"typeLabel":"PatternName","required":false},"patternOpacity":{"type":"number","description":"Pattern opacity (0-1)","required":false},"optixFlowConfig":{"type":"object","description":"Optional Optix Flow configuration for image optimization","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},"sectionId":{"type":"string","description":"Optional Section ID","required":false}},"defaultProps":{},"dependencies":["@opensite/ui"],"tags":["footer","brand","links","contact","social","legal","multi-column","navigation"],"performance":{},"importantUsageNotes":"This footer has a brand/description column, 3 link group columns, and a contact + social column. Provide exactly 3 'linkGroups', each with 4-6 links. Only supply real 'contactItems' (email, phone, address) — DO NOT invent any contact data; omit fields the brand has not provided. Only include 'socialLinks' the brand actually has — do not invent social profiles. Only set 'logoSrc' if a real brand logo is in the media library. Only include 'legalLinks' (privacy, terms, etc.) if those pages actually exist on the site. Follow the example props closely for this block."}},"timestamp":"2026-05-13T10:43:31.593Z"}