npm - mwalajs - Versions diffs - 1.0.6 → 1.0.8 - Mend

mwalajs 1.0.6 → 1.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (43) hide show

package/.env.backup-2025-12-04T08-55-09-593Z +5 -0
package/app.mjs +4 -0
package/{ujasi/bin/mwala.mjs → bin/mwala copy.mjs } +45 -9
package/bin/mwala.mjs +215 -100
package/config/createdatabase copy.mjs +362 -0
package/config/createdatabase.mjs +85 -38
package/package.json +2 -1
package/public/images/hekima-mwala.jpg +0 -0
package/public/images/hekima-mwala2.jpg +0 -0
package/public/images/mwala3.jpg +0 -0
package/public/images/mwalajs.jpg +0 -0
package/public/images/mwalajs1.jpg +0 -0
package/utils/dbUtils.mjs +124 -0
package/views/about.ejs +271 -136
package/views/index.ejs +396 -494
package/views/mwalajs-framework-documentation.ejs +778 -0
package/views/partials/footer.ejs +102 -0
package/views/partials/header.ejs +160 -0
package/views/steps copy.ejs +243 -0
package/views/steps.ejs +208 -482
package/views/welcome.ejs +242 -184
package/ujasi/README.md +0 -542
package/ujasi/app.mjs +0 -33
package/ujasi/bin/backupnewclean.js +0 -162
package/ujasi/config/createTablesetdb.mjs +0 -38
package/ujasi/config/createdatabase.mjs +0 -156
package/ujasi/config/serverConfig.mjs +0 -1
package/ujasi/controllers/fileController.mjs +0 -15
package/ujasi/controllers/homeController.mjs +0 -28
package/ujasi/models/exampleModel.mjs +0 -5
package/ujasi/mwalajs/index.js +0 -109
package/ujasi/mwalajs/index.mjs +0 -121
package/ujasi/mwalajs/package.json +0 -16
package/ujasi/package.json +0 -58
package/ujasi/public/styles.css +0 -115
package/ujasi/routes/homeRoutes.mjs +0 -12
package/ujasi/runMigrations.mjs +0 -137
package/ujasi/setupMwalajs.mjs +0 -58
package/ujasi/views/about.ejs +0 -159
package/ujasi/views/index.ejs +0 -227
package/ujasi/views/sitemap.xml +0 -1
package/ujasi/views/steps.ejs +0 -514
package/ujasi/views/welcome.ejs +0 -257

package/views/index.ejs CHANGED Viewed

