diff --git a/app/Http/Controllers/HomepageController.php b/app/Http/Controllers/HomepageController.php
index 9e7ea9d..0d1dd98 100644
--- a/app/Http/Controllers/HomepageController.php
+++ b/app/Http/Controllers/HomepageController.php
@@ -35,13 +35,49 @@ public function kontak() {
     }
 
     public function kategori() {
-        $data = array('title' => 'Kategori Produk');
+        $itemkategori = Kategori::orderBy('nama_kategori', 'asc')->limit(6)->get();
+        $itemproduk = Produk::orderBy('created_at', 'desc')->limit(6)->get();
+        $data = array('title' => 'Kategori Produk',
+                    'itemkategori' => $itemkategori,
+                    'itemproduk' => $itemproduk);
         return view('homepage.kategori', $data);
     }
 
-    public function produk() {
-        $data = array('title' => 'Produk');
-        return view('homepage.produk', $data);
+    public function kategoribyslug(Request $request, $slug) {
+        $itemproduk = Produk::orderBy('nama_produk', 'desc')
+                            ->where('status', 'publish')
+                            ->whereHas('kategori', function($q) use ($slug) {
+                                $q->where('slug_kategori', $slug);
+                            })
+                            ->paginate(18);
+        $listkategori = Kategori::orderBy('nama_kategori', 'asc')
+                                ->where('status', 'publish')
+                                ->get();
+        $itemkategori = Kategori::where('slug_kategori', $slug)
+                                ->where('status', 'publish')
+                                ->first();
+        if ($itemkategori) {
+            $data = array('title' => $itemkategori->nama_kategori,
+                        'itemproduk' => $itemproduk,
+                        'listkategori' => $listkategori,
+                        'itemkategori' => $itemkategori);
+            return view('homepage.produk', $data)->with('no', ($request->input('page') - 1) * 18);            
+        } else {
+            return abort('404');
+        }
+    }
+
+    public function produk(Request $request) {
+        $itemproduk = Produk::orderBy('nama_produk', 'desc')
+                            ->where('status', 'publish')
+                            ->paginate(18);
+        $listkategori = Kategori::orderBy('nama_kategori', 'asc')
+                                ->where('status', 'publish')
+                                ->get();
+        $data = array('title' => 'Produk',
+                    'itemproduk' => $itemproduk,
+                    'listkategori' => $listkategori);
+        return view('homepage.produk', $data)->with('no', ($request->input('page') - 1) * 18);
     }
 
     public function produkdetail($id) {
diff --git a/resources/views/homepage/kategori.blade.php b/resources/views/homepage/kategori.blade.php
index 7a461e0..94cf827 100644
--- a/resources/views/homepage/kategori.blade.php
+++ b/resources/views/homepage/kategori.blade.php
@@ -6,112 +6,46 @@
     <div class="col col-md-12 col-sm-12 mb-4">
       <h2 class="text-center">Kategori Produk</h2>
     </div>
+    @foreach($itemkategori as $kategori)
     <!-- kategori pertama -->
     <div class="col-md-4">
       <div class="card mb-4 shadow-sm">
-        <a href="{{ URL::to('kategori/satu') }}">
-          <img src="{{asset('images/slide1.jpg') }}" alt="foto kategori" class="card-img-top">
+        <a href="{{ URL::to('kategori/'.$kategori->slug_kategori) }}">
+          @if($kategori->foto != null)
+          <img src="{{ \Storage::url($kategori->foto) }}" alt="{{ $kategori->nama_kategori }}" class="card-img-top">
+          @else
+          <img src="{{asset('images/bag.jpg') }}" alt="{{ $kategori->nama_kategori }}" class="card-img-top">
+          @endif
         </a>
         <div class="card-body">
-          <a href="{{ URL::to('kategori/satu') }}" class="text-decoration-none">
-            <p class="card-text">Kategori Pertama</p>
+          <a href="{{ URL::to('kategori/'.$kategori->slug_kategori) }}" class="text-decoration-none">
+            <p class="card-text">{{ $kategori->nama_kategori }}</p>
           </a>
         </div>
       </div>
     </div>
-    <!-- kategori kedua -->
-    <div class="col-md-4">
-      <div class="card mb-4 shadow-sm">
-        <a href="{{ URL::to('kategori/dua') }}">
-          <img src="{{asset('images/slide1.jpg') }}" alt="foto kategori" class="card-img-top">
-        </a>
-        <div class="card-body">
-          <a href="{{ URL::to('kategori/dua') }}" class="text-decoration-none">
-            <p class="card-text">Kategori Kedua</p>
-          </a>
-        </div>
-      </div>
-    </div>
-    <!-- kategori ketiga -->
-    <div class="col-md-4">
-      <div class="card mb-4 shadow-sm">
-        <a href="{{ URL::to('kategori/tiga') }}">
-          <img src="{{asset('images/slide1.jpg') }}" alt="foto kategori" class="card-img-top">
-        </a>
-        <div class="card-body">
-          <a href="{{ URL::to('kategori/tiga') }}" class="text-decoration-none">
-            <p class="card-text">Kategori Ketiga</p>
-          </a>
-        </div>
-      </div>
-    </div>
-  </div>
+    @endforeach
   <!-- end kategori produk -->
   <!-- produk Terbaru-->
   <div class="row mt-4">
     <div class="col col-md-12 col-sm-12 mb-4">
       <h2 class="text-center">Terbaru</h2>
     </div>
+    @foreach($itemproduk as $produk)
     <!-- produk pertama -->
     <div class="col-md-4">
       <div class="card mb-4 shadow-sm">
-        <a href="{{ URL::to('produk/satu') }}">
-          <img src="{{asset('images/slide2.jpg') }}" alt="foto produk" class="card-img-top">
-        </a>
-        <div class="card-body">
-          <a href="{{ URL::to('produk/satu') }}" class="text-decoration-none">
-            <p class="card-text">
-              Produk Pertama
-            </p>
-          </a>
-          <div class="row mt-4">
-            <div class="col">
-              <button class="btn btn-light">
-                <i class="far fa-heart"></i>
-              </button>
-            </div>
-            <div class="col-auto my-auto">
-              Rp. 10.000,00
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <!-- produk kedua -->
-    <div class="col-md-4">
-      <div class="card mb-4 shadow-sm">
-        <a href="{{ URL::to('produk/dua') }}">
-          <img src="{{asset('images/slide2.jpg') }}" alt="foto produk" class="card-img-top">
-        </a>
-        <div class="card-body">
-          <a href="{{ URL::to('produk/dua') }}" class="text-decoration-none">
-            <p class="card-text">
-              Produk Kedua
-            </p>
-          </a>
-          <div class="row mt-4">
-            <div class="col">
-              <button class="btn btn-light">
-                <i class="far fa-heart"></i>
-              </button>
-            </div>
-            <div class="col-auto my-auto">
-              Rp. 10.000,00
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <!-- produk ketiga -->
-    <div class="col-md-4">
-      <div class="card mb-4 shadow-sm">
-        <a href="{{ URL::to('produk/tiga') }}">
-          <img src="{{asset('images/slide2.jpg') }}" alt="foto produk" class="card-img-top">
+        <a href="{{ URL::to('produk/'.$produk->slug_produk) }}">
+          @if($produk->foto != null)
+          <img src="{{ \Storage::url($produk->foto) }}" alt="{{ $produk->nama_produk }}" class="card-img-top">
+          @else
+          <img src="{{ asset('images/bag.jpg') }}" alt="{{ $produk->nama_produk }}" class="card-img-top">
+          @endif
         </a>
         <div class="card-body">
-          <a href="{{ URL::to('produk/tiga') }}" class="text-decoration-none">
+          <a href="{{ URL::to('produk/'.$produk->slug_produk ) }}" class="text-decoration-none">
             <p class="card-text">
-              Produk Ketiga
+              {{ $produk->nama_produk }}
             </p>
           </a>
           <div class="row mt-4">
@@ -120,14 +54,15 @@
                 <i class="far fa-heart"></i>
               </button>
             </div>
-            <div class="col-auto my-auto">
-              Rp. 10.000,00
+            <div class="col-auto">
+              <p>
+                Rp. {{ number_format($produk->harga, 2) }}
+              </p>
             </div>
           </div>
         </div>
       </div>
     </div>
-  </div>
-  <!-- end produk terbaru -->
+    @endforeach
 </div>
 @endsection
\ No newline at end of file
diff --git a/resources/views/homepage/produk.blade.php b/resources/views/homepage/produk.blade.php
index 1f1c089..9d69d94 100644
--- a/resources/views/homepage/produk.blade.php
+++ b/resources/views/homepage/produk.blade.php
@@ -8,30 +8,35 @@
           Kategori
         </div>
         <ul class="list-group list-group-flush">
-          <a href="#" class="text-decoration-none">
-            <li class="list-group-item">Kategori Pertama</li>
-          </a>
-          <a href="#" class="text-decoration-none">
-            <li class="list-group-item">Kategori Kedua</li>
-          </a>
-          <a href="#" class="text-decoration-none">
-            <li class="list-group-item">Kategori Ketiga</li>
+          @foreach($listkategori as $kategori)
+          <a href="{{ URL::to('kategori/'.$kategori->slug_kategori) }}" class="text-decoration-none">
+            <li class="list-group-item">{{ $kategori->nama_kategori }}</li>
           </a>
+          @endforeach
         </ul>
       </div>
     </div>
     <div class="col col-lg-9 col-md-9 mb-2">
+      @if(isset($itemkategori))
+      <h3>{{ $itemkategori->nama_kategori }}</h3>
+      @else
       <h3>Semua Kategori</h3>
+      @endif
       <div class="row mt-4">
+        @foreach($itemproduk as $produk)
         <div class="col-md-4">
           <div class="card mb-4 shadow-sm">
-            <a href="{{ URL::to('produk/satu') }}">
-              <img src="{{asset('images/slide2.jpg') }}" alt="foto produk" class="card-img-top">
+            <a href="{{ URL::to('produk/'.$produk->slug_produk) }}">
+              @if($produk->foto != null)
+              <img src="{{ \Storage::url($produk->foto) }}" alt="{{ $produk->nama_produk }}" class="card-img-top">
+              @else
+              <img src="{{ asset('images/bag.jpg') }}" alt="{{ $produk->nama_produk }}" class="card-img-top">
+              @endif
             </a>
             <div class="card-body">
-              <a href="{{ URL::to('produk/satu') }}" class="text-decoration-none">
+              <a href="{{ URL::to('produk/'.$produk->slug_produk ) }}" class="text-decoration-none">
                 <p class="card-text">
-                  Produk Pertama
+                  {{ $produk->nama_produk }}
                 </p>
               </a>
               <div class="row mt-4">
@@ -40,62 +45,20 @@
                     <i class="far fa-heart"></i>
                   </button>
                 </div>
-                <div class="col-auto my-auto">
-                  Rp. 10.000,00
+                <div class="col-auto">
+                  <p>
+                    Rp. {{ number_format($produk->harga, 2) }}
+                  </p>
                 </div>
               </div>
             </div>
           </div>
         </div>
-        <!-- produk kedua -->
-        <div class="col-md-4">
-          <div class="card mb-4 shadow-sm">
-            <a href="{{ URL::to('produk/dua') }}">
-              <img src="{{asset('images/slide2.jpg') }}" alt="foto produk" class="card-img-top">
-            </a>
-            <div class="card-body">
-              <a href="{{ URL::to('produk/dua') }}" class="text-decoration-none">
-                <p class="card-text">
-                  Produk Kedua
-                </p>
-              </a>
-              <div class="row mt-4">
-                <div class="col">
-                  <button class="btn btn-light">
-                    <i class="far fa-heart"></i>
-                  </button>
-                </div>
-                <div class="col-auto my-auto">
-                  Rp. 10.000,00
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <!-- produk ketiga -->
-        <div class="col-md-4">
-          <div class="card mb-4 shadow-sm">
-            <a href="{{ URL::to('produk/tiga') }}">
-              <img src="{{asset('images/slide2.jpg') }}" alt="foto produk" class="card-img-top">
-            </a>
-            <div class="card-body">
-              <a href="{{ URL::to('produk/tiga') }}" class="text-decoration-none">
-                <p class="card-text">
-                  Produk Ketiga
-                </p>
-              </a>
-              <div class="row mt-4 align-middle">
-                <div class="col">
-                  <button class="btn btn-light">
-                    <i class="far fa-heart"></i>
-                  </button>
-                </div>
-                <div class="col-auto my-auto">
-                  Rp. 10.000,00
-                </div>
-              </div>
-            </div>
-          </div>
+        @endforeach
+      </div>
+      <div class="row">
+        <div class="col">
+          {{ $itemproduk->links() }}
         </div>
       </div>
     </div>
diff --git a/routes/web.php b/routes/web.php
index 9983ca8..3cbbd00 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -18,6 +18,7 @@
 Route::get('/about', 'HomepageController@about');
 Route::get('/kontak', 'HomepageController@kontak');
 Route::get('/kategori', 'HomepageController@kategori');
+Route::get('/kategori/{slug}', 'HomepageController@kategoribyslug');
 Route::get('/produk', 'HomepageController@produk');
 Route::get('/produk/{id}', 'HomepageController@produkdetail');