diff --git a/website/public/faq.html b/website/public/faq.html
index 384ba7b..2b2e82f 100644
--- a/website/public/faq.html
+++ b/website/public/faq.html
@@ -4,13 +4,263 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>FAQ - Sky Art Shop</title>
-    <meta
-      name="description"
-      content="Frequently asked questions about our products and services"
-    />
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
       href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap"
       rel="stylesheet"
+    />
+    <link
+      rel="stylesheet"
       href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
+    />
+    <link rel="stylesheet" href="/assets/css/theme-colors.css" />
+    <link rel="stylesheet" href="/assets/css/main.css?v=1735692100" />
+    <link rel="stylesheet" href="/assets/css/navbar.css?v=1767233028" />
+    <link rel="stylesheet" href="/assets/css/page-overrides.css?v=1736790001" />
+    <link rel="stylesheet" href="/assets/css/cart-wishlist.css" />
+    <link rel="stylesheet" href="/assets/css/shopping.css" />
+    <link rel="stylesheet" href="/assets/css/responsive.css" />
+    <link rel="stylesheet" href="/assets/css/navbar-mobile-fix.css?v=1736790000" />
+  </head>
+  <body>
+    <script>window.__bodyReady=true</script>
+    <div class="sticky-banner-wrapper">
+    <!-- Modern Navigation -->
+    <nav class="modern-navbar">
+      <div class="navbar-wrapper">
+        <div class="navbar-brand">
+          <a href="/home" class="brand-link">
+            <img
+              src="/uploads/cat-png-1767324141436-368259437.png"
+              alt="Sky Art Shop Logo"
+              class="brand-logo"
+            />
+            <span class="brand-name">Sky' Art Shop</span>
+          </a>
+        </div>
+
+        <div class="navbar-menu">
+          <ul class="nav-menu-list">
+            <li class="nav-item">
+              <a href="/home" class="nav-link">Home</a>
+            </li>
+            <li class="nav-item">
+              <a href="/shop" class="nav-link">Shop</a>
+            </li>
+            <li class="nav-item">
+              <a href="/portfolio" class="nav-link">Portfolio</a>
+            </li>
+            <li class="nav-item">
+              <a href="/about" class="nav-link">About</a>
+            </li>
+            <li class="nav-item">
+              <a href="/blog" class="nav-link active">Blog</a>
+            </li>
+            <li class="nav-item">
+              <a href="/contact" class="nav-link">Contact</a>
+            </li>
+          </ul>
+        </div>
+
+        <div class="navbar-actions">
+          <div class="action-item wishlist-dropdown-wrapper">
+            <button
+              class="action-btn"
+              id="wishlistToggle"
+              aria-label="Wishlist"
+            >
+              <i class="bi bi-heart"></i>
+              <span class="action-badge" id="wishlistCount">0</span>
+            </button>
+            <div class="action-dropdown wishlist-dropdown" id="wishlistPanel">
+              <div class="dropdown-head">
+                <h3>My Wishlist</h3>
+                <button class="dropdown-close" id="wishlistClose">
+                  <i class="bi bi-x-lg"></i>
+                </button>
+              </div>
+              <div class="dropdown-body" id="wishlistContent">
+                <p class="empty-state">Your wishlist is empty</p>
+              </div>
+              <div class="dropdown-foot">
+                <a href="/shop" class="btn-outline">Continue Shopping</a>
+              </div>
+            </div>
+          </div>
+
+          <div class="action-item cart-dropdown-wrapper">
+            <button
+              class="action-btn"
+              id="cartToggle"
+              aria-label="Shopping Cart"
+            >
+              <i class="bi bi-cart3"></i>
+              <span class="action-badge" id="cartCount">0</span>
+            </button>
+            <div class="action-dropdown cart-dropdown" id="cartPanel">
+              <div class="dropdown-head">
+                <h3>Shopping Cart</h3>
+                <button class="dropdown-close" id="cartClose">
+                  <i class="bi bi-x-lg"></i>
+                </button>
+              </div>
+              <div class="dropdown-body" id="cartContent">
+                <p class="empty-state"><i class="bi bi-cart-x"></i><br>Your cart is empty</p>
+              </div>
+              <div class="dropdown-foot">
+                <a href="/shop" class="btn-outline">Continue Shopping</a>
+              </div>
+            </div>
+          </div>
+
+          <button class="mobile-toggle" id="mobileMenuToggle" aria-label="Menu">
+            <span class="toggle-line"></span>
+            <span class="toggle-line"></span>
+            <span class="toggle-line"></span>
+          </button>
+        </div>
+      </div>
+
+      <div class="mobile-menu" id="mobileMenu">
+        <div class="mobile-menu-header">
+          <span class="mobile-brand">Sky' Art Shop</span>
+          <button class="mobile-close" id="mobileMenuClose">
+            <i class="bi bi-x-lg"></i>
+          </button>
+        </div>
+        <ul class="mobile-menu-list">
+          <li><a href="/home" class="mobile-link">Home</a></li>
+          <li><a href="/shop" class="mobile-link">Shop</a></li>
+          <li><a href="/portfolio" class="mobile-link">Portfolio</a></li>
+          <li><a href="/about" class="mobile-link">About</a></li>
+          <li><a href="/blog" class="mobile-link">Blog</a></li>
+          <li><a href="/contact" class="mobile-link">Contact</a></li>
+        </ul>
+      </div>
+      <div class="mobile-menu-overlay" id="mobileMenuOverlay"></div>
+    </nav>
+
+    <script>
+      // Mobile Menu Toggle
+      (function() {
+        const mobileToggle = document.getElementById('mobileMenuToggle');
+        const mobileMenu = document.getElementById('mobileMenu');
+        const mobileClose = document.getElementById('mobileMenuClose');
+        const overlay = document.getElementById('mobileMenuOverlay');
+        
+        function openMenu() {
+          mobileMenu.classList.add('active');
+          overlay.classList.add('active');
+          document.body.style.overflow = 'hidden';
+        }
+        function closeMenu() {
+          mobileMenu.classList.remove('active');
+          overlay.classList.remove('active');
+          document.body.style.overflow = '';
+        }
+        
+        if (mobileToggle) mobileToggle.addEventListener('click', openMenu);
+        if (mobileClose) mobileClose.addEventListener('click', closeMenu);
+        if (overlay) overlay.addEventListener('click', closeMenu);
+        document.addEventListener('keydown', function(e) {
+          if (e.key === 'Escape' && mobileMenu.classList.contains('active')) closeMenu();
+        });
+      })();
+    </script>
+    <section class="about-hero">
+      <div class="container">
+        <h1><i class="bi bi-question-circle"></i> Frequently Asked Questions</h1>
+        <p class="hero-subtitle">Quick answers to common questions</p>
+      </div>
+    </section>
+        <section class="blog-section" style="padding: 60px 0; background: #ffebeb">
+      <div class="container">
+        <div style="max-width: 800px; margin: 0 auto; background: white; padding: 40px; border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">
+          <div style="margin-bottom: 30px;">
+            <h3 style="color: #667eea;">How long does shipping take?</h3>
+            <p style="color: #666; line-height: 1.8;">Standard shipping takes 5-7 business days. Express shipping (2-3 days) and overnight shipping are also available.</p>
+          </div>
+          
+          <div style="margin-bottom: 30px;">
+            <h3 style="color: #667eea;">Do you ship internationally?</h3>
+            <p style="color: #666; line-height: 1.8;">Yes! We ship to over 50 countries worldwide. International orders typically arrive in 7-14 business days.</p>
+          </div>
+          
+          <div style="margin-bottom: 30px;">
+            <h3 style="color: #667eea;">What is your return policy?</h3>
+            <p style="color: #666; line-height: 1.8;">We offer a 30-day return policy on most items. Items must be unused and in original packaging. See our <a href="/returns" style="color: #667eea;">Returns page</a> for details.</p>
+          </div>
+          
+          <div style="margin-bottom: 30px;">
+            <h3 style="color: #667eea;">How can I track my order?</h3>
+            <p style="color: #666; line-height: 1.8;">Once your order ships, you'll receive a tracking number via email. You can also check your order status in your account dashboard.</p>
+          </div>
+          
+          <div style="margin-bottom: 30px;">
+            <h3 style="color: #667eea;">Do you offer gift wrapping?</h3>
+            <p style="color: #666; line-height: 1.8;">Yes! Add gift wrapping to your order at checkout for just $4.99. We'll include a personalized message card.</p>
+          </div>
+          
+          <div style="background: #f8f9fa; padding: 20px; border-radius: 8px; border-left: 4px solid #667eea; margin-top: 30px;">
+            <p style="color: #666; margin: 0;"><strong>Still have questions?</strong> Contact us at <a href="mailto:support@skyartshop.com" style="color: #667eea;">support@skyartshop.com</a></p>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <footer class="footer">
+      <div class="container">
+        <div class="footer-grid">
+          <div class="footer-col">
+            <h3 class="footer-title">Sky Art Shop</h3>
+            <p class="footer-text">
+              Your destination for unique art pieces and creative supplies.
+            </p>
+            <div class="social-links">
+              <a href="#" class="social-link"><i class="bi bi-facebook"></i></a>
+              <a href="#" class="social-link"><i class="bi bi-instagram"></i></a>
+              <a href="#" class="social-link"><i class="bi bi-twitter"></i></a>
+              <a href="#" class="social-link"><i class="bi bi-pinterest"></i></a>
+            </div>
+          </div>
+          <div class="footer-col">
+            <h4 class="footer-heading">Shop</h4>
+            <ul class="footer-links">
+              <li><a href="/shop">All Products</a></li>
+              <li><a href="/shop?category=paintings">Paintings</a></li>
+              <li><a href="/shop?category=prints">Prints</a></li>
+              <li><a href="/shop?category=supplies">Art Supplies</a></li>
+            </ul>
+          </div>
+          <div class="footer-col">
+            <h4 class="footer-heading">About</h4>
+            <ul class="footer-links">
+              <li><a href="/about">Our Story</a></li>
+              <li><a href="/portfolio">Portfolio</a></li>
+              <li><a href="/blog">Blog</a></li>
+              <li><a href="/contact">Contact</a></li>
+            </ul>
+          </div>
+          <div class="footer-col">
+            <h4 class="footer-heading">Customer Service</h4>
+            <ul class="footer-links">
+              <li><a href="/shipping-info">Shipping Info</a></li>
+              <li><a href="/returns">Returns</a></li>
+              <li><a href="/faq">FAQ</a></li>
+              <li><a href="/privacy">Privacy Policy</a></li>
+            </ul>
+          </div>
+        </div>
+        <div class="footer-bottom">
+          <p>&copy; 2025 Sky Art Shop. All rights reserved.</p>
+        </div>
+      </div>
+    </footer>
+    <script src="/assets/js/page-transitions.js?v=1766709739"></script>
+    <script src="/assets/js/back-button-control.js?v=1766723554"></script>
+    <script src="/assets/js/main.js"></script>
+    <script src="/assets/js/navigation.js"></script>
+    <script src="/assets/js/shop-system.js"></script>
+    <script src="/assets/js/shopping.js"></script>
+    
+  </body>
+</html>
diff --git a/website/public/privacy.html b/website/public/privacy.html
index 8896252..44d28a9 100644
--- a/website/public/privacy.html
+++ b/website/public/privacy.html
@@ -4,13 +4,258 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Privacy Policy - Sky Art Shop</title>
-    <meta name="description" content="Sky Art Shop Privacy Policy" />
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
       href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap"
       rel="stylesheet"
     />
