diff --git a/app/(clear)/layout.tsx b/app/(clean)/layout.tsx
similarity index 100%
rename from app/(clear)/layout.tsx
rename to app/(clean)/layout.tsx
diff --git a/app/(clear)/log-in/page.tsx b/app/(clean)/log-in/page.tsx
similarity index 100%
rename from app/(clear)/log-in/page.tsx
rename to app/(clean)/log-in/page.tsx
diff --git a/app/(clean)/sign-up/page.tsx b/app/(clean)/sign-up/page.tsx
new file mode 100644
index 0000000..73db833
--- /dev/null
+++ b/app/(clean)/sign-up/page.tsx
@@ -0,0 +1,12 @@
+import { Link } from "@heroui/react";
+import React from "react";
+
+const page = () => {
+ return (
+
+
Hello world
+
+ );
+};
+
+export default page;
diff --git a/app/(clear)/signup/page.tsx b/app/(clear)/signup/page.tsx
deleted file mode 100644
index 9d7c5ab..0000000
--- a/app/(clear)/signup/page.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import React from "react";
-
-const page = () => {
- return Sign Up
;
-};
-
-export default page;
diff --git a/app/layout.tsx b/app/layout.tsx
index ffd2965..0ac837a 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,12 +1,14 @@
import "./globals.css";
import GeistFontProvider from "@/providers/fonts/GeistFontProvider";
import HeroUIWrapper from "@/providers/HeroUIWrapper";
+import NextTopLoader from "nextjs-toploader";
import React from "react";
const RootLayout = ({ children }: Readonly<{ children: React.ReactNode }>) => {
return (
+
{children}
diff --git a/bun.lock b/bun.lock
index 58682e5..3900cc2 100644
--- a/bun.lock
+++ b/bun.lock
@@ -11,6 +11,7 @@
"framer-motion": "^12.23.3",
"next": "15.3.5",
"next-themes": "^0.4.6",
+ "nextjs-toploader": "^3.8.16",
"react": "^19.0.0",
"react-dom": "^19.0.0",
"zod": "^4.0.5",
@@ -1142,6 +1143,8 @@
"next-themes": ["next-themes@0.4.6", "", { "peerDependencies": { "react": "^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc", "react-dom": "^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc" } }, "sha512-pZvgD5L0IEvX5/9GWyHMf3m8BKiVQwsCMHfoFosXtXBMnaS0ZnIJ9ST4b4NqLVKDEm8QBxoNNGNaBv2JNF6XNA=="],
+ "nextjs-toploader": ["nextjs-toploader@3.8.16", "", { "dependencies": { "nprogress": "^0.2.0", "prop-types": "^15.8.1" }, "peerDependencies": { "next": ">= 6.0.0", "react": ">= 16.0.0", "react-dom": ">= 16.0.0" } }, "sha512-xiejFF9OQD8ovvHfrFhnEmRytvZtwIOY/mMtI9punOAACXpYpgC0y1afJ4DSIEmUi4Syy9A5BsFpUORTJ9z8Ng=="],
+
"node-releases": ["node-releases@2.0.19", "", {}, "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw=="],
"normalize-package-data": ["normalize-package-data@2.5.0", "", { "dependencies": { "hosted-git-info": "^2.1.4", "resolve": "^1.10.0", "semver": "2 || 3 || 4 || 5", "validate-npm-package-license": "^3.0.1" } }, "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA=="],
@@ -1150,6 +1153,8 @@
"normalize-range": ["normalize-range@0.1.2", "", {}, "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA=="],
+ "nprogress": ["nprogress@0.2.0", "", {}, "sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA=="],
+
"object-assign": ["object-assign@4.1.1", "", {}, "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg=="],
"object-hash": ["object-hash@3.0.0", "", {}, "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw=="],
diff --git a/package.json b/package.json
index 7b10d41..b1e82ec 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
"framer-motion": "^12.23.3",
"next": "15.3.5",
"next-themes": "^0.4.6",
+ "nextjs-toploader": "^3.8.16",
"react": "^19.0.0",
"react-dom": "^19.0.0",
"zod": "^4.0.5"
diff --git a/shared/ui/navbar.tsx b/shared/ui/navbar.tsx
index 71a1353..adc62a4 100644
--- a/shared/ui/navbar.tsx
+++ b/shared/ui/navbar.tsx
@@ -97,7 +97,8 @@ const NavbarUI = () => {
color="primary"
variant="solid"
radius="sm"
- onPress={() => delayButtonClick(router, "/signup")}
+ as={Link}
+ href="/sign-up"
>
Sign Up