@@ -1,494 +1,396 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>MwalaJS Framework Documentation</title>
-  <!-- Bootstrap -->
-  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
-  <!-- Meta Info for SEO & Social Sharing -->
-  <meta name="description" content="MwalaJS - Lightweight MVC JavaScript framework for full-stack web apps.">
-  <meta name="keywords" content="MwalaJS, MVC, Node.js framework, JavaScript framework, documentation">
-  <meta name="author" content="Hekima Ambalile Mwala">
-  <!-- Open Graph (for social media cards) -->
-  <meta property="og:title" content="MwalaJS - MVC Framework">
-  <meta property="og:description" content="Documentation for MwalaJS framework including installation, commands, and structure.">
-  <meta property="og:image" content="https://your-website-url.com/images/mwala-logo.png">
-  <meta property="og:url" content="https://mwalajs.biasharabora.com">
-  <!-- Twitter Cards -->
-  <meta name="twitter:card" content="summary_large_image">
-  <!-- Favicon -->
-  <link rel="icon" href="favicon.ico" type="image/x-icon" />
-  <!-- Custom Styles -->
-  <style>
-    body {
-      background-color: #f8f9fa;
-      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-      line-height: 1.6;
-    }
-    h1, h2 {
-      color: #0d6efd;
-    }
-    .help-content {
-      background-color: #ffffff;
-      padding: 2rem;
-      border-radius: 8px;
-      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
-      margin-top: 2rem;
-    }
-    pre {
-      background-color: #1e1e1e;
-      color: #f1f1f1;
-      padding: 1rem;
-      border-radius: 8px;
-      overflow-x: auto;
-    }
-    .nav-link {
-      color: white !important;
-    }
-    .table thead {
-      background-color: #f1f1f1;
-    }
-    footer {
-      background-color: #212529;
-      color: #ffffff;
-      padding: 1rem 0;
-      margin-top: 3rem;
-    }
-    .whatsapp-box {
-      background-color: #d1e7dd;
-      padding: 1rem;
-      border-left: 5px solid #198754;
-      border-radius: 6px;
-      margin-top: 2rem;
-    }
-    .whatsapp-box a {
-      color: #198754;
-      font-weight: bold;
-    }
-    @media (max-width: 768px) {
-      h1 {
-        font-size: 1.5rem;
-      }
-      pre {
-        font-size: 0.9rem;
-      }
-    }
-  </style>
-</head>
-<body>
-  <!-- Navigation -->
-  <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
-    <div class="container">
-      <a class="navbar-brand" href="#">MwalaJS</a>
-      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
-        <span class="navbar-toggler-icon"></span>
-      </button>
-      <div class="collapse navbar-collapse" id="navbarNav">
-        <ul class="navbar-nav ms-auto">
-          <li class="nav-item"><a class="nav-link" href="steps#overview">Overview</a></li>
-          <li class="nav-item"><a class="nav-link" href="steps#installation">Installation</a></li>
-          <li class="nav-item"><a class="nav-link" href="steps#commands">Commands</a></li>
-          <li class="nav-item"><a class="nav-link" href="steps#structure">Structure</a></li>
-          <li class="nav-item"><a class="nav-link" href="steps#example">Examples</a></li>
-          <li class="nav-item"><a class="nav-link" href="/about">About</a></li>
-        </ul>
-      </div>
-    </div>
-  </nav>
-  <!-- Main Content -->
-  <div class="container">
-    <h1 class="text-center my-4">MwalaJS Framework Documentation</h1>
-    <div class="help-content">
-      <h2>Available Commands</h2>
-      <pre>
-<span class="command">mwala create-project &lt;projectName&gt;</span>  ? Create a new MVC project.
-<span class="command">mwala app.mjs</span>                        ? Start the main application file.
-<span class="command">Database Commands:</span>
-  - mwala create-db                      ? Create database.
-  - mwala create-table &lt;name&gt;            ? Create a table.
-  - mwala drop-table &lt;name&gt;              ? Drop a table.
-  - mwala migrate all                    ? Run migrations.
-  - mwala rollback all                  ? Undo last migration.
-<span class="command">Code Generation:</span>
-  - mwala generate model &lt;name&gt;
-  - mwala generate controller &lt;name&gt;
-  - mwala generate route &lt;name&gt;
-  - mwala generate view &lt;name&gt;
-  - mwala generate midware &lt;name&gt;
-<span class="command">mwala serve</span>                         ? Start local server.
-<span class="command">mwala help</span>                          ? List all available commands.
-      </pre>
-    </div>
-<div class="container my-5">
-    <h1 class="mb-4 text-primary">MwalaJS Framework</h1>
-    <p><strong>MwalaJS</strong> is a lightweight and modular JavaScript framework designed for building scalable server-side applications using modern Node.js features.</p>
-    <hr />
-    <h2 class="mt-4">Installation </h2>
-    <p>Install MwalaJS globally to use CLI tools:</p>
-    <pre><code class=" p-3 rounded">npm install -g mwalajs</code></pre>
-    <p>If you're using it in a specific project, install locally:</p>
-    <pre><code class="p-3 rounded">npm install mwalajs</code></pre>
-    <p><strong>Note:</strong> In case of errors regarding missing <code>fs-extra</code>, you can install it manually:</p>
-    <pre><code class=" p-3 rounded">npm install -g fs-extra</code></pre>
-    <p><strong>Note 2:</strong>  <code class=" p-3 rounded"> NOW MWALAJS IS ONE OF NPM PACKAGE NO NEED TO DOWNLOAD .ZIP, .RAR OR .EXE FILES <br>
-also no need to run mwala init in version 1.0.4 or above
-<br>
-before any create a .json file by running npm init
-make sure in your .json file you have   "dependencies": {
-    "mwalajs": "^1.0.5"
-  }
-and "type": "module", these are more important to be set before run mwala serve
- </code>, you can install it BY npm install -g mwalajs:</p>
-    <hr />
-    <h2 class="mt-4"> Usage</h2>
-    <p>Once installed globally, you can use the CLI command:</p>
-    <pre><code class=" p-3 rounded">mwala</code></pre>
-    <p>Or check the version:</p>
-    <pre><code class=" p-3 rounded">mwala -v</code></pre>
-    <hr />
-    <h2 class="mt-4">??? CLI Commands</h2>
-    <table class="table table-bordered table-striped">
-      <thead class="table-primary">
-        <tr>
-          <th>Command</th>
-          <th>Description</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr>
-          <td><code>mwala create-project</code></td>
-          <td>Create a new project using MwalaJS</td>
-        </tr>
-        <tr>
-          <td><code>npm init </code></td>
-          <td>initialization of .json file in the project</td>
-        </tr>
-        <tr>
-          <td><code>mwala serve</code></td>
-          <td>Run the project in development mode</td>
-        </tr>
-        <tr>
-          <td><code>mwala help</code></td>
-          <td>Display help instructions</td>
-        </tr>
-      </tbody>
-    </table>
-    <hr />
-    <h2 class="mt-4">?? Security Notes</h2>
-    <ul>
-      <li>Be sure to keep your dependencies updated.</li>
-      <li>Sanitize user inputs.</li>
-      <li>Run <code>npm audit</code> regularly.</li>
-    </ul>
-    <hr />
-    <h2 class="mt-4"> License</h2>
-    <p>MIT License © 2025 Hekima Mwala and MwalaJS Team</p>
-  </div>
-    <!-- Download Section -->
-    <section class="mt-5">
-      <h2 class="text-primary">MwalaJS Release Downloads for all versions below version 1.0.2 download .exe,.zip or .rar in latest versions it is simply run npm install -g mwalajs and npm install mwalajs</h2>
-      <div class="table-responsive">
-        <h4 class="text-success">Version 1.0.1 </h4>
-        <table class="table table-bordered table-hover">
-          <thead>
-            <tr>
-              <th>File Type</th>
-              <th>Description</th>
-              <th>Download</th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr>
-              <td>ZIP</td>
-              <td>Latest release ZIP</td>
-              <td><a class="btn btn-primary btn-sm" href="https://mwalajs.biasharabora.com/files/mwalajsv101.zip">Download</a></td>
-            </tr>
-            <tr>
-              <td>RAR</td>
-              <td>Latest release RAR</td>
-              <td><a class="btn btn-primary btn-sm" href="https://mwalajs.biasharabora.com/files/mwalajsv101.rar">Download</a></td>
-            </tr>
-          </tbody>
-        </table>
-        <h4 class="text-secondary mt-4">Version 1.0.0</h4>
-        <table class="table table-bordered table-hover">
-          <thead>
-            <tr>
-              <th>File Type</th>
-              <th>Description</th>
-              <th>Download</th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr>
-              <td>EXE</td>
-              <td>Installer (.exe)</td>
-              <td><a class="btn btn-success btn-sm" href="https://mwalajs.biasharabora.com/files/mwalaJS_installer.exe">Download</a></td>
-            </tr>
-            <tr>
-              <td>ZIP</td>
-              <td>v1.0.0 ZIP</td>
-              <td><a class="btn btn-secondary btn-sm" href="https://mwalajs.biasharabora.com/files/mwalajsm.zip">Download</a></td>
-            </tr>
-            <tr>
-              <td>RAR</td>
-              <td>v1.0.0 RAR</td>
-              <td><a class="btn btn-secondary btn-sm" href="https://mwalajs.biasharabora.com/files/mwalajsm.rar">Download</a></td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-    </section>
-    <!-- WhatsApp Support Box -->
-    <div class="whatsapp-box">
-      <h5>Join the MwalaJS WhatsApp Support Group</h5>
-      <a href="https://chat.whatsapp.com/F8x1p8R1EhZ5b7RX7PO6dR?mode=r_t" target="_blank">Click here to join</a>
-    </div>
-  </div>
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>MwalaJS Installation Guide</title>
-</head>
-<body>
-  <h1>MwalaJS Installation Guide</h1>
-<iframe width="560" height="315" src="https://www.youtube.com/embed/Zzj0WnvDET4?si=NsgUZDlF0uRuqe1P" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
-  <p><strong>Version:</strong> Latest<br>
-  <strong>Official Website:</strong> <a href="https://mwalajs.biasharabora.com" target="_blank">https://mwalajs.biasharabora.com</a></p>
-  <h2> What You’ll Need</h2>
-  <ul>
-    <li>A computer (Windows preferred)</li>
-    <li>Internet connection</li>
-    <li>Basic computer knowledge (copy, paste, extracting files)</li>
-    <li><a href="https://nodejs.org" target="_blank">Node.js installed</a></li>
-  </ul>
-  <h2> Step-by-Step Installation Instructions</h2>
-  <h3>STEP 1: Download MwalaJS</h3>
-  <ol>
-    <li>Open your browser and go to: <a href="https://mwalajs.biasharabora.com" target="_blank">https://mwalajs.biasharabora.com</a></li>
-    <li>Choose one of the files:
-      <ul>
-        <li><code>MwalaJS.zip</code></li>
-        <li><code>MwalaJS.rar</code></li>
-      </ul>
-    </li>
-    <li>Download and save it to your computer (usually goes to your <strong>Downloads</strong> folder).</li>
-  </ol>
-  <h3>STEP 2: Extract the Downloaded File</h3>
-  <ol>
-    <li>Go to your <strong>Downloads</strong> folder.</li>
-    <li>Right-click on the downloaded file:
-      <ul>
-        <li>If ZIP ? choose <strong>Extract All</strong></li>
-        <li>If RAR ? open with <strong>WinRAR</strong> or <strong>7-Zip</strong></li>
-      </ul>
-    </li>
-    <li>You’ll get a folder named <code>mwalajs</code>. Copy or cut this folder.</li>
-  </ol>
-  <h3>STEP 3: Move to Program Files</h3>
-  <ol>
-    <li>Open <strong>C:\Program Files</strong> on your PC.</li>
-    <li>Paste the <code>mwalajs</code> folder inside.</li>
-    <li>If asked for administrator permission, click <strong>Continue</strong>.</li>
-  </ol>
-  <h3>STEP 4: Add to Environment Variable</h3>
-  <div class="note">This step allows you to run <code>mwala</code> command from any terminal window.</div>
-  <ol>
-    <li>Press <strong>Windows + S</strong>, type <em>environment variables</em>, and click on <strong>Edit the system environment variables</strong>.</li>
-    <li>In the new window, click <strong>Environment Variables</strong>.</li>
-    <li>Under <strong>System variables</strong>, select <code>Path</code> and click <strong>Edit</strong>.</li>
-    <li>Click <strong>New</strong>, then paste the path:
-      <pre>C:\Program Files\mwalajs</pre>
-    </li>
-    <li>Click <strong>OK</strong> on all windows to save changes.</li>
-  </ol>
-  <h3>STEP 5: Test the Installation</h3>
-  <ol>
-    <li>Open <strong>Command Prompt</strong> (Windows + R ? type <code>cmd</code> ? Enter).</li>
-    <li>Type the following command and press Enter:
-      <pre>mwala</pre>
-    </li>
-    <li>If installed correctly, you’ll see a welcome message or command list.</li>
-  </ol>
-  <h2> Extra Tips</h2>
-  <ul>
-    <li>If <code>mwala</code> is not recognized:
-      <ul>
-        <li>Close and reopen your terminal.</li>
-        <li>Double-check that you added the correct path to the environment variable.</li>
-      </ul>
-    </li>
-    <li>Make sure the <code>mwalajs</code> folder contains a file like <code>mwala.mjs</code>.</li>
-    <li>Ensure Node.js is installed properly.</li>
-  </ul>
-  <h2>Troubleshooting</h2>
-  <table>
-    <thead>
-      <tr>
-        <th>Issue</th>
-        <th>Solution</th>
-      </tr>
-    </thead>
-    <tbody>
-      <tr>
-        <td><code>mwala</code> is not recognized</td>
-        <td>Recheck environment path, restart CMD</td>
-      </tr>
-      <tr>
-        <td>File won’t extract</td>
-        <td>Install <a href="https://www.7-zip.org" target="_blank">7-Zip</a> or <a href="https://www.rarlab.com" target="_blank">WinRAR</a></td>
-      </tr>
-      <tr>
-        <td>Node.js not found</td>
-        <td><a href="https://nodejs.org" target="_blank">Download from Node.js official site</a></td>
-      </tr>
-    </tbody>
-  </table>
-<h3>LINUX INSTALLATION (Ubuntu / Debian / Fedora / Others)</h3>
-<div class="note">Make sure Node.js is already installed on your system before you begin.</div>
-<ol>
-  <li><strong>Download MwalaJS:</strong>
-    <ul>
-      <li>Visit: <a href="https://mwalajs.biasharabora.com" target="_blank">https://mwalajs.biasharabora.com</a></li>
-      <li>Select and download either:
-        <ul>
-          <li><code>MwalaJS.zip</code></li>
-          <li><code>MwalaJS.tar.gz</code></li>
-        </ul>
-      </li>
-    </ul>
-  </li>
-  <li><strong>Open Terminal and go to the Downloads folder:</strong>
-    <pre>cd ~/Downloads</pre>
-  </li>
-  <li><strong>Extract the downloaded file:</strong>
-    <ul>
-      <li>If ZIP:
-        <pre>unzip MwalaJS.zip</pre>
-      </li>
-      <li>If TAR.GZ:
-        <pre>tar -xvzf MwalaJS.tar.gz</pre>
-      </li>
-    </ul>
-  </li>
-  <li><strong>Move the extracted folder to a system directory:</strong>
-    <pre>sudo mv mwalajs /opt/</pre>
-  </li>
-  <li><strong>Make the main file executable (if it's a script):</strong>
-    <pre>sudo chmod +x /opt/mwalajs/mwala.mjs</pre>
-  </li>
-  <li><strong>Create a system-wide shortcut (symlink):</strong>
-    <pre>sudo ln -s /opt/mwalajs/mwala.mjs /usr/local/bin/mwala</pre>
-  </li>
-  <li><strong>Test the installation:</strong>
-    <pre>mwala</pre>
-    <p>If everything is set up correctly, you’ll see a welcome message or command list.</p>
-  </li>
-</ol>
-<h4>Troubleshooting</h4>
-<table>
-  <thead>
-    <tr><th>Issue</th><th>Solution</th></tr>
-  </thead>
-  <tbody>
-    <tr>
-      <td><code>mwala: command not found</code></td>
-      <td>Check if the symlink is correct: <code>ls -l /usr/local/bin/mwala</code></td>
-    </tr>
-    <tr>
-      <td>Node.js not installed</td>
-      <td>Install Node.js using:
-        <pre>sudo apt install nodejs npm</pre>
-      </td>
-    </tr>
-    <tr>
-      <td>Permission denied</td>
-      <td>Try using <code>sudo</code> or ensure the file has executable permission</td>
-    </tr>
-  </tbody>
-</table>
-  <footer>
-    <h3>Need Help?</h3>
-    <p>Feel free to contact the developer or support:</p>
-    <ul>
-      <li>Email: <a href="mailto:biasharaboraofficials@biasharabora.com">biasharaboraofficials@biasharabora.com</a></li>
-      <li>Website: <a href="https://mwalajs.biasharabora.com" target="_blank">https://mwalajs.biasharabora.com</a></li>
-    </ul>
-  </footer>
-  <!-- Footer -->
-  <footer class="text-center">
-    <div class="container">
-      &copy; 2025 MwalaJS Framework. Built by MwalaJS Development Team.
-    </div>
-  </footer>
-  <!-- Bootstrap JS -->
-  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
-</body>
-</html>
+<!-- Include header.ejs -->
+<%- include('partials/header') %>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
+  <title>MwalaJS Framework - High-Performance Node.js MVC Framework</title>
+  <!-- Bootstrap 5.3.3 -->
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+  <!-- Font Awesome 6 -->
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+  <!-- SEO & Social Meta -->
+  <meta name="description" content="MwalaJS - Ultra high-performance Node.js MVC framework powered by Google V8 engine. Full documentation, CLI tools, code generation, migrations, EJS views, and modern ES modules.">
+  <meta name="keywords" content="MwalaJS, Node.js, Express, MVC framework, high performance, V8 engine, CLI, migrations, EJS, ES modules, JavaScript framework">
+  <meta name="author" content="Hekima Ambalile Mwala">
+  <meta property="og:title" content="MwalaJS - High-Performance Node.js MVC Framework" />
+  <meta property="og:description" content="The future of Node.js development: blazing fast, scalable, and developer-friendly with built-in MVC, migrations, and CLI scaffolding." />
+  <meta property="og:image" content="https://mwalajs.biasharabora.com/images/mwala-logo-large.png" />
+  <meta property="og:url" content="https://mwalajs.biasharabora.com" />
+  <meta name="twitter:card" content="summary_large_image" />
+  <!-- Favicon -->
+  <link rel="icon" href="https://mwalajs.biasharabora.com/favicon.ico" type="image/x-icon" />
+  <style>
+    :root {
+      --primary-gradient: linear-gradient(135deg, #0d6efd, #6610f2, #d63384);
+      --primary-color: #0d6efd;
+      --secondary-color: #6c757d;
+      --success-color: #198754;
+      --warning-color: #ffc107;
+      --dark-color: #212529;
+      --light-color: #f8f9fa;
+    }
+    body {
+      background: var(--light-color);
+      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+      line-height: 1.7;
+      color: #333;
+    }
+    /* Hero Header - Large Brand Section */
+    .hero {
+      background: var(--primary-gradient);
+      color: white;
+      padding: 120px 0 80px;
+      text-align: center;
+      position: relative;
+      overflow: hidden;
+    }
+    .hero::before {
+      content: '';
+      position: absolute;
+      top: 0; left: 0; right: 0; bottom: 0;
+      background: rgba(0,0,0,0.3);
+      z-index: 1;
+    }
+    .hero-content {
+      position: relative;
+      z-index: 2;
+    }
+    .hero h1 {
+      font-size: 4.5rem;
+      font-weight: 900;
+      text-shadow: 0 4px 10px rgba(0,0,0,0.4);
+      margin-bottom: 1.5rem;
+    }
+    .hero .lead {
+      font-size: 1.5rem;
+      max-width: 900px;
+      margin: 0 auto 2rem;
+      opacity: 0.95;
+    }
+    .hero .btn-hero {
+      font-size: 1.3rem;
+      padding: 1rem 2.5rem;
+      border-radius: 50px;
+      margin: 0.5rem;
+      box-shadow: 0 8px 20px rgba(0,0,0,0.3);
+    }
+    .hero .v8-badge {
+      background: rgba(255,255,255,0.2);
+      backdrop-filter: blur(10px);
+      padding: 1rem 2rem;
+      border-radius: 50px;
+      display: inline-block;
+      margin-top: 2rem;
+      font-size: 1.2rem;
+    }
+    /* Navbar */
+    .navbar {
+      background: rgba(33, 37, 41, 0.95) !important;
+      backdrop-filter: blur(10px);
+      box-shadow: 0 4px 15px rgba(0,0,0,0.2);
+    }
+    .nav-link {
+      color: white !important;
+      font-weight: 500;
+      transition: all 0.3s;
+    }
+    .nav-link:hover {
+      color: var(--warning-color) !important;
+      transform: translateY(-2px);
+    }
+    /* Sections */
+    .section-card {
+      background: white;
+      border-radius: 16px;
+      padding: 3rem;
+      margin-bottom: 3rem;
+      box-shadow: 0 10px 30px rgba(0,0,0,0.1);
+      transition: transform 0.4s ease;
+    }
+    .section-card:hover {
+      transform: translateY(-10px);
+    }
+    pre {
+      background: #1e1e1e;
+      color: #f8f8f8;
+      padding: 2rem;
+      border-radius: 12px;
+      font-size: 1rem;
+      border-left: 6px solid var(--primary-color);
+      overflow-x: auto;
+    }
+    .feature-grid {
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+      gap: 2rem;
+      margin: 3rem 0;
+    }
+    .feature-item {
+      text-align: center;
+      padding: 2rem;
+      background: rgba(13,110,253,0.05);
+      border-radius: 12px;
+      transition: all 0.3s;
+    }
+    .feature-item:hover {
+      background: rgba(13,110,253,0.1);
+      transform: scale(1.05);
+    }
+    .feature-icon {
+      font-size: 3.5rem;
+      color: var(--primary-color);
+      margin-bottom: 1.5rem;
+    }
+    footer {
+      background: var(--primary-gradient);
+      color: white;
+      padding: 4rem 0 2rem;
+      margin-top: 5rem;
+    }
+    .whatsapp-box {
+      background: #d1e7dd;
+      border-left: 8px solid var(--success-color);
+      padding: 2rem;
+      border-radius: 12px;
+      text-align: center;
+      margin: 3rem 0;
+    }
+    @media (max-width: 992px) {
+      .hero h1 { font-size: 3.5rem; }
+      .hero .lead { font-size: 1.3rem; }
+    }
+    @media (max-width: 768px) {
+      .hero { padding: 80px 0 60px; }
+      .hero h1 { font-size: 2.8rem; }
+      .hero .lead { font-size: 1.1rem; }
+      pre { font-size: 0.9rem; padding: 1.5rem; }
+    }
+  </style>
+</head>
+<body>
+  <!-- Navbar
+  <nav class="navbar navbar-expand-lg navbar-dark fixed-top">
+    <div class="container">
+      <a class="navbar-brand fw-bold fs-3" href="#"><i class="fas fa-rocket me-2"></i>MwalaJS</a>
+      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse" id="navbarNav">
+        <ul class="navbar-nav ms-auto">
+          <li class="nav-item"><a class="nav-link" href="#overview">Overview</a></li>
+          <li class="nav-item"><a class="nav-link" href="#features">Features</a></li>
+          <li class="nav-item"><a class="nav-link" href="#installation">Installation</a></li>
+          <li class="nav-item"><a class="nav-link" href="#commands">Commands</a></li>
+          <li class="nav-item"><a class="nav-link" href="#structure">Structure</a></li>
+          <li class="nav-item"><a class="nav-link" href="#examples">Examples</a></li>
+          <li class="nav-item"><a class="nav-link" href="#downloads">Downloads</a></li>
+        </ul>
+      </div>
+    </div>
+  </nav> -->
+  <!-- Large Brand Hero Section -->
+  <section class="hero">
+    <div class="container hero-content">
+      <h1>MWALAJS</h1>
+      <p class="lead">Ultra High-Performance Node.js MVC Framework<br>Powered by Google V8 Engine</p>
+      <div>
+        <a href="#installation" class="btn btn-light btn-hero btn-lg"><i class="fas fa-download me-2"></i>Get Started</a>
+        <a href="https://github.com/mwala400/mwalajs" target="_blank" class="btn btn-outline-light btn-hero btn-lg"><i class="fab fa-github me-2"></i>View on GitHub</a>
+      </div>
+      <div class="v8-badge">
+        <i class="fab fa-node-js me-2"></i> Built on JS  + V8 Engine Optimization
+      </div>
+    </div>
+  </section>
+  <div class="container my-5">
+    <!-- Overview -->
+    <section id="overview" class="section-card">
+      <h2 class="text-center mb-5"><i class="fas fa-eye me-3"></i>Framework Overview</h2>
+      <p class="lead text-center">MwalaJS is a next-generation, high-performance Node.js framework designed for building scalable, modern web applications with blazing speed and developer productivity.</p>
+      <p>Leveraging the full power of the <strong>Google V8 JavaScript engine</strong>, MwalaJS delivers exceptional performance while maintaining clean MVC architecture, powerful CLI tools, automatic code generation, and seamless database migrations.</p>
+    </section>
+    <!-- Features Grid -->
+    <section id="features" class="section-card">
+      <h2 class="text-center mb-5"><i class="fas fa-star me-3"></i>Core Features</h2>
+      <div class="feature-grid">
+        <div class="feature-item">
+          <div class="feature-icon"><i class="fas fa-bolt"></i></div>
+          <h4>Lightning Fast</h4>
+          <p>Optimized execution powered by Google V8 engine</p>
+        </div>
+        <div class="feature-item">
+          <div class="feature-icon"><i class="fas fa-layer-group"></i></div>
+          <h4>Modern MVC</h4>
+          <p>Clean separation of concerns with automatic scaffolding</p>
+        </div>
+        <div class="feature-item">
+          <div class="feature-icon"><i class="fas fa-terminal"></i></div>
+          <h4>Powerful CLI</h4>
+          <p>Project creation, code generation, and database management</p>
+        </div>
+        <div class="feature-item">
+          <div class="feature-icon"><i class="fas fa-database"></i></div>
+          <h4>Advanced Migrations</h4>
+          <p>Laravel-style database schema management</p>
+        </div>
+        <div class="feature-item">
+          <div class="feature-icon"><i class="fas fa-code"></i></div>
+          <h4>ES Modules Ready</h4>
+          <p>Full .mjs support with .js fallback compatibility</p>
+        </div>
+        <div class="feature-item">
+          <div class="feature-icon"><i class="fas fa-shield-alt"></i></div>
+          <h4>Security First</h4>
+          <p>Built-in protection and best practices</p>
+        </div>
+      </div>
+    </section>
+    <!-- Installation -->
+    <section id="installation" class="section-card">
+      <h2 class="text-center mb-5"><i class="fas fa-download me-3"></i>Installation</h2>
+      <div class="row">
+        <div class="col-lg-8 mx-auto">
+          <p class="text-center fs-5">Latest versions (≥1.0.5) - Recommended</p>
+          <pre><code>npm install -g mwalajs</code></pre>
+          <p class="text-center">Then create your project:</p>
+          <pre><code>mwala create-project my-app
+cd my-app
+mwala serve</code></pre>
+        </div>
+      </div>
+    </section>
+    <!-- Commands -->
+    <section id="commands" class="section-card">
+      <h2 class="text-center mb-5"><i class="fas fa-terminal me-3"></i>CLI Commands</h2>
+      <pre>
+mwala create-project &lt;name&gt;     → Scaffold new MVC project
+mwala serve                    → Start development server
+mwala generate model &lt;name&gt;     → Create model
+mwala generate controller &lt;name&gt; → Create controller
+mwala generate route &lt;name&gt;     → Create route
+mwala generate view &lt;name&gt;      → Create EJS view
+mwala generate midware &lt;name&gt;   → Create middleware
+mwala create-db                → Create database
+mwala migrate all              → Run all migrations
+mwala help                     → Show all commands
+      </pre>
+    </section>
+    <!-- Structure -->
+    <section id="structure" class="section-card">
+      <h2 class="text-center mb-5"><i class="fas fa-folder-tree me-3"></i>Project Structure</h2>
+      <pre>
+my-project/
+├── app.mjs                  # Main entry point (.mjs required)
+├── config/
+├── controllers/
+├── middlewares/
+├── models/
+├── migrations/
+├── routes/
+├── views/                   # EJS templates
+├── public/
+│   ├── css/
+│   ├── js/
+│   └── images/
+├── package.json
+└── README.md
+      </pre>
+    </section>
+    <!-- Examples -->
+    <section id="examples" class="section-card">
+      <h2 class="text-center mb-5"><i class="fas fa-code me-3"></i>Code Examples</h2>
+      <h4>app.mjs</h4>
+      <pre><code>import mwalajs from 'mwalajs';
+import homeRoutes from './routes/homeRoutes.mjs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+mwalajs.set('views', path.join(__dirname, 'views'));
+mwalajs.set('view engine', 'ejs');
+mwalajs.useStatic(path.join(__dirname, 'public'));
+mwalajs.use('/', homeRoutes);
+mwalajs.listen(3000, () => {
+  console.log('MwalaJS running on http://localhost:3000');
+});</code></pre>
+    </section>
+    <!-- Downloads -->
+    <section id="downloads" class="section-card">
+      <h2 class="text-center mb-5"><i class="fas fa-cloud-download-alt me-3"></i>Legacy Downloads</h2>
+      <div class="text-center">
+        <a href="https://mwalajs.biasharabora.com/files/mwalaJS_installer.exe" class="btn btn-success btn-lg m-3"><i class="fas fa-file-archive"></i> .exe Installer</a>
+        <a href="https://mwalajs.biasharabora.com/files/mwalajsm.zip" class="btn btn-primary btn-lg m-3"><i class="fas fa-file-zipper"></i> .zip v1.0.0</a>
+        <a href="https://mwalajs.biasharabora.com/files/mwalajsm.rar" class="btn btn-info btn-lg m-3"><i class="fas fa-file-archive"></i> .rar v1.0.0</a>
+      </div>
+    </section>
+    <!-- WhatsApp Support -->
+    <div class="whatsapp-box">
+      <h3><i class="fab fa-whatsapp me-3"></i>Join Our Community</h3>
+      <p>Get instant support from developers and the core team</p>
+      <a href="https://chat.whatsapp.com/F8x1p8R1EhZ5b7RX7PO6dR?mode=r_t" target="_blank" class="btn btn-success btn-lg">
+        <i class="fas fa-users"></i> Join WhatsApp Group
+      </a>
+    </div>
+  </div>
+  <!-- Footer -->
+  <footer>
+    <div class="container text-center">
+      <h3>MwalaJS Framework</h3>
+      <p>Built with performance, scalability, and developer happiness in mind.</p>
+    </div>
+  </footer>
+  <!-- Bootstrap JS -->
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
+</body>
+</html>
+<%- include('partials/footer') %>