{"success":true,"data":{"block":{"id":"footer-animated-social","name":"Footer Animated Social","title":"Footer Animated Social","category":"Footer","categorySlug":"footer","description":"An animated footer with Framer Motion effects and social links. Features smooth entrance animations, a prominent heading with CTA button, animated social links with hover effects, and a clean separator. Ideal for modern websites, portfolios, and creative projects that want to add visual polish and interactivity to their footer.","thumbnail":{"desktop":"https://cdn.ing/assets/i/r/290442/h3ve2efruaehzhxkx4mvxtkgqe9v/footer-animated-social-desktop.png","mobile":"https://cdn.ing/assets/i/r/290443/nw3b24u13k87i3nd2jjlh5bmcb46/footer-animated-social-mobile.png"},"componentPath":"blocks/footers/footer-animated-social.tsx","code":"import { FooterAnimatedSocial } from \"@opensite/ui/blocks/footers/footer-animated-social\";\n\nexport default function Demo() {\n  return (\n    <FooterAnimatedSocial\n      heading=\"Let's Create Something Amazing Together\"\n      description=\"We're passionate about building innovative solutions that make a difference. Partner with us to bring your vision to life and transform the way people interact with technology.\"\n      ctaText=\"Start Your Project\"\n      ctaUrl=\"#\"\n      socialLinks={[\n        { label: \"LinkedIn\", href: \"https://linkedin.com\" },\n        { label: \"Twitter\", href: \"https://twitter.com\" },\n        { label: \"GitHub\", href: \"https://github.com\" },\n        { label: \"Dribbble\", href: \"https://dribbble.com\" },\n        { label: \"Behance\", href: \"https://behance.net\" },\n      ]}\n      copyright=\"Creative Studio\"\n      background=\"dark\"\n      spacing=\"xl\"\n      pattern=\"gridDotsFadeCenter\"\n      patternOpacity={0.3}\n    />\n  );\n}","propsSchema":{"heading":{"type":"object","description":"Main heading text","typeLabel":"React.ReactNode","required":false},"description":{"type":"object","description":"Description text","typeLabel":"React.ReactNode","required":false},"ctaText":{"type":"object","description":"CTA button text","typeLabel":"React.ReactNode","required":false},"ctaUrl":{"type":"string","description":"CTA button URL","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},"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},"leftColumnClassName":{"type":"string","description":"Additional CSS classes for the left column","required":false},"headingClassName":{"type":"string","description":"Additional CSS classes for the heading","required":false},"descriptionClassName":{"type":"string","description":"Additional CSS classes for the description","required":false},"ctaClassName":{"type":"string","description":"Additional CSS classes for the CTA button","required":false},"rightColumnClassName":{"type":"string","description":"Additional CSS classes for the right column","required":false},"socialLinksClassName":{"type":"string","description":"Additional CSS classes for the social links section","required":false},"socialLinkClassName":{"type":"string","description":"Additional CSS classes for social link items","required":false},"bottomClassName":{"type":"string","description":"Additional CSS classes for the bottom section","required":false},"separatorClassName":{"type":"string","description":"Additional CSS classes for the separator","required":false},"copyrightClassName":{"type":"string","description":"Additional CSS classes for the copyright 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","fields":{},"typeLabel":"PatternName","required":false},"patternOpacity":{"type":"number","description":"Pattern opacity (0-1)","required":false},"sectionId":{"type":"string","description":"Optional Section ID","required":false}},"defaultProps":{},"dependencies":["@opensite/ui"],"tags":["footer","animated","motion","social","modern","interactive","creative","portfolio"],"performance":{},"importantUsageNotes":"This is a minimal animated footer with a large heading, description, a single CTA button, and social links. Supply only 'socialLinks' the brand actually has — do not invent social profiles. The 'ctaText' and 'ctaUrl' represent a single action (no 'actions' array). Keep 'heading' concise (under 60 characters) and 'description' under 200 characters to avoid layout overflow. Follow the example props closely for this block."}},"timestamp":"2026-05-13T10:43:03.909Z"}