{"success":true,"data":{"block":{"id":"footer-social-apps","name":"Footer Social Apps","title":"Footer Social Apps","category":"Footer","categorySlug":"footer","description":"A footer with social icons, navigation links, and mobile app download links. Features prominent social media icons and mobile app store links in circular buttons, along with multi-column navigation. Ideal for products with mobile apps, community-focused platforms, and businesses that want to highlight their cross-platform presence.","thumbnail":{"desktop":"https://cdn.ing/assets/i/r/290424/4fb98bi74961h1avevtjjk4dy3mi/footer-social-apps-desktop.png","mobile":"https://cdn.ing/assets/i/r/290425/guuxnowa8mk9y9ow1ppqeldgs57a/footer-social-apps-mobile.png"},"componentPath":"blocks/footers/footer-social-apps.tsx","code":"import { FooterSocialApps } from \"@opensite/ui/blocks/footers/footer-social-apps\";\nimport { brandLogoPlaceholders } from \"@/lib/media\";\n\nexport default function Demo() {\n  return (\n    <FooterSocialApps\n      logo={{\n        url: \"/\",\n        src: brandLogoPlaceholders.white[2],\n        alt: \"AppFlow Logo\",\n        title: \"AppFlow\",\n      }}\n      sections={[\n        {\n          title: \"Platform\",\n          links: [\n            { name: \"Mobile Apps\", href: \"#\" },\n            { name: \"Web Apps\", href: \"#\" },\n            { name: \"Desktop Apps\", href: \"#\" },\n            { name: \"Extensions\", href: \"#\" },\n            { name: \"Marketplace\", href: \"#\" },\n          ],\n        },\n        {\n          title: \"Developers\",\n          links: [\n            { name: \"API Documentation\", href: \"#\" },\n            { name: \"SDK Downloads\", href: \"#\" },\n            { name: \"Code Examples\", href: \"#\" },\n            { name: \"Developer Forum\", href: \"#\" },\n            { name: \"GitHub Repos\", href: \"#\" },\n          ],\n        },\n        {\n          title: \"Company\",\n          links: [\n            { name: \"About\", href: \"#\" },\n            { name: \"Careers\", href: \"#\" },\n            { name: \"News\", href: \"#\" },\n            { name: \"Brand Assets\", href: \"#\" },\n            { name: \"Contact\", href: \"#\" },\n          ],\n        },\n      ]}\n      socialLinks={[\n        {\n          href: \"https://linkedin.com/company/innovatetech\",\n          label: \"Connect with InnovateTech on LinkedIn\",\n        },\n        {\n          href: \"https://twitter.com/innovatetech\",\n          label: \"Follow InnovateTech on Twitter\",\n        },\n        {\n          href: \"https://facebook.com/innovatetech\",\n          label: \"Like InnovateTech on Facebook\",\n        },\n        {\n          href: \"https://instagram.com/innovatetech\",\n          label: \"Follow InnovateTech on Instagram\",\n        },\n        {\n          href: \"https://youtube.com/@innovatetech\",\n          label: \"Subscribe to InnovateTech on YouTube\",\n        },\n      ]}\n      appLinks={[\n        {\n          icon: \"simple-icons/apple\",\n          href: \"https://apps.apple.com/app/appflow\",\n          label: \"Download on the App Store\",\n        },\n        {\n          icon: \"simple-icons/googleplay\",\n          href: \"https://play.google.com/store/apps/details?id=com.appflow\",\n          label: \"Get it on Google Play\",\n        },\n      ]}\n      socialLabel=\"Connect With Us\"\n      appLabel=\"Download Our App\"\n      copyright=\"AppFlow Technologies\"\n      background=\"dark\"\n      pattern=\"diagonalCrossFadeTopLeft\"\n      patternOpacity={0.2}\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},"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":"FooterSocialAppsSection"},"typeLabel":"FooterSocialAppsSection[]","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},"appLinks":{"type":"array","description":"Mobile app store links","items":{"type":"object","description":"","fields":{"icon":{"type":"string","description":"Icon name in format: prefix/name (e.g., \"simple-icons/android\")","required":true},"href":{"type":"string","description":"Link URL","required":true},"label":{"type":"string","description":"Accessible label","required":true}},"typeLabel":"FooterSocialAppsAppLink"},"typeLabel":"FooterSocialAppsAppLink[]","required":false},"socialLabel":{"type":"string","description":"Social section label","required":false},"appLabel":{"type":"string","description":"Mobile app section label","required":false},"copyright":{"type":"string","description":"Copyright text","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","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","social","mobile","apps","download","android","ios","app-store","navigation"],"performance":{},"importantUsageNotes":"This footer has a logo, 3-column navigation, social links, and app store download links. Provide exactly 3 'sections', each with 4-6 links. Only include 'socialLinks' the brand actually has — do not invent social profiles. Only include 'appLinks' if the brand actually has a mobile app with real App Store / Google Play URLs — DO NOT invent app store links. Only set 'logo.src' if a real brand logo is in the media library. Follow the example props closely for this block."}},"timestamp":"2026-05-13T10:42:18.622Z"}