-    href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
+    />
+    <link rel="stylesheet" href="/assets/css/theme-colors.css" />
+    <link rel="stylesheet" href="/assets/css/main.css?v=1735692100" />
+    <link rel="stylesheet" href="/assets/css/navbar.css?v=1767233028" />
+    <link rel="stylesheet" href="/assets/css/page-overrides.css?v=1736790001" />
+    <link rel="stylesheet" href="/assets/css/cart-wishlist.css" />
+    <link rel="stylesheet" href="/assets/css/shopping.css" />
+    <link rel="stylesheet" href="/assets/css/responsive.css" />
+    <link rel="stylesheet" href="/assets/css/navbar-mobile-fix.css?v=1736790000" />
   </head>
+  <body>
+    <script>window.__bodyReady=true</script>
+    <div class="sticky-banner-wrapper">
+    <!-- Modern Navigation -->
+    <nav class="modern-navbar">
+      <div class="navbar-wrapper">
+        <div class="navbar-brand">
+          <a href="/home" class="brand-link">
+            <img
+              src="/uploads/cat-png-1767324141436-368259437.png"
+              alt="Sky Art Shop Logo"
+              class="brand-logo"
+            />
+            <span class="brand-name">Sky' Art Shop</span>
+          </a>
+        </div>
+
+        <div class="navbar-menu">
+          <ul class="nav-menu-list">
+            <li class="nav-item">
+              <a href="/home" class="nav-link">Home</a>
+            </li>
+            <li class="nav-item">
+              <a href="/shop" class="nav-link">Shop</a>
+            </li>
+            <li class="nav-item">
+              <a href="/portfolio" class="nav-link">Portfolio</a>
+            </li>
+            <li class="nav-item">
+              <a href="/about" class="nav-link">About</a>
+            </li>
+            <li class="nav-item">
+              <a href="/blog" class="nav-link active">Blog</a>
+            </li>
+            <li class="nav-item">
+              <a href="/contact" class="nav-link">Contact</a>
+            </li>
+          </ul>
+        </div>
+
+        <div class="navbar-actions">
+          <div class="action-item wishlist-dropdown-wrapper">
+            <button
+              class="action-btn"
+              id="wishlistToggle"
+              aria-label="Wishlist"
+            >
+              <i class="bi bi-heart"></i>
+              <span class="action-badge" id="wishlistCount">0</span>
+            </button>
+            <div class="action-dropdown wishlist-dropdown" id="wishlistPanel">
+              <div class="dropdown-head">
+                <h3>My Wishlist</h3>
+                <button class="dropdown-close" id="wishlistClose">
+                  <i class="bi bi-x-lg"></i>
+                </button>
+              </div>
+              <div class="dropdown-body" id="wishlistContent">
+                <p class="empty-state">Your wishlist is empty</p>
+              </div>
+              <div class="dropdown-foot">
+                <a href="/shop" class="btn-outline">Continue Shopping</a>
+              </div>
+            </div>
+          </div>
+
+          <div class="action-item cart-dropdown-wrapper">
+            <button
+              class="action-btn"
+              id="cartToggle"
+              aria-label="Shopping Cart"
+            >
+              <i class="bi bi-cart3"></i>
+              <span class="action-badge" id="cartCount">0</span>
+            </button>
+            <div class="action-dropdown cart-dropdown" id="cartPanel">
+              <div class="dropdown-head">
+                <h3>Shopping Cart</h3>
+                <button class="dropdown-close" id="cartClose">
+                  <i class="bi bi-x-lg"></i>
+                </button>
+              </div>
+              <div class="dropdown-body" id="cartContent">
+                <p class="empty-state"><i class="bi bi-cart-x"></i><br>Your cart is empty</p>
+              </div>
+              <div class="dropdown-foot">
+                <a href="/shop" class="btn-outline">Continue Shopping</a>
+              </div>
+            </div>
+          </div>
+
+          <button class="mobile-toggle" id="mobileMenuToggle" aria-label="Menu">
+            <span class="toggle-line"></span>
+            <span class="toggle-line"></span>
+            <span class="toggle-line"></span>
+          </button>
+        </div>
+      </div>
+
+      <div class="mobile-menu" id="mobileMenu">
+        <div class="mobile-menu-header">
+          <span class="mobile-brand">Sky' Art Shop</span>
+          <button class="mobile-close" id="mobileMenuClose">
+            <i class="bi bi-x-lg"></i>
+          </button>
+        </div>
+        <ul class="mobile-menu-list">
+          <li><a href="/home" class="mobile-link">Home</a></li>
+          <li><a href="/shop" class="mobile-link">Shop</a></li>
+          <li><a href="/portfolio" class="mobile-link">Portfolio</a></li>
+          <li><a href="/about" class="mobile-link">About</a></li>
+          <li><a href="/blog" class="mobile-link">Blog</a></li>
+          <li><a href="/contact" class="mobile-link">Contact</a></li>
+        </ul>
+      </div>
+      <div class="mobile-menu-overlay" id="mobileMenuOverlay"></div>
+    </nav>
+
+    <script>
+      // Mobile Menu Toggle
+      (function() {
+        const mobileToggle = document.getElementById('mobileMenuToggle');
+        const mobileMenu = document.getElementById('mobileMenu');
+        const mobileClose = document.getElementById('mobileMenuClose');
+        const overlay = document.getElementById('mobileMenuOverlay');
+        
+        function openMenu() {
+          mobileMenu.classList.add('active');
+          overlay.classList.add('active');
+          document.body.style.overflow = 'hidden';
+        }
+        function closeMenu() {
+          mobileMenu.classList.remove('active');
+          overlay.classList.remove('active');
+          document.body.style.overflow = '';
+        }
+        
+        if (mobileToggle) mobileToggle.addEventListener('click', openMenu);
+        if (mobileClose) mobileClose.addEventListener('click', closeMenu);
+        if (overlay) overlay.addEventListener('click', closeMenu);
+        document.addEventListener('keydown', function(e) {
+          if (e.key === 'Escape' && mobileMenu.classList.contains('active')) closeMenu();
+        });
+      })();
+    </script>
+    <section class="about-hero">
+      <div class="container">
+        <h1><i class="bi bi-shield-check"></i> Privacy Policy</h1>
+        <p class="hero-subtitle">How we protect and use your information</p>
+      </div>
+    </section>
+        <section class="blog-section" style="padding: 60px 0; background: #ffebeb">
+      <div class="container">
+        <div style="max-width: 800px; margin: 0 auto; background: white; padding: 40px; border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">
+          <p style="color: #666; line-height: 1.8; margin-bottom: 30px;"><em>Last updated: January 14, 2026</em></p>
+          
+          <h2 style="color: #333; margin-bottom: 15px;">Information We Collect</h2>
+          <p style="color: #666; line-height: 1.8; margin-bottom: 20px;">We collect information you provide directly to us, including your name, email address, shipping address, and payment information when you make a purchase.</p>
+          
+          <h2 style="color: #333; margin-bottom: 15px; margin-top: 30px;">How We Use Your Information</h2>
+          <ul style="color: #666; line-height: 2; margin-left: 20px;">
+            <li>Process and fulfill your orders</li>
+            <li>Send you order confirmations and shipping updates</li>
+            <li>Respond to your questions and provide customer support</li>
+            <li>Send you promotional emails (with your consent)</li>
+            <li>Improve our website and services</li>
+          </ul>
+          
+          <h2 style="color: #333; margin-bottom: 15px; margin-top: 30px;">Data Security</h2>
+          <p style="color: #666; line-height: 1.8; margin-bottom: 20px;">We use industry-standard SSL encryption to protect your personal and payment information. We never store credit card numbers on our servers.</p>
+          
+          <h2 style="color: #333; margin-bottom: 15px; margin-top: 30px;">Your Rights</h2>
+          <p style="color: #666; line-height: 1.8; margin-bottom: 20px;">You have the right to access, correct, or delete your personal information. You can also unsubscribe from marketing emails at any time.</p>
+          
+          <div style="background: #f8f9fa; padding: 20px; border-radius: 8px; border-left: 4px solid #667eea; margin-top: 30px;">
+            <p style="color: #666; margin: 0;"><strong>Privacy questions?</strong> Email us at <a href="mailto:privacy@skyartshop.com" style="color: #667eea;">privacy@skyartshop.com</a></p>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <footer class="footer">
+      <div class="container">
+        <div class="footer-grid">
+          <div class="footer-col">
+            <h3 class="footer-title">Sky Art Shop</h3>
+            <p class="footer-text">
+              Your destination for unique art pieces and creative supplies.
+            </p>
+            <div class="social-links">
+              <a href="#" class="social-link"><i class="bi bi-facebook"></i></a>
+              <a href="#" class="social-link"><i class="bi bi-instagram"></i></a>
+              <a href="#" class="social-link"><i class="bi bi-twitter"></i></a>
+              <a href="#" class="social-link"><i class="bi bi-pinterest"></i></a>
+            </div>
+          </div>
+          <div class="footer-col">
+            <h4 class="footer-heading">Shop</h4>
+            <ul class="footer-links">
+              <li><a href="/shop">All Products</a></li>
+              <li><a href="/shop?category=paintings">Paintings</a></li>
+              <li><a href="/shop?category=prints">Prints</a></li>
+              <li><a href="/shop?category=supplies">Art Supplies</a></li>
+            </ul>
+          </div>
+          <div class="footer-col">
+            <h4 class="footer-heading">About</h4>
+            <ul class="footer-links">
+              <li><a href="/about">Our Story</a></li>
+              <li><a href="/portfolio">Portfolio</a></li>
+              <li><a href="/blog">Blog</a></li>
+              <li><a href="/contact">Contact</a></li>
+            </ul>
+          </div>
+          <div class="footer-col">
+            <h4 class="footer-heading">Customer Service</h4>
+            <ul class="footer-links">
+              <li><a href="/shipping-info">Shipping Info</a></li>
+              <li><a href="/returns">Returns</a></li>
+              <li><a href="/faq">FAQ</a></li>
+              <li><a href="/privacy">Privacy Policy</a></li>
+            </ul>
+          </div>
+        </div>
+        <div class="footer-bottom">
+          <p>&copy; 2025 Sky Art Shop. All rights reserved.</p>
+        </div>
+      </div>
+    </footer>
+    <script src="/assets/js/page-transitions.js?v=1766709739"></script>
+    <script src="/assets/js/back-button-control.js?v=1766723554"></script>
+    <script src="/assets/js/main.js"></script>
+    <script src="/assets/js/navigation.js"></script>
+    <script src="/assets/js/shop-system.js"></script>
+    <script src="/assets/js/shopping.js"></script>
+    
+  </body>
 </html>
