{"success":true,"data":{"block":{"id":"footer-contact-card","name":"Footer Contact Card","title":"Footer Contact Card","category":"Footer","categorySlug":"footer","description":"A footer with large heading, contact information, and social links. Features a prominent heading, contact details (email, phone, address), social media icons, and horizontal navigation. Ideal for service businesses, agencies, and professional websites that want to emphasize contact information and make it easy for visitors to get in touch.","thumbnail":{"desktop":"https://cdn.ing/assets/i/r/290438/xuooahpl634i700lrrubw6q40jai/footer-contact-card-desktop.png","mobile":"https://cdn.ing/assets/i/r/290439/lhp5qyezlzbujgnep3mrtmrlcdo7/footer-contact-card-mobile.png"},"componentPath":"blocks/footers/footer-contact-card.tsx","code":"import { FooterContactCard } from \"@opensite/ui/blocks/footers/footer-contact-card\";\nimport { brandLogoPlaceholders } from \"@/lib/media\";\n\nexport default function Demo() {\n  return (\n    <FooterContactCard\n      logo={{\n        url: \"#\",\n        src: brandLogoPlaceholders.black[1],\n        alt: \"Stellar Design Agency Logo\",\n        title: \"Stellar Design\",\n      }}\n      heading=\"Let's create something amazing together\"\n      email=\"hello@stellardesign.co\"\n      phone=\"(555) 987-6543\"\n      address=\"567 Creative Boulevard, Suite 300, New York, NY 10001\"\n      socialLinks={[\n        {\n          href: \"https://instagram.com/stellardesign\",\n          label: \"Follow Stellar Design on Instagram\",\n        },\n        {\n          href: \"https://dribbble.com/stellardesign\",\n          label: \"View our work on Dribbble\",\n        },\n        {\n          href: \"https://behance.net/stellardesign\",\n          label: \"View our portfolio on Behance\",\n        },\n        {\n          href: \"https://linkedin.com/company/stellardesign\",\n          label: \"Connect with us on LinkedIn\",\n        },\n        {\n          href: \"https://twitter.com/stellardesign\",\n          label: \"Follow us on Twitter\",\n        },\n      ]}\n      navLinks={[\n        { name: \"Services\", href: \"#\" },\n        { name: \"Portfolio\", href: \"#\" },\n        { name: \"About\", href: \"#\" },\n        { name: \"Case Studies\", href: \"#\" },\n        { name: \"Blog\", href: \"#\" },\n        { name: \"Careers\", href: \"#\" },\n        { name: \"Contact\", href: \"#\" },\n      ]}\n      socialTitle=\"Follow our creative journey\"\n      location=\"New York, NY\"\n      locationLabel=\"Proudly based in\"\n      copyright=\"Stellar Design Agency\"\n      background=\"white\"\n      pattern=\"gridFadeTop\"\n      patternOpacity={1}\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":"FooterContactCardLogo","required":false},"heading":{"type":"object","description":"Main heading text","typeLabel":"React.ReactNode","required":false},"email":{"type":"string","description":"Contact email","required":false},"phone":{"type":"string","description":"Contact phone","required":false},"address":{"type":"object","description":"Contact address","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},"navLinks":{"type":"array","description":"Navigation links","items":{"type":"object","description":"","fields":{"name":{"type":"string","description":"Link name/label","required":true},"href":{"type":"string","description":"Link URL","required":true}},"typeLabel":"FooterContactCardNavLink"},"typeLabel":"FooterContactCardNavLink[]","required":false},"socialTitle":{"type":"object","description":"Social section title","typeLabel":"React.ReactNode","required":false},"location":{"type":"object","description":"Location text","typeLabel":"React.ReactNode","required":false},"locationLabel":{"type":"object","description":"Location label","typeLabel":"React.ReactNode","required":false},"copyright":{"type":"string","description":"Brand/company name for the copyright notice","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},"gridClassName":{"type":"string","description":"Additional CSS classes for the main grid","required":false},"leftColumnClassName":{"type":"string","description":"Additional CSS classes for the left 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},"headingClassName":{"type":"string","description":"Additional CSS classes for the heading","required":false},"contactClassName":{"type":"string","description":"Additional CSS classes for the contact section","required":false},"rightColumnClassName":{"type":"string","description":"Additional CSS classes for the right column","required":false},"socialSectionClassName":{"type":"string","description":"Additional CSS classes for the social section","required":false},"socialTitleClassName":{"type":"string","description":"Additional CSS classes for the social title","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},"navClassName":{"type":"string","description":"Additional CSS classes for the navigation","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},"locationClassName":{"type":"string","description":"Additional CSS classes for the location section","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 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":"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","contact","card","email","phone","address","social","professional","agency"],"performance":{},"importantUsageNotes":"This footer centers on contact info — a heading, email, phone, address, and social links — alongside a flat navigation list. Only supply real contact data (email, phone, address, location) — 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. Supply 5-7 'navLinks' as a flat single-column list. 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:50.033Z"}