From 02a8374a58c2c98b38a5b1097aeef7bdf9d7107c Mon Sep 17 00:00:00 2001
From: Joaquin Paredes <jparedes.peake@gmail.com>
Date: Fri, 2 May 2025 13:15:38 -0700
Subject: [PATCH 1/2] feature/most nav bar functionality done

---
 src/views/aboutUs.ejs         |  9 ++++++---
 src/views/assets.ejs          | 18 +++++++++++++++++
 src/views/home.ejs            | 18 +++++++++++++++++
 src/views/index.ejs           |  6 +++++-
 src/views/more.ejs            | 18 +++++++++++++++++
 src/views/partials/navBar.ejs | 37 +++++++++++++++++++++++++++++++++++
 src/views/plans.ejs           | 18 +++++++++++++++++
 7 files changed, 120 insertions(+), 4 deletions(-)
 create mode 100644 src/views/assets.ejs
 create mode 100644 src/views/home.ejs
 create mode 100644 src/views/more.ejs
 create mode 100644 src/views/partials/navBar.ejs
 create mode 100644 src/views/plans.ejs
diff --git a/src/views/aboutUs.ejs b/src/views/aboutUs.ejs
index 63108a0..e9fd578 100644
--- a/src/views/aboutUs.ejs
+++ b/src/views/aboutUs.ejs
@@ -69,10 +69,13 @@
                 </div>
             </section>
         </main>
-        <footer class="bg-gray-100 dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 p-6 text-center text-gray-500 dark:text-gray-400 text-sm">
-            <div class="container mx-auto">
-               <p>&copy; 2025 RCalculator. All rights reserved.</p>
+        <footer>
+            <div class="bg-gray-100 dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 p-6 text-center text-gray-500 dark:text-gray-400 text-sm">
+                <div class="container mx-auto">
+                    <p>&copy; 2025 RCalculator. All rights reserved.</p>
+                 </div>
             </div>
+            <%- include("./partials/navBar") %>
         </footer>
         <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.3.0/flowbite.min.js"></script>
diff --git a/src/views/assets.ejs b/src/views/assets.ejs
new file mode 100644
index 0000000..91a207e
--- /dev/null
+++ b/src/views/assets.ejs
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
+    <title>Document</title>
+</head>
+
+<body>
+    <header>
+        <%- include("./partials/navBar") %>
+    </header>
+    The Assets Page
+</body>
+
+</html>
diff --git a/src/views/home.ejs b/src/views/home.ejs
new file mode 100644
index 0000000..232f992
--- /dev/null
+++ b/src/views/home.ejs
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
+    <title>Document</title>
+</head>
+
+<body>
+    <header>
+        <%- include("./partials/navBar") %>
+    </header>
+    The Home Page
+</body>
+
+</html>
diff --git a/src/views/index.ejs b/src/views/index.ejs
index 04287c1..bf561fb 100644
--- a/src/views/index.ejs
+++ b/src/views/index.ejs
@@ -4,11 +4,15 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
     <title>Document</title>
 </head>
 
 <body>
-    The Index page
+    <header>
+        <%- include("./partials/navBar") %>
+    </header>
+    The Index Page
 </body>
 
 </html>
