diff --git a/public/assets/css/nav.css b/public/assets/css/nav.css
index b75a82c..9187253 100644
--- a/public/assets/css/nav.css
+++ b/public/assets/css/nav.css
@@ -240,3 +240,6 @@
   border-bottom: solid 1px rgba(0,0,0,0.1);
 }
 
+.dropdownMain.navMainSecLinksSocialUser {
+}
+
diff --git a/public/assets/css/popup.css b/public/assets/css/popup.css
index a4e8fb1..bd7ce11 100644
--- a/public/assets/css/popup.css
+++ b/public/assets/css/popup.css
@@ -141,3 +141,7 @@
   filter: sepia(100%) saturate(10000%) hue-rotate(-45deg);
 }
 
+.dropdownMain.popupMainSecInsideBoxBottomActionsAction {
+  flex-grow: 1;
+}
+
diff --git a/public/checkout.html b/public/checkout.html
index a0ca562..679f98f 100644
--- a/public/checkout.html
+++ b/public/checkout.html
@@ -41,7 +41,11 @@
                             <p class="navMainSecLogoText">CHEEMS MARKET</p>
                         </a></div>
                     <div class="navMainSec">
-                        <div class="navMainSecLinksSocial"><a class="navMainSecLinksSocialLink" href="checkout.html"><i class='bx bxs-cart btnMainIcon'></i></a><button id="loginRegisterPopupTrigger-1" class="btnMain navMainSecLinksSocialBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button></div>
+                        <div class="navMainSecLinksSocial"><a class="navMainSecLinksSocialLink" href="checkout.html"><i class='bx bxs-cart btnMainIcon'></i></a><button id="loginRegisterPopupTrigger" class="btnMain navMainSecLinksSocialBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button>
+                            <div class="dropdown dropdownMain navMainSecLinksSocialUser"><button aria-expanded="false" data-bs-toggle="dropdown" class="btnMain navMainSecLinksSocialBtn" type="button"><i class='bx bx-user btnMainIcon'></i>UserName</button>
+                                <div class="dropdown-menu dropdownMainMenu"><a class="dropdown-item dropdownMainMenuItem" href="userPage.html">Profile</a><a class="dropdown-item dropdownMainMenuItem" href="#">Logout</a></div>
+                            </div>
+                        </div>
                     </div>
                 </div>
             </div>
diff --git a/public/createProduct.html b/public/createProduct.html
index 62d2a93..db5bcde 100644
--- a/public/createProduct.html
+++ b/public/createProduct.html
@@ -41,7 +41,11 @@
                             <p class="navMainSecLogoText">CHEEMS MARKET</p>
                         </a></div>
                     <div class="navMainSec">
-                        <div class="navMainSecLinksSocial"><a class="navMainSecLinksSocialLink" href="checkout.html"><i class='bx bxs-cart btnMainIcon'></i></a><button id="loginRegisterPopupTrigger-1" class="btnMain navMainSecLinksSocialBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button></div>
+                        <div class="navMainSecLinksSocial"><a class="navMainSecLinksSocialLink" href="checkout.html"><i class='bx bxs-cart btnMainIcon'></i></a><button id="loginRegisterPopupTrigger" class="btnMain navMainSecLinksSocialBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button>
+                            <div class="dropdown dropdownMain navMainSecLinksSocialUser"><button aria-expanded="false" data-bs-toggle="dropdown" class="btnMain navMainSecLinksSocialBtn" type="button"><i class='bx bx-user btnMainIcon'></i>UserName</button>
+                                <div class="dropdown-menu dropdownMainMenu"><a class="dropdown-item dropdownMainMenuItem" href="userPage.html">Profile</a><a class="dropdown-item dropdownMainMenuItem" href="#">Logout</a></div>
+                            </div>
+                        </div>
                     </div>
                 </div>
             </div>
@@ -215,7 +219,11 @@
                         <div class="popupMainSecInsideBoxBottom"><a class="navMainSecLinksSocialLink" href="#">
                                 <div class="navMainSecLinksSocialLinkInside" style="background: url(&quot;https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif&quot;) center / contain no-repeat;filter: sepia(100%) saturate(10000%) hue-rotate(-45deg);"></div>
                             </a>
