Lat mig kolla att next.config.mjs ar korrekt uppdaterad:

Ja, next.config.mjs innehaller redan alla tre falt (eslint.ignoreDuringBuilds, typescript.ignoreBuildErrors, images.unoptimized) korrekt konfigurerade. Filen ar uppdaterad och redo for deployment -- inga ytterligare andringar behovs.

Let me start by understanding the current codebase structure, then plan and implement these additions.

Now I have full context of the codebase. Let me also check existing dialog/sheet components to ensure proper accessibility:

I now have complete context. The current page is a single-view hero + image grid layout. I need to add:

1. Cookie banner -- a bottom-fixed banner with accept/decline
2. Terms & Conditions page -- accessible via link in footer
3. About section with placeholder company info
4. Map section showing their location
5. Footer tying it all together

The page needs to scroll now, so I'll restructure page.tsx from a centered single-view into a scrollable landing page. Let me create the new components:

Now let me create the Terms & Conditions page and update the main page:

Now let me update the main page to include all the new sections:

Now let me update the layout to properly wrap the page with a <main> structure and ensure the villkor page also gets the cookie banner:

The site is now fully updated with four new features: a cookie consent banner that slides up from the bottom with accept/decline options and links to the cookie policy, an "Om foretaget" section with company description, services list, and all official company details (org.nr, SNI-codes, ledamot), a map section with an embedded Google Maps iframe (dark-themed to match the site) and contact information, and a "Villkor" page (/villkor) with placeholder Terms & Conditions, privacy policy, and cookie policy text. All dialog-like elements use proper aria-label/aria-describedby attributes for accessibility, and all <p> tags override the global opacity rule with style={{ opacity: 1 }} for readability.