Footer

Site footer component with accordion navigation on mobile and static columns on desktop.

Props

None - uses Contentstack footer data and shared FooterProvider context.

Usage

import Footer from '@/components/organisms/Footer';

<Footer />

Features

• Responsive layout: Accordion on mobile, static columns on desktop
• CMS-driven menus: Columns are rendered from the footer entry (UID footer) and its menus
• CTA button: "Full DXP by Contentstack" button with arrow icon
• Bottom links: Legal, Terms, Privacy links
• Link behavior: All footer links (CMS menus and bottom links) open in a new tab
• Copyright: Dynamic year display

Mobile Behavior

• Uses FooterAccordion component
• Collapsible sections
• All links in DOM but hidden/shown via accordion

Desktop Behavior

• Static grid layout with auto-fit columns
• Columns are rendered in the order provided by the CMS menus

Notes

• Footer data is fetched from Contentstack and cached per request on the server
• The server component renders FooterClient with initial data so markup is SSR
• In preview mode, FooterClient refreshes the footer on entry changes
• CTA and bottom links remain local constants (not CMS-driven)
• Uses FooterAccordion for mobile accordion functionality after hydration
• CTA button uses Button component with SecondaryFillButton variant