{"success":true,"data":{"block":{"id":"footer-brand-description","name":"Footer Brand Description","title":"Footer Brand Description","category":"Footer","categorySlug":"footer","description":"A footer with logo, description, social icons, and navigation. Features a prominent brand section with logo, description, and social links on the left, with multi-column navigation on the right. Ideal for brand-focused websites, startups, and businesses that want to emphasize their identity and social presence in the footer.","thumbnail":{"desktop":"https://cdn.ing/assets/i/r/290428/rqhsdnwsec12dpln0j7no1g3hioj/footer-brand-description-desktop.png","mobile":"https://cdn.ing/assets/i/r/290429/re4j7vw6669yuewxh2tmor91a66o/footer-brand-description-mobile.png"},"componentPath":"blocks/footers/footer-brand-description.tsx","code":"import { FooterBrandDescription } from \"@opensite/ui/blocks/footers/footer-brand-description\";\nimport { brandLogoPlaceholders } from \"@/lib/media\";\n\nexport default function Demo() {\n  return (\n    <FooterBrandDescription\n      logo={{\n        url: \"/\",\n        src: brandLogoPlaceholders.white[3],\n        alt: \"TechStart Logo\",\n        title: \"TechStart\",\n      }}\n      description=\"Building the future of cloud infrastructure with intelligent automation, security-first design, and enterprise-grade reliability. Trusted by over 10,000 companies worldwide to scale their digital operations.\"\n      socialLinks={[\n        {\n          href: \"https://github.com\",\n          label: \"View our GitHub repositories\",\n        },\n        {\n          href: \"https://linkedin.com\",\n          label: \"Connect on LinkedIn\",\n        },\n        {\n          href: \"https://twitter.com\",\n          label: \"Follow us on Twitter\",\n        },\n        {\n          href: \"https://youtube.com\",\n          label: \"Watch our tutorials\",\n        },\n        {\n          href: \"https://discord.com\",\n          label: \"Join our Discord community\",\n        },\n      ]}\n      sections={[\n        {\n          title: \"Platform\",\n          links: [\n            { name: \"Infrastructure\", href: \"#\" },\n            { name: \"Serverless\", href: \"#\" },\n            { name: \"Databases\", href: \"#\" },\n            { name: \"Analytics\", href: \"#\" },\n            { name: \"Security\", href: \"#\" },\n            { name: \"Monitoring\", href: \"#\" },\n          ],\n        },\n        {\n          title: \"Developers\",\n          links: [\n            { name: \"Documentation\", href: \"#\" },\n            { name: \"API Reference\", href: \"#\" },\n            { name: \"SDKs\", href: \"#\" },\n            { name: \"CLI Tools\", href: \"#\" },\n            { name: \"Changelog\", href: \"#\" },\n            { name: \"Status\", href: \"#\" },\n          ],\n        },\n        {\n          title: \"Company\",\n          links: [\n            { name: \"About Us\", href: \"#\" },\n            { name: \"Careers\", href: \"#\" },\n            { name: \"Blog\", href: \"#\" },\n            { name: \"Press Kit\", href: \"#\" },\n            { name: \"Partners\", href: \"#\" },\n            { name: \"Contact\", href: \"#\" },\n          ],\n        },\n      ]}\n      copyright=\"TechStart Inc\"\n      legalLinks={[\n        { name: \"Privacy Policy\", href: \"#\" },\n        { name: \"Terms of Service\", href: \"#\" },\n        { name: \"Cookie Policy\", href: \"#\" },\n        { name: \"Acceptable Use\", href: \"#\" },\n      ]}\n      background=\"dark\"\n      spacing=\"lg\"\n      pattern=\"grid1\"\n      patternOpacity={0.05}\n    />\n  );\n}","propsSchema":{"logo":{"type":"object","description":"Logo configuration","fields":{"url":{"type":"string","description":"Logo link URL","required":true},"src":{"type":"string","description":"Logo image source","required":true},"alt":{"type":"string","description":"Logo alt text","required":true},"title":{"type":"string","description":"Logo title/brand name","required":true}},"typeLabel":"FooterBrandDescriptionLogo","required":false},"sections":{"type":"array","description":"Navigation sections","items":{"type":"object","description":"","fields":{"title":{"type":"string","description":"Section title","required":true},"links":{"type":"array","description":"Links in this section","items":{"type":"object","description":"","fields":{"name":{"type":"string","description":"Link name/label","required":true},"href":{"type":"string","description":"Link URL","required":true}},"typeLabel":"FooterBrandDescriptionLink"},"typeLabel":"FooterBrandDescriptionLink[]","required":true}},"typeLabel":"FooterBrandDescriptionSection"},"typeLabel":"FooterBrandDescriptionSection[]","required":false},"description":{"type":"object","description":"Brand description text","typeLabel":"React.ReactNode","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},"copyright":{"type":"string","description":"Brand/company name for the copyright notice","required":false},"legalLinks":{"type":"array","description":"Legal links (terms, privacy, etc.)","items":{"type":"object","description":"","fields":{"name":{"type":"string","description":"Link name/label","required":true},"href":{"type":"string","description":"Link URL","required":true}},"typeLabel":"FooterBrandDescriptionLink"},"typeLabel":"FooterBrandDescriptionLink[]","required":false},"className":{"type":"string","description":"Additional CSS classes for the section wrapper","required":false},"contentClassName":{"type":"string","description":"Additional CSS classes for the content wrapper","required":false},"layoutClassName":{"type":"string","description":"Additional CSS classes for the main layout","required":false},"brandColumnClassName":{"type":"string","description":"Additional CSS classes for the brand column","required":false},"logoWrapperClassName":{"type":"string","description":"Additional CSS classes for the logo wrapper","required":false},"logoClassName":{"type":"string","description":"Additional CSS classes for the logo image","required":false},"descriptionClassName":{"type":"string","description":"Additional CSS classes for the description","required":false},"socialLinksClassName":{"type":"string","description":"Additional CSS classes for the social links list","required":false},"socialLinkClassName":{"type":"string","description":"Additional CSS classes for social link items","required":false},"navGridClassName":{"type":"string","description":"Additional CSS classes for the navigation grid","required":false},"navSectionClassName":{"type":"string","description":"Additional CSS classes for navigation sections","required":false},"navTitleClassName":{"type":"string","description":"Additional CSS classes for navigation section titles","required":false},"navLinksClassName":{"type":"string","description":"Additional CSS classes for navigation link lists","required":false},"navLinkClassName":{"type":"string","description":"Additional CSS classes for navigation link items","required":false},"bottomClassName":{"type":"string","description":"Additional CSS classes for the bottom section","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},"legalLinkClassName":{"type":"string","description":"Additional CSS classes for legal link items","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},"containerClassName":{"type":"string","description":"Additional CSS classes for the container","required":false},"optixFlowConfig":{"type":"object","description":"Optional Optix Flow configuration for","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}},"defaultProps":{},"dependencies":["@opensite/ui"],"tags":["footer","brand","description","social","identity","startup","navigation","about"],"performance":{},"importantUsageNotes":"This footer has a brand column (logo + description + social links) alongside a 3-column navigation grid. Provide exactly 3 'sections', each with 4-6 'links'. Only include 'socialLinks' the brand actually has — do not invent social profiles. Only set 'logo.src' if a real brand logo is in the media library; otherwise rely on 'logo.title' as text. 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:42:18.847Z"}