diff --git a/src/views/more.ejs b/src/views/more.ejs
new file mode 100644
index 0000000..b41b474
--- /dev/null
+++ b/src/views/more.ejs
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
+    <title>Document</title>
+</head>
+
+<body>
+    <header>
+        <%- include("./partials/navBar") %>
+    </header>
+    The More Page
+</body>
+
+</html>
diff --git a/src/views/partials/navBar.ejs b/src/views/partials/navBar.ejs
new file mode 100644
index 0000000..56176fb
--- /dev/null
+++ b/src/views/partials/navBar.ejs
@@ -0,0 +1,37 @@
+<div class="fixed bottom-0 left-0 z-50 lg:hidden w-full h-16 bg-white border-t border-gray-200 dark:bg-gray-400">
+    <form method="GET" class="h-16">
+        <div class="grid h-full max-w-lg grid-cols-4 mx-auto font-medium">
+            <button formaction="/home" type="submit" class="inline-flex flex-col items-center justify-center px-5 hover:bg-gray-50 dark:hover:bg-gray-800 group">
+                <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" viewBox="0 0 24 24">
+                    <path fill-rule="evenodd" d="M11.293 3.293a1 1 0 0 1 1.414 0l6 6 2 2a1 1 0 0 1-1.414 1.414L19 12.414V19a2 2 0 0 1-2 2h-3a1 1 0 0 1-1-1v-3h-2v3a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2v-6.586l-.293.293a1 1 0 0 1-1.414-1.414l2-2 6-6Z" clip-rule="evenodd"/>
+                  </svg>
+                <span class="text-sm text-black">Home</span>
+            </button>
+            <button formaction="/assets" type="submit" class="inline-flex flex-col items-center justify-center px-5 hover:bg-gray-50 dark:hover:bg-gray-800 group">
+                <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+                    <rect width="30" height="30" fill="url(#pattern0_102_91)"/>
+                    <defs>
+                    <pattern id="pattern0_102_91" patternContentUnits="objectBoundingBox" width="1" height="1">
+                    <use xlink:href="#image0_102_91" transform="scale(0.0104167)"/>
+                    </pattern>
+                    <image id="image0_102_91" width="96" height="96" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
+                    </defs>
+                </svg>
+                <span class="text-sm text-black">Assets</span>
+            </button>
+            <button formaction="/plans" type="submit" class="inline-flex flex-col items-center justify-center px-5 hover:bg-gray-50 dark:hover:bg-gray-800 group">
+                <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" viewBox="0 0 24 24">
+                    <path d="M13.09 3.294c1.924.95 3.422 1.69 5.472.692a1 1 0 0 1 1.438.9v9.54a1 1 0 0 1-.562.9c-2.981 1.45-5.382.24-7.25-.701a38.739 38.739 0 0 0-.622-.31c-1.033-.497-1.887-.812-2.756-.77-.76.036-1.672.357-2.81 1.396V21a1 1 0 1 1-2 0V4.971a1 1 0 0 1 .297-.71c1.522-1.506 2.967-2.185 4.417-2.255 1.407-.068 2.653.453 3.72.967.225.108.443.216.655.32Z"/>
+                </svg>              
+                <span class="text-sm text-black">Plans</span>
+            </button>
+            <button formaction="/more" type="submit" class="inline-flex flex-col items-center justify-center px-5 hover:bg-gray-50 dark:hover:bg-gray-800 group">
+                <svg  height="30" width="30" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 17 14">
+                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15"></path>
+                </svg>
+                <span class="text-sm text-black">More</span>
+            </button>
+        </div>
+    </form>
+</div>
+
diff --git a/src/views/plans.ejs b/src/views/plans.ejs
new file mode 100644
index 0000000..70b4a22
--- /dev/null
+++ b/src/views/plans.ejs
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
+    <title>Document</title>
+</head>
+
+<body>
+    <header>
+        <%- include("./partials/navBar") %>
+    </header>
+    The Plans Page
+</body>
+
+</html>

From 7fa75457c9c6692b70e53850bb48f691d50095ee Mon Sep 17 00:00:00 2001
From: Joaquin <jparedes.peake@gmail.com>
Date: Mon, 5 May 2025 16:24:25 -0700
Subject: [PATCH 2/2] feature/completed navbar/header functionality

---
 src/views/aboutUs.ejs              | 37 +++---------------
 src/views/assets.ejs               | 35 ++++++++++-------
 src/views/home.ejs                 | 14 +++++--
 src/views/index.ejs                | 11 ++++--
 src/views/landing.ejs              | 38 +++---------------
 src/views/more.ejs                 | 15 +++++--
 src/views/partials/header.ejs      | 26 ++++++++++++
 src/views/partials/headerStart.ejs | 32 +++++++++++++++
 src/views/partials/navBar.ejs      | 63 +++++++++++++-----------------
 src/views/plans.ejs                | 14 +++++--
 10 files changed, 158 insertions(+), 127 deletions(-)
 create mode 100644 src/views/partials/header.ejs
 create mode 100644 src/views/partials/headerStart.ejs

diff --git a/src/views/aboutUs.ejs b/src/views/aboutUs.ejs
index e9fd578..e5979bd 100644
--- a/src/views/aboutUs.ejs
+++ b/src/views/aboutUs.ejs
@@ -5,37 +5,8 @@
         <link href="https://cdn.jsdelivr.net/npm/tailwindcss@3.3.2/dist/tailwind.min.css" rel="stylesheet">
     </head>
     <body class="bg-white dark:bg-gray-900">
