Create "Real Estate Process" page

[Justin-Bento]

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:

• Title: "Our Real Estate Process"
• A brief introduction explaining the purpose of the page and how it helps clients understand the steps involved in a real estate transaction.
• Below will be two sections showing their own process and content.
  • Deciding To Buy
  • Deciding To Sell
• Content for the "Real Estate Process" steps will be provided by the agent.

Contact Section:

• Encourage visitors to contact the agent for more detailed information or personalized assistance.

Items within The Article:

• Encourage visitors view the main topics of the article on the right before moving on.

Design and Layout:

• The page should be visually appealing and consistent with the rest of the website's design.
• Use high-quality images and a clean, professional layout.
• Optimize the page for search engines, including relevant keywords and meta tags.

[Justin-Bento]

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

[Justin-Bento]

[Justin-Bento]

Implemented Dynamic Segments with Next.js Catch-All Routes

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.jsmatches/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.