Create a complete multi-page English website for AGENZI LAW, a modern commercial law firm based in Copenhagen.
IMPORTANT: Do not create empty pages, single-section pages or choose the page structure yourself. Follow the exact sitemap and section structure below. Every listed item must be created as a separate website section.
## Sitemap
Create these main pages:
1. Home
2. Practice Areas
3. People
4. About
5. Insights
6. Contact
Also create an individual detail page for each Practice Area.
## Global design direction
The website should feel premium, modern, minimalist and trustworthy, with a Scandinavian editorial style.
Use:
* Orange accent: #EF5A32
* Deep navy, charcoal and black
* Warm white backgrounds
* White text over images
* Dark navy or black text on light sections
* Editorial serif typography for large headings
* Clean sans-serif typography for navigation and body text
* Generous spacing
* Large photographs
* Thin divider lines
* Slightly rounded buttons, images and containers
* No gradients
* Orange only as an accent colour for selected words, buttons, arrows and small details
Use the uploaded AGENZI logo, screenshots, video and photographs.
The supplied screenshots are important visual references. Follow their overall composition, spacing, image treatment and header behaviour while adapting the design to a commercial law firm.
Reference websites:
* https://www.mazanti.dk/en/
* https://template1.nicolaipalmkvist.com/
Create original website copy. Do not mention the reference companies.
## Global header behaviour
Use the same header across every page.
At the top of each page:
* The header must be completely transparent.
* It must be positioned on top of the hero image or hero video.
* Do not create a separate white or coloured area behind the initial header.
* Use the uploaded white and orange AGENZI logo.
* Use white navigation text.
* Include: Practice Areas, People, Insights and About.
* Place a white search icon and a Contact link or orange contact button on the right.
When the visitor begins scrolling:
* Change the header into a sticky floating navigation container.
* Give the header a black or very dark navy background.
* Add space between the header and the left, right and top edges of the browser.
* Give the floating header slightly rounded corners.
* Keep the logo, navigation and contact button inside the floating container.
* Follow the uploaded header reference screenshot closely.
## HOME PAGE
The homepage must contain exactly these sections in this order:
### Section 1: Full-screen video hero
Create a full-screen hero section using the supplied video as the background.
Video reference:
https://vimeo.com/1039660548?fl=pl&fe=vl
Prefer the uploaded video file if available. The background video must:
* Autoplay
* Loop
* Remain muted
* Play inline
* Have no visible player controls
* Cover the entire hero section
* Use a fallback image on mobile if necessary
Add a subtle dark overlay so the white text remains readable without hiding the video.
Position the transparent header on top of the video.
Place this heading on the left in two lines:
It’s all about
trust.
“It’s all about” should be white. “trust.” must be orange using #EF5A32.
Add an orange button below:
Find the right advisor
At the bottom centre of the hero, add:
Watch the full movie →
Use a small orange arrow. Clicking it should open the complete video with sound and controls.
### Section 2: Practice Areas overview
Directly below the hero, create a large overview of AGENZI LAW’s Practice Areas.
Include these areas:
1. Corporate & M&A
2. Dispute Resolution
3. Banking & Finance
4. Real Estate & Construction
5. Insolvency & Restructuring
6. Intellectual Property
7. Employment Law
8. White-Collar Crime
9. Insurance & Liability
Do not use a generic grid of small cards.
Use a clean editorial list with:
* A small number
* Large Practice Area title
* One short description
* A subtle orange arrow
* Thin horizontal divider lines
Each Practice Area must be clickable and lead to its individual detail page.
If supported, add a subtle scroll-triggered interaction. For example, keep the section heading or supporting image sticky while the Practice Areas scroll alongside it. Keep the effect elegant and professional.
Use this section heading:
Legal expertise for complex decisions.
Add a short introduction explaining that AGENZI combines specialist legal expertise with a practical understanding of business.
### Section 3: Large image statement section
Create a large, wide image section using one of the supplied office or team photographs.
This section should feel like a second hero section:
* Large cinematic image
* Approximately 70–80vh tall
* Slightly rounded corners if it does not touch the browser edges
* Subtle dark overlay
* Large centred white text
* One important word may be orange
Use this heading:
Clear advice when it matters most.
Add a small orange text link below:
Meet our advisors →
Link this section to the People page.
### Section 4: About and quotation section
Create a minimal About teaser on a warm white background.
Use a balanced two-column layout:
* Large quotation or heading on the left
* Short About text and button on the right
Use this quotation:
“The strongest legal advice begins with understanding the business behind the matter.”
Add a short paragraph explaining that AGENZI builds long-term client relationships through specialist knowledge, commercial understanding and direct personal advice.
Add a text button:
About AGENZI →
Link it to the About page.
### Section 5: Footer
Create a large minimalist footer using a dark navy or black background.
Include:
* AGENZI logo
* Main navigation
* Practice Areas
* Copenhagen office
* Phone number
* Email
* LinkedIn
* Newsletter signup
* Privacy Policy
* Legal information
Use white text, thin divider lines and small orange details.
Do not add additional homepage sections.
## PRACTICE AREAS PAGE
This page must contain exactly these sections:
### Section 1: Practice Areas hero
Create a large cover-image hero approximately 55–65vh tall.
It should not fill the entire screen like the homepage hero.
The transparent header must sit directly on top of the image.
Use one of the supplied office or team photographs as the cover image. Add a subtle dark overlay.
Place this white heading inside the image:
Practice Areas
Add a short white introductory sentence underneath:
Specialist legal advice shaped around your business and the challenges ahead.
Follow the uploaded subpage hero reference closely.
### Section 2: Practice Areas list
Below the hero, create a large white section containing all Practice Areas.
Use the same clean editorial list style as the uploaded reference:
* Small number on the left
* Large title
* Short description on the right
* Thin horizontal line between every item
* Orange arrow or small orange detail
* No generic card grid
* No colourful icons
Include:
* Corporate & M&A
* Dispute Resolution
* Banking & Finance
* Real Estate & Construction
* Insolvency & Restructuring
* Intellectual Property
* Employment Law
* White-Collar Crime
* Insurance & Liability
Every item must link to its own Practice Area detail page.
### Section 3: Footer
Use the global footer.
Do not add any other sections to this page.
## INDIVIDUAL PRACTICE AREA PAGES
Create an individual page for every Practice Area.
Each page should contain only:
### Section 1: Image hero
* Transparent header positioned over the image
* Large cover image approximately 50–60vh tall
* Subtle dark overlay
* White title showing the name of the Practice Area
* One short introductory sentence
### Section 2: Simple text content
Create a clean, readable text section explaining:
* What the Practice Area covers
* Typical situations where clients need assistance
* How AGENZI helps
* A short “Find the right advisor” link
Keep these pages simple and primarily text-based.
### Section 3: Footer
Use the global footer.
## PEOPLE PAGE
Create only these sections:
1. The global transparent header
2. A large image hero approximately 55–65vh tall
3. White hero heading: “People”
4. A short introductory text section about finding the right advisor
5. The global footer
Use a supplied photograph showing people or a professional meeting.
Do not add team cards, filters or other sections yet.
## ABOUT PAGE
Create only these sections:
1. The global transparent header
2. A large image hero approximately 55–65vh tall
3. White hero heading: “About AGENZI”
4. A short introductory text section explaining the firm’s values, commercial approach and focus on trust
5. The global footer
Use one of the supplied office or team photographs.
Do not add additional About sections yet.
## INSIGHTS PAGE
Create only these sections:
1. The global transparent header
2. A large image hero approximately 55–65vh tall
3. White hero heading: “Insights”
4. A short introductory text section explaining that this page will contain legal insights, case updates and firm news
5. The global footer
Do not add article cards or other sections yet.
## CONTACT PAGE
Create only these sections:
1. The global transparent header
2. A large image hero approximately 55–65vh tall
3. White hero heading: “Contact”
4. A short text section with Copenhagen office details, phone, email and a short invitation to contact the firm
5. The global footer
Do not add additional Contact sections yet.
## Image treatment
Use the supplied images throughout the website.
Where possible, choose photographs containing orange elements, warm wood, red-orange furniture or orange wall details so the images harmonise with #EF5A32.
For every hero image:
* Use a wide landscape crop
* Keep the main subject visible
* Apply a subtle dark overlay
* Place white text inside the image
* Avoid excessive darkness
* Ensure the text remains readable
* Use an appropriate focal point on mobile
## Motion and responsiveness
Use only subtle professional motion:
* Gentle text reveals
* Soft image reveals
* Small arrow movements on hover
* Smooth transition when the transparent header becomes the floating dark header
* Optional scroll-triggered interaction in the homepage Practice Areas section
Do not use excessive animation.
Ensure every page is fully responsive. On mobile, simplify animations and use a static fallback image if the video affects performance.
Most importantly: create every section listed above as a separate section. Do not reduce the pages to only a header, title and footer, and do not replace the specified structure with a generic layout.