diff --git a/views/layouts/navbar.ejs b/views/layouts/navbar.ejs
index 6c9912a..1a6d88e 100644
--- a/views/layouts/navbar.ejs
+++ b/views/layouts/navbar.ejs
@@ -41,4 +41,36 @@
         </ul>
         <div class="collapse navbar-collapse" id="navbarTogglerDemo01"></div>
     </nav>
+<% } else if (types == "v3") { %>
+    <nav class="navbar navbar-expand-lg navbar-dark comp-color ml-5 mr-5 nav-radius">
+        <a class="navbar-brand" href="#"><%= title %></a>
+        <button aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation"
+            class="navbar-toggler" data-target="#navbarTogglerDemo01" data-toggle="collapse" type="button">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarTogglerDemo01">
+            <ul class="navbar-nav mx-auto">
+                <li class="nav-item">
+                    <a class="nav-link" href="/">Home</a>
+                </li>
+                <li class="nav-item active">
+                    <a aria-disabled="true" class="nav-link disabled" href="product-list.html">Products</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="about-us.html">About Us</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="faq.html">FAQ</a>
+                </li>
+            </ul>
+            <span class="navbar-nav my-2 my-lg-0 text-white">
+                <div class="my-4">
+                    <a href="login.html"><button class="btn btn-outline-success mt-auto mb-auto mr-3"
+                            type="button">Login</button></a>
+                </div>
+                <a href="bag.html" class="mt-auto mb-auto" style="color: inherit;"><i class="fas fa-shopping-cart"><span
+                            class="ml-2 mt-auto mb-auto">Rp 999.999</span></i></a>
+            </span>
+        </div>
+    </nav>
 <% } %>
\ No newline at end of file