{"success":true,"data":{"block":{"id":"footer-info-cards-accordion","name":"Footer Info Cards Accordion","title":"Footer Info Cards Accordion","category":"Footer","categorySlug":"footer","description":"A comprehensive footer with info cards, newsletter, accordion navigation, payment methods, and social links. Features hero image with newsletter, contact info cards grid, accordion links, and language selector. Best for e-commerce sites, service businesses, and customer-focused brands.","thumbnail":{"desktop":"https://cdn.ing/assets/i/r/290478/40h639xj8aez6xh97ezrg6f1glxi/footer-info-cards-accordion-desktop.png","mobile":"https://cdn.ing/assets/i/r/290479/bbg7ijdl4pcam8fybob759irdb4t/footer-info-cards-accordion-mobile.png"},"componentPath":"blocks/footers/footer-info-cards-accordion.tsx","code":"import { FooterInfoCardsAccordion } from \"@opensite/ui/blocks/footers/footer-info-cards-accordion\";\nimport { imagePlaceholders, brandLogoPlaceholders } from \"@/lib/media\";\n\nexport default function Demo() {\n  return (\n    <FooterInfoCardsAccordion\n      newsletterTitle=\"Join our community\"\n      newsletterDescription=\"Get exclusive access to special offers, product launches, and expert tips delivered straight to your inbox every week.\"\n      emailPlaceholder=\"Enter your email address\"\n      subscribeText=\"Subscribe Now\"\n      termsText=\"By subscribing, you agree to our\"\n      termsLinkText=\"Terms of Service\"\n      termsLinkUrl=\"/terms\"\n      privacyLinkText=\"Privacy Policy\"\n      privacyLinkUrl=\"/privacy\"\n      infoItems={[\n        {\n          icon: \"lucide/phone\",\n          title: \"Call Us Anytime\",\n          text: \"+1 (800) 555-0123\",\n          link: \"tel:+18005550123\",\n        },\n        {\n          icon: \"lucide/mail\",\n          title: \"Email Support\",\n          text: \"support@luxemart.com\",\n          link: \"mailto:support@luxemart.com\",\n        },\n        {\n          icon: \"lucide/map-pin\",\n          title: \"Visit Our Showroom\",\n          text: \"789 Luxury Avenue, Beverly Hills, CA 90210\",\n          link: \"https://maps.google.com/?q=789+Luxury+Avenue+Beverly+Hills+CA+90210\",\n        },\n        {\n          icon: \"lucide/clock\",\n          title: \"Business Hours\",\n          text: \"Mon-Sat: 9AM-8PM, Sun: 10AM-6PM\",\n        },\n      ]}\n      footerLinks={[\n        {\n          title: \"Shop\",\n          id: \"shop\",\n          items: [\n            { text: \"New Arrivals\", link: \"/new-arrivals\" },\n            { text: \"Best Sellers\", link: \"/best-sellers\" },\n            { text: \"Sale Items\", link: \"/sale\" },\n            { text: \"Men's Collection\", link: \"/mens\" },\n            { text: \"Women's Collection\", link: \"/womens\" },\n            { text: \"Accessories\", link: \"/accessories\" },\n            { text: \"Gift Cards\", link: \"/gift-cards\" },\n          ],\n        },\n        {\n          title: \"Customer Care\",\n          id: \"customer-care\",\n          items: [\n            { text: \"Track Your Order\", link: \"/track-order\" },\n            { text: \"Shipping Info\", link: \"/shipping\" },\n            { text: \"Returns & Exchanges\", link: \"/returns\" },\n            { text: \"Size Guide\", link: \"/size-guide\" },\n            { text: \"Product Care\", link: \"/product-care\" },\n            { text: \"FAQ\", link: \"/faq\" },\n            { text: \"Contact Us\", link: \"/contact\" },\n          ],\n        },\n        {\n          title: \"About Us\",\n          id: \"about\",\n          items: [\n            { text: \"Our Story\", link: \"/story\" },\n            { text: \"Sustainability\", link: \"/sustainability\" },\n            { text: \"Careers\", link: \"/careers\" },\n            { text: \"Press Room\", link: \"/press\" },\n            { text: \"Store Locator\", link: \"/stores\" },\n            { text: \"Affiliate Program\", link: \"/affiliates\" },\n            { text: \"Partnership Opportunities\", link: \"/partnerships\" },\n          ],\n        },\n      ]}\n      socialLinks={[\n        {\n          href: \"https://instagram.com/luxemart\",\n          label: \"Follow LuxeMart on Instagram\",\n        },\n        {\n          href: \"https://facebook.com/luxemart\",\n          label: \"Like LuxeMart on Facebook\",\n        },\n        {\n          href: \"https://twitter.com/luxemart\",\n          label: \"Follow LuxeMart on Twitter\",\n        },\n        {\n          href: \"https://pinterest.com/luxemart\",\n          label: \"Follow LuxeMart on Pinterest\",\n        },\n        {\n          href: \"https://youtube.com/@luxemart\",\n          label: \"Subscribe to LuxeMart on YouTube\",\n        },\n      ]}\n      paymentPlatforms={[\n        \"visa\",\n        \"mastercard\",\n        \"venmo\",\n        \"apple\",\n        \"google\",\n        \"paypal\",\n      ]}\n      submenuLinks={[\n        { text: \"Accessibility\", link: \"/accessibility\" },\n        { text: \"Security\", link: \"/security\" },\n        { text: \"Cookie Preferences\", link: \"/cookies\" },\n        { text: \"Do Not Sell My Info\", link: \"/privacy-rights\" },\n      ]}\n      footerDetails={{\n        image: {\n          src: imagePlaceholders[45],\n          alt: \"LuxeMart luxury shopping experience\",\n        },\n        logo: {\n          light: brandLogoPlaceholders.black[3],\n          dark: brandLogoPlaceholders.white[3],\n        },\n        logoUrl: \"/\",\n        description:\n          \"LuxeMart is your premier destination for curated luxury goods and timeless fashion. We partner with the world's most prestigious brands to bring you exceptional quality, craftsmanship, and style. Every purchase is backed by our 30-day satisfaction guarantee and white-glove customer service.\",\n      }}\n      copyright=\"LuxeMart Corporation\"\n      patternOpacity={0.05}\n    />\n  );\n}","propsSchema":{"newsletterTitle":{"type":"object","description":"Newsletter title","typeLabel":"React.ReactNode","required":false},"newsletterDescription":{"type":"object","description":"Newsletter description","typeLabel":"React.ReactNode","required":false},"emailPlaceholder":{"type":"string","description":"Email input placeholder text","required":false},"subscribeText":{"type":"object","description":"Subscribe button text","typeLabel":"React.ReactNode","required":false},"termsText":{"type":"object","description":"Terms text before links","typeLabel":"React.ReactNode","required":false},"termsLinkText":{"type":"object","description":"Terms of Use link text","typeLabel":"React.ReactNode","required":false},"termsLinkUrl":{"type":"string","description":"Terms of Use link URL","required":false},"privacyLinkText":{"type":"object","description":"Privacy Policy link text","typeLabel":"React.ReactNode","required":false},"privacyLinkUrl":{"type":"string","description":"Privacy Policy link URL","required":false},"infoItems":{"type":"array","description":"Info section items (contact cards)","items":{"type":"object","description":"","fields":{"icon":{"type":"string","description":"Icon name in format: prefix/name","required":true},"title":{"type":"string","description":"Info item title","required":true},"text":{"type":"string","description":"Info item text","required":true},"link":{"type":"string","description":"Optional link URL","required":false}},"typeLabel":"FooterInfoCardsAccordionInfoItem"},"typeLabel":"FooterInfoCardsAccordionInfoItem[]","required":false},"footerLinks":{"type":"array","description":"Footer link sections","items":{"type":"object","description":"","fields":{"title":{"type":"string","description":"Section title","required":true},"id":{"type":"string","description":"Unique identifier","required":true},"items":{"type":"array","description":"Array of links in this section","items":{"type":"object","description":"","fields":{"text":{"type":"string","description":"Link text","required":true},"link":{"type":"string","description":"Link URL","required":false}},"typeLabel":"FooterInfoCardsAccordionLink"},"typeLabel":"FooterInfoCardsAccordionLink[]","required":true}},"typeLabel":"FooterInfoCardsAccordionSection"},"typeLabel":"FooterInfoCardsAccordionSection[]","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},"paymentPlatforms":{"type":"array","description":"Payment platform names to display icons for","items":{"type":"string","description":"","typeLabel":"PaymentPlatformName"},"typeLabel":"PaymentPlatformName[]","required":false},"submenuLinks":{"type":"array","description":"Submenu links","items":{"type":"object","description":"","fields":{"text":{"type":"string","description":"Link text","required":true},"link":{"type":"string","description":"Link URL","required":false}},"typeLabel":"FooterInfoCardsAccordionLink"},"typeLabel":"FooterInfoCardsAccordionLink[]","required":false},"footerDetails":{"type":"object","description":"Footer details configuration","fields":{"image":{"type":"object","description":"Hero image configuration","fields":{"src":{"type":"string","description":"","required":true},"alt":{"type":"string","description":"","required":true}},"typeLabel":"{ src: string; alt: string; }","required":true},"logo":{"type":"object","description":"Logo configuration with light/dark variants","fields":{"light":{"type":"string","description":"","required":true},"dark":{"type":"string","description":"","required":true}},"typeLabel":"{ light: string; dark: string; }","required":true},"logoUrl":{"type":"string","description":"Logo link URL","required":true},"description":{"type":"string","description":"Brand description text","required":true}},"typeLabel":"FooterInfoCardsAccordionDetails","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},"newsletterGridClassName":{"type":"string","description":"Additional CSS classes for the newsletter grid","required":false},"newsletterImageClassName":{"type":"string","description":"Additional CSS classes for the newsletter image wrapper","required":false},"newsletterContentClassName":{"type":"string","description":"Additional CSS classes for the newsletter content","required":false},"newsletterTitleClassName":{"type":"string","description":"Additional CSS classes for the newsletter title","required":false},"newsletterDescriptionClassName":{"type":"string","description":"Additional CSS classes for the newsletter description","required":false},"newsletterFormClassName":{"type":"string","description":"Additional CSS classes for the newsletter form","required":false},"infoCardsGridClassName":{"type":"string","description":"Additional CSS classes for the info cards grid","required":false},"infoCardClassName":{"type":"string","description":"Additional CSS classes for info cards","required":false},"brandGridClassName":{"type":"string","description":"Additional CSS classes for the brand/accordion grid","required":false},"brandColumnClassName":{"type":"string","description":"Additional CSS classes for the brand column","required":false},"logoClassName":{"type":"string","description":"Additional CSS classes for the logo","required":false},"brandDescriptionClassName":{"type":"string","description":"Additional CSS classes for the brand description","required":false},"accordionColumnClassName":{"type":"string","description":"Additional CSS classes for the accordion column","required":false},"paymentSocialRowClassName":{"type":"string","description":"Additional CSS classes for the payment/social row","required":false},"paymentMethodsClassName":{"type":"string","description":"Additional CSS classes for payment methods","required":false},"socialLinksClassName":{"type":"string","description":"Additional CSS classes for social links","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","required":false},"submenuLinksClassName":{"type":"string","description":"Additional CSS classes for submenu links","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 image optimization","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","info","cards","accordion","newsletter","payment","contact","ecommerce","service"],"performance":{},"importantUsageNotes":"This is a comprehensive e-commerce footer with info cards (phone, email, address, hours), 3 accordion link sections, social links, a newsletter form, payment platform icons, and a side image + logo panel. Provide exactly 4 'infoItems' (the canonical count matching the 4-card grid). Provide exactly 3 'footerLinks' accordion sections, each with 4-7 links. Only supply real 'infoItems' contact data — 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. The newsletter uses 'emailPlaceholder'/'subscribeText' props (simple inline form, not formEngineSetup). Only set 'footerDetails.logo.light'/'dark' if a real brand logo is in the media library. Only set 'footerDetails.image.src' if a real image is available. Only include 'submenuLinks' and 'termsLinkUrl'/'privacyLinkUrl' if those pages actually exist on the site. Follow the example props closely for this block."}},"timestamp":"2026-05-13T10:43:30.825Z"}