Tweaked setup

scripts/fix-nested-paths.js

@@ -0,0 +1,81 @@
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+// Function to update paths in a file based on its depth
+function updatePathsInFile(filePath) {
+  const content = fs.readFileSync(filePath, 'utf8');
+  
+  // Calculate the depth of the file relative to dist
+  const relativePath = path.relative('dist', filePath);
+  const depth = relativePath.split(path.sep).length - 1;
+  
+  // Create the prefix based on depth
+  const prefix = '../'.repeat(depth);
+  
+  let updatedContent = content;
+  
+  // Update all .html links
+  updatedContent = updatedContent.replace(/href="([^"]+\.html)"/g, (match, p1) => {
+    // Skip if already has ../ or is an absolute URL or anchor
+    if (p1.startsWith('../') || p1.startsWith('http') || p1.startsWith('#')) {
+      return match;
+    }
+    return `href="${prefix}${p1}"`;
+  });
+  
+  // Update asset paths
+  updatedContent = updatedContent.replace(/href="(assets\/[^"]+)"/g, (match, p1) => {
+    if (p1.startsWith('../') || p1.startsWith('http')) {
+      return match;
+    }
+    return `href="${prefix}${p1}"`;
+  });
+  
+  updatedContent = updatedContent.replace(/src="(assets\/[^"]+)"/g, (match, p1) => {
+    if (p1.startsWith('../') || p1.startsWith('http')) {
+      return match;
+    }
+    return `src="${prefix}${p1}"`;
+  });
+  
+  // Only write if content changed
+  if (content !== updatedContent) {
+    fs.writeFileSync(filePath, updatedContent);
+    console.log(`Updated paths in: ${filePath}`);
+  }
+}
+
+// Function to recursively find all HTML files
+function findHtmlFiles(dir, files = []) {
+  const items = fs.readdirSync(dir);
+  
+  for (const item of items) {
+    const fullPath = path.join(dir, item);
+    const stat = fs.statSync(fullPath);
+    
+    if (stat.isDirectory()) {
+      findHtmlFiles(fullPath, files);
+    } else if (item.endsWith('.html') && fullPath !== path.join('dist', 'index.html')) {
+      // Skip index.html as it's in the root
+      files.push(fullPath);
+    }
+  }
+  
+  return files;
+}
+
+// Main execution
+console.log('Fixing paths for nested HTML files...\n');
+
+const htmlFiles = findHtmlFiles('dist');
+console.log(`Found ${htmlFiles.length} HTML files to process\n`);
+
+htmlFiles.forEach(file => {
+  updatePathsInFile(file);
+});
+
+console.log('\nPath fixing complete!');

scripts/make-paths-relative.js

