And once we're done with our sidebar with an iron bar as well as the Fuhrer, I would want to start
off somewhat easy by covering the Arab page, by covering the about page.
Also, I'm going to set up home page, but only the parts that don't require much functionality.
For example, feature products.
We'll set up a little bit later.
And then once we're done with all this, then we'll really take a deep dive and we'll start working
on pitching the product, setting up the filters and all that nice stuff.
So let's just slowly ease into it.
And don't worry, we'll get to the interesting stuff in time.
And I guess I'm going to start with my error page.
So just to showcase how it's going to look like I'm going to go with error, since that is the patient
doesn't exist.
And in here I right away have my error page.
So four or four sorry, the page you tried cannot be found and we have a link to navigate back on.
Let's do it, people, I'm going to close everything that I have open, and in this case, I don't need
the components.
What I need is the error page.
So I'm looking at my pages.
I'm looking for error page.
And I simply would want to add my wrapper since I would want to add styling.
And then this is going to be the case where I'll add one of those global classes.
So let's go with class name and then page hyphen and then one hundred.
Now what this class essentially is doing is just adding a height to my page.
So if I navigate to hello, I want my error page to take up all the space apart from the number.
So whatever is the height of number and the footer, if you're interested in the success, please navigate
the indexes as you can do the quick find where you go with page.
So there are two classes.
One is going to be used in different pages and then one is page one hundred, which is going to be used
in the average height and calculating the number five RTM and the water is also five arms.
That's why I go with hundred minus 10 items and then I just add a little bit of padding over here.
So in the error page, I only want a little bit of text as well as the link to navigate back home.
So we simply say here section and then instead of the section we're going to go with one and we're going
to go with four or four.
And let's close the sidebar and then we're going to say adding three sorry, comma the page you tried.
Be found, that's it.
So we have to do.
And then, of course, we have the link.
Now it's up to you where you want to direct the user.
In my case, I'm going to navigate back to the home page and we're going to say back home and for this
link, I'm going to use another global class because I just find it easier to set up those global classes
in my year instead of repeating the same thing in every component.
And the name is.
But again, navigate back here, use the quick find and just look for BTN.
If you're interested in the styling that I set up for Button, and in a matter of minutes we should
have the error page that just direct the user back to the home page.
So let me say I have cut, but I would want to navigate to hello and there is my area.
So I just click here and we should be back home.
And there is now, of course, back on.