1
00:00:00,410 --> 00:00:05,310
With our head our complete next we're going to start working on our home page so we can close out the

2
00:00:05,310 --> 00:00:06,130
header.

3
00:00:06,190 --> 00:00:13,140
Also close out the app J.S. because we already have imported the error page within our router.

4
00:00:13,140 --> 00:00:17,670
So let's find these pages folder and then let's look for the error.

5
00:00:17,940 --> 00:00:22,980
As far as imports we're just gonna have one because again if we're going to check out the finished project

6
00:00:23,270 --> 00:00:25,230
we noticed that we had our link.

7
00:00:25,230 --> 00:00:28,990
So I'd want to set up a link that navigates back to homepage.

8
00:00:29,040 --> 00:00:34,040
The reason why we're going to import again a link component from reactor down and we're just going to

9
00:00:34,040 --> 00:00:38,080
have a simple text as well as a link displayed as a button.

10
00:00:38,280 --> 00:00:40,310
The way it works is we're going to go with import.

11
00:00:40,320 --> 00:00:47,610
Again let me close the sidebar first and then I'm gonna go with a link component that is coming from

12
00:00:48,020 --> 00:00:52,110
react rude or dumb and then let's set up our return.

13
00:00:52,140 --> 00:00:53,520
So what is gonna be our turn.

14
00:00:53,520 --> 00:00:56,220
Well it's definitely not gonna be a simple hiring one.

15
00:00:56,730 --> 00:01:01,950
We're going to have first a section for the section we're gonna have the class just so we have some

16
00:01:01,950 --> 00:01:09,570
styling so class names and in fact there's gonna be two class names so error hyphen page and the second

17
00:01:09,570 --> 00:01:15,230
one is a section and then also we're gonna have a day off with the class of our container.

18
00:01:15,420 --> 00:01:23,360
So error Taner and then within the container we're just gonna have one with some kind of text again

19
00:01:23,400 --> 00:01:29,280
in my case I'm going to go with loops and I'm gonna say it's a dead end.

20
00:01:29,460 --> 00:01:35,640
So and then I would like to display also my like I'm gonna add some styling that's the reason why it's

21
00:01:35,640 --> 00:01:36,760
gonna look like a button.

22
00:01:36,840 --> 00:01:42,390
So again we had a line component then we had a two prop and then we just need to decide where we would

23
00:01:42,390 --> 00:01:43,850
want our user to navigate.

24
00:01:44,250 --> 00:01:49,350
So if we want our user to navigate the rampage which is going to have a forward slash if we want to

25
00:01:49,350 --> 00:01:55,770
navigate to a different page make sure that the string that we pass in within it to match is whatever

26
00:01:55,770 --> 00:01:57,000
you had for the path.

27
00:01:57,090 --> 00:02:02,300
So 40 about you would just have forward slash and about as a text for the length.

28
00:02:02,320 --> 00:02:08,040
I'm gonna say back home and like I said we would want to add some classes just so we have some styling

29
00:02:08,360 --> 00:02:13,940
and the classes are gonna be beaten and beat and primary and there you go.

30
00:02:14,010 --> 00:02:19,110
If we're going to head over to our error page again Let's type in Hello.

31
00:02:19,320 --> 00:02:20,130
We have ups.

32
00:02:20,160 --> 00:02:23,520
It's a dead end and now we can always navigate back on.