From f14a8026b5ec86c4d682a3e22b5d940e45e90f7b Mon Sep 17 00:00:00 2001
From: UronShrestha <yuron.stha57@gmail.com>
Date: Thu, 4 Jul 2024 13:04:28 +0545
Subject: [PATCH] readAndDisplaySingleProduct

---
 app/Http/Controllers/MainController.php     | 11 ++-
 resources/views/about.blade.php             | 26 ------
 resources/views/blog.blade.php              | 26 ------
 resources/views/blogDetails.blade.php       | 26 ------
 resources/views/cart.blade.php              | 26 ------
 resources/views/checkout.blade.php          | 26 ------
 resources/views/components/footer.blade.php | 29 +++++++
 resources/views/components/header.blade.php | 33 +++----
 resources/views/index.blade.php             | 29 +------
 resources/views/login.blade.php             | 15 ----
 resources/views/register.blade.php          | 26 ------
 resources/views/shop.blade.php              | 26 ------
 resources/views/singleProduct.blade.php     | 95 +++++++++------------
 routes/web.php                              |  1 +
 14 files changed, 100 insertions(+), 295 deletions(-)

diff --git a/app/Http/Controllers/MainController.php b/app/Http/Controllers/MainController.php
index 0a1a08c..7547001 100644
--- a/app/Http/Controllers/MainController.php
+++ b/app/Http/Controllers/MainController.php
@@ -121,11 +121,18 @@ class MainController extends Controller
         return redirect('/login');
     }
 
-    public function singleProduct()
+    public function singleProduct($id)
     {
-        return view('singleProduct');
+        $products = Products::find($id);
+
+        if (!$products) {
+            abort(404);
+        }
+
+        return view('singleProduct', compact('products'));
     }
 