-                            <div class="popupMainSecInsideBoxBottomActions"><button id="loginRegisterMobilePopupTrigger" class="btnMain navMainSecLinksSocialBtn popupMainSecInsideBoxBottomActionsBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button></div>
+                            <div class="popupMainSecInsideBoxBottomActions"><button id="loginRegisterMobilePopupTrigger" class="btnMain navMainSecLinksSocialBtn popupMainSecInsideBoxBottomActionsBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button>
+                                <div class="dropup dropdownMain popupMainSecInsideBoxBottomActionsAction"><button aria-expanded="false" data-bs-toggle="dropdown" class="btnMain popupMainSecInsideBoxBottomActionsBtn" type="button"><i class='bx bx-user btnMainIcon'></i>UserName</button>
+                                    <div class="dropdown-menu dropdownMainMenu"><a class="dropdown-item dropdownMainMenuItem" href="userPage.html">Profile</a><a class="dropdown-item dropdownMainMenuItem" href="#">Logout</a></div>
+                                </div>
+                            </div>
                         </div>
                     </div>
                 </div>
diff --git a/public/createStore.html b/public/createStore.html
index 30717cc..120ca4f 100644
--- a/public/createStore.html
+++ b/public/createStore.html
@@ -41,7 +41,11 @@
                             <p class="navMainSecLogoText">CHEEMS MARKET</p>
                         </a></div>
                     <div class="navMainSec">
-                        <div class="navMainSecLinksSocial"><a class="navMainSecLinksSocialLink" href="checkout.html"><i class='bx bxs-cart btnMainIcon'></i></a><button id="loginRegisterPopupTrigger-1" class="btnMain navMainSecLinksSocialBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button></div>
+                        <div class="navMainSecLinksSocial"><a class="navMainSecLinksSocialLink" href="checkout.html"><i class='bx bxs-cart btnMainIcon'></i></a><button id="loginRegisterPopupTrigger" class="btnMain navMainSecLinksSocialBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button>
+                            <div class="dropdown dropdownMain navMainSecLinksSocialUser"><button aria-expanded="false" data-bs-toggle="dropdown" class="btnMain navMainSecLinksSocialBtn" type="button"><i class='bx bx-user btnMainIcon'></i>UserName</button>
+                                <div class="dropdown-menu dropdownMainMenu"><a class="dropdown-item dropdownMainMenuItem" href="userPage.html">Profile</a><a class="dropdown-item dropdownMainMenuItem" href="#">Logout</a></div>
+                            </div>
+                        </div>
                     </div>
                 </div>
             </div>
diff --git a/public/index.html b/public/index.html
index 1e0a693..5b765fb 100644
--- a/public/index.html
+++ b/public/index.html
@@ -41,7 +41,11 @@
                             <p class="navMainSecLogoText">CHEEMS MARKET</p>
                         </a></div>
                     <div class="navMainSec">
-                        <div class="navMainSecLinksSocial"><a class="navMainSecLinksSocialLink" href="checkout.html"><i class='bx bxs-cart btnMainIcon'></i></a><button id="loginRegisterPopupTrigger-1" class="btnMain navMainSecLinksSocialBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button></div>
+                        <div class="navMainSecLinksSocial"><a class="navMainSecLinksSocialLink" href="checkout.html"><i class='bx bxs-cart btnMainIcon'></i></a><button id="loginRegisterPopupTrigger" class="btnMain navMainSecLinksSocialBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button>
+                            <div class="dropdown dropdownMain navMainSecLinksSocialUser"><button aria-expanded="false" data-bs-toggle="dropdown" class="btnMain navMainSecLinksSocialBtn" type="button"><i class='bx bx-user btnMainIcon'></i>UserName</button>
+                                <div class="dropdown-menu dropdownMainMenu"><a class="dropdown-item dropdownMainMenuItem" href="userPage.html">Profile</a><a class="dropdown-item dropdownMainMenuItem" href="#">Logout</a></div>
+                            </div>
+                        </div>
                     </div>
                 </div>
             </div>
diff --git a/public/productPage.html b/public/productPage.html
index 0741d1b..4e353af 100644
--- a/public/productPage.html
+++ b/public/productPage.html
@@ -41,7 +41,11 @@
                             <p class="navMainSecLogoText">CHEEMS MARKET</p>
                         </a></div>
                     <div class="navMainSec">
-                        <div class="navMainSecLinksSocial"><a class="navMainSecLinksSocialLink" href="checkout.html"><i class='bx bxs-cart btnMainIcon'></i></a><button id="loginRegisterPopupTrigger-1" class="btnMain navMainSecLinksSocialBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button></div>
+                        <div class="navMainSecLinksSocial"><a class="navMainSecLinksSocialLink" href="checkout.html"><i class='bx bxs-cart btnMainIcon'></i></a><button id="loginRegisterPopupTrigger" class="btnMain navMainSecLinksSocialBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button>
+                            <div class="dropdown dropdownMain navMainSecLinksSocialUser"><button aria-expanded="false" data-bs-toggle="dropdown" class="btnMain navMainSecLinksSocialBtn" type="button"><i class='bx bx-user btnMainIcon'></i>UserName</button>
+                                <div class="dropdown-menu dropdownMainMenu"><a class="dropdown-item dropdownMainMenuItem" href="userPage.html">Profile</a><a class="dropdown-item dropdownMainMenuItem" href="#">Logout</a></div>
+                            </div>
+                        </div>
                     </div>
                 </div>
             </div>
