-
-
-
+
Locatie Brug 423 Bekijk op datapunt.nl
diff --git a/src/app/amsterdam/_assets/vinden.jpg b/src/app/amsterdam/_assets/vinden.jpg
index b6bc4b7..1bdb244 100644
Binary files a/src/app/amsterdam/_assets/vinden.jpg and b/src/app/amsterdam/_assets/vinden.jpg differ
diff --git a/src/app/amsterdam/amsterdam.css b/src/app/amsterdam/amsterdam.css
new file mode 100644
index 0000000..23d2028
--- /dev/null
+++ b/src/app/amsterdam/amsterdam.css
@@ -0,0 +1,9 @@
+.ams-mega-menu__columns {
+ column-gap: var(--ams-space-grid-md);
+ column-width: 20rem;
+
+ .ams-link-list__link {
+ break-inside: avoid;
+ }
+}
+
diff --git a/src/app/amsterdam/bestuur-en-organisatie/college-van-burgemeester-en-wethouders/page.tsx b/src/app/amsterdam/bestuur-en-organisatie/college-van-burgemeester-en-wethouders/page.tsx
index 358aa6a..d83d9a1 100644
--- a/src/app/amsterdam/bestuur-en-organisatie/college-van-burgemeester-en-wethouders/page.tsx
+++ b/src/app/amsterdam/bestuur-en-organisatie/college-van-burgemeester-en-wethouders/page.tsx
@@ -1,7 +1,6 @@
'use client'
import {
- AspectRatio,
Breadcrumb,
Card,
Grid,
@@ -93,9 +92,7 @@ function PersonCardCell({ fullName, image, index, jobTitle }: PersonProps & { in
start={{ narrow: 1, medium: index % 2 === 0 ? 2 : 5, wide: ((index % 4) * 3 + 1) as GridColumnNumber }}
>
-
-
-
+
{fullName}
@@ -115,7 +112,7 @@ export default function CollegeVanBurgemeesterEnWethouders() {
-
+
Home
Bestuur en Organisatie
@@ -124,9 +121,7 @@ export default function CollegeVanBurgemeesterEnWethouders() {
Het dagelijks bestuur van onze gemeente uitgebreid in beeld.
-
-
-
+
diff --git a/src/app/amsterdam/bestuur-en-organisatie/gemeenteraad/page.tsx b/src/app/amsterdam/bestuur-en-organisatie/gemeenteraad/page.tsx
index 7b82029..3f0214c 100644
--- a/src/app/amsterdam/bestuur-en-organisatie/gemeenteraad/page.tsx
+++ b/src/app/amsterdam/bestuur-en-organisatie/gemeenteraad/page.tsx
@@ -1,15 +1,6 @@
'use client'
-import {
- AspectRatio,
- Breadcrumb,
- Card,
- Grid,
- Heading,
- LinkList,
- PageHeading,
- Paragraph,
-} from '@amsterdam/design-system-react'
+import { Breadcrumb, Card, Grid, Heading, LinkList, PageHeading, Paragraph } from '@amsterdam/design-system-react'
import { ExternalLinkIcon } from '@amsterdam/design-system-react-icons'
import NextImage from 'next/image'
import type { StaticImageData } from 'next/image'
@@ -52,9 +43,7 @@ function NewsArticle({ date, description, image, tagline, title }: NewsArticlePr
return (
<>
-
-
-
+
@@ -79,7 +68,7 @@ export default function Gemeenteraad() {
-
+
Home
Bestuur en Organisatie
@@ -92,9 +81,7 @@ export default function Gemeenteraad() {
-
-
-
+
diff --git a/src/app/amsterdam/bestuur-en-organisatie/page.tsx b/src/app/amsterdam/bestuur-en-organisatie/page.tsx
index a035658..46df2ea 100644
--- a/src/app/amsterdam/bestuur-en-organisatie/page.tsx
+++ b/src/app/amsterdam/bestuur-en-organisatie/page.tsx
@@ -66,7 +66,7 @@ export default function BestuurEnOrganisatie() {
-
+
Home
diff --git a/src/app/amsterdam/burgerzaken/page.tsx b/src/app/amsterdam/burgerzaken/page.tsx
index e1215c0..4dc9f6b 100644
--- a/src/app/amsterdam/burgerzaken/page.tsx
+++ b/src/app/amsterdam/burgerzaken/page.tsx
@@ -86,7 +86,7 @@ function Burgerzaken() {
-
+
Home
diff --git a/src/app/amsterdam/contact/bedankt/page.tsx b/src/app/amsterdam/contact/bedankt/page.tsx
index f98f585..ab6e156 100644
--- a/src/app/amsterdam/contact/bedankt/page.tsx
+++ b/src/app/amsterdam/contact/bedankt/page.tsx
@@ -8,7 +8,7 @@ function Bedankt() {
-
+
Home
@@ -23,7 +23,7 @@ function Bedankt() {
U hoort binnen 3 werkdagen wat we met uw melding hebben gedaan. Dringende meldingen pakken wij zo snel
mogelijk op.
-
+
Ga terug naar de homepage.
diff --git a/src/app/amsterdam/contact/gegevens/page.tsx b/src/app/amsterdam/contact/gegevens/page.tsx
index 26ff2a2..2a7cae7 100644
--- a/src/app/amsterdam/contact/gegevens/page.tsx
+++ b/src/app/amsterdam/contact/gegevens/page.tsx
@@ -32,7 +32,7 @@ function Question() {
-
+
Home
diff --git a/src/app/amsterdam/contact/page.tsx b/src/app/amsterdam/contact/page.tsx
index d6faab2..7e770c4 100644
--- a/src/app/amsterdam/contact/page.tsx
+++ b/src/app/amsterdam/contact/page.tsx
@@ -17,7 +17,7 @@ function Contact() {
-
+
Home
@@ -40,7 +40,7 @@ function Contact() {
U dient een klacht in als u vindt dat de gemeente Amsterdam u niet netjes heeft behandeld. Lees meer over de
klachtenprocedure op{' '}
-
+
amsterdam.nl/klachten
.
diff --git a/src/app/amsterdam/contact/vraag/page.tsx b/src/app/amsterdam/contact/vraag/page.tsx
index ff205a1..a9c8ba1 100644
--- a/src/app/amsterdam/contact/vraag/page.tsx
+++ b/src/app/amsterdam/contact/vraag/page.tsx
@@ -29,7 +29,7 @@ function Question() {
-
+
Home
diff --git a/src/app/amsterdam/kunst-en-cultuur/page.tsx b/src/app/amsterdam/kunst-en-cultuur/page.tsx
index 10a6a36..067fc5c 100644
--- a/src/app/amsterdam/kunst-en-cultuur/page.tsx
+++ b/src/app/amsterdam/kunst-en-cultuur/page.tsx
@@ -1,15 +1,6 @@
'use client'
-import {
- AspectRatio,
- Breadcrumb,
- Column,
- Grid,
- Heading,
- LinkList,
- PageHeading,
- Paragraph,
-} from '@amsterdam/design-system-react'
+import { Breadcrumb, Column, Grid, Heading, LinkList, PageHeading, Paragraph } from '@amsterdam/design-system-react'
import { DownloadIcon } from '@amsterdam/design-system-react-icons'
import NextLink from 'next/link'
import NextImage from 'next/image'
@@ -22,7 +13,7 @@ function KunstEnCultuur() {
-
+
Home
@@ -39,9 +30,7 @@ function KunstEnCultuur() {
-
-
-
+
diff --git a/src/app/amsterdam/layout.tsx b/src/app/amsterdam/layout.tsx
index 2a5169d..c9b7883 100644
--- a/src/app/amsterdam/layout.tsx
+++ b/src/app/amsterdam/layout.tsx
@@ -13,53 +13,109 @@ import {
Screen,
SkipLink,
} from '@amsterdam/design-system-react'
-import { ChattingIcon, LoginIcon, PhoneIcon, SearchIcon } from '@amsterdam/design-system-react-icons'
+import { ChattingIcon, PhoneIcon } from '@amsterdam/design-system-react-icons'
import NextLink from 'next/link'
+import './amsterdam.css'
-const footerLinks = [
+const megaMenuLinks = [
{
- href: '/amsterdam',
- label: 'Home',
+ href: '#',
+ label: 'Afval',
},
{
- href: '/amsterdam/zoeken',
- label: 'Zoeken',
+ href: '/amsterdam/bestuur-en-organisatie',
+ label: 'Bestuur en organisatie',
},
{
- href: '/amsterdam/nieuws',
- label: 'Nieuws',
+ href: '/amsterdam/projecten',
+ label: 'Bouw- en verkeersprojecten',
},
{
href: '/amsterdam/burgerzaken',
label: 'Burgerzaken',
},
+ {
+ href: '#',
+ label: 'Gemeentebelastingen',
+ },
+ {
+ href: '#',
+ label: 'Gezondheidsdienst (GGD)',
+ },
{
href: '/amsterdam/kunst-en-cultuur',
- label: 'Kunst en cultuur',
+ label: 'Kunst, cultuur en vrije tijd',
},
{
- href: '/amsterdam/projecten',
- label: 'Projecten',
+ href: '#',
+ label: 'Ondernemen',
},
{
- href: '/amsterdam/projecten/project',
- label: 'Project',
+ href: '#',
+ label: 'Onderwijs en jeugd',
},
{
- href: '/amsterdam/parkeervergunning-voor-sportverenigingen',
+ href: '#',
label: 'Parkeren',
},
{
- href: '/amsterdam/bestuur-en-organisatie',
- label: 'Bestuur en Organisatie',
+ href: '#',
+ label: 'Sport',
},
{
- href: '/amsterdam/bestuur-en-organisatie/gemeenteraad',
- label: 'Gemeenteraad',
+ href: '#',
+ label: 'Stadsdelen',
},
{
- href: '/amsterdam/bestuur-en-organisatie/college-van-burgemeester-en-wethouders',
- label: 'College van burgemeester en wethouders',
+ href: '#',
+ label: 'Subsidies',
+ },
+ {
+ href: '#',
+ label: 'Vacatures',
+ },
+ {
+ href: '#',
+ label: 'Vergunningen',
+ },
+ {
+ href: '#',
+ label: 'Verkeer en vervoer',
+ },
+ {
+ href: '#',
+ label: 'Verkiezingen',
+ },
+ {
+ href: '#',
+ label: 'Werk aan de weg',
+ },
+ {
+ href: '#',
+ label: 'Werk en inkomen',
+ },
+ {
+ href: '#',
+ label: 'Wonen en leefomgeving',
+ },
+ {
+ href: '#',
+ label: 'Zorg en ondersteuning',
+ },
+]
+
+const footerLinks = [
+ {
+ href: '#',
+ label: 'Over deze site',
+ },
+ {
+ href: '#',
+ label: 'Privacy',
+ },
+ {
+ href: '#',
+ label: 'Cookies op deze site',
},
]
@@ -101,40 +157,54 @@ const socials = [
export default function Amsterdam({ children }) {
return (
-
Direct naar inhoud
-
-
- English
-
-
- Contact
-
-
- Mijn Amsterdam
-
-
- Prototypes
-
-
- Zoeken
-
-
- }
- logoLink={`${process.env.basePath}amsterdam`} // TODO: je kunt hier geen Next Link gebruiken
- logoLinkTitle="Naar de homepage van gemeente Amsterdam"
- menu={
-
- }
- />
+ Direct naar inhoud
+
+ Mijn Amsterdam
+ ,
+
+ English
+ ,
+
+ Zoeken
+ ,
+ ]}
+ logoLink={`${process.env.basePath}amsterdam`} // TODO: je kunt hier geen Next Link gebruiken
+ logoLinkTitle="Naar de homepage van gemeente Amsterdam"
+ >
+
+
+
+
+ Mijn Amsterdam
+
+
+ English
+
+
+
+
+
+ Alle onderwerpen
+
+
+
+ {megaMenuLinks.map(({ href, label }) => (
+
+ {label}
+
+ ))}
+
+
+
+
+
{children}