diff --git a/src/lib/components/MobileNav.jsx b/src/lib/components/MobileNav.jsx
index c078e18..b4dc6c8 100644
--- a/src/lib/components/MobileNav.jsx
+++ b/src/lib/components/MobileNav.jsx
@@ -4,10 +4,8 @@ import React from "react";
 import { Navigation } from "@skeletonlabs/skeleton-react";
 import {
     Home as IconHome,
-    Folder as IconFolder,
     BookText as BookImage,
-    Music as IconMusic,
-    Video as IconVideo,
+    Coins as CoinsImage,
 } from "lucide-react";
 
 import { useRouter } from "next/navigation";
@@ -22,6 +20,9 @@ const Footer = () => {
                 <Navigation.Tile label="Info" href="/info" className="flex flex-col items-center">
                     <BookImage />
                 </Navigation.Tile>
+                <Navigation.Tile label="Points Guide" href="/points-guide" className="flex flex-col items-center">
+                    <CoinsImage />
+                </Navigation.Tile>
             </Navigation.Bar>
         </div>
     );
diff --git a/src/lib/components/NavBar.tsx b/src/lib/components/NavBar.tsx
index e26ef6e..4ab4278 100644
--- a/src/lib/components/NavBar.tsx
+++ b/src/lib/components/NavBar.tsx
@@ -1,31 +1,27 @@
 "use client";
 
 import React from "react";
-import { Navigation } from "@skeletonlabs/skeleton-react";
-import {
-    Home as IconHome,
-    Folder as IconFolder,
-    BookText as BookImage,
-    Music as IconMusic,
-    Video as IconVideo,
-} from "lucide-react";
-
-import { useRouter } from "next/navigation";
 
 const NavBar = () => {
-    return (
-<nav className="sticky top-0 z-50 shadow-xl text-black dark:text-white bg-surface-800">
-    <div className="container mx-auto px-4">
-        <div className="grid grid-cols-[auto_1fr_auto] items-center gap-4 p-4">
-            <h1 className="text-xl font-semibold"><a href="/">Drink Happy</a></h1>
-            <div className="hidden md:flex items-center gap-4 justify-center">
-                <a href="/#create" className="btn variant-ghost">Create</a>
-                <a href="/#edit" className="btn variant-ghost">Edit</a>
-            </div>
-        </div>
-    </div>
-</nav>
-    );
+	return (
+		<nav className="sticky top-0 z-50 shadow-xl text-black dark:text-white bg-surface-800">
+			<div className="container mx-auto px-4">
+				<div className="grid grid-cols-[auto_1fr_auto] items-center gap-4 p-4">
+					<h1 className="text-xl font-semibold">
+						<a href="/">Drink Happy</a>
+					</h1>
+					<div className="hidden md:flex items-center gap-4 justify-center">
+						<a href="/info" className="btn variant-ghost">
+							Info
+						</a>
+						<a href="/pointsguide" className="btn variant-ghost">
+							Points Guide
+						</a>
+					</div>
+				</div>
+			</div>
+		</nav>
+	);
 };
 
 export default NavBar;