diff --git a/public/products.html b/public/products.html
index 2d03e5f..c3ed686 100644
--- a/public/products.html
+++ b/public/products.html
@@ -41,7 +41,11 @@
                             <p class="navMainSecLogoText">CHEEMS MARKET</p>
                         </a></div>
                     <div class="navMainSec">
-                        <div class="navMainSecLinksSocial"><a class="navMainSecLinksSocialLink" href="checkout.html"><i class='bx bxs-cart btnMainIcon'></i></a><button id="loginRegisterPopupTrigger-1" class="btnMain navMainSecLinksSocialBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button></div>
+                        <div class="navMainSecLinksSocial"><a class="navMainSecLinksSocialLink" href="checkout.html"><i class='bx bxs-cart btnMainIcon'></i></a><button id="loginRegisterPopupTrigger" class="btnMain navMainSecLinksSocialBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button>
+                            <div class="dropdown dropdownMain navMainSecLinksSocialUser"><button aria-expanded="false" data-bs-toggle="dropdown" class="btnMain navMainSecLinksSocialBtn" type="button"><i class='bx bx-user btnMainIcon'></i>UserName</button>
+                                <div class="dropdown-menu dropdownMainMenu"><a class="dropdown-item dropdownMainMenuItem" href="userPage.html">Profile</a><a class="dropdown-item dropdownMainMenuItem" href="#">Logout</a></div>
+                            </div>
+                        </div>
                     </div>
                 </div>
             </div>
diff --git a/public/storePage.html b/public/storePage.html
index 546eb61..dbe1946 100644
--- a/public/storePage.html
+++ b/public/storePage.html
@@ -41,7 +41,11 @@
                             <p class="navMainSecLogoText">CHEEMS MARKET</p>
                         </a></div>
                     <div class="navMainSec">
-                        <div class="navMainSecLinksSocial"><a class="navMainSecLinksSocialLink" href="checkout.html"><i class='bx bxs-cart btnMainIcon'></i></a><button id="loginRegisterPopupTrigger-1" class="btnMain navMainSecLinksSocialBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button></div>
+                        <div class="navMainSecLinksSocial"><a class="navMainSecLinksSocialLink" href="checkout.html"><i class='bx bxs-cart btnMainIcon'></i></a><button id="loginRegisterPopupTrigger" class="btnMain navMainSecLinksSocialBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button>
+                            <div class="dropdown dropdownMain navMainSecLinksSocialUser"><button aria-expanded="false" data-bs-toggle="dropdown" class="btnMain navMainSecLinksSocialBtn" type="button"><i class='bx bx-user btnMainIcon'></i>UserName</button>
+                                <div class="dropdown-menu dropdownMainMenu"><a class="dropdown-item dropdownMainMenuItem" href="userPage.html">Profile</a><a class="dropdown-item dropdownMainMenuItem" href="#">Logout</a></div>
+                            </div>
+                        </div>
                     </div>
                 </div>
             </div>
diff --git a/public/stores.html b/public/stores.html
index 91f9236..6f2da13 100644
--- a/public/stores.html
+++ b/public/stores.html
@@ -41,7 +41,11 @@
                             <p class="navMainSecLogoText">CHEEMS MARKET</p>
                         </a></div>
                     <div class="navMainSec">
-                        <div class="navMainSecLinksSocial"><a class="navMainSecLinksSocialLink" href="checkout.html"><i class='bx bxs-cart btnMainIcon'></i></a><button id="loginRegisterPopupTrigger-1" class="btnMain navMainSecLinksSocialBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button></div>
+                        <div class="navMainSecLinksSocial"><a class="navMainSecLinksSocialLink" href="checkout.html"><i class='bx bxs-cart btnMainIcon'></i></a><button id="loginRegisterPopupTrigger" class="btnMain navMainSecLinksSocialBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button>
+                            <div class="dropdown dropdownMain navMainSecLinksSocialUser"><button aria-expanded="false" data-bs-toggle="dropdown" class="btnMain navMainSecLinksSocialBtn" type="button"><i class='bx bx-user btnMainIcon'></i>UserName</button>
+                                <div class="dropdown-menu dropdownMainMenu"><a class="dropdown-item dropdownMainMenuItem" href="userPage.html">Profile</a><a class="dropdown-item dropdownMainMenuItem" href="#">Logout</a></div>
+                            </div>
+                        </div>
                     </div>
                 </div>
             </div>
