{"success":true,"data":{"block":{"id":"footer-cta-banner","name":"Footer CTA Banner","title":"Footer CTA Banner","category":"Footer","categorySlug":"footer","description":"A dark-themed footer with prominent CTA banner, navigation, and newsletter. Features a full-width call-to-action banner at the top with heading, description, and button, followed by multi-column navigation, newsletter signup, and social links. Ideal for SaaS products, marketing sites, and businesses that want to drive conversions directly from the footer.","thumbnail":{"desktop":"https://cdn.ing/assets/i/r/290436/lz8jhkzb7p3gpfn6m3xgft5ujr3k/footer-cta-banner-desktop.png","mobile":"https://cdn.ing/assets/i/r/290437/gj4ld9ptbkxsrbvol0joczwy4qp8/footer-cta-banner-mobile.png"},"componentPath":"blocks/footers/footer-cta-banner.tsx","code":"import { FooterCtaBanner } from \"@opensite/ui/blocks/footers/footer-cta-banner\";\nimport { brandLogoPlaceholders } from \"@/lib/media\";\n\nexport default function Demo() {\n  return (\n    <FooterCtaBanner\n      logo={{\n        url: \"/\",\n        src: brandLogoPlaceholders.white[2],\n        alt: \"GrowthHub Logo\",\n        title: \"GrowthHub\",\n      }}\n      ctaHeading=\"Ready to accelerate your business growth?\"\n      ctaDescription=\"Join over 10,000 companies using GrowthHub to streamline operations, increase revenue, and scale faster than ever before. Start your free 14-day trial today.\"\n      ctaButtonText=\"Start Free Trial\"\n      ctaButtonUrl=\"/signup\"\n      sections={[\n        {\n          title: \"Platform\",\n          links: [\n            { name: \"Features\", href: \"/features\" },\n            { name: \"Integrations\", href: \"/integrations\" },\n            { name: \"Pricing\", href: \"/pricing\" },\n            { name: \"Security\", href: \"/security\" },\n            { name: \"Enterprise\", href: \"/enterprise\" },\n            { name: \"Changelog\", href: \"/changelog\" },\n          ],\n        },\n        {\n          title: \"Resources\",\n          links: [\n            { name: \"Blog\", href: \"/blog\" },\n            { name: \"Help Center\", href: \"/help\" },\n            { name: \"Documentation\", href: \"/docs\" },\n            { name: \"API Reference\", href: \"/api\" },\n            { name: \"Templates\", href: \"/templates\" },\n            { name: \"Webinars\", href: \"/webinars\" },\n          ],\n        },\n        {\n          title: \"Company\",\n          links: [\n            { name: \"About\", href: \"/about\" },\n            { name: \"Careers\", href: \"/careers\" },\n            { name: \"Press\", href: \"/press\" },\n            { name: \"Partners\", href: \"/partners\" },\n            { name: \"Contact\", href: \"/contact\" },\n            { name: \"Support\", href: \"/support\" },\n          ],\n        },\n      ]}\n      socialLinks={[\n        {\n          href: \"https://twitter.com/growthhub\",\n          label: \"Follow GrowthHub on Twitter\",\n        },\n        {\n          href: \"https://linkedin.com/company/growthhub\",\n          label: \"Connect with GrowthHub on LinkedIn\",\n        },\n        {\n          href: \"https://github.com/growthhub\",\n          label: \"View GrowthHub on GitHub\",\n        },\n        {\n          href: \"https://youtube.com/@growthhub\",\n          label: \"Subscribe to GrowthHub on YouTube\",\n        },\n      ]}\n      newsletterLabel=\"Subscribe to our newsletter\"\n      newsletterPlaceholder=\"Enter your email\"\n      newsletterButtonText=\"Subscribe\"\n      copyright=\"GrowthHub Inc.\"\n      legalLinks={[\n        { name: \"Privacy Policy\", href: \"/privacy\" },\n        { name: \"Terms of Service\", href: \"/terms\" },\n        { name: \"Cookie Policy\", href: \"/cookies\" },\n      ]}\n      background=\"dark\"\n      pattern=\"gridFadeCenter\"\n      patternOpacity={0.15}\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":"FooterCtaBannerLogo","required":false},"ctaHeading":{"type":"object","description":"CTA banner heading","typeLabel":"React.ReactNode","required":false},"ctaDescription":{"type":"object","description":"CTA banner description","typeLabel":"React.ReactNode","required":false},"ctaButtonText":{"type":"object","description":"CTA button text","typeLabel":"React.ReactNode","required":false},"ctaButtonUrl":{"type":"string","description":"CTA button URL","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":"FooterCtaBannerLink"},"typeLabel":"FooterCtaBannerLink[]","required":true}},"typeLabel":"FooterCtaBannerSection"},"typeLabel":"FooterCtaBannerSection[]","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},"newsletterLabel":{"type":"object","description":"Newsletter label","typeLabel":"React.ReactNode","required":false},"newsletterPlaceholder":{"type":"string","description":"Newsletter placeholder","required":false},"newsletterButtonText":{"type":"object","description":"Newsletter button text","typeLabel":"React.ReactNode","required":false},"copyright":{"type":"string","description":"Brand/company name for the copyright notice","required":false},"legalLinks":{"type":"array","description":"Legal links","items":{"type":"object","description":"","fields":{"name":{"type":"string","description":"Link name/label","required":true},"href":{"type":"string","description":"Link URL","required":true}},"typeLabel":"FooterCtaBannerLink"},"typeLabel":"FooterCtaBannerLink[]","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},"ctaBannerClassName":{"type":"string","description":"Additional CSS classes for the CTA banner","required":false},"ctaHeadingClassName":{"type":"string","description":"Additional CSS classes for the CTA heading","required":false},"ctaDescriptionClassName":{"type":"string","description":"Additional CSS classes for the CTA description","required":false},"ctaButtonClassName":{"type":"string","description":"Additional CSS classes for the CTA button","required":false},"gridClassName":{"type":"string","description":"Additional CSS classes for the main grid","required":false},"brandClassName":{"type":"string","description":"Additional CSS classes for the brand section","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},"newsletterClassName":{"type":"string","description":"Additional CSS classes for the newsletter section","required":false},"newsletterInputClassName":{"type":"string","description":"Additional CSS classes for the newsletter input","required":false},"newsletterButtonClassName":{"type":"string","description":"Additional CSS classes for the newsletter button","required":false},"socialLinksClassName":{"type":"string","description":"Additional CSS classes for the social links","required":false},"socialLinkClassName":{"type":"string","description":"Additional CSS classes for social link items","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},"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":"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","cta","banner","dark","conversion","marketing","newsletter","call-to-action"],"performance":{},"importantUsageNotes":"This footer opens with a prominent full-width CTA banner (heading, description, single CTA button) above a 3-column navigation grid, an inline newsletter form, and social links. Provide exactly 3 'sections', each with 4-6 links. The CTA is a single button via 'ctaButtonText'/'ctaButtonUrl' — there is no 'actions' array. The newsletter is a simple inline form controlled by 'newsletterLabel', 'newsletterPlaceholder', and 'newsletterButtonText' props (not formEngineSetup). 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. 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:04.468Z"}