-        <header>
-            <nav class="bg-gray-50 dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700">
-                <div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
-                    <a href="#" class="flex items-center space-x-3 rtl:space-x-reverse">
-                        <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/png/rekor.png" class="h-8" alt="Flowbite Logo" />
-                        <span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">RCalculator</span>
-                    </a>
-                    <button data-collapse-toggle="navbar-solid-bg" type="button" class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" aria-controls="navbar-solid-bg" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 14">
-                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15"/>
-                        </svg>
-                    </button>
-                    <div class="hidden w-full md:block md:w-auto" id="navbar-solid-bg">
-                        <ul class="flex flex-col font-medium mt-4 rounded-lg bg-gray-50 md:space-x-8 rtl:space-x-reverse md:flex-row md:mt-0 md:border-0 md:bg-transparent dark:bg-gray-800 md:dark:bg-transparent dark:border-gray-700">
-                            <li>
-                                <a href="/landing" class="block py-2 px-3 md:p-0 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">Home</a>
-                            </li>
-                            <li>
-                                <a href="/aboutUs" class="block py-2 px-3 md:p-0 text-white bg-blue-700 rounded md:bg-transparent md:text-blue-700 md:dark:text-blue-500 dark:bg-blue-600 md:dark:bg-transparent" aria-current="page">About Us</a>
-                            </li>
-                            <li>
-                                <a href="mailto:rcalculator@gmail.com" class="block py-2 px-3 md:p-0 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">Contact us</a>
-                            </li>
-                        </ul>
-                    </div>
-                </div>
-            </nav>
-        </header>
+        <%- include("./partials/headerStart") %>
         <main>
-
             <section class="bg-white dark:bg-gray-900 py-12 md:py-20">
                 <div class="max-w-screen-lg mx-auto px-4 text-center">
                     <h1 class="mb-4 text-4xl font-extrabold tracking-tight leading-none text-gray-900 md:text-5xl lg:text-6xl dark:text-white">About RCalculator</h1>
@@ -70,14 +41,16 @@
             </section>
         </main>
         <footer>
-            <div class="bg-gray-100 dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 p-6 text-center text-gray-500 dark:text-gray-400 text-sm">
+            <div class="fixed bottom-0 left-0 z-50 hidden lg:block w-full h-16 bg-gray-100 dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 p-6 text-center text-gray-500 dark:text-gray-400 text-sm">
                 <div class="container mx-auto">
                     <p>&copy; 2025 RCalculator. All rights reserved.</p>
                  </div>
             </div>
-            <%- include("./partials/navBar") %>
         </footer>
         <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.3.0/flowbite.min.js"></script>
     </body>
 </html>
+
+
+<!--fixed bottom-0 left-0 z-50 lg:hidden w-full h-16 bg-white border-t border-gray-200 dark:bg-gray-400-->
\ No newline at end of file
diff --git a/src/views/assets.ejs b/src/views/assets.ejs
index 91a207e..acaa431 100644
--- a/src/views/assets.ejs
+++ b/src/views/assets.ejs
@@ -1,18 +1,23 @@
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
-    <title>Document</title>
-</head>
-
-<body>
-    <header>
-        <%- include("./partials/navBar") %>
-    </header>
-    The Assets Page
-</body>
-
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
+        <title>Document</title>
+    </head>
+    <body>
+        <%- include("./partials/header") %>
+        <main>
+            The Assets Page
+        </main>
+        <footer>
+            <div class="fixed bottom-0 left-0 z-50 hidden lg:block w-full h-16 bg-gray-100 dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 p-6 text-center text-gray-500 dark:text-gray-400 text-sm">
+                <div class="container mx-auto">
+                    <p>&copy; 2025 RCalculator. All rights reserved.</p>
+                </div>
+            </div>
+            <%- include("./partials/navBar") %>
+        </footer>
+    </body>
 </html>
diff --git a/src/views/home.ejs b/src/views/home.ejs
index 232f992..3bb7034 100644
--- a/src/views/home.ejs
+++ b/src/views/home.ejs
@@ -9,10 +9,18 @@
 </head>
 
 <body>
