Open Justin-Bento opened 2 months ago
I've implemented the layout's based on The Odin Projects design. and will modify it to be unique, later down the line.
Layout completed: 2024-07-29
Utilized Next.js Catch All Segments to create dynamic segments under the/real-estate-process
path. This feature lets me create a single route that can handle many different URLs so I can only handle one route to handle many different paths automatically.
For example:
The route real-estate-process/deciding-to-buy/[...slug]/page.js
matches/real-estate-process/deciding-to-buy
.
It also matches deeper paths like:
/real-estate-process/deciding-to-buy/thinking-before-you-buy
and/real-estate-process/deciding-to-sell/thinking-before-you-sell
.Additionally, I implemented a standard layout that is shared across these catch-all segment routes, ensuring a consistent interface throughout these pages.
In future updates, I will handle Error pages so if a user goes outside the defined path, I will display an error page making a user go back to the base URL /real-estate-process
.
We need to create a "Real Estate Process" page for our real estate agent website. This page will guide visitors through the various steps involved in buying or selling a property, making the process transparent and easy to understand.
Header Section:
Contact Section:
Items within The Article:
Design and Layout: