work on sell page - Follow Up Deployment

index.html

@@ -36,12 +36,15 @@
             const landingPage = document.getElementById('landing-page');
             const dealsPage = document.getElementById('deals-page');
             const categoryPage = document.getElementById('category-page');
+            const createListingPage = document.getElementById('create-listing-page');
             
             // Get navigation links
             const dealsNavLink = document.getElementById('deals-nav-link');
             const mobileDealsNavLink = document.getElementById('mobile-deals-nav-link');
             const categoriesNavLinks = document.querySelectorAll('[data-nav="categories"]');
             const mobileCategoriesNavLinks = document.querySelectorAll('[data-nav="mobile-categories"]');
+            const sellNavLinks = document.querySelectorAll('[data-nav="sell"]');
+            const mobileSellNavLinks = document.querySelectorAll('[data-nav="mobile-sell"]');
             
             function showPage(page) {
                 // Hide all pages
@@ -99,6 +102,20 @@
                     showPage('categories');
                 });
             });
+
+            sellNavLinks.forEach(link => {
+                link.addEventListener('click', function(e) {
+                    e.preventDefault();
+                    showPage('sell');
+                });
+            });
+
+            mobileSellNavLinks.forEach(link => {
+                link.addEventListener('click', function(e) {
+                    e.preventDefault();
+                    showPage('sell');
+                });
+            });
             
             // Deal countdown timer
             function updateDealCountdown() {
@@ -152,7 +169,7 @@
                         <a href="#" class="border-blue-500 text-gray-900 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Home</a>
                         <a href="#" data-nav="categories" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Categories</a>
                         <a href="#" id="deals-nav-link" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Deals</a>
-                        <a href="#" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Sell</a>
+                        <a href="#" data-nav="sell" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Sell</a>
                     </div>
                 </div>
                 <div class="hidden sm:ml-6 sm:flex sm:items-center">
@@ -198,7 +215,7 @@
                 <a href="#" class="bg-blue-50 border-blue-500 text-blue-700 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Home</a>
                 <a href="#" data-nav="mobile-categories" class="border-transparent text-gray-500 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-700 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Categories</a>
                 <a href="#" id="mobile-deals-nav-link" class="border-transparent text-gray-500 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-700 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Deals</a>
-                <a href="#" class="border-transparent text-gray-500 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-700 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Sell</a>
+                <a href="#" data-nav="mobile-sell" class="border-transparent text-gray-500 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-700 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Sell</a>
             </div>
             <div class="pt-4 pb-3 border-t border-gray-200">
                 <div class="flex items-center px-4">