Hello, everyone, and welcome to the radio.
So today we want to create this really beautiful website using reenactor, so this is a mark of our
restaurant website, which contains a beautiful nav bar.
You can see there is a logo and the links to other pages of the website.
Then we have a landing page which contains this image, some text and a button for our now.
Next, we have folder, which contains the social media icons of all our social media handles and our
text, which signifies the name of the company.
Next, we go to the menu page and you can see we have the list of all items which are present in the
restaurant right now.
So this is the menu page which contains the title for the which is our menu.
Next, we have the items which we have.
So this has an image, the title of the dish and the price of the dish.
So you can see this beautiful card right here when we are over it.
So it gives a little shadow in the background whenever we have it.
So this gives a shadow and we are going to all create this from scratch today using the tactics next
when we go to the about page.
You can see this image right here and the title of About US and some text, which is just for information
about the website of the owner of the company.
Next, when we go to the contact page, you can see this beautiful image right here and an organized
form where you can write your name, email and your message and just spread send message and message
will be sent to the owner of the website.
So this all we are going to create and one thing you might have noticed that whenever we go to different
pages than ever and there are constant, they will not change.
So that means we have reused this nav bar and for a component in every page.
So that's all about this website.
So let me just talk about what other technology is, which we are going to use today to build this website.
First of all, obviously, we are going to use rigs for this entire website.
Next, we are going to use material UI for the icons which we are using here.
These beautiful icons are all from Material UI.
Next, we are going to use reactor out or dome.
Yes.
This is a really, really important package and concept in Radius Reactor Dome.
So what is the October Dome?
When you just take a look at the address bar that you are in the address bar, and when we go to different
pages, you'll see that you are two changes here.
Whenever we go to the menu, it adds slash menu and negative about it at about.
And when we go to contact, it's going to.
But all of this, all of this magic is happening to reactor out at dawn.
So we are going to use reactor at home and I will teach you how to use reactor and how to implement
it in our website.
I hope you guys are and are excited as me.
And one more thing, and this website is fully responsive.
As we can see, when we decrease the size of the screen, you can see the website starts to get responsive
and you can see now the website is fully responsive and the website looks so beautiful in the mobile
view.
Also, when we click on this button right here and the now what it shows, the links which we are present
in the nav bar previously.
So this is a fully responsive website, and we go to the menu page.
You can see this menu.
Let's try it here.
So this website looks so beautiful in the mobile view.
Also, so this not just a desktop website or a full screen outside, this is a mobile friendly, responsive
website which we are going to create today.
So I hope you guys are as excited as I am.
Thank you and see you in the next part.