diff --git a/public/userPage.html b/public/userPage.html
index 428f3d0..b6a9af3 100644
--- a/public/userPage.html
+++ b/public/userPage.html
@@ -41,7 +41,11 @@
                             <p class="navMainSecLogoText">CHEEMS MARKET</p>
                         </a></div>
                     <div class="navMainSec">
-                        <div class="navMainSecLinksSocial"><a class="navMainSecLinksSocialLink" href="checkout.html"><i class='bx bxs-cart btnMainIcon'></i></a><button id="loginRegisterPopupTrigger-1" class="btnMain navMainSecLinksSocialBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button></div>
+                        <div class="navMainSecLinksSocial"><a class="navMainSecLinksSocialLink" href="checkout.html"><i class='bx bxs-cart btnMainIcon'></i></a><button id="loginRegisterPopupTrigger" class="btnMain navMainSecLinksSocialBtn" type="button"><i class='bx bx-log-in btnMainIcon'></i>Login</button>
+                            <div class="dropdown dropdownMain navMainSecLinksSocialUser"><button aria-expanded="false" data-bs-toggle="dropdown" class="btnMain navMainSecLinksSocialBtn" type="button"><i class='bx bx-user btnMainIcon'></i>UserName</button>
+                                <div class="dropdown-menu dropdownMainMenu"><a class="dropdown-item dropdownMainMenuItem" href="userPage.html">Profile</a><a class="dropdown-item dropdownMainMenuItem" href="#">Logout</a></div>
+                            </div>
+                        </div>
                     </div>
                 </div>
             </div>
@@ -246,7 +250,7 @@
                                                                     <div class="productCardMainInsideStoreLinkDivider"></div>
                                                                     <p class="productCardMainInsideStoreLinkText">Gamers United</p>
                                                                 </a></div>
-                                                            <div class="productCardMainInsideBot"><a role="button" class="btnMain storeCardMainInsideBotBtn storeCardMainInsideBotBtnAlt" href="createStore.html"><i class='bx bxs-cog btnMainIcon'></i></a><a role="button" class="btnMain productCardMainInsideBotBtn" href="productPage.html"><span class="productCardMainInsideBotBtnSpan productCardMainInsideBotBtnSpanAlt">in stock</span><span class="productCardMainInsideBotBtnSpan">$30,000.69</span></a></div>
+                                                            <div class="productCardMainInsideBot"><a role="button" class="btnMain storeCardMainInsideBotBtn storeCardMainInsideBotBtnAlt" href="createProduct.html"><i class='bx bxs-cog btnMainIcon'></i></a><a role="button" class="btnMain productCardMainInsideBotBtn" href="productPage.html"><span class="productCardMainInsideBotBtnSpan productCardMainInsideBotBtnSpanAlt">in stock</span><span class="productCardMainInsideBotBtnSpan">$30,000.69</span></a></div>
                                                         </div>
                                                     </div>
                                                 </div>
@@ -279,7 +283,7 @@
                             </div>
                         </div>
                         <div class="BottomMainInsideTopInsideSec">
-                            <div class="BottomMainInsideTopInsideSecMid"><a class="BottomMainInsideTopInsideSecMidLink" href="/">Home</a><a class="BottomMainInsideTopInsideSecMidLink" href="/#Team">text</a><a class="BottomMainInsideTopInsideSecMidLink" href="../portfolio.html">text</a><a class="BottomMainInsideTopInsideSecMidLink" href="../blog.html">About</a><a class="BottomMainInsideTopInsideSecMidLink" href="../career.html">Dashboard</a></div>
+                            <div class="BottomMainInsideTopInsideSecMid"><a class="BottomMainInsideTopInsideSecMidLink" href="">Home</a><a class="BottomMainInsideTopInsideSecMidLink" href="">text</a><a class="BottomMainInsideTopInsideSecMidLink" href="">text</a><a class="BottomMainInsideTopInsideSecMidLink" href="">About</a><a class="BottomMainInsideTopInsideSecMidLink" href="">Dashboard</a></div>
                         </div>
                         <div class="BottomMainInsideTopInsideSec">
                             <div class="BottomMainInsideTopInsideSecRight">