dist/Js/navbar.js

       <div class="collapse navbar-collapse" id="navbarSupportedContent">
         <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
           <li class="nav-item">
-            <a class="nav-link active" aria-current="page" href="#">Laptops</a>
+            <a class="nav-link active" href="./laptopmulti.html">Laptops</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link" href="#">All in One</a>
+            <a class="nav-link" href="./allinone.html">All in One</a>
           </li>
           <li class="nav-item">
             <a class="nav-link" href="#">Servers</a>

styles/pages/_home.scss

 }
 
 .hero-banner {
+    // background-image: url(../../dist/assets/imgs/Home/banner.png);
     background-image: url(../../dist/assets/imgs/Home/banner.png);
     // background-color: #cccccc;
     background-size: cover;
     background-position-y: -100px;
     // home-banner
     .banner-main-container {
-        height: 475px;
+        height: 400px;
     }
 }
 
             margin-top: 40px;
         }
         .banner-main-container {
- 
+                height: 550px;
             text-align: center;
             .col-md-6 {
                 margin-top: 0px;

styles/style.scss

 @import "pages/productOverview/wifisection";
 @import "pages/productOverview/tablesection";
 
-// @import "pages/home";
-// @import "pages/shopping-cart";
+@import "pages/home";
+@import "pages/shopping-cart";
 @import "pages/allInOne";
 /*
 0 - 600px:      Phone