diff --git a/website/public/returns.html b/website/public/returns.html
index d547f96..f04afa2 100644
--- a/website/public/returns.html
+++ b/website/public/returns.html
@@ -4,13 +4,258 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Returns & Refunds - Sky Art Shop</title>
-    <meta name="description" content="Our return policy and refund process" />
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
       href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap"
       rel="stylesheet"
     />
-    href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
+    />
+    <link rel="stylesheet" href="/assets/css/theme-colors.css" />
+    <link rel="stylesheet" href="/assets/css/main.css?v=1735692100" />
+    <link rel="stylesheet" href="/assets/css/navbar.css?v=1767233028" />
+    <link rel="stylesheet" href="/assets/css/page-overrides.css?v=1736790001" />
+    <link rel="stylesheet" href="/assets/css/cart-wishlist.css" />
+    <link rel="stylesheet" href="/assets/css/shopping.css" />
+    <link rel="stylesheet" href="/assets/css/responsive.css" />
+    <link rel="stylesheet" href="/assets/css/navbar-mobile-fix.css?v=1736790000" />
   </head>
+  <body>
+    <script>window.__bodyReady=true</script>
+    <div class="sticky-banner-wrapper">
+    <!-- Modern Navigation -->
+    <nav class="modern-navbar">
+      <div class="navbar-wrapper">
+        <div class="navbar-brand">
+          <a href="/home" class="brand-link">
+            <img
+              src="/uploads/cat-png-1767324141436-368259437.png"
+              alt="Sky Art Shop Logo"
+              class="brand-logo"
+            />
+            <span class="brand-name">Sky' Art Shop</span>
+          </a>
+        </div>
+
+        <div class="navbar-menu">
+          <ul class="nav-menu-list">
+            <li class="nav-item">
+              <a href="/home" class="nav-link">Home</a>
+            </li>
+            <li class="nav-item">
+              <a href="/shop" class="nav-link">Shop</a>
+            </li>
+            <li class="nav-item">
+              <a href="/portfolio" class="nav-link">Portfolio</a>
+            </li>
+            <li class="nav-item">
+              <a href="/about" class="nav-link">About</a>
+            </li>
+            <li class="nav-item">
+              <a href="/blog" class="nav-link active">Blog</a>
+            </li>
+            <li class="nav-item">
+              <a href="/contact" class="nav-link">Contact</a>
+            </li>
+          </ul>
+        </div>
+
+        <div class="navbar-actions">
+          <div class="action-item wishlist-dropdown-wrapper">
+            <button
+              class="action-btn"
+              id="wishlistToggle"
+              aria-label="Wishlist"
+            >
+              <i class="bi bi-heart"></i>
+              <span class="action-badge" id="wishlistCount">0</span>
+            </button>
+            <div class="action-dropdown wishlist-dropdown" id="wishlistPanel">
+              <div class="dropdown-head">
+                <h3>My Wishlist</h3>
+                <button class="dropdown-close" id="wishlistClose">
+                  <i class="bi bi-x-lg"></i>
+                </button>
+              </div>
+              <div class="dropdown-body" id="wishlistContent">
+                <p class="empty-state">Your wishlist is empty</p>
+              </div>
+              <div class="dropdown-foot">
+                <a href="/shop" class="btn-outline">Continue Shopping</a>
+              </div>
+            </div>
+          </div>
+
+          <div class="action-item cart-dropdown-wrapper">
+            <button
+              class="action-btn"
+              id="cartToggle"
+              aria-label="Shopping Cart"
+            >
+              <i class="bi bi-cart3"></i>
+              <span class="action-badge" id="cartCount">0</span>
+            </button>
+            <div class="action-dropdown cart-dropdown" id="cartPanel">
+              <div class="dropdown-head">
+                <h3>Shopping Cart</h3>
+                <button class="dropdown-close" id="cartClose">
+                  <i class="bi bi-x-lg"></i>
+                </button>
+              </div>
+              <div class="dropdown-body" id="cartContent">
+                <p class="empty-state"><i class="bi bi-cart-x"></i><br>Your cart is empty</p>
+              </div>
+              <div class="dropdown-foot">
+                <a href="/shop" class="btn-outline">Continue Shopping</a>
+              </div>
+            </div>
+          </div>
+
+          <button class="mobile-toggle" id="mobileMenuToggle" aria-label="Menu">
+            <span class="toggle-line"></span>
+            <span class="toggle-line"></span>
+            <span class="toggle-line"></span>
+          </button>
+        </div>
+      </div>
+
+      <div class="mobile-menu" id="mobileMenu">
+        <div class="mobile-menu-header">
+          <span class="mobile-brand">Sky' Art Shop</span>
+          <button class="mobile-close" id="mobileMenuClose">
+            <i class="bi bi-x-lg"></i>
+          </button>
+        </div>
+        <ul class="mobile-menu-list">
+          <li><a href="/home" class="mobile-link">Home</a></li>
+          <li><a href="/shop" class="mobile-link">Shop</a></li>
+          <li><a href="/portfolio" class="mobile-link">Portfolio</a></li>
+          <li><a href="/about" class="mobile-link">About</a></li>
+          <li><a href="/blog" class="mobile-link">Blog</a></li>
+          <li><a href="/contact" class="mobile-link">Contact</a></li>
+        </ul>
+      </div>
+      <div class="mobile-menu-overlay" id="mobileMenuOverlay"></div>
+    </nav>
+
+    <script>
+      // Mobile Menu Toggle
+      (function() {
+        const mobileToggle = document.getElementById('mobileMenuToggle');
+        const mobileMenu = document.getElementById('mobileMenu');
+        const mobileClose = document.getElementById('mobileMenuClose');
+        const overlay = document.getElementById('mobileMenuOverlay');
+        
+        function openMenu() {
+          mobileMenu.classList.add('active');
+          overlay.classList.add('active');
+          document.body.style.overflow = 'hidden';
+        }
+        function closeMenu() {
+          mobileMenu.classList.remove('active');
+          overlay.classList.remove('active');
+          document.body.style.overflow = '';
+        }
+        
+        if (mobileToggle) mobileToggle.addEventListener('click', openMenu);
+        if (mobileClose) mobileClose.addEventListener('click', closeMenu);
+        if (overlay) overlay.addEventListener('click', closeMenu);
+        document.addEventListener('keydown', function(e) {
+          if (e.key === 'Escape' && mobileMenu.classList.contains('active')) closeMenu();
+        });
+      })();
+    </script>
+    <section class="about-hero">
+      <div class="container">
+        <h1><i class="bi bi-arrow-left-right"></i> Returns & Refunds</h1>
+        <p class="hero-subtitle">30-day hassle-free return policy</p>
+      </div>
+    </section>
+        <section class="blog-section" style="padding: 60px 0; background: #ffebeb">
+      <div class="container">
+        <div style="max-width: 800px; margin: 0 auto; background: white; padding: 40px; border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">
+          <h2 style="color: #333; margin-bottom: 20px;"><i class="bi bi-check-circle" style="color: #667eea;"></i> 30-Day Return Policy</h2>
+          <p style="color: #666; line-height: 1.8; margin-bottom: 20px;">We want you to love your purchase! If you're not completely satisfied, you can return most items within 30 days of delivery for a full refund.</p>
+          
+          <h3 style="color: #667eea; font-size: 18px; margin-top: 30px;">How to Return an Item</h3>
+          <ol style="color: #666; line-height: 2; margin-left: 20px;">
+            <li>Contact our customer service team to initiate a return</li>
+            <li>Pack the item securely in its original packaging</li>
+            <li>Include your order number and reason for return</li>
+            <li>Ship the package using our prepaid return label</li>
+            <li>Refund will be processed within 5-7 business days after we receive the item</li>
+          </ol>
+          
+          <h3 style="color: #667eea; font-size: 18px; margin-top: 30px;">Return Requirements</h3>
+          <ul style="color: #666; line-height: 2; margin-left: 20px;">
+            <li>Item must be unused and in original condition</li>
+            <li>Original packaging and tags must be intact</li>
+            <li>Custom or personalized items cannot be returned</li>
+            <li>Sale items are final sale unless defective</li>
+          </ul>
+          
+          <div style="background: #f8f9fa; padding: 20px; border-radius: 8px; border-left: 4px solid #667eea; margin-top: 30px;">
+            <p style="color: #666; margin: 0;"><strong>Questions about returns?</strong> Contact us at <a href="mailto:returns@skyartshop.com" style="color: #667eea;">returns@skyartshop.com</a> or call 1-800-SKY-ARTS</p>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <footer class="footer">
+      <div class="container">
+        <div class="footer-grid">
+          <div class="footer-col">
+            <h3 class="footer-title">Sky Art Shop</h3>
+            <p class="footer-text">
+              Your destination for unique art pieces and creative supplies.
+            </p>
+            <div class="social-links">
+              <a href="#" class="social-link"><i class="bi bi-facebook"></i></a>
+              <a href="#" class="social-link"><i class="bi bi-instagram"></i></a>
+              <a href="#" class="social-link"><i class="bi bi-twitter"></i></a>
+              <a href="#" class="social-link"><i class="bi bi-pinterest"></i></a>
+            </div>
+          </div>
+          <div class="footer-col">
+            <h4 class="footer-heading">Shop</h4>
+            <ul class="footer-links">
+              <li><a href="/shop">All Products</a></li>
+              <li><a href="/shop?category=paintings">Paintings</a></li>
+              <li><a href="/shop?category=prints">Prints</a></li>
+              <li><a href="/shop?category=supplies">Art Supplies</a></li>
+            </ul>
+          </div>
+          <div class="footer-col">
+            <h4 class="footer-heading">About</h4>
+            <ul class="footer-links">
+              <li><a href="/about">Our Story</a></li>
+              <li><a href="/portfolio">Portfolio</a></li>
+              <li><a href="/blog">Blog</a></li>
+              <li><a href="/contact">Contact</a></li>
+            </ul>
+          </div>
+          <div class="footer-col">
+            <h4 class="footer-heading">Customer Service</h4>
+            <ul class="footer-links">
+              <li><a href="/shipping-info">Shipping Info</a></li>
+              <li><a href="/returns">Returns</a></li>
+              <li><a href="/faq">FAQ</a></li>
+              <li><a href="/privacy">Privacy Policy</a></li>
+            </ul>
+          </div>
+        </div>
+        <div class="footer-bottom">
+          <p>&copy; 2025 Sky Art Shop. All rights reserved.</p>
+        </div>
+      </div>
+    </footer>
+    <script src="/assets/js/page-transitions.js?v=1766709739"></script>
+    <script src="/assets/js/back-button-control.js?v=1766723554"></script>
+    <script src="/assets/js/main.js"></script>
+    <script src="/assets/js/navigation.js"></script>
+    <script src="/assets/js/shop-system.js"></script>
+    <script src="/assets/js/shopping.js"></script>
+    
+  </body>
 </html>