+
     public function blogDetails()
     {
         return view('blogDetails');
diff --git a/resources/views/about.blade.php b/resources/views/about.blade.php
index 0569ba6..b718dad 100644
--- a/resources/views/about.blade.php
+++ b/resources/views/about.blade.php
@@ -215,29 +215,3 @@
 <!-- Footer Section Begin -->
 <x-footer />
 <!-- Footer Section End -->
-
-<!-- Search Begin -->
-<div class="search-model">
-    <div class="h-100 d-flex align-items-center justify-content-center">
-        <div class="search-close-switch">+</div>
-        <form class="search-model-form">
-            <input type="text" id="search-input" placeholder="Search here.....">
-        </form>
-    </div>
-</div>
-<!-- Search End -->
-
-<!-- Js Plugins -->
-<script src="js/jquery-3.3.1.min.js"></script>
-<script src="js/bootstrap.min.js"></script>
-<script src="js/jquery.nice-select.min.js"></script>
-<script src="js/jquery.nicescroll.min.js"></script>
-<script src="js/jquery.magnific-popup.min.js"></script>
-<script src="js/jquery.countdown.min.js"></script>
-<script src="js/jquery.slicknav.js"></script>
-<script src="js/mixitup.min.js"></script>
-<script src="js/owl.carousel.min.js"></script>
-<script src="js/main.js"></script>
-</body>
-
-</html>
diff --git a/resources/views/blog.blade.php b/resources/views/blog.blade.php
index 60b2e35..b58915a 100644
--- a/resources/views/blog.blade.php
+++ b/resources/views/blog.blade.php
@@ -113,29 +113,3 @@
 <!-- Footer Section Begin -->
 <x-footer />
 <!-- Footer Section End -->
-
-<!-- Search Begin -->
-<div class="search-model">
-    <div class="h-100 d-flex align-items-center justify-content-center">
-        <div class="search-close-switch">+</div>
-        <form class="search-model-form">
-            <input type="text" id="search-input" placeholder="Search here.....">
-        </form>
-    </div>
-</div>
-<!-- Search End -->
-
-<!-- Js Plugins -->
-<script src="js/jquery-3.3.1.min.js"></script>
-<script src="js/bootstrap.min.js"></script>
-<script src="js/jquery.nice-select.min.js"></script>
-<script src="js/jquery.nicescroll.min.js"></script>
-<script src="js/jquery.magnific-popup.min.js"></script>
-<script src="js/jquery.countdown.min.js"></script>
-<script src="js/jquery.slicknav.js"></script>
-<script src="js/mixitup.min.js"></script>
-<script src="js/owl.carousel.min.js"></script>
-<script src="js/main.js"></script>
-</body>
-
-</html>
diff --git a/resources/views/blogDetails.blade.php b/resources/views/blogDetails.blade.php
index f6fa688..f88fb53 100644
--- a/resources/views/blogDetails.blade.php
+++ b/resources/views/blogDetails.blade.php
@@ -132,29 +132,3 @@
 <!-- Footer Section Begin -->
 <x-footer />
 <!-- Footer Section End -->
-
-<!-- Search Begin -->
-<div class="search-model">
-    <div class="h-100 d-flex align-items-center justify-content-center">
-        <div class="search-close-switch">+</div>
-        <form class="search-model-form">
-            <input type="text" id="search-input" placeholder="Search here.....">
-        </form>
-    </div>
-</div>
-<!-- Search End -->
-
-<!-- Js Plugins -->
-<script src="js/jquery-3.3.1.min.js"></script>
-<script src="js/bootstrap.min.js"></script>
-<script src="js/jquery.nice-select.min.js"></script>
-<script src="js/jquery.nicescroll.min.js"></script>
-<script src="js/jquery.magnific-popup.min.js"></script>
-<script src="js/jquery.countdown.min.js"></script>
-<script src="js/jquery.slicknav.js"></script>
-<script src="js/mixitup.min.js"></script>
-<script src="js/owl.carousel.min.js"></script>
-<script src="js/main.js"></script>
-</body>
-
-</html>
diff --git a/resources/views/cart.blade.php b/resources/views/cart.blade.php
index 101eaa1..edb5214 100644
--- a/resources/views/cart.blade.php
+++ b/resources/views/cart.blade.php
@@ -156,29 +156,3 @@
 <!-- Footer Section Begin -->
 <x-footer />
 <!-- Footer Section End -->
-
-<!-- Search Begin -->
-<div class="search-model">
-    <div class="h-100 d-flex align-items-center justify-content-center">
-        <div class="search-close-switch">+</div>
-        <form class="search-model-form">
-            <input type="text" id="search-input" placeholder="Search here.....">
-        </form>
-    </div>
-</div>
-<!-- Search End -->
-
-<!-- Js Plugins -->
-<script src="js/jquery-3.3.1.min.js"></script>
-<script src="js/bootstrap.min.js"></script>
-<script src="js/jquery.nice-select.min.js"></script>
-<script src="js/jquery.nicescroll.min.js"></script>
-<script src="js/jquery.magnific-popup.min.js"></script>
-<script src="js/jquery.countdown.min.js"></script>
-<script src="js/jquery.slicknav.js"></script>
-<script src="js/mixitup.min.js"></script>
-<script src="js/owl.carousel.min.js"></script>
-<script src="js/main.js"></script>
-</body>
-
-</html>
diff --git a/resources/views/checkout.blade.php b/resources/views/checkout.blade.php
index 4ac0e53..f12a854 100644
--- a/resources/views/checkout.blade.php
+++ b/resources/views/checkout.blade.php
@@ -155,29 +155,3 @@
 <!-- Footer Section Begin -->
 <x-footer />
 <!-- Footer Section End -->
-
-<!-- Search Begin -->
-<div class="search-model">
-    <div class="h-100 d-flex align-items-center justify-content-center">
-        <div class="search-close-switch">+</div>
-        <form class="search-model-form">
-            <input type="text" id="search-input" placeholder="Search here.....">
-        </form>
-    </div>
-</div>
-<!-- Search End -->
-
-<!-- Js Plugins -->
-<script src="js/jquery-3.3.1.min.js"></script>
-<script src="js/bootstrap.min.js"></script>
-<script src="js/jquery.nice-select.min.js"></script>
-<script src="js/jquery.nicescroll.min.js"></script>
-<script src="js/jquery.magnific-popup.min.js"></script>
-<script src="js/jquery.countdown.min.js"></script>
-<script src="js/jquery.slicknav.js"></script>
-<script src="js/mixitup.min.js"></script>
-<script src="js/owl.carousel.min.js"></script>
-<script src="js/main.js"></script>
-</body>
-
-</html>
diff --git a/resources/views/components/footer.blade.php b/resources/views/components/footer.blade.php
index c853388..b036c51 100644
--- a/resources/views/components/footer.blade.php
+++ b/resources/views/components/footer.blade.php
@@ -1,3 +1,4 @@
+<!-- Footer Section Begin -->
 <footer class="footer">
     <div class="container">
         <div class="row">
@@ -62,3 +63,31 @@
         </div>
     </div>
 </footer>
+
+<!-- Footer Section End -->
+
+<!-- Search Begin -->
+<div class="search-model">
+    <div class="h-100 d-flex align-items-center justify-content-center">
+        <div class="search-close-switch">+</div>
+        <form class="search-model-form">
+            <input type="text" id="search-input" placeholder="Search here.....">
+        </form>
+    </div>
+</div>
+<!-- Search End -->
+
+<!-- Js Plugins -->
+<script src={{ URL::asset('js/jquery-3.3.1.min.js') }}></script>
+<script src={{ URL::asset('js/bootstrap.min.js') }}></script>
+<script src={{ URL::asset('js/jquery.nice-select.min.js') }}></script>
+<script src={{ URL::asset('js/jquery.nicescroll.min.js') }}></script>
+<script src={{ URL::asset('js/jquery.magnific-popup.min.js') }}></script>
+<script src={{ URL::asset('js/jquery.countdown.min.js') }}></script>
+<script src={{ URL::asset('js/jquery.slicknav.js') }}></script>
+<script src={{ URL::asset('js/mixitup.min.js') }}></script>
+<script src={{ URL::asset('js/owl.carousel.min.js') }}></script>
+<script src={{ URL::asset('js/main.js') }}></script>
+</body>
+
+</html>
diff --git a/resources/views/components/header.blade.php b/resources/views/components/header.blade.php
index 2f37b05..9c00c95 100644
--- a/resources/views/components/header.blade.php
+++ b/resources/views/components/header.blade.php
@@ -14,14 +14,14 @@
         rel="stylesheet">
 
     <!-- Css Styles -->
-    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
-    <link rel="stylesheet" href="css/font-awesome.min.css" type="text/css">
-    <link rel="stylesheet" href="css/elegant-icons.css" type="text/css">
-    <link rel="stylesheet" href="css/magnific-popup.css" type="text/css">
-    <link rel="stylesheet" href="css/nice-select.css" type="text/css">
-    <link rel="stylesheet" href="css/owl.carousel.min.css" type="text/css">
-    <link rel="stylesheet" href="css/slicknav.min.css" type="text/css">
-    <link rel="stylesheet" href="css/style.css" type="text/css">
+    <link rel="stylesheet" href="{{ URL::asset('css/bootstrap.min.css') }}" type="text/css">
+    <link rel="stylesheet" href="{{ URL::asset('css/font-awesome.min.css') }}" type="text/css">
+    <link rel="stylesheet" href="{{ URL::asset('css/elegant-icons.css') }}" type="text/css">
+    <link rel="stylesheet" href="{{ URL::asset('css/magnific-popup.css') }}" type="text/css">
+    <link rel="stylesheet" href="{{ URL::asset('css/nice-select.css') }} "type="text/css">
+    <link rel="stylesheet" href="{{ URL::asset('css/owl.carousel.min.css') }}"type="text/css">
+    <link rel="stylesheet" href="{{ URL::asset('css/slicknav.min.css') }}" type="text/css">
+    <link rel="stylesheet" href="{{ URL::asset('css/style.css') }}" type="text/css">
 </head>
 
 <body>
@@ -48,9 +48,10 @@
             </div>
         </div>
         <div class="offcanvas__nav__option">
-            <a href="#" class="search-switch"><img src="img/icon/search.png" alt=""></a>
-            <a href="#"><img src="img/icon/heart.png" alt=""></a>
-            <a href="#"><img src="img/icon/cart.png" alt=""> <span>0</span></a>
+            <a href="#" class="search-switch"><img src="{{ URL::asset('img/icon/search.png') }}"
+                    alt=""></a>
+            <a href="#"><img src="{{ URL::asset('img/icon/heart.png') }}" alt=""></a>
+            <a href="#"><img src="{{ URL::asset('img/icon/cart.png') }}" alt=""> <span>0</span></a>
             <div class="price">Rs 0.00</div>
         </div>
         <div id="mobile-menu-wrap"></div>
@@ -93,7 +94,7 @@
             <div class="row">
                 <div class="col-lg-3 col-md-3">
                     <div class="header__logo">
-                        <a href="{{ URL::to('/') }}"><img src="img/logo.png" alt=""></a>
+                        <a href="{{ URL::to('/') }}"><img src="{{ URL::asset('img/logo.png') }}" alt=""></a>
                     </div>
                 </div>
                 <div class="col-lg-6 col-md-6">
@@ -123,9 +124,11 @@
                 </div>
                 <div class="col-lg-3 col-md-3">
                     <div class="header__nav__option">
-                        <a href="#" class="search-switch"><img src="img/icon/search.png" alt=""></a>
-                        <a href="#"><img src="img/icon/heart.png" alt=""></a>
-                        <a href="#"><img src="img/icon/cart.png" alt=""> <span>0</span></a>
+                        <a href="#" class="search-switch"><img src="{{ URL::asset('img/icon/search.png') }}"
+                                alt=""></a>
+                        <a href="#"><img src="{{ URL::asset('img/icon/heart.png') }}" alt=""></a>
+                        <a href="#"><img src="{{ URL::asset('img/icon/cart.png') }}" alt="">
+                            <span>0</span></a>
                         <div class="price">Rs 0.00</div>
                     </div>
                 </div>
diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php
index 178c2c1..287e87d 100644
--- a/resources/views/index.blade.php
+++ b/resources/views/index.blade.php
@@ -114,7 +114,7 @@
                                 <li><a href="#"><img src="img/icon/heart.png" alt=""></a></li>
                                 <li><a href="#"><img src="img/icon/compare.png" alt="">
                                         <span>Compare</span></a></li>
-                                <li><a href="{{ URL::to('singleProduct/' . $item->id) }}"><img src="img/icon/eye.png"
+                                <li><a href="{{ URL::to('single/' . $item->id) }}"><img src="img/icon/eye.png"
                                             alt=""></a></li>
                             </ul>
                         </div>
@@ -275,30 +275,3 @@
 
 <!-- Footer Section Begin -->
 <x-footer />
-<!-- Footer Section End -->
-
-<!-- Search Begin -->
-<div class="search-model">
-    <div class="h-100 d-flex align-items-center justify-content-center">
-        <div class="search-close-switch">+</div>
-        <form class="search-model-form">
-            <input type="text" id="search-input" placeholder="Search here.....">
-        </form>
-    </div>
-</div>
-<!-- Search End -->
-
-<!-- Js Plugins -->
-<script src="js/jquery-3.3.1.min.js"></script>
-<script src="js/bootstrap.min.js"></script>
-<script src="js/jquery.nice-select.min.js"></script>
-<script src="js/jquery.nicescroll.min.js"></script>
-<script src="js/jquery.magnific-popup.min.js"></script>
-<script src="js/jquery.countdown.min.js"></script>
-<script src="js/jquery.slicknav.js"></script>
-<script src="js/mixitup.min.js"></script>
-<script src="js/owl.carousel.min.js"></script>
-<script src="js/main.js"></script>
-</body>
-
-</html>
diff --git a/resources/views/login.blade.php b/resources/views/login.blade.php
index 4b5d4e8..9caa5c6 100644
--- a/resources/views/login.blade.php
+++ b/resources/views/login.blade.php
@@ -43,18 +43,3 @@
 <!-- Contact Section End -->
 
 <x-footer />
-
-<!-- Js Plugins -->
-<script src="js/jquery-3.3.1.min.js"></script>
-<script src="js/bootstrap.min.js"></script>
-<script src="js/jquery.nice-select.min.js"></script>
-<script src="js/jquery.nicescroll.min.js"></script>
-<script src="js/jquery.magnific-popup.min.js"></script>
-<script src="js/jquery.countdown.min.js"></script>
-<script src="js/jquery.slicknav.js"></script>
-<script src="js/mixitup.min.js"></script>
-<script src="js/owl.carousel.min.js"></script>
-<script src="js/main.js"></script>
-</body>
-
-</html>
diff --git a/resources/views/register.blade.php b/resources/views/register.blade.php
index e8bdeab..7fe1617 100644
--- a/resources/views/register.blade.php
+++ b/resources/views/register.blade.php
@@ -65,29 +65,3 @@
 <!-- Footer Section Begin -->
 <x-footer />
 <!-- Footer Section End -->
-
-<!-- Search Begin -->
-<div class="search-model">
-    <div class="h-100 d-flex align-items-center justify-content-center">
-        <div class="search-close-switch">+</div>
-        <form class="search-model-form">
-            <input type="text" id="search-input" placeholder="Search here.....">
-        </form>
-    </div>
-</div>
-<!-- Search End -->
-
-<!-- Js Plugins -->
-<script src="js/jquery-3.3.1.min.js"></script>
-<script src="js/bootstrap.min.js"></script>
-<script src="js/jquery.nice-select.min.js"></script>
-<script src="js/jquery.nicescroll.min.js"></script>
-<script src="js/jquery.magnific-popup.min.js"></script>
-<script src="js/jquery.countdown.min.js"></script>
-<script src="js/jquery.slicknav.js"></script>
-<script src="js/mixitup.min.js"></script>
-<script src="js/owl.carousel.min.js"></script>
-<script src="js/main.js"></script>
-</body>
-
-</html>
diff --git a/resources/views/shop.blade.php b/resources/views/shop.blade.php
index 34fdfb4..d53b75b 100644
--- a/resources/views/shop.blade.php
+++ b/resources/views/shop.blade.php
@@ -662,29 +662,3 @@
 <!-- Footer Section Begin -->
 <x-footer />
 <!-- Footer Section End -->
-
-<!-- Search Begin -->
-<div class="search-model">
-    <div class="h-100 d-flex align-items-center justify-content-center">
-        <div class="search-close-switch">+</div>
-        <form class="search-model-form">
-            <input type="text" id="search-input" placeholder="Search here.....">
-        </form>
-    </div>
-</div>
-<!-- Search End -->
-
-<!-- Js Plugins -->
-<script src="js/jquery-3.3.1.min.js"></script>
-<script src="js/bootstrap.min.js"></script>
-<script src="js/jquery.nice-select.min.js"></script>
-<script src="js/jquery.nicescroll.min.js"></script>
-<script src="js/jquery.magnific-popup.min.js"></script>
-<script src="js/jquery.countdown.min.js"></script>
-<script src="js/jquery.slicknav.js"></script>
-<script src="js/mixitup.min.js"></script>
-<script src="js/owl.carousel.min.js"></script>
-<script src="js/main.js"></script>
-</body>
-
-</html>
diff --git a/resources/views/singleProduct.blade.php b/resources/views/singleProduct.blade.php
index 7b1b775..91aa26d 100644
--- a/resources/views/singleProduct.blade.php
+++ b/resources/views/singleProduct.blade.php
@@ -18,25 +18,29 @@
                     <ul class="nav nav-tabs" role="tablist">
                         <li class="nav-item">
                             <a class="nav-link active" data-toggle="tab" href="#tabs-1" role="tab">
-                                <div class="product__thumb__pic set-bg" data-setbg="img/shop-details/thumb-1.png">
+                                <div class="product__thumb__pic set-bg"
+                                    data-setbg="{{ URL::asset('uploads/products/' . $products->picture) }}">
                                 </div>
                             </a>
                         </li>
                         <li class="nav-item">
                             <a class="nav-link" data-toggle="tab" href="#tabs-2" role="tab">
-                                <div class="product__thumb__pic set-bg" data-setbg="img/shop-details/thumb-2.png">
+                                <div class="product__thumb__pic set-bg"
+                                    data-setbg="{{ URL::asset('uploads/products/' . $products->picture) }}">
                                 </div>
                             </a>
                         </li>
                         <li class="nav-item">
                             <a class="nav-link" data-toggle="tab" href="#tabs-3" role="tab">
-                                <div class="product__thumb__pic set-bg" data-setbg="img/shop-details/thumb-3.png">
+                                <div class="product__thumb__pic set-bg"
+                                    data-setbg="{{ URL::asset('uploads/products/' . $products->picture) }}">
                                 </div>
                             </a>
                         </li>
                         <li class="nav-item">
                             <a class="nav-link" data-toggle="tab" href="#tabs-4" role="tab">
-                                <div class="product__thumb__pic set-bg" data-setbg="img/shop-details/thumb-4.png">
+                                <div class="product__thumb__pic set-bg"
+                                    data-setbg="{{ URL::asset('uploads/products/' . $products->picture) }}">
                                     <i class="fa fa-play"></i>
                                 </div>
                             </a>
@@ -47,12 +51,12 @@
                     <div class="tab-content">
                         <div class="tab-pane active" id="tabs-1" role="tabpanel">
                             <div class="product__details__pic__item">
-                                <img src="img/shop-details/product-big-2.png" alt="">
+                                <img src="{{ URL::asset('uploads/products/' . $products->picture) }}" alt="">
                             </div>
                         </div>
                         <div class="tab-pane" id="tabs-2" role="tabpanel">
                             <div class="product__details__pic__item">
-                                <img src="img/shop-details/product-big-3.png" alt="">
+                                <img src="{{ URL::asset('uploads/products/' . $products->picture) }}" alt="">
                             </div>
                         </div>
                         <div class="tab-pane" id="tabs-3" role="tabpanel">
@@ -77,7 +81,7 @@
             <div class="row d-flex justify-content-center">
                 <div class="col-lg-8">
                     <div class="product__details__text">
-                        <h4>Hooded thermal anorak</h4>
+                        <h4>{{ $products->name }}</h4>
                         <div class="rating">
                             <i class="fa fa-star"></i>
                             <i class="fa fa-star"></i>
@@ -86,10 +90,8 @@
                             <i class="fa fa-star-o"></i>
                             <span> - 5 Reviews</span>
                         </div>
-                        <h3>$270.00 <span>70.00</span></h3>
-                        <p>Coat with quilted lining and an adjustable hood. Featuring long sleeves with adjustable
-                            cuff tabs, adjustable asymmetric hem with elastic side tabs and a front zip fastening
-                            with placket.</p>
+                        <h3>NRs. {{ $products->price }} <span>4000.00</span></h3>
+                        <p>{{ $products->description }}</p>
                         <div class="product__details__option">
                             <div class="product__details__option__size">
                                 <span>Size:</span>
@@ -285,13 +287,16 @@
         <div class="row">
             <div class="col-lg-3 col-md-6 col-sm-6 col-sm-6">
                 <div class="product__item">
-                    <div class="product__item__pic set-bg" data-setbg="img/product/product-1.jpg">
+                    <div class="product__item__pic set-bg" data-setbg="{{ url::asset('img/product/product-1.jpg') }}">
                         <span class="label">New</span>
                         <ul class="product__hover">
-                            <li><a href="#"><img src="img/icon/heart.png" alt=""></a></li>
-                            <li><a href="#"><img src="img/icon/compare.png" alt="">
+                            <li><a href="#"><img src="{{ url::asset('img/icon/heart.png') }}"
+                                        alt=""></a></li>
+                            <li><a href="#"><img src="{{ url::asset('img/icon/compare.png') }}"
+                                        alt="">
                                     <span>Compare</span></a></li>
-                            <li><a href="#"><img src="img/icon/search.png" alt=""></a></li>
+                            <li><a href="#"><img src="{{ url::asset('img/icon/search.png') }}"
+                                        alt=""></a></li>
                         </ul>
                     </div>
                     <div class="product__item__text">
@@ -321,12 +326,15 @@
             </div>
             <div class="col-lg-3 col-md-6 col-sm-6 col-sm-6">
                 <div class="product__item">
-                    <div class="product__item__pic set-bg" data-setbg="img/product/product-2.jpg">
+                    <div class="product__item__pic set-bg" data-setbg="{{url::asset('img/product/product-2.jpg')}}">
                         <ul class="product__hover">
-                            <li><a href="#"><img src="img/icon/heart.png" alt=""></a></li>
-                            <li><a href="#"><img src="img/icon/compare.png" alt="">
+                            <li><a href="#"><img src="{{ url::asset('img/icon/heart.png') }}"
+                                        alt=""></a></li>
+                            <li><a href="#"><img src="{{ url::asset('img/icon/compare.png') }}"
+                                        alt="">
                                     <span>Compare</span></a></li>
-                            <li><a href="#"><img src="img/icon/search.png" alt=""></a></li>
+                            <li><a href="#"><img src="{{ url::asset('img/icon/search.png') }}"
+                                        alt=""></a></li>
                         </ul>
                     </div>
                     <div class="product__item__text">
@@ -356,13 +364,16 @@
             </div>
             <div class="col-lg-3 col-md-6 col-sm-6 col-sm-6">
                 <div class="product__item sale">
-                    <div class="product__item__pic set-bg" data-setbg="img/product/product-3.jpg">
+                    <div class="product__item__pic set-bg" data-setbg="{{url::asset('img/product/product-3.jpg')}}">
                         <span class="label">Sale</span>
                         <ul class="product__hover">
-                            <li><a href="#"><img src="img/icon/heart.png" alt=""></a></li>
-                            <li><a href="#"><img src="img/icon/compare.png" alt="">
+                            <li><a href="#"><img src="{{ url::asset('img/icon/heart.png') }}"
+                                        alt=""></a></li>
+                            <li><a href="#"><img src="{{ url::asset('img/icon/compare.png') }}"
+                                        alt="">
                                     <span>Compare</span></a></li>
-                            <li><a href="#"><img src="img/icon/search.png" alt=""></a></li>
+                            <li><a href="#"><img src="{{ url::asset('img/icon/search.png') }}"
+                                        alt=""></a></li>
                         </ul>
                     </div>
                     <div class="product__item__text">
@@ -392,12 +403,16 @@
             </div>
             <div class="col-lg-3 col-md-6 col-sm-6 col-sm-6">
                 <div class="product__item">
-                    <div class="product__item__pic set-bg" data-setbg="img/product/product-4.jpg">
+                    <div class="product__item__pic set-bg"
+                        data-setbg="{{ url::asset('img/product/product-4.jpg') }}">
                         <ul class="product__hover">
-                            <li><a href="#"><img src="img/icon/heart.png" alt=""></a></li>
-                            <li><a href="#"><img src="img/icon/compare.png" alt="">
+                            <li><a href="#"><img src="{{ url::asset('img/icon/heart.png') }}"
+                                        alt=""></a></li>
+                            <li><a href="#"><img src="{{ url::asset('img/icon/compare.png') }}"
+                                        alt="">
                                     <span>Compare</span></a></li>
-                            <li><a href="#"><img src="img/icon/search.png" alt=""></a></li>
+                            <li><a href="#"><img src="{{ url::asset('img/icon/search.png') }}"
+                                        alt=""></a></li>
                         </ul>
                     </div>
                     <div class="product__item__text">
@@ -433,29 +448,3 @@
 <!-- Footer Section Begin -->
 <x-footer />
 <!-- Footer Section End -->
-
-<!-- Search Begin -->
-<div class="search-model">
-    <div class="h-100 d-flex align-items-center justify-content-center">
-        <div class="search-close-switch">+</div>
-        <form class="search-model-form">
-            <input type="text" id="search-input" placeholder="Search here.....">
-        </form>
-    </div>
-</div>
-<!-- Search End -->
-
-<!-- Js Plugins -->
-<script src="js/jquery-3.3.1.min.js"></script>
-<script src="js/bootstrap.min.js"></script>
-<script src="js/jquery.nice-select.min.js"></script>
-<script src="js/jquery.nicescroll.min.js"></script>
-<script src="js/jquery.magnific-popup.min.js"></script>
-<script src="js/jquery.countdown.min.js"></script>
-<script src="js/jquery.slicknav.js"></script>
-<script src="js/mixitup.min.js"></script>
-<script src="js/owl.carousel.min.js"></script>
-<script src="js/main.js"></script>
-</body>
-
-</html>
diff --git a/routes/web.php b/routes/web.php
index a94a6c7..21f74ad 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -11,6 +11,7 @@ Route::get('/blogDetails', [MainController::class, 'blogDetails']);
 Route::get('/cart', [MainController::class, 'cart']);
 Route::get('/checkout', [MainController::class, 'checkout']);
 Route::get('/main', [MainController::class, 'main']);
+
 Route::get('/shop', [MainController::class, 'shop']);
 Route::get('/single/{id}', [MainController::class, 'singleProduct']);