@@ -0,0 +1,122 @@
+#!/usr/bin/env node
+
+/**
+ * Make All Paths Relative Script
+ * Converts all absolute paths to relative paths for subfolder deployment
+ */
+
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+// Files to update
+const filesToUpdate = [
+  'src/partials/layouts/sidebar.hbs',
+  'src/partials/layouts/header.hbs',
+  'src/index.html',
+];
+
+// Add all HTML files
+function findFiles(dir, extension) {
+  const files = [];
+  const items = fs.readdirSync(dir, { withFileTypes: true });
+  
+  for (const item of items) {
+    const fullPath = path.join(dir, item.name);
+    if (item.isDirectory()) {
+      files.push(...findFiles(fullPath, extension));
+    } else if (item.name.endsWith(extension)) {
+      files.push(fullPath);
+    }
+  }
+  
+  return files;
+}
+
+// Add all HTML and HBS files
+const srcDir = path.join(__dirname, '..', 'src');
+filesToUpdate.push(...findFiles(path.join(srcDir, 'pages'), '.html'));
+filesToUpdate.push(...findFiles(path.join(srcDir, 'pages'), '.hbs'));
+filesToUpdate.push(...findFiles(path.join(srcDir, 'partials'), '.hbs'));
+
+// Patterns to replace
+const replacements = [
+  // Navigation links
+  { from: /href="\/dashboard-/g, to: 'href="dashboard-' },
+  { from: /href="\/ui-/g, to: 'href="ui-' },
+  { from: /href="\/form-/g, to: 'href="form-' },
+  { from: /href="\/charts\.html"/g, to: 'href="charts.html"' },
+  { from: /href="\/general-/g, to: 'href="general-' },
+  { from: /href="\/data-/g, to: 'href="data-' },
+  { from: /href="\/products\.html"/g, to: 'href="products.html"' },
+  { from: /href="\/product-/g, to: 'href="product-' },
+  { from: /href="\/checkout\.html"/g, to: 'href="checkout.html"' },
+  { from: /href="\/influencer-/g, to: 'href="influencer-' },
+  { from: /href="\/calendar\.html"/g, to: 'href="calendar.html"' },
+  { from: /href="\/chat\.html"/g, to: 'href="chat.html"' },
+  { from: /href="\/inbox\.html"/g, to: 'href="inbox.html"' },
+  { from: /href="\/users\.html"/g, to: 'href="users.html"' },
+  { from: /href="\/timeline\.html"/g, to: 'href="timeline.html"' },
+  { from: /href="\/settings\.html"/g, to: 'href="settings.html"' },
+  { from: /href="\/login\.html"/g, to: 'href="login.html"' },
+  { from: /href="\/signup\.html"/g, to: 'href="signup.html"' },
+  { from: /href="\/forgot-/g, to: 'href="forgot-' },
+  { from: /href="\/blank-/g, to: 'href="blank-' },
+  { from: /href="\/404\.html"/g, to: 'href="404.html"' },
+  { from: /href="\/multiselect\.html"/g, to: 'href="multiselect.html"' },
+  
+  // Root link
+  { from: /href="\/"/g, to: 'href="index.html"' },
+  
+  // Asset paths - these should remain absolute or use base URL
+  { from: /src="\/assets\//g, to: 'src="assets/' },
+  { from: /href="\/assets\//g, to: 'href="assets/' },
+  
+  // Form actions
+  { from: /action="\/api\//g, to: 'action="api/' },
+];
+
+// Update files
+function updateFile(filePath) {
+  const fullPath = filePath.startsWith('/') ? filePath : path.join(__dirname, '..', filePath);
+  
+  if (!fs.existsSync(fullPath)) {
+    console.log(`⚠️  File not found: ${filePath}`);
+    return;
+  }
+  
+  let content = fs.readFileSync(fullPath, 'utf8');
+  let updated = false;
+  
+  replacements.forEach(({ from, to }) => {
+    if (content.match(from)) {
+      content = content.replace(from, to);
+      updated = true;
+    }
+  });
+  
+  if (updated) {
+    fs.writeFileSync(fullPath, content);
+    console.log(`✅ Updated: ${path.relative(process.cwd(), fullPath)}`);
+  } else {
+    console.log(`⏭️  No changes needed: ${path.relative(process.cwd(), fullPath)}`);
+  }
+}
+
+// Main execution
+console.log('🔧 Converting absolute paths to relative paths...\n');
+
+filesToUpdate.forEach(file => {
+  updateFile(file);
+});
+
+console.log('\n✨ All paths have been made relative!');
+console.log('\nNext steps:');
+console.log('1. Build with subfolder support:');
+console.log('   BASE_URL=/polygon/concept/ npm run build');
+console.log('   or for relative paths everywhere:');
+console.log('   npm run build');
+console.log('2. Deploy the dist folder to your subfolder');

src/pages/apps/influencer-finder.html

@@ -21,8 +21,8 @@
                             <div class="page-breadcrumb">
                                 <nav aria-label="breadcrumb">
                                     <ol class="breadcrumb">
-                                        <li class="breadcrumb-item"><a href="/" class="breadcrumb-link">Dashboard</a></li>
-                                        <li class="breadcrumb-item"><a href="/dashboard-influencer.html" class="breadcrumb-link">Influencer</a></li>
+                                        <li class="breadcrumb-item"><a href="index.html" class="breadcrumb-link">Dashboard</a></li>
+                                        <li class="breadcrumb-item"><a href="dashboard-influencer.html" class="breadcrumb-link">Influencer</a></li>
                                         <li class="breadcrumb-item active" aria-current="page">Influencer Finder</li>
                                     </ol>
                                 </nav>
@@ -94,7 +94,7 @@
                                             <button class="btn btn-outline-secondary btn-sm me-2" data-bs-toggle="tooltip" title="Add to favorites">
                                                 <i class="far fa-star"></i>
                                             </button>
-                                            <a href="/influencer-profile.html" class="btn btn-primary btn-sm">View Profile</a>
+                                            <a href="influencer-profile.html" class="btn btn-primary btn-sm">View Profile</a>
                                         </div>
                                     </div>
                                 </div>
@@ -183,7 +183,7 @@
                                             <button class="btn btn-outline-secondary btn-sm me-2" data-bs-toggle="tooltip" title="Add to favorites">
                                                 <i class="far fa-star"></i>
                                             </button>
-                                            <a href="/influencer-profile.html" class="btn btn-primary btn-sm">View Profile</a>
+                                            <a href="influencer-profile.html" class="btn btn-primary btn-sm">View Profile</a>
                                         </div>
                                     </div>
                                 </div>
@@ -272,7 +272,7 @@
                                             <button class="btn btn-warning btn-sm me-2" data-bs-toggle="tooltip" title="Remove from favorites">
                                                 <i class="fas fa-star"></i>
                                             </button>
-                                            <a href="/influencer-profile.html" class="btn btn-primary btn-sm">View Profile</a>
+                                            <a href="influencer-profile.html" class="btn btn-primary btn-sm">View Profile</a>
                                         </div>
                                     </div>
                                 </div>
@@ -361,7 +361,7 @@
                                             <button class="btn btn-outline-secondary btn-sm me-2" data-bs-toggle="tooltip" title="Add to favorites">
                                                 <i class="far fa-star"></i>
                                             </button>
-                                            <a href="/influencer-profile.html" class="btn btn-primary btn-sm">View Profile</a>
+                                            <a href="influencer-profile.html" class="btn btn-primary btn-sm">View Profile</a>
                                         </div>
                                     </div>
                                 </div>

src/pages/apps/influencer-profile.html

@@ -21,8 +21,8 @@
                             <div class="page-breadcrumb">
                                 <nav aria-label="breadcrumb">
                                     <ol class="breadcrumb">
-                                        <li class="breadcrumb-item"><a href="/" class="breadcrumb-link">Dashboard</a></li>
-                                        <li class="breadcrumb-item"><a href="/influencer-finder.html" class="breadcrumb-link">Influencer</a></li>
+                                        <li class="breadcrumb-item"><a href="index.html" class="breadcrumb-link">Dashboard</a></li>
+                                        <li class="breadcrumb-item"><a href="influencer-finder.html" class="breadcrumb-link">Influencer</a></li>
                                         <li class="breadcrumb-item active" aria-current="page">Influencer Profile</li>
                                     </ol>
                                 </nav>

src/pages/auth/forgot-password.html

@@ -8,7 +8,7 @@
         <div class="row justify-content-center">
             <div class="col-xl-5 col-lg-6 col-md-8 col-sm-10">
                 <div class="text-center mb-4">
-                    <a href="/" class="d-inline-block">
+                    <a href="index.html" class="d-inline-block">
                         <h1 class="text-primary fw-bold mb-0">Concept</h1>
                     </a>
                     <p class="text-muted mt-2">Reset your password</p>
@@ -47,7 +47,7 @@
                             </div>
 
                             <div class="text-center">
-                                <a href="/login.html" class="text-decoration-none">
+                                <a href="login.html" class="text-decoration-none">
                                     <i class="fas fa-arrow-left me-1"></i> Back to login
                                 </a>
                             </div>
@@ -72,7 +72,7 @@
                                 </p>
                                 
                                 <div class="text-center">
-                                    <a href="/login.html" class="text-decoration-none">
+                                    <a href="login.html" class="text-decoration-none">
                                         <i class="fas fa-arrow-left me-1"></i> Back to login
                                     </a>
                                 </div>
@@ -84,7 +84,7 @@
                 <div class="text-center mt-4">
                     <p class="text-muted small">
                         Remember your password? 
-                        <a href="/login.html" class="text-decoration-none fw-medium">Login</a>
+                        <a href="login.html" class="text-decoration-none fw-medium">Login</a>
                     </p>
                 </div>
             </div>

src/pages/auth/login.html

@@ -8,7 +8,7 @@
         <div class="row justify-content-center">
             <div class="col-xl-5 col-lg-6 col-md-8 col-sm-10">
                 <div class="text-center mb-4">
-                    <a href="/" class="d-inline-block">
+                    <a href="index.html" class="d-inline-block">
                         <h1 class="text-primary fw-bold mb-0">Concept</h1>
                     </a>
                     <p class="text-muted mt-2">Welcome back! Please login to your account.</p>
@@ -32,7 +32,7 @@
                             <div class="mb-4">
                                 <div class="d-flex justify-content-between align-items-center mb-2">
                                     <label for="password" class="form-label fw-medium mb-0">Password</label>
-                                    <a href="/forgot-password.html" class="text-decoration-none small">Forgot password?</a>
+                                    <a href="forgot-password.html" class="text-decoration-none small">Forgot password?</a>
                                 </div>
                                 <input type="password" 
                                        class="form-control form-control-lg" 
@@ -59,7 +59,7 @@
                             
                             <div class="text-center">
                                 <span class="text-muted">Don't have an account?</span>
-                                <a href="/signup.html" class="text-decoration-none fw-medium">Sign up</a>
+                                <a href="signup.html" class="text-decoration-none fw-medium">Sign up</a>
                             </div>
                         </form>
                     </div>

src/pages/auth/signup.html

@@ -8,7 +8,7 @@
         <div class="row justify-content-center">
             <div class="col-xl-5 col-lg-6 col-md-8 col-sm-10">
                 <div class="text-center mb-4">
-                    <a href="/" class="d-inline-block">
+                    <a href="index.html" class="d-inline-block">
                         <h1 class="text-primary fw-bold mb-0">Concept</h1>
                     </a>
                     <p class="text-muted mt-2">Create your account to get started</p>
@@ -100,7 +100,7 @@
                             
                             <div class="text-center">
                                 <span class="text-muted">Already have an account?</span>
-                                <a href="/login.html" class="text-decoration-none fw-medium">Sign in</a>
+                                <a href="login.html" class="text-decoration-none fw-medium">Sign in</a>
                             </div>
                         </form>
                     </div>

src/pages/calendar.html

@@ -19,7 +19,7 @@
                             <div class="page-breadcrumb">
                                 <nav aria-label="breadcrumb">
                                     <ol class="breadcrumb">
-                                        <li class="breadcrumb-item"><a href="/" class="breadcrumb-link">Dashboard</a></li>
+                                        <li class="breadcrumb-item"><a href="index.html" class="breadcrumb-link">Dashboard</a></li>
                                         <li class="breadcrumb-item">Apps</li>
                                         <li class="breadcrumb-item active" aria-current="page">Calendar</li>
                                     </ol>

src/pages/charts/index.html

@@ -20,7 +20,7 @@
                                 <div class="page-breadcrumb">
                                     <nav aria-label="breadcrumb">
                                         <ol class="breadcrumb">
-                                            <li class="breadcrumb-item"><a href="/" class="breadcrumb-link">Dashboard</a></li>
+                                            <li class="breadcrumb-item"><a href="index.html" class="breadcrumb-link">Dashboard</a></li>
                                             <li class="breadcrumb-item active" aria-current="page">Charts</li>
                                         </ol>
                                     </nav>

src/pages/chat.html

@@ -20,7 +20,7 @@
                                 <div class="page-breadcrumb">
                                     <nav aria-label="breadcrumb">
                                         <ol class="breadcrumb">
-                                            <li class="breadcrumb-item"><a href="/" class="breadcrumb-link">Dashboard</a></li>
+                                            <li class="breadcrumb-item"><a href="index.html" class="breadcrumb-link">Dashboard</a></li>
                                             <li class="breadcrumb-item"><a href="#" class="breadcrumb-link">Apps</a></li>
                                             <li class="breadcrumb-item active" aria-current="page">Chat</li>
                                         </ol>

src/pages/dashboards/finance.html

@@ -20,7 +20,7 @@
                                 <div class="page-breadcrumb">
                                     <nav aria-label="breadcrumb">
                                         <ol class="breadcrumb">
-                                            <li class="breadcrumb-item"><a href="/" class="breadcrumb-link">Dashboard</a></li>
+                                            <li class="breadcrumb-item"><a href="index.html" class="breadcrumb-link">Dashboard</a></li>
                                             <li class="breadcrumb-item active" aria-current="page">Finance Dashboard Template</li>
                                         </ol>
                                     </nav>

src/pages/dashboards/influencer.html

@@ -20,7 +20,7 @@
                                 <div class="page-breadcrumb">
                                     <nav aria-label="breadcrumb">
                                         <ol class="breadcrumb">
-                                            <li class="breadcrumb-item"><a href="/" class="breadcrumb-link">Dashboard</a></li>
+                                            <li class="breadcrumb-item"><a href="index.html" class="breadcrumb-link">Dashboard</a></li>
                                             <li class="breadcrumb-item active" aria-current="page">Influencer</li>
                                         </ol>
                                     </nav>
@@ -40,7 +40,7 @@
                                     <!-- Profile Info -->
                                     <div class="profile-info px-4 pb-4">
                                         <div class="d-flex align-items-end" style="margin-top: -50px;">
-                                            <img src="/assets/images/avatar-1.jpg" alt="Profile" class="rounded-circle border border-4 border-white" style="width: 120px; height: 120px;">
+                                            <img src="assets/images/avatar-1.jpg" alt="Profile" class="rounded-circle border border-4 border-white" style="width: 120px; height: 120px;">
                                             <div class="ms-4 mb-3">
                                                 <h3 class="mb-1">Henry Barbara</h3>
                                                 <p class="text-muted mb-2">@henrybarbara • Fitness & Lifestyle Influencer</p>
@@ -357,7 +357,7 @@
                                                 <tr>
                                                     <td>
                                                         <div class="d-flex align-items-center">
-                                                            <img src="/assets/images/dribbble.png" alt="Campaign" width="40" class="rounded me-3">
+                                                            <img src="assets/images/dribbble.png" alt="Campaign" width="40" class="rounded me-3">
                                                             <div>
                                                                 <h6 class="mb-0">Summer Fitness Challenge</h6>
                                                                 <small class="text-muted">Started 3 days ago</small>
@@ -382,7 +382,7 @@
                                                 <tr>
                                                     <td>
                                                         <div class="d-flex align-items-center">
-                                                            <img src="/assets/images/github.png" alt="Campaign" width="40" class="rounded me-3">
+                                                            <img src="assets/images/github.png" alt="Campaign" width="40" class="rounded me-3">
                                                             <div>
                                                                 <h6 class="mb-0">Healthy Meal Prep Series</h6>
                                                                 <small class="text-muted">Started 1 week ago</small>
@@ -407,7 +407,7 @@
                                                 <tr>
                                                     <td>
                                                         <div class="d-flex align-items-center">
-                                                            <img src="/assets/images/slack.png" alt="Campaign" width="40" class="rounded me-3">
+                                                            <img src="assets/images/slack.png" alt="Campaign" width="40" class="rounded me-3">
                                                             <div>
                                                                 <h6 class="mb-0">Morning Routine Tips</h6>
                                                                 <small class="text-muted">Completed 2 weeks ago</small>

src/pages/dashboards/sales.html

@@ -20,7 +20,7 @@
                                 <div class="page-breadcrumb">
                                     <nav aria-label="breadcrumb">
                                         <ol class="breadcrumb">
-                                            <li class="breadcrumb-item"><a href="/" class="breadcrumb-link">Dashboard</a></li>
+                                            <li class="breadcrumb-item"><a href="index.html" class="breadcrumb-link">Dashboard</a></li>
                                             <li class="breadcrumb-item active" aria-current="page">Sales</li>
                                         </ol>
                                     </nav>

src/pages/ecommerce/checkout.html

@@ -21,8 +21,8 @@
                             <div class="page-breadcrumb">
                                 <nav aria-label="breadcrumb">
                                     <ol class="breadcrumb">
-                                        <li class="breadcrumb-item"><a href="/" class="breadcrumb-link">Dashboard</a></li>
-                                        <li class="breadcrumb-item"><a href="/products.html" class="breadcrumb-link">E-Commerce</a></li>
+                                        <li class="breadcrumb-item"><a href="index.html" class="breadcrumb-link">Dashboard</a></li>
+                                        <li class="breadcrumb-item"><a href="products.html" class="breadcrumb-link">E-Commerce</a></li>
                                         <li class="breadcrumb-item active" aria-current="page">Checkout</li>
                                     </ol>
                                 </nav>

src/pages/ecommerce/product-single.html

@@ -21,8 +21,8 @@
                             <div class="page-breadcrumb">
                                 <nav aria-label="breadcrumb">
                                     <ol class="breadcrumb">
-                                        <li class="breadcrumb-item"><a href="/" class="breadcrumb-link">Dashboard</a></li>
-                                        <li class="breadcrumb-item"><a href="/products.html" class="breadcrumb-link">E-Commerce</a></li>
+                                        <li class="breadcrumb-item"><a href="index.html" class="breadcrumb-link">Dashboard</a></li>
+                                        <li class="breadcrumb-item"><a href="products.html" class="breadcrumb-link">E-Commerce</a></li>
                                         <li class="breadcrumb-item active" aria-current="page">Product Details</li>
                                     </ol>
                                 </nav>

src/pages/ecommerce/products.html

@@ -21,7 +21,7 @@
                             <div class="page-breadcrumb">
                                 <nav aria-label="breadcrumb">
                                     <ol class="breadcrumb">
-                                        <li class="breadcrumb-item"><a href="/" class="breadcrumb-link">Dashboard</a></li>
+                                        <li class="breadcrumb-item"><a href="index.html" class="breadcrumb-link">Dashboard</a></li>
                                         <li class="breadcrumb-item"><a href="#" class="breadcrumb-link">E-Commerce</a></li>
                                         <li class="breadcrumb-item active" aria-current="page">Products</li>
                                     </ol>
@@ -164,7 +164,7 @@
                             </div>
                             <div class="card-body">
                                 <h5 class="card-title mb-1">
-                                    <a href="/product-single.html" class="text-decoration-none text-dark">Apple iPhone 15 Pro</a>
+                                    <a href="product-single.html" class="text-decoration-none text-dark">Apple iPhone 15 Pro</a>
                                 </h5>
                                 <div class="mb-2">
                                     <i class="fas fa-star text-warning"></i>
@@ -208,7 +208,7 @@
                             </div>
                             <div class="card-body">
                                 <h5 class="card-title mb-1">
-                                    <a href="/product-single.html" class="text-decoration-none text-dark">MacBook Pro 16"</a>
+                                    <a href="product-single.html" class="text-decoration-none text-dark">MacBook Pro 16"</a>
                                 </h5>
                                 <div class="mb-2">
                                     <i class="fas fa-star text-warning"></i>
@@ -250,7 +250,7 @@
                             </div>
                             <div class="card-body">
                                 <h5 class="card-title mb-1">
-                                    <a href="/product-single.html" class="text-decoration-none text-dark">Sony WH-1000XM5</a>
+                                    <a href="product-single.html" class="text-decoration-none text-dark">Sony WH-1000XM5</a>
                                 </h5>
                                 <div class="mb-2">
                                     <i class="fas fa-star text-warning"></i>
@@ -293,7 +293,7 @@
                             </div>
                             <div class="card-body">
                                 <h5 class="card-title mb-1">
-                                    <a href="/product-single.html" class="text-decoration-none text-dark">Samsung Galaxy S24</a>
+                                    <a href="product-single.html" class="text-decoration-none text-dark">Samsung Galaxy S24</a>
                                 </h5>
                                 <div class="mb-2">
                                     <i class="fas fa-star text-warning"></i>
@@ -335,7 +335,7 @@
                             </div>
                             <div class="card-body">
                                 <h5 class="card-title mb-1">
-                                    <a href="/product-single.html" class="text-decoration-none text-dark">Dell XPS 13</a>
+                                    <a href="product-single.html" class="text-decoration-none text-dark">Dell XPS 13</a>
                                 </h5>
                                 <div class="mb-2">
                                     <i class="fas fa-star text-warning"></i>
@@ -377,7 +377,7 @@
                             </div>
                             <div class="card-body">
                                 <h5 class="card-title mb-1">
-                                    <a href="/product-single.html" class="text-decoration-none text-dark">iPad Pro 12.9"</a>
+                                    <a href="product-single.html" class="text-decoration-none text-dark">iPad Pro 12.9"</a>
                                 </h5>
                                 <div class="mb-2">
                                     <i class="fas fa-star text-warning"></i>
@@ -418,7 +418,7 @@
                             </div>
                             <div class="card-body">
                                 <h5 class="card-title mb-1">
-                                    <a href="/product-single.html" class="text-decoration-none text-dark">Canon EOS R6</a>
+                                    <a href="product-single.html" class="text-decoration-none text-dark">Canon EOS R6</a>
                                 </h5>
                                 <div class="mb-2">
                                     <i class="fas fa-star text-warning"></i>
@@ -460,7 +460,7 @@
                             </div>
                             <div class="card-body">
                                 <h5 class="card-title mb-1">
-                                    <a href="/product-single.html" class="text-decoration-none text-dark">PlayStation 5</a>
+                                    <a href="product-single.html" class="text-decoration-none text-dark">PlayStation 5</a>
                                 </h5>
                                 <div class="mb-2">
                                     <i class="fas fa-star text-warning"></i>

src/pages/email/compose.html

@@ -21,7 +21,7 @@
                             <div class="page-breadcrumb">
                                 <nav aria-label="breadcrumb">
                                     <ol class="breadcrumb">
-                                        <li class="breadcrumb-item"><a href="/" class="breadcrumb-link">Dashboard</a></li>
+                                        <li class="breadcrumb-item"><a href="index.html" class="breadcrumb-link">Dashboard</a></li>
                                         <li class="breadcrumb-item"><a href="#" class="breadcrumb-link">Email</a></li>
                                         <li class="breadcrumb-item active" aria-current="page">Compose</li>
                                     </ol>

src/pages/email/details.html

@@ -21,7 +21,7 @@
                             <div class="page-breadcrumb">
                                 <nav aria-label="breadcrumb">
                                     <ol class="breadcrumb">
-                                        <li class="breadcrumb-item"><a href="/" class="breadcrumb-link">Dashboard</a></li>
+                                        <li class="breadcrumb-item"><a href="index.html" class="breadcrumb-link">Dashboard</a></li>
                                         <li class="breadcrumb-item"><a href="#" class="breadcrumb-link">Email</a></li>
                                         <li class="breadcrumb-item active" aria-current="page">Email Details</li>
                                     </ol>

src/pages/email/inbox.html

@@ -21,7 +21,7 @@
                             <div class="page-breadcrumb">
                                 <nav aria-label="breadcrumb">
                                     <ol class="breadcrumb">
-                                        <li class="breadcrumb-item"><a href="/" class="breadcrumb-link">Dashboard</a></li>
+                                        <li class="breadcrumb-item"><a href="index.html" class="breadcrumb-link">Dashboard</a></li>
                                         <li class="breadcrumb-item"><a href="#" class="breadcrumb-link">Email</a></li>
                                         <li class="breadcrumb-item active" aria-current="page">Inbox</li>
                                     </ol>

src/pages/form-elements.html

@@ -19,7 +19,7 @@
                             <div class="page-breadcrumb">
                                 <nav aria-label="breadcrumb">
                                     <ol class="breadcrumb">
-                                        <li class="breadcrumb-item"><a href="/" class="breadcrumb-link">Dashboard</a></li>
+                                        <li class="breadcrumb-item"><a href="index.html" class="breadcrumb-link">Dashboard</a></li>
                                         <li class="breadcrumb-item">Forms</li>
                                         <li class="breadcrumb-item active" aria-current="page">Form Elements</li>
                                     </ol>

src/pages/form-validation.html

@@ -19,7 +19,7 @@
                             <div class="page-breadcrumb">
                                 <nav aria-label="breadcrumb">
                                     <ol class="breadcrumb">
-                                        <li class="breadcrumb-item"><a href="/" class="breadcrumb-link">Dashboard</a></li>
+                                        <li class="breadcrumb-item"><a href="index.html" class="breadcrumb-link">Dashboard</a></li>
                                         <li class="breadcrumb-item">Forms</li>
                                         <li class="breadcrumb-item active" aria-current="page">Form Validation</li>
                                     </ol>

src/pages/misc/404.html

@@ -64,7 +64,7 @@
                                 </div>
                                 
                                 <div class="error-actions">
-                                    <a href="/" class="btn btn-primary me-3">
+                                    <a href="index.html" class="btn btn-primary me-3">
                                         <i class="fas fa-home me-2"></i>Go to Homepage
                                     </a>
                                     <button onclick="history.back()" class="btn btn-outline-primary">
@@ -77,11 +77,11 @@
                                     <div class="row justify-content-center">
                                         <div class="col-md-8">
                                             <div class="list-group list-group-horizontal-md text-center">
-                                                <a href="/" class="list-group-item list-group-item-action">
+                                                <a href="index.html" class="list-group-item list-group-item-action">
                                                     <i class="fas fa-tachometer-alt fa-2x mb-2 text-primary"></i>
                                                     <p class="mb-0">Dashboard</p>
                                                 </a>
-                                                <a href="/settings.html" class="list-group-item list-group-item-action">
+                                                <a href="settings.html" class="list-group-item list-group-item-action">
                                                     <i class="fas fa-cog fa-2x mb-2 text-primary"></i>
                                                     <p class="mb-0">Settings</p>
                                                 </a>

src/pages/misc/blank-page.html

@@ -20,7 +20,7 @@
                                 <div class="page-breadcrumb">
                                     <nav aria-label="breadcrumb">
                                         <ol class="breadcrumb">
-                                            <li class="breadcrumb-item"><a href="/" class="breadcrumb-link">Dashboard</a></li>
+                                            <li class="breadcrumb-item"><a href="index.html" class="breadcrumb-link">Dashboard</a></li>
                                             <li class="breadcrumb-item"><a href="#" class="breadcrumb-link">Pages</a></li>
                                             <li class="breadcrumb-item active" aria-current="page">Blank Page</li>
                                         </ol>

src/pages/multiselect.html

@@ -19,7 +19,7 @@
                             <div class="page-breadcrumb">
                                 <nav aria-label="breadcrumb">
                                     <ol class="breadcrumb">
-                                        <li class="breadcrumb-item"><a href="/" class="breadcrumb-link">Dashboard</a></li>
+                                        <li class="breadcrumb-item"><a href="index.html" class="breadcrumb-link">Dashboard</a></li>
                                         <li class="breadcrumb-item">Forms</li>
                                         <li class="breadcrumb-item active" aria-current="page">Multiselect</li>
                                     </ol>

src/pages/settings.html

@@ -19,7 +19,7 @@
                             <div class="page-breadcrumb">
                                 <nav aria-label="breadcrumb">
                                     <ol class="breadcrumb">
-                                        <li class="breadcrumb-item"><a href="/" class="breadcrumb-link">Dashboard</a></li>
+                                        <li class="breadcrumb-item"><a href="index.html" class="breadcrumb-link">Dashboard</a></li>
                                         <li class="breadcrumb-item active" aria-current="page">Settings</li>
                                     </ol>
                                 </nav>

src/pages/tables/data-tables.html

@@ -20,7 +20,7 @@
                                 <div class="page-breadcrumb">
                                     <nav aria-label="breadcrumb">
                                         <ol class="breadcrumb">
-                                            <li class="breadcrumb-item"><a href="/" class="breadcrumb-link">Dashboard</a></li>
+                                            <li class="breadcrumb-item"><a href="index.html" class="breadcrumb-link">Dashboard</a></li>
                                             <li class="breadcrumb-item"><a href="#" class="breadcrumb-link">Tables</a></li>
                                             <li class="breadcrumb-item active" aria-current="page">Data Tables</li>
                                         </ol>

src/pages/tables/general-tables.html

@@ -20,7 +20,7 @@
                                 <div class="page-breadcrumb">
                                     <nav aria-label="breadcrumb">
                                         <ol class="breadcrumb">
-                                            <li class="breadcrumb-item"><a href="/" class="breadcrumb-link">Dashboard</a></li>
+                                            <li class="breadcrumb-item"><a href="index.html" class="breadcrumb-link">Dashboard</a></li>
                                             <li class="breadcrumb-item"><a href="#" class="breadcrumb-link">Tables</a></li>
                                             <li class="breadcrumb-item active" aria-current="page">General Tables</li>
                                         </ol>

src/pages/timeline.html

@@ -19,7 +19,7 @@
                             <div class="page-breadcrumb">
                                 <nav aria-label="breadcrumb">
                                     <ol class="breadcrumb">
-                                        <li class="breadcrumb-item"><a href="/" class="breadcrumb-link">Dashboard</a></li>
+                                        <li class="breadcrumb-item"><a href="index.html" class="breadcrumb-link">Dashboard</a></li>
                                         <li class="breadcrumb-item active" aria-current="page">Timeline</li>
                                     </ol>
                                 </nav>

src/pages/ui-elements/cards.html

@@ -19,7 +19,7 @@
                             <div class="page-breadcrumb">
                                 <nav aria-label="breadcrumb">
                                     <ol class="breadcrumb">
-                                        <li class="breadcrumb-item"><a href="/" class="breadcrumb-link">Dashboard</a></li>
+                                        <li class="breadcrumb-item"><a href="index.html" class="breadcrumb-link">Dashboard</a></li>
                                         <li class="breadcrumb-item">UI Elements</li>
                                         <li class="breadcrumb-item active" aria-current="page">Cards</li>
                                     </ol>

src/pages/ui-elements/general.html

@@ -20,7 +20,7 @@
                                 <div class="page-breadcrumb">
                                     <nav aria-label="breadcrumb">
                                         <ol class="breadcrumb">
-                                            <li class="breadcrumb-item"><a href="/" class="breadcrumb-link">Dashboard</a></li>
+                                            <li class="breadcrumb-item"><a href="index.html" class="breadcrumb-link">Dashboard</a></li>
                                             <li class="breadcrumb-item"><a href="#" class="breadcrumb-link">UI Elements</a></li>
                                             <li class="breadcrumb-item active" aria-current="page">General</li>
                                         </ol>

src/pages/ui-elements/typography.html

@@ -19,7 +19,7 @@
                             <div class="page-breadcrumb">
                                 <nav aria-label="breadcrumb">
                                     <ol class="breadcrumb">
-                                        <li class="breadcrumb-item"><a href="/" class="breadcrumb-link">Dashboard</a></li>
+                                        <li class="breadcrumb-item"><a href="index.html" class="breadcrumb-link">Dashboard</a></li>
                                         <li class="breadcrumb-item">UI Elements</li>
                                         <li class="breadcrumb-item active" aria-current="page">Typography</li>
                                     </ol>

src/pages/users.html

@@ -19,7 +19,7 @@
                             <div class="page-breadcrumb">
                                 <nav aria-label="breadcrumb">
                                     <ol class="breadcrumb">
-                                        <li class="breadcrumb-item"><a href="/" class="breadcrumb-link">Dashboard</a></li>
+                                        <li class="breadcrumb-item"><a href="index.html" class="breadcrumb-link">Dashboard</a></li>
                                         <li class="breadcrumb-item active" aria-current="page">Users</li>
                                     </ol>
                                 </nav>

src/partials/layouts/head.hbs

@@ -4,7 +4,7 @@
 <meta name="description" content="{{#if pageDescription}}{{pageDescription}}{{else}}Modern Bootstrap 5 Admin Dashboard Template{{/if}}">
 
 <!-- Favicon -->
-<link rel="icon" type="image/x-icon" href="/assets/images/favicon.ico">
+<link rel="icon" type="image/x-icon" href="assets/images/favicon.ico">
 
 <!-- CSS -->
 <link rel="stylesheet" href="/scss/main.scss">

src/partials/layouts/header.hbs

@@ -7,7 +7,7 @@
             </button>
             
             <!-- Brand -->
-            <a class="navbar-brand" href="/">Concept</a>
+            <a class="navbar-brand" href="index.html">Concept</a>
             
             <!-- Search Bar - Hidden on Mobile -->
             <div class="mx-auto d-none d-md-block">

src/partials/layouts/sidebar.hbs

@@ -18,16 +18,16 @@
                     <div id="submenu-dashboard" class="collapse {{#if (eq activeMenu 'dashboard')}}show{{/if}}">
                         <ul class="nav flex-column">
                             <li class="nav-item">
-                                <a class="nav-link {{#if (eq activePage 'dashboard-ecommerce')}}active{{/if}}" href="/">E-Commerce</a>
+                                <a class="nav-link {{#if (eq activePage 'dashboard-ecommerce')}}active{{/if}}" href="index.html">E-Commerce</a>
                             </li>
                             <li class="nav-item">
-                                <a class="nav-link {{#if (eq activePage 'dashboard-finance')}}active{{/if}}" href="/dashboard-finance.html">Finance</a>
+                                <a class="nav-link {{#if (eq activePage 'dashboard-finance')}}active{{/if}}" href="dashboard-finance.html">Finance</a>
                             </li>
                             <li class="nav-item">
-                                <a class="nav-link {{#if (eq activePage 'dashboard-sales')}}active{{/if}}" href="/dashboard-sales.html">Sales</a>
+                                <a class="nav-link {{#if (eq activePage 'dashboard-sales')}}active{{/if}}" href="dashboard-sales.html">Sales</a>
                             </li>
                             <li class="nav-item">
-                                <a class="nav-link {{#if (eq activePage 'dashboard-influencer')}}active{{/if}}" href="/dashboard-influencer.html">Influencer</a>
+                                <a class="nav-link {{#if (eq activePage 'dashboard-influencer')}}active{{/if}}" href="dashboard-influencer.html">Influencer</a>
                             </li>
                         </ul>
                     </div>
@@ -44,13 +44,13 @@
                     <div id="submenu-ui" class="collapse {{#if (eq activeMenu 'ui-elements')}}show{{/if}}">
                         <ul class="nav flex-column">
                             <li class="nav-item">
-                                <a class="nav-link {{#if (eq activePage 'cards')}}active{{/if}}" href="/ui-cards.html">Cards</a>
+                                <a class="nav-link {{#if (eq activePage 'cards')}}active{{/if}}" href="ui-cards.html">Cards</a>
                             </li>
                             <li class="nav-item">
-                                <a class="nav-link {{#if (eq activePage 'general')}}active{{/if}}" href="/ui-general.html">General</a>
+                                <a class="nav-link {{#if (eq activePage 'general')}}active{{/if}}" href="ui-general.html">General</a>
                             </li>
                             <li class="nav-item">
-                                <a class="nav-link {{#if (eq activePage 'typography')}}active{{/if}}" href="/ui-typography.html">Typography</a>
+                                <a class="nav-link {{#if (eq activePage 'typography')}}active{{/if}}" href="ui-typography.html">Typography</a>
                             </li>
                         </ul>
                     </div>
@@ -58,7 +58,7 @@
                 
                 <!-- Charts -->
                 <li class="nav-item">
-                    <a class="nav-link {{#if (eq activeMenu 'charts')}}active{{/if}}" href="/charts.html">
+                    <a class="nav-link {{#if (eq activeMenu 'charts')}}active{{/if}}" href="charts.html">
                         <i class="fas fa-fw fa-chart-pie"></i>Charts
                     </a>
                 </li>
@@ -75,13 +75,13 @@
                     <div id="submenu-forms" class="collapse {{#if (eq activeMenu 'forms')}}show{{/if}}">
                         <ul class="nav flex-column">
                             <li class="nav-item">
-                                <a class="nav-link {{#if (eq activePage 'form-elements')}}active{{/if}}" href="/form-elements.html">Form Elements</a>
+                                <a class="nav-link {{#if (eq activePage 'form-elements')}}active{{/if}}" href="form-elements.html">Form Elements</a>
                             </li>
                             <li class="nav-item">
-                                <a class="nav-link {{#if (eq activePage 'form-validation')}}active{{/if}}" href="/form-validation.html">Form Validation</a>
+                                <a class="nav-link {{#if (eq activePage 'form-validation')}}active{{/if}}" href="form-validation.html">Form Validation</a>
                             </li>
                             <li class="nav-item">
-                                <a class="nav-link {{#if (eq activePage 'multiselect')}}active{{/if}}" href="/multiselect.html">Multiselect</a>
+                                <a class="nav-link {{#if (eq activePage 'multiselect')}}active{{/if}}" href="multiselect.html">Multiselect</a>
                             </li>
                         </ul>
                     </div>
@@ -98,10 +98,10 @@
                     <div id="submenu-tables" class="collapse {{#if (eq activeMenu 'tables')}}show{{/if}}">
                         <ul class="nav flex-column">
                             <li class="nav-item">
-                                <a class="nav-link {{#if (eq activePage 'general-tables')}}active{{/if}}" href="/general-tables.html">General Tables</a>
+                                <a class="nav-link {{#if (eq activePage 'general-tables')}}active{{/if}}" href="general-tables.html">General Tables</a>
                             </li>
                             <li class="nav-item">
-                                <a class="nav-link {{#if (eq activePage 'data-tables')}}active{{/if}}" href="/data-tables.html">Data Tables</a>
+                                <a class="nav-link {{#if (eq activePage 'data-tables')}}active{{/if}}" href="data-tables.html">Data Tables</a>
                             </li>
                         </ul>
                     </div>
@@ -119,13 +119,13 @@
                     <div id="submenu-ecommerce" class="collapse {{#if (eq activeMenu 'ecommerce')}}show{{/if}}">
                         <ul class="nav flex-column">
                             <li class="nav-item">
-                                <a class="nav-link {{#if (eq activePage 'products')}}active{{/if}}" href="/products.html">Products</a>
+                                <a class="nav-link {{#if (eq activePage 'products')}}active{{/if}}" href="products.html">Products</a>
                             </li>
                             <li class="nav-item">
-                                <a class="nav-link {{#if (eq activePage 'product-single')}}active{{/if}}" href="/product-single.html">Product Details</a>
+                                <a class="nav-link {{#if (eq activePage 'product-single')}}active{{/if}}" href="product-single.html">Product Details</a>
                             </li>
                             <li class="nav-item">
-                                <a class="nav-link {{#if (eq activePage 'checkout')}}active{{/if}}" href="/checkout.html">Checkout</a>
+                                <a class="nav-link {{#if (eq activePage 'checkout')}}active{{/if}}" href="checkout.html">Checkout</a>
                             </li>
                         </ul>
                     </div>
@@ -146,19 +146,19 @@
                     <div id="submenu-pages" class="collapse {{#if (eq activeMenu 'pages')}}show{{/if}}">
                         <ul class="nav flex-column">
                             <li class="nav-item">
-                                <a class="nav-link {{#if (eq activePage 'blank-page')}}active{{/if}}" href="/blank-page.html">Blank Page</a>
+                                <a class="nav-link {{#if (eq activePage 'blank-page')}}active{{/if}}" href="blank-page.html">Blank Page</a>
                             </li>
                             <li class="nav-item">
-                                <a class="nav-link {{#if (eq activePage 'login')}}active{{/if}}" href="/login.html">Login</a>
+                                <a class="nav-link {{#if (eq activePage 'login')}}active{{/if}}" href="login.html">Login</a>
                             </li>
                             <li class="nav-item">
-                                <a class="nav-link {{#if (eq activePage 'signup')}}active{{/if}}" href="/signup.html">Sign Up</a>
+                                <a class="nav-link {{#if (eq activePage 'signup')}}active{{/if}}" href="signup.html">Sign Up</a>
                             </li>
                             <li class="nav-item">
-                                <a class="nav-link {{#if (eq activePage 'forgot-password')}}active{{/if}}" href="/forgot-password.html">Forgot Password</a>
+                                <a class="nav-link {{#if (eq activePage 'forgot-password')}}active{{/if}}" href="forgot-password.html">Forgot Password</a>
                             </li>
                             <li class="nav-item">
-                                <a class="nav-link {{#if (eq activePage '404')}}active{{/if}}" href="/404.html">404 page</a>
+                                <a class="nav-link {{#if (eq activePage '404')}}active{{/if}}" href="404.html">404 page</a>
                             </li>
                         </ul>
                     </div>
@@ -176,13 +176,13 @@
                     <div id="submenu-apps" class="collapse {{#if (eq activeMenu 'apps')}}show{{/if}}">
                         <ul class="nav flex-column">
                             <li class="nav-item">
-                                <a class="nav-link {{#if (eq activePage 'calendar')}}active{{/if}}" href="/calendar.html">Calendar</a>
+                                <a class="nav-link {{#if (eq activePage 'calendar')}}active{{/if}}" href="calendar.html">Calendar</a>
                             </li>
                             <li class="nav-item">
-                                <a class="nav-link {{#if (eq activePage 'chat')}}active{{/if}}" href="/chat.html">Chat</a>
+                                <a class="nav-link {{#if (eq activePage 'chat')}}active{{/if}}" href="chat.html">Chat</a>
                             </li>
                             <li class="nav-item">
-                                <a class="nav-link {{#if (eq activePage 'inbox')}}active{{/if}}" href="/inbox.html">Mail</a>
+                                <a class="nav-link {{#if (eq activePage 'inbox')}}active{{/if}}" href="inbox.html">Mail</a>
                             </li>
                         </ul>
                     </div>
@@ -199,10 +199,10 @@
                     <div id="submenu-influencer" class="collapse {{#if (eq activeMenu 'influencer')}}show{{/if}}">
                         <ul class="nav flex-column">
                             <li class="nav-item">
-                                <a class="nav-link {{#if (eq activePage 'influencer-finder')}}active{{/if}}" href="/influencer-finder.html">Influencer Finder</a>
+                                <a class="nav-link {{#if (eq activePage 'influencer-finder')}}active{{/if}}" href="influencer-finder.html">Influencer Finder</a>
                             </li>
                             <li class="nav-item">
-                                <a class="nav-link {{#if (eq activePage 'influencer-profile')}}active{{/if}}" href="/influencer-profile.html">Influencer Profile</a>
+                                <a class="nav-link {{#if (eq activePage 'influencer-profile')}}active{{/if}}" href="influencer-profile.html">Influencer Profile</a>
                             </li>
                         </ul>
                     </div>
@@ -214,21 +214,21 @@
                 
                 <!-- Users -->
                 <li class="nav-item">
-                    <a class="nav-link {{#if (eq activeMenu 'users')}}active{{/if}}" href="/users.html">
+                    <a class="nav-link {{#if (eq activeMenu 'users')}}active{{/if}}" href="users.html">
                         <i class="fas fa-fw fa-users"></i>Users
                     </a>
                 </li>
                 
                 <!-- Timeline -->
                 <li class="nav-item">
-                    <a class="nav-link {{#if (eq activeMenu 'timeline')}}active{{/if}}" href="/timeline.html">
+                    <a class="nav-link {{#if (eq activeMenu 'timeline')}}active{{/if}}" href="timeline.html">
                         <i class="fas fa-fw fa-stream"></i>Timeline
                     </a>
                 </li>
                 
                 <!-- Settings -->
                 <li class="nav-item">
-                    <a class="nav-link {{#if (eq activeMenu 'settings')}}active{{/if}}" href="/settings.html">
+                    <a class="nav-link {{#if (eq activeMenu 'settings')}}active{{/if}}" href="settings.html">
                         <i class="fas fa-fw fa-cog"></i>Settings
                     </a>
                 </li>

test-subfolder-deployment.html

@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Subfolder Deployment Test</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 20px;
+        }
+        h1 {
+            color: #333;
+        }
+        .test-section {
+            margin: 20px 0;
+            padding: 20px;
+            border: 1px solid #ddd;
+            border-radius: 5px;
+        }
+        .success {
+            color: green;
+        }
+        .error {
+            color: red;
+        }
+        iframe {
+            width: 100%;
+            height: 600px;
+            border: 1px solid #ddd;
+            margin-top: 20px;
+        }
+    </style>
+</head>
+<body>
+    <h1>Concept Dashboard - Subfolder Deployment Test</h1>
+    
+    <div class="test-section">
+        <h2>Test Information</h2>
+        <p>This page simulates how the Concept dashboard would work when deployed to a subfolder like <code>https://colorlib.com/polygon/concept/</code></p>
+        <p>All links in the built files have been updated to use relative paths that work correctly in subfolder deployments.</p>
+    </div>
+
+    <div class="test-section">
+        <h2>Path Structure</h2>
+        <ul>
+            <li><strong>Root pages (e.g., index.html):</strong> Use paths like <code>dashboard-finance.html</code>, <code>assets/css/style.css</code></li>
+            <li><strong>Nested pages (e.g., pages/email/inbox.html):</strong> Use paths like <code>../../index.html</code>, <code>../../assets/css/style.css</code></li>
+            <li><strong>Deep nested pages (e.g., pages/charts/index.html):</strong> Also use <code>../../</code> prefix for root-level resources</li>
+        </ul>
+    </div>
+
+    <div class="test-section">
+        <h2>Updated Features</h2>
+        <ul class="success">
+            <li>✓ All navigation links updated to use relative paths</li>
+            <li>✓ Asset paths (CSS, JS, images) use relative references</li>
+            <li>✓ Email pages (inbox, compose, details) properly integrated</li>
+            <li>✓ Vite configuration fixed to include all pages</li>
+            <li>✓ Build process generates flat structure for main pages</li>
+            <li>✓ Nested pages maintain their directory structure</li>
+        </ul>
+    </div>
+
+    <div class="test-section">
+        <h2>Test the Dashboard</h2>
+        <p>To test the dashboard locally with subfolder simulation:</p>
+        <ol>
+            <li>Run <code>npm run build</code> to build the project</li>
+            <li>Use a local server to serve the <code>dist</code> folder</li>
+            <li>Navigate to any page - all links should work correctly</li>
+        </ol>
+        <p><strong>Note:</strong> When deploying to https://colorlib.com/polygon/concept/, simply upload the contents of the <code>dist</code> folder to the <code>concept</code> directory.</p>
+    </div>
+
+    <div class="test-section">
+        <h2>Sample Pages</h2>
+        <p>Here are some key pages to test after deployment:</p>
+        <ul>
+            <li><a href="dist/index.html">Dashboard (E-commerce)</a></li>
+            <li><a href="dist/pages/email/inbox.html">Email Inbox</a></li>
+            <li><a href="dist/pages/dashboards/finance.html">Finance Dashboard</a></li>
+            <li><a href="dist/pages/ui-elements/cards.html">UI Cards</a></li>
+            <li><a href="dist/pages/ecommerce/products.html">Products Page</a></li>
+        </ul>
+    </div>
+</body>
+</html>

vite.config.js

@@ -5,7 +5,7 @@ import legacy from '@vitejs/plugin-legacy';
 
 export default defineConfig({
   root: 'src',
-  base: './',
+  base: process.env.BASE_URL || './',
   publicDir: '../public',
   
   plugins: [
@@ -65,7 +65,9 @@ export default defineConfig({
         // Apps
         'calendar': resolve(__dirname, 'src/pages/calendar.html'),
         'chat': resolve(__dirname, 'src/pages/chat.html'),
-        'inbox': resolve(__dirname, 'src/pages/inbox.html'),
+        'inbox': resolve(__dirname, 'src/pages/email/inbox.html'),
+        'compose': resolve(__dirname, 'src/pages/email/compose.html'),
+        'email-details': resolve(__dirname, 'src/pages/email/details.html'),
         'influencer-finder': resolve(__dirname, 'src/pages/apps/influencer-finder.html'),
         'influencer-profile': resolve(__dirname, 'src/pages/apps/influencer-profile.html'),
         // Settings