Let me first understand the current codebase structure, then generate stunning images and build this new landing page.

I have the full picture now. Let me generate stunning real estate photos and build this as a separate landing page with a completely different, more immersive design.

Now let me build this stunning new landing page with all its components:

Now let me also add a link to this new page from the main homepage header:

Now update the nav rendering to handle external links:

Now do the same for the mobile nav:

Now let me verify the page compiles by checking the file structure:

All files are in place. Let me verify the page and one of the key components to make sure everything is correct:

Everything looks great. The new landing page at /commercialisation-lotissement-casablanca is complete with 9 distinct components, 5 custom-generated real estate photographs, and a completely immersive design. The page features a full-screen hero with cinematic zoom-in animation and the "Prix x Vitesse x Liquidite" matrix, alternating light/dark sections with large section numbers as decorative elements, image-rich alternating layouts in the approach section, animated progress bars with counting numbers in the promoteur section, a custom accordion FAQ, and two full-bleed image dividers with quotes between sections. The main homepage header now also links to this new page under "Lotissements".

Let me read the header and the existing lotissement page to understand the current setup, then build the new valorisation page.

Now I have everything. Let me do both tasks:

Task 1: Update the header -- remove "Lotissements", make "Valorisation Fonciere" link to /valorisation-terrain-casablanca, and make "Performance Commerciale" link to /commercialisation-lotissement-casablanca.

Task 2: Build the new Valorisation Terrain page with the same immersive style as the lotissement page, using stunning generated images.

Let me start with the header fix and generate new images for the valorisation page in parallel:

Good, header updated and images generated. Now I need to fix the desktop nav rendering since the slice was slice(0, 5) but now we only have 5 items total, and we need to ensure the last item "Contact" still shows as the CTA:

Now let me build all the valorisation terrain page components:

Now create a header specifically for the valorisation page:

Finally, create the page that assembles everything:

Both tasks are done. The header has been updated: "Lotissements" is removed, "Valorisation Fonciere" now navigates to /valorisation-terrain-casablanca, and "Performance Commerciale" navigates to /commercialisation-lotissement-casablanca. The new valorisation page follows the same immersive design language as the lotissement page -- full-screen hero with terrain photo, 8 sections covering the problem, value drivers, promoteur reasoning approach, detailed 4-step analysis with alternating image layouts, advantages, audience eligibility, FAQ accordion, and a cinematic CTA finale with 4 custom-generated real estate photographs throughout.