Change - " main.dart " -

Let's start from the begining of the component by changing the - "main.dart" - as like as code given below.

After Changing it show tons of errors, It's fine lets continue its will soon recovered. Now we need to create a page named - "Routes.dart " which will contain all the page routes for our web page

Now the errors will be gone. But the route need Two screens namely "LandingPage.dart", "SplashScreen.dart" which is required for the page Routing and entry animation when page first get landed.

Use Your Own Duration on the future Delayed function which i have used to make the animation visible for sevaral seconds and then navigate to main page.

Before we Create the Landing Site we need to implement the pages that will be present in the whole pages which need to have page navigation.Create a folder Named - "pages" and create you own pages or else copy the 5 page that i have created below.

let's touch the finish line by creating lading page that contains a NavBar on the Left corner. To create the NavBar you need you need to create a list with all the navbar items like i did on the code.

Now you have a Webpage with a splash screen and a naviagtion ystem based on URL.Have a Good Day.... :) Buddy.

Note:
Run Theme in release mode for perfect output.

You can use the Github If you Feel Useful Click Here

GitHub Cli:
gh repo clone Am-I-Worthy/url_navigation_web

GitHub Desktop:
GitHub Desktop Link