{"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 { 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: \"https://toastability-production.s3.amazonaws.com/uv0g605yf5mz106nrm1uspt9l0rr\",\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,"mediaHints":{"path":"footerDetails.logo.light / footerDetails.logo.dark","roles":["logo"],"disallowedRoles":["favicon","video-thumbnail"],"minPixelClass":"small","required":false,"note":"Theme-aware brand logo in the brand column. LOGO IMAGE ONLY. Do not use photos, favicons, or video assets."}},"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}},"exampleProps":{"newsletterTitle":"Join our community","newsletterDescription":"Get exclusive access to special offers and expert tips.","emailPlaceholder":"Enter your email address","subscribeText":"Subscribe Now","termsText":"By subscribing, you agree to our","termsLinkText":"Terms of Service","termsLinkUrl":"/terms","privacyLinkText":"Privacy Policy","privacyLinkUrl":"/privacy","infoItems":[{"icon":"lucide/phone","title":"Call Us Anytime","text":"+1 (800) 555-0123","link":"tel:+18005550123"},{"icon":"lucide/mail","title":"Email Support","text":"support@store.com","link":"mailto:support@store.com"}],"footerDetails":{"image":{"src":"https://cdn.ing/assets/i/r/308196/g6bbn73f7gxal82uu49m9prfd0u8/workplace-in-cafe.webp","alt":"Our brand experience"},"logo":{"light":"https://cdn.ing/assets/i/r/287635/1tmeh86afyxszfz7hbmvcc0oct8w/logo-dark.png","dark":"https://cdn.ing/assets/i/r/287634/e4cmvu8nbwoqy2qer90t4gpap0ed/logo-light.png"},"logoUrl":"/","description":"Your premier destination for curated products. Every purchase is backed by our 30-day satisfaction guarantee."},"footerLinks":[{"title":"Shop","id":"shop","items":[{"text":"New Arrivals","link":"#"},{"text":"Best Sellers","link":"#"}]},{"title":"Help","id":"help","items":[{"text":"FAQ","link":"#"},{"text":"Returns & Exchanges","link":"#"}]}],"socialLinks":[{"href":"https://instagram.com/store","label":"Instagram"},{"href":"https://twitter.com/store","label":"Twitter"}],"paymentPlatforms":["visa","mastercard","paypal","apple"],"submenuLinks":[{"text":"Accessibility","link":"/accessibility"},{"text":"Cookie Preferences","link":"/cookies"}],"copyright":"Store Corporation"},"dependencies":["@opensite/ui"],"tags":["footer","info","cards","accordion","newsletter","payment","contact","ecommerce","service"],"performance":{},"importantUsageNotes":"All media src values must be absolute URLs to real assets; relative paths and placeholder media variables are not allowed. footerDetails.image.src must be an absolute URL to a real image. footerDetails.logo has { light, dark } and logoUrl for theme-aware rendering. footerLinks use { title, id, items: [{ text, link? }] }. infoItems use { icon, title, text, link? } for contact cards. paymentPlatforms is an array of PaymentPlatformName strings. submenuLinks use { text, link? }.","usageRequirements":{"requiredProps":[],"propConstraints":{},"requiresSiteCapabilities":["contact_form","contact_info"],"mediaSlots":{"newsletterImage":{"path":"footerDetails.image.src","roles":["feature"],"disallowedRoles":["logo","favicon","video-thumbnail"],"minPixelClass":"large","required":false,"note":"Hero image shown alongside the newsletter section. Must be an absolute URL to a real lifestyle or product image. IMAGE MEDIA ONLY. Do not use logos, favicons, or video assets."},"logo":{"path":"footerDetails.logo.light / footerDetails.logo.dark","roles":["logo"],"disallowedRoles":["favicon","video-thumbnail"],"minPixelClass":"small","required":false,"note":"Theme-aware brand logo in the brand column. LOGO IMAGE ONLY. Do not use photos, favicons, or video assets."}}}}},"timestamp":"2026-06-27T20:19:04.536Z"}