diff --git a/website/public/shipping-info.html b/website/public/shipping-info.html
index cdff771..2856f10 100644
--- a/website/public/shipping-info.html
+++ b/website/public/shipping-info.html
@@ -4,13 +4,251 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Shipping Information - Sky Art Shop</title>
-    <meta
-      name="description"
-      content="Shipping methods, delivery times, and policies"
-    />
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
       href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap"
       rel="stylesheet"
+    />
+    <link
+      rel="stylesheet"
       href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
+    />
+    <link rel="stylesheet" href="/assets/css/theme-colors.css" />
+    <link rel="stylesheet" href="/assets/css/main.css?v=1735692100" />
+    <link rel="stylesheet" href="/assets/css/navbar.css?v=1767233028" />
+    <link rel="stylesheet" href="/assets/css/page-overrides.css?v=1736790001" />
+    <link rel="stylesheet" href="/assets/css/cart-wishlist.css" />
+    <link rel="stylesheet" href="/assets/css/shopping.css" />
+    <link rel="stylesheet" href="/assets/css/responsive.css" />
+    <link rel="stylesheet" href="/assets/css/navbar-mobile-fix.css?v=1736790000" />
+  </head>
+  <body>
+    <script>window.__bodyReady=true</script>
+    <div class="sticky-banner-wrapper">
+    <!-- Modern Navigation -->
+    <nav class="modern-navbar">
+      <div class="navbar-wrapper">
+        <div class="navbar-brand">
+          <a href="/home" class="brand-link">
+            <img
+              src="/uploads/cat-png-1767324141436-368259437.png"
+              alt="Sky Art Shop Logo"
+              class="brand-logo"
+            />
+            <span class="brand-name">Sky' Art Shop</span>
+          </a>
+        </div>
+
+        <div class="navbar-menu">
+          <ul class="nav-menu-list">
+            <li class="nav-item">
+              <a href="/home" class="nav-link">Home</a>
+            </li>
+            <li class="nav-item">
+              <a href="/shop" class="nav-link">Shop</a>
+            </li>
+            <li class="nav-item">
+              <a href="/portfolio" class="nav-link">Portfolio</a>
+            </li>
+            <li class="nav-item">
+              <a href="/about" class="nav-link">About</a>
+            </li>
+            <li class="nav-item">
+              <a href="/blog" class="nav-link active">Blog</a>
+            </li>
+            <li class="nav-item">
+              <a href="/contact" class="nav-link">Contact</a>
+            </li>
+          </ul>
+        </div>
+
+        <div class="navbar-actions">
+          <div class="action-item wishlist-dropdown-wrapper">
+            <button
+              class="action-btn"
+              id="wishlistToggle"
+              aria-label="Wishlist"
+            >
+              <i class="bi bi-heart"></i>
+              <span class="action-badge" id="wishlistCount">0</span>
+            </button>
+            <div class="action-dropdown wishlist-dropdown" id="wishlistPanel">
+              <div class="dropdown-head">
+                <h3>My Wishlist</h3>
+                <button class="dropdown-close" id="wishlistClose">
+                  <i class="bi bi-x-lg"></i>
+                </button>
+              </div>
+              <div class="dropdown-body" id="wishlistContent">
+                <p class="empty-state">Your wishlist is empty</p>
+              </div>
+              <div class="dropdown-foot">
+                <a href="/shop" class="btn-outline">Continue Shopping</a>
+              </div>
+            </div>
+          </div>
+
+          <div class="action-item cart-dropdown-wrapper">
+            <button
+              class="action-btn"
+              id="cartToggle"
+              aria-label="Shopping Cart"
+            >
+              <i class="bi bi-cart3"></i>
+              <span class="action-badge" id="cartCount">0</span>
+            </button>
+            <div class="action-dropdown cart-dropdown" id="cartPanel">
+              <div class="dropdown-head">
+                <h3>Shopping Cart</h3>
+                <button class="dropdown-close" id="cartClose">
+                  <i class="bi bi-x-lg"></i>
+                </button>
+              </div>
+              <div class="dropdown-body" id="cartContent">
+                <p class="empty-state"><i class="bi bi-cart-x"></i><br>Your cart is empty</p>
+              </div>
+              <div class="dropdown-foot">
+                <a href="/shop" class="btn-outline">Continue Shopping</a>
+              </div>
+            </div>
+          </div>
+
+          <button class="mobile-toggle" id="mobileMenuToggle" aria-label="Menu">
+            <span class="toggle-line"></span>
+            <span class="toggle-line"></span>
+            <span class="toggle-line"></span>
+          </button>
+        </div>
+      </div>
+
+      <div class="mobile-menu" id="mobileMenu">
+        <div class="mobile-menu-header">
+          <span class="mobile-brand">Sky' Art Shop</span>
+          <button class="mobile-close" id="mobileMenuClose">
+            <i class="bi bi-x-lg"></i>
+          </button>
+        </div>
+        <ul class="mobile-menu-list">
+          <li><a href="/home" class="mobile-link">Home</a></li>
+          <li><a href="/shop" class="mobile-link">Shop</a></li>
+          <li><a href="/portfolio" class="mobile-link">Portfolio</a></li>
+          <li><a href="/about" class="mobile-link">About</a></li>
+          <li><a href="/blog" class="mobile-link">Blog</a></li>
+          <li><a href="/contact" class="mobile-link">Contact</a></li>
+        </ul>
+      </div>
+      <div class="mobile-menu-overlay" id="mobileMenuOverlay"></div>
+    </nav>
+
+    <script>
+      // Mobile Menu Toggle
+      (function() {
+        const mobileToggle = document.getElementById('mobileMenuToggle');
+        const mobileMenu = document.getElementById('mobileMenu');
+        const mobileClose = document.getElementById('mobileMenuClose');
+        const overlay = document.getElementById('mobileMenuOverlay');
+        
+        function openMenu() {
+          mobileMenu.classList.add('active');
+          overlay.classList.add('active');
+          document.body.style.overflow = 'hidden';
+        }
+        function closeMenu() {
+          mobileMenu.classList.remove('active');
+          overlay.classList.remove('active');
+          document.body.style.overflow = '';
+        }
+        
+        if (mobileToggle) mobileToggle.addEventListener('click', openMenu);
+        if (mobileClose) mobileClose.addEventListener('click', closeMenu);
+        if (overlay) overlay.addEventListener('click', closeMenu);
+        document.addEventListener('keydown', function(e) {
+          if (e.key === 'Escape' && mobileMenu.classList.contains('active')) closeMenu();
+        });
+      })();
+    </script>
+    <section class="about-hero">
+      <div class="container">
+        <h1><i class="bi bi-truck"></i> Shipping Information</h1>
+        <p class="hero-subtitle">Fast, reliable delivery to your doorstep</p>
+      </div>
+    </section>
+    <section class="blog-section" style="padding: 60px 0; background: #ffebeb">
+      <div class="container">
+        <div style="max-width: 800px; margin: 0 auto; background: white; padding: 40px; border-radius: 12px; box-shadow: 0 2 8px rgba(0,0,0,0.1);">
+          <h2 style="color: #333; margin-bottom: 20px;"><i class="bi bi-box-seam" style="color: #667eea;"></i> Shipping Methods</h2>
+          <div style="margin-bottom: 30px;">
+            <h3 style="color: #667eea; font-size: 18px;">Standard Shipping (5-7 Business Days)</h3>
+            <p style="color: #666; line-height: 1.8;">Our most economical shipping option. Orders are processed within 1-2 business days.</p>
+            <p style="color: #999; font-size: 14px;"><strong>Cost:</strong> $5.99 for orders under $50 | <strong>FREE</strong> for orders over $50</p>
+          </div>
+          <div style="margin-bottom: 30px;">
+            <h3 style="color: #667eea; font-size: 18px;">Express Shipping (2-3 Business Days)</h3>
+            <p style="color: #666; line-height: 1.8;">Faster delivery via UPS 2nd Day Air.</p>
+            <p style="color: #999; font-size: 14px;"><strong>Cost:</strong> $12.99 flat rate</p>
+          </div>
+          <div style="margin-bottom: 30px;">
+            <h3 style="color: #667eea; font-size: 18px;">Overnight Shipping</h3>
+            <p style="color: #666; line-height: 1.8;">Order by 2 PM EST for next business day delivery.</p>
+            <p style="color: #999; font-size: 14px;"><strong>Cost:</strong> $24.99 flat rate</p>
+          </div>
+          <h2 style="color: #333; margin-bottom: 20px; margin-top: 40px;"><i class="bi bi-globe" style="color: #667eea;"></i> International Shipping</h2>
+          <p style="color: #666; line-height: 1.8;">We ship to over 50 countries worldwide! International orders typically take 7-14 business days. Customs fees are the responsibility of the customer.</p>
+        </div>
+      </div>
+    </section>
+    <footer class="footer">
+      <div class="container">
+        <div class="footer-grid">
+          <div class="footer-col">
+            <h3 class="footer-title">Sky Art Shop</h3>
+            <p class="footer-text">
+              Your destination for unique art pieces and creative supplies.
+            </p>
+            <div class="social-links">
+              <a href="#" class="social-link"><i class="bi bi-facebook"></i></a>
+              <a href="#" class="social-link"><i class="bi bi-instagram"></i></a>
+              <a href="#" class="social-link"><i class="bi bi-twitter"></i></a>
+              <a href="#" class="social-link"><i class="bi bi-pinterest"></i></a>
+            </div>
+          </div>
+          <div class="footer-col">
+            <h4 class="footer-heading">Shop</h4>
+            <ul class="footer-links">
+              <li><a href="/shop">All Products</a></li>
+              <li><a href="/shop?category=paintings">Paintings</a></li>
+              <li><a href="/shop?category=prints">Prints</a></li>
+              <li><a href="/shop?category=supplies">Art Supplies</a></li>
+            </ul>
+          </div>
+          <div class="footer-col">
+            <h4 class="footer-heading">About</h4>
+            <ul class="footer-links">
+              <li><a href="/about">Our Story</a></li>
+              <li><a href="/portfolio">Portfolio</a></li>
+              <li><a href="/blog">Blog</a></li>
+              <li><a href="/contact">Contact</a></li>
+            </ul>
+          </div>
+          <div class="footer-col">
+            <h4 class="footer-heading">Customer Service</h4>
+            <ul class="footer-links">
+              <li><a href="/shipping-info">Shipping Info</a></li>
+              <li><a href="/returns">Returns</a></li>
+              <li><a href="/faq">FAQ</a></li>
+              <li><a href="/privacy">Privacy Policy</a></li>
+            </ul>
+          </div>
+        </div>
+        <div class="footer-bottom">
+          <p>&copy; 2025 Sky Art Shop. All rights reserved.</p>
+        </div>
+      </div>
+    </footer>
+    <script src="/assets/js/page-transitions.js?v=1766709739"></script>
+    <script src="/assets/js/back-button-control.js?v=1766723554"></script>
+    <script src="/assets/js/main.js"></script>
+    <script src="/assets/js/navigation.js"></script>
+    <script src="/assets/js/shop-system.js"></script>
+    <script src="/assets/js/shopping.js"></script>
+  </body>
+</html>
