Footer

The application footer bar. Includes a language selector (updates locale via cookie + router), a live clock with timezone support, a feedback button (opens FeedbackForm), and an optional privacy link.

Import


import { Footer } from "@phpcreation/frontend-components-react-nextjs-bundle/components/Footer";

Props

Prop	Type	Required	Default	Description
`supportedLocales`	`{ code: string; name: string }[]`	✅	—	List of locales to show in language selector
`timezone`	`string`	✅	—	Timezone for the clock (e.g. `"America/New_York"`)
`locale`	`string`	✅	—	Current active locale

Usage


import { Footer } from "@phpcreation/frontend-components-react-nextjs-bundle/components/Footer";
 
const locales = [
  { code: "en", name: "English" },
  { code: "fr", name: "Français" },
];
 
export default function RootLayout({ children }) {
  return (
    <html>
      <body>
        <main>{children}</main>
        <Footer
          supportedLocales={locales}
          timezone="America/Toronto"
          locale="en"
        />
      </body>
    </html>
  );
}

Footer

Import

Props

Usage

Related