-    <header>
+    <%- include("./partials/header") %>
+    <main>
+        The Dashboard Page
+    </main>
+    <footer>
+        <div class="fixed bottom-0 left-0 z-50 sm:hidden lg:block w-full h-16 bg-gray-100 dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 p-6 text-center text-gray-500 dark:text-gray-400 text-sm">
+            <div class="container mx-auto">
+                <p>&copy; 2025 RCalculator. All rights reserved.</p>
+             </div>
+        </div>
         <%- include("./partials/navBar") %>
-    </header>
-    The Home Page
+    </footer>
 </body>
 
 </html>
diff --git a/src/views/index.ejs b/src/views/index.ejs
index bf561fb..975b566 100644
--- a/src/views/index.ejs
+++ b/src/views/index.ejs
@@ -9,10 +9,15 @@
 </head>
 
 <body>
-    <header>
-        <%- include("./partials/navBar") %>
-    </header>
     The Index Page
+    <footer>
+        <div class="fixed bottom-0 left-0 z-50 sm:hidden lg:block w-full h-16 bg-gray-100 dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 p-6 text-center text-gray-500 dark:text-gray-400 text-sm">
+            <div class="container mx-auto">
+                <p>&copy; 2025 RCalculator. All rights reserved.</p>
+             </div>
+        </div>
+        <%- include("./partials/navBar") %>
+    </footer>
 </body>
 
 </html>
diff --git a/src/views/landing.ejs b/src/views/landing.ejs
index bce6438..325ad13 100644
--- a/src/views/landing.ejs
+++ b/src/views/landing.ejs
@@ -5,35 +5,7 @@
         <link href="https://cdn.jsdelivr.net/npm/tailwindcss@3.3.2/dist/tailwind.min.css" rel="stylesheet">
     </head>
     <body class="bg-white dark:bg-gray-900">
-        <header>
-            <nav class="bg-gray-50 dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700">
-                <div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
-                    <a href="#" class="flex items-center space-x-3 rtl:space-x-reverse">
-                        <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/png/rekor.png" class="h-8" alt="Flowbite Logo" />
-                        <span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">RCalculator</span>
-                    </a>
-                    <button data-collapse-toggle="navbar-solid-bg" type="button" class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" aria-controls="navbar-solid-bg" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 14">
-                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15"/>
-                        </svg>
-                    </button>
-                    <div class="hidden w-full md:block md:w-auto" id="navbar-solid-bg">
-                        <ul class="flex flex-col font-medium mt-4 rounded-lg bg-gray-50 md:space-x-8 rtl:space-x-reverse md:flex-row md:mt-0 md:border-0 md:bg-transparent dark:bg-gray-800 md:dark:bg-transparent dark:border-gray-700">
-                            <li>
-                                <a href="/landing" class="block py-2 px-3 md:p-0 text-white bg-blue-700 rounded md:bg-transparent md:text-blue-700 md:dark:text-blue-500 dark:bg-blue-600 md:dark:bg-transparent" aria-current="page">Home</a>
-                            </li>
-                            <li>
-                                <a href="/aboutUs" class="block py-2 px-3 md:p-0 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">About Us</a>
-                            </li>
-                            <li>
-                                <a href="mailto:rcalculator@gmail.com" class="block py-2 px-3 md:p-0 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">Contact us</a>
-                            </li>
-                        </ul>
-                    </div>
-                </div>
-            </nav>
-        </header>
+        <%- include("./partials/headerStart") %>
         <main>
             <section class="bg-center bg-no-repeat bg-cover bg-[url('/images/bg1.jpg')] bg-gray-400 bg-blend-multiply">
                 <div class="px-4 mx-auto max-w-screen-xl text-center py-24 lg:py-56">
@@ -53,9 +25,11 @@
                 </div>
             </section>
         </main>
-        <footer class="bg-gray-100 dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 p-6 text-center text-gray-500 dark:text-gray-400 text-sm">
-            <div class="container mx-auto">
-               <p>&copy; 2025 RCalculator. All rights reserved.</p>
+        <footer>
+            <div class="fixed bottom-0 left-0 z-50 sm:hidden lg:block w-full h-16 bg-gray-100 dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 p-6 text-center text-gray-500 dark:text-gray-400 text-sm">
+                <div class="container mx-auto">
+                    <p>&copy; 2025 RCalculator. All rights reserved.</p>
+                 </div>
             </div>
         </footer>
         <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
