Footer — Site Map with Brand

1import type * as React from 'react'
2 
3import { Footer, FooterNav, FooterNavColumn } from '@/components/footer'
4import { Logo } from '@/components/logo'
5 
6// ── Sample content — replace with your service's own ────────────────────────
7const columnsSample = [
8  {
9    heading: 'Services',
10    links: [
11      { name: 'Apply for a licence', href: '#licence' },
12      { name: 'Pay a fine', href: '#fine' },
13      { name: 'Book an appointment', href: '#appointment' },
14    ],
15  },
16  {
17    heading: 'About',
18    links: [
19      { name: 'Who we are', href: '#about' },
20      { name: 'Our strategy', href: '#strategy' },
21      { name: 'Careers', href: '#careers' },
22    ],
23  },
24  {
25    heading: 'Help',
26    links: [
27      { name: 'Contact us', href: '#contact' },
28      { name: 'Accessibility help', href: '#accessibility-help' },
29      { name: 'Give feedback', href: '#feedback' },
30    ],
31  },
32]
33 
34const legalLinksSample = [
35  { name: 'Accessibility', href: '#accessibility' },
36  { name: 'Privacy', href: '#privacy' },
37  { name: 'Copyright', href: '#copyright' },
38  { name: 'Disclaimer', href: '#disclaimer' },
39]
40 
41const departmentSample = 'Digital NSW, Department of Customer Service'
42 
43const missionSample =
44  'We help NSW Government teams design and build digital services that are simple, inclusive and trusted by the people who use them.'
45 
46type FooterSitemapBrandProps = Omit<React.ComponentProps<typeof Footer>, 'children'> & {
47  columns?: typeof columnsSample
48  /** Short statement of what the agency or service does. Two lines at most. */
49  mission?: string
50}
51 
52/**
53 * The NSW Government mark and a one-paragraph mission beside three link
54 * columns. Use when the footer is the first place a visitor learns who runs
55 * the service — a standalone product site, or an agency's front door.
56 *
57 * See `FooterSimpleCentred` for the note on choosing `logoType` per surface:
58 * `default` here, because it inverts correctly with the theme.
59 */
60export function FooterSitemapBrand({
61  columns = columnsSample,
62  mission = missionSample,
63  legalLinks = legalLinksSample,
64  department = departmentSample,
65  ...props
66}: FooterSitemapBrandProps) {
67  return (
68    <Footer legalLinks={legalLinks} department={department} {...props}>
69      <div className='grid py-4 max-lg:gap-8 lg:grid-cols-[minmax(0,20rem)_1fr] lg:gap-16'>
70        <div className='flex flex-col gap-4'>
71          <Logo className='h-14 w-auto self-start' />
72// … truncated