diff --git a/src/views/more.ejs b/src/views/more.ejs
index b41b474..7884eaf 100644
--- a/src/views/more.ejs
+++ b/src/views/more.ejs
@@ -1,6 +1,5 @@
 <!DOCTYPE html>
 <html lang="en">
-
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -9,10 +8,18 @@
 </head>
 
 <body>
-    <header>
+    <%- include("./partials/header") %>
+    <main>
+        The More Page
+    </main>
+    <footer>
+        <div class="fixed bottom-0 left-0 z-50 sm:hidden lg:block w-full h-16 bg-gray-100 dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 p-6 text-center text-gray-500 dark:text-gray-400 text-sm">
+            <div class="container mx-auto">
+                <p>&copy; 2025 RCalculator. All rights reserved.</p>
+             </div>
+        </div>
         <%- include("./partials/navBar") %>
-    </header>
-    The More Page
+    </footer>
 </body>
 
 </html>
diff --git a/src/views/partials/header.ejs b/src/views/partials/header.ejs
new file mode 100644
index 0000000..301fedc
--- /dev/null
+++ b/src/views/partials/header.ejs
@@ -0,0 +1,26 @@
+<header>
+    <nav class="bg-gray-50 dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700">
+        <div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
+            <a href="#" class="flex items-center space-x-3 rtl:space-x-reverse">
+                <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/png/rekor.png" class="h-8" alt="Flowbite Logo" />
+                <span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">RCalculator</span>
+            </a>
+            <div class="hidden w-full lg:block lg:w-auto" id="navbar-solid-bg">
+                <ul class="flex flex-col font-medium mt-4 rounded-lg bg-gray-50 lg:space-x-8 rtl:space-x-reverse lg:flex-row lg:mt-0 lg:border-0 lg:bg-transparent dark:bg-gray-800 lg:dark:bg-transparent dark:border-gray-700">
+                    <li>
+                        <a href="/home" class="block py-2 px-3 lg:p-0 text-gray-900 rounded hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-blue-700 dark:text-white lg:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent">Dashboard</a>
+                    </li>
+                    <li>
+                        <a href="/assets" class="block py-2 px-3 lg:p-0 text-gray-900 rounded hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-blue-700 dark:text-white lg:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent">Assets</a>
+                    </li>
+                    <li>
+                        <a href="/plans" class="block py-2 px-3 lg:p-0 text-gray-900 rounded hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-blue-700 dark:text-white lg:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent">Plans</a>
+                    </li>
+                    <li>
+                        <a href="/more" class="block py-2 px-3 lg:p-0 text-gray-900 rounded hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-blue-700 dark:text-white lg:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent">More</a>
+                    </li>                        
+                </ul>
+            </div>
+        </div>
+    </nav>
+</header>
\ No newline at end of file
diff --git a/src/views/partials/headerStart.ejs b/src/views/partials/headerStart.ejs
new file mode 100644
index 0000000..011bbc0
--- /dev/null
+++ b/src/views/partials/headerStart.ejs
@@ -0,0 +1,32 @@
+<header>
+    <nav class="bg-gray-50 dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700">
+        <div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
+            <a href="#" class="flex items-center space-x-3 rtl:space-x-reverse">
+                <img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/png/rekor.png" class="h-8" alt="Flowbite Logo" />
+                <span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">RCalculator</span>
+            </a>
+            <button data-collapse-toggle="navbar-solid-bg" type="button"
+                class="inline-flex items-center justify-center text-sm text-gray-500 rounded-lg lg:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600"
+                aria-controls="navbar-solid-bg" aria-expanded="false">
+                <span class="sr-only">Open main menu</span>
+                <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none" viewBox="0 0 17 14">
+                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                        d="M1 1h15M1 7h15M1 13h15" />
+                </svg>
+            </button>
+            <div class="hidden w-full lg:block lg:w-auto" id="navbar-solid-bg">
+                <ul class="flex flex-col font-medium mt-4 rounded-lg bg-gray-50 lg:space-x-8 rtl:space-x-reverse lg:flex-row lg:mt-0 lg:border-0 lg:bg-transparent dark:bg-gray-800 lg:dark:bg-transparent dark:border-gray-700">
+                    <li>
+                        <a href="/landing" class="block py-2 px-3 lg:p-0 text-gray-900 rounded hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-blue-700 dark:text-white lg:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent">Home</a>
+                    </li>
+                    <li>
+                        <a href="/aboutUs" class="block py-2 px-3 lg:p-0 text-gray-900 rounded hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-blue-700 dark:text-white lg:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent">About Us</a>
+                    </li>
+                    <li>
+                        <a href="mailto:rcalculator@gmail.com" class="block py-2 px-3 lg:p-0 text-gray-900 rounded hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-blue-700 dark:text-white lg:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent">Contact us</a>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </nav>
+</header>
\ No newline at end of file
diff --git a/src/views/partials/navBar.ejs b/src/views/partials/navBar.ejs
index 56176fb..edc5772 100644
--- a/src/views/partials/navBar.ejs
+++ b/src/views/partials/navBar.ejs
@@ -1,37 +1,30 @@
-<div class="fixed bottom-0 left-0 z-50 lg:hidden w-full h-16 bg-white border-t border-gray-200 dark:bg-gray-400">
-    <form method="GET" class="h-16">
-        <div class="grid h-full max-w-lg grid-cols-4 mx-auto font-medium">
-            <button formaction="/home" type="submit" class="inline-flex flex-col items-center justify-center px-5 hover:bg-gray-50 dark:hover:bg-gray-800 group">
-                <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" viewBox="0 0 24 24">
-                    <path fill-rule="evenodd" d="M11.293 3.293a1 1 0 0 1 1.414 0l6 6 2 2a1 1 0 0 1-1.414 1.414L19 12.414V19a2 2 0 0 1-2 2h-3a1 1 0 0 1-1-1v-3h-2v3a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2v-6.586l-.293.293a1 1 0 0 1-1.414-1.414l2-2 6-6Z" clip-rule="evenodd"/>
-                  </svg>
-                <span class="text-sm text-black">Home</span>
-            </button>
-            <button formaction="/assets" type="submit" class="inline-flex flex-col items-center justify-center px-5 hover:bg-gray-50 dark:hover:bg-gray-800 group">
-                <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-                    <rect width="30" height="30" fill="url(#pattern0_102_91)"/>
-                    <defs>
-                    <pattern id="pattern0_102_91" patternContentUnits="objectBoundingBox" width="1" height="1">
-                    <use xlink:href="#image0_102_91" transform="scale(0.0104167)"/>
-                    </pattern>
-                    <image id="image0_102_91" width="96" height="96" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
-                    </defs>
-                </svg>
-                <span class="text-sm text-black">Assets</span>
-            </button>
-            <button formaction="/plans" type="submit" class="inline-flex flex-col items-center justify-center px-5 hover:bg-gray-50 dark:hover:bg-gray-800 group">
-                <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" viewBox="0 0 24 24">
-                    <path d="M13.09 3.294c1.924.95 3.422 1.69 5.472.692a1 1 0 0 1 1.438.9v9.54a1 1 0 0 1-.562.9c-2.981 1.45-5.382.24-7.25-.701a38.739 38.739 0 0 0-.622-.31c-1.033-.497-1.887-.812-2.756-.77-.76.036-1.672.357-2.81 1.396V21a1 1 0 1 1-2 0V4.971a1 1 0 0 1 .297-.71c1.522-1.506 2.967-2.185 4.417-2.255 1.407-.068 2.653.453 3.72.967.225.108.443.216.655.32Z"/>
-                </svg>              
-                <span class="text-sm text-black">Plans</span>
-            </button>
-            <button formaction="/more" type="submit" class="inline-flex flex-col items-center justify-center px-5 hover:bg-gray-50 dark:hover:bg-gray-800 group">
-                <svg  height="30" width="30" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 17 14">
-                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15"></path>
-                </svg>
-                <span class="text-sm text-black">More</span>
-            </button>
-        </div>
-    </form>
+<div class="fixed bottom-0 left-0 z-50 lg:hidden w-full h-16 bg-gray-100 dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 text-gray-500 dark:text-gray-400 text-sm">
+    <div class="grid h-16 max-w-lg grid-cols-4 mx-auto font-medium">
+        <a href="/home" class="inline-flex flex-col items-center justify-center px-5 hover:bg-gray-50 dark:hover:bg-gray-800 group">
+            <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" viewBox="0 0 24 24">
+                <path fill-rule="evenodd" d="M11.293 3.293a1 1 0 0 1 1.414 0l6 6 2 2a1 1 0 0 1-1.414 1.414L19 12.414V19a2 2 0 0 1-2 2h-3a1 1 0 0 1-1-1v-3h-2v3a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2v-6.586l-.293.293a1 1 0 0 1-1.414-1.414l2-2 6-6Z" clip-rule="evenodd"/>
+            </svg>
+            <span class="text-gray-500 dark:text-gray-400 text-sm">Dashboard</span>
+        </a>
+        <a href="/assets" class="inline-flex flex-col items-center justify-center px-5 hover:bg-gray-50 dark:hover:bg-gray-800 group">
+            <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path d="M10.464 8.746c.227-.18.497-.311.786-.394v2.795a2.252 2.252 0 0 1-.786-.393c-.394-.313-.546-.681-.546-1.004 0-.323.152-.691.546-1.004ZM12.75 15.662v-2.824c.347.085.664.228.921.421.427.32.579.686.579.991 0 .305-.152.671-.579.991a2.534 2.534 0 0 1-.921.42Z" />
+                <path fill-rule="evenodd" d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25ZM12.75 6a.75.75 0 0 0-1.5 0v.816a3.836 3.836 0 0 0-1.72.756c-.712.566-1.112 1.35-1.112 2.178 0 .829.4 1.612 1.113 2.178.502.4 1.102.647 1.719.756v2.978a2.536 2.536 0 0 1-.921-.421l-.879-.66a.75.75 0 0 0-.9 1.2l.879.66c.533.4 1.169.645 1.821.75V18a.75.75 0 0 0 1.5 0v-.81a4.124 4.124 0 0 0 1.821-.749c.745-.559 1.179-1.344 1.179-2.191 0-.847-.434-1.632-1.179-2.191a4.122 4.122 0 0 0-1.821-.75V8.354c.29.082.559.213.786.393l.415.33a.75.75 0 0 0 .933-1.175l-.415-.33a3.836 3.836 0 0 0-1.719-.755V6Z" clip-rule="evenodd" />
+            </svg>
+            <span class="text-gray-500 dark:text-gray-400 text-sm">Assets</span>
+        </a>
+        <a href="/plans" class="inline-flex flex-col items-center justify-center px-5 hover:bg-gray-50 dark:hover:bg-gray-800 group">
+            <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" viewBox="0 0 24 24">
+                <path d="M13.09 3.294c1.924.95 3.422 1.69 5.472.692a1 1 0 0 1 1.438.9v9.54a1 1 0 0 1-.562.9c-2.981 1.45-5.382.24-7.25-.701a38.739 38.739 0 0 0-.622-.31c-1.033-.497-1.887-.812-2.756-.77-.76.036-1.672.357-2.81 1.396V21a1 1 0 1 1-2 0V4.971a1 1 0 0 1 .297-.71c1.522-1.506 2.967-2.185 4.417-2.255 1.407-.068 2.653.453 3.72.967.225.108.443.216.655.32Z"/>
+            </svg>              
+            <span class="text-gray-500 dark:text-gray-400 text-sm">Plans</span>
+        </a>
+        <a href="/more" class="inline-flex flex-col items-center justify-center px-5 hover:bg-gray-50 dark:hover:bg-gray-800 group">
+            <svg  height="30" width="30" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 17 14">
+                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15"></path>
+            </svg>
+            <span class="text-gray-500 dark:text-gray-400 text-sm">More</span>
+        </a>
+    </div>
 </div>
 
diff --git a/src/views/plans.ejs b/src/views/plans.ejs
index 70b4a22..9645deb 100644
--- a/src/views/plans.ejs
+++ b/src/views/plans.ejs
@@ -9,10 +9,18 @@
 </head>
 
 <body>
-    <header>
+    <%- include("./partials/header") %>
+    <main>
+        The Plans Page
+    </main>
+    <footer>
+        <div class="fixed bottom-0 left-0 z-50 sm:hidden lg:block w-full h-16 bg-gray-100 dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 p-6 text-center text-gray-500 dark:text-gray-400 text-sm">
+            <div class="container mx-auto">
+                <p>&copy; 2025 RCalculator. All rights reserved.</p>
+             </div>
+        </div>
         <%- include("./partials/navBar") %>
-    </header>
-    The Plans Page
+    </footer>
 </body>
 
 </html>
