diff --git a/app/auth/forgot-password/page.tsx b/app/(with-header-and-footer)/auth/forgot-password/page.tsx
similarity index 100%
rename from app/auth/forgot-password/page.tsx
rename to app/(with-header-and-footer)/auth/forgot-password/page.tsx
diff --git a/app/auth/login/page.tsx b/app/(with-header-and-footer)/auth/login/page.tsx
similarity index 100%
rename from app/auth/login/page.tsx
rename to app/(with-header-and-footer)/auth/login/page.tsx
diff --git a/app/auth/signup/page.tsx b/app/(with-header-and-footer)/auth/signup/page.tsx
similarity index 100%
rename from app/auth/signup/page.tsx
rename to app/(with-header-and-footer)/auth/signup/page.tsx
diff --git a/app/auth/verify/page.tsx b/app/(with-header-and-footer)/auth/verify/page.tsx
similarity index 100%
rename from app/auth/verify/page.tsx
rename to app/(with-header-and-footer)/auth/verify/page.tsx
diff --git a/app/(with-header-and-footer)/docs/page.tsx b/app/(with-header-and-footer)/docs/page.tsx
index d6de2b7..1cc3c58 100644
--- a/app/(with-header-and-footer)/docs/page.tsx
+++ b/app/(with-header-and-footer)/docs/page.tsx
@@ -1,13 +1,60 @@
 export default function DocsPage() {
   return (
-    <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-8">
-      <h1 className="text-3xl font-semibold mb-6">Documentation</h1>
-      <div className="bg-card p-6 rounded-lg shadow-md">
-        <p className="text-muted-foreground">
-          This is a placeholder for the documentation page. Detailed guides and
-          information will be added soon.
-        </p>
+    <section className="w-full md:py-32 py-12 flex flex-col items-center min-h-screen">
+      <div className="max-w-4xl w-full px-4">
+        <h1 className="text-4xl font-semibold mb-8">Documentation</h1>
+
+        <div className="space-y-8">
+          <div className="bg-card p-6 rounded-lg shadow-md">
+            <h2 className="text-2xl font-medium mb-4">Overview</h2>
+            <p className="text-muted-foreground mb-4">
+              RankForge is a contributor platform for the idan-devs repository
+              that enables contributors to create profiles, log contributions,
+              and get evaluated by admins. The platform gamifies and structures
+              the contribution process while providing visibility and rewards
+              through a scoring system.
+            </p>
+          </div>
+
+          <div className="bg-card p-6 rounded-lg shadow-md">
+            <h2 className="text-2xl font-medium mb-4">Technical Stack</h2>
+            <ul className="list-disc list-inside space-y-2 text-muted-foreground">
+              <li>Next.js 15 with App Router</li>
+              <li>TypeScript for type safety</li>
+              <li>Tailwind CSS v4.0 for styling</li>
+              <li>Shadcn UI component library</li>
+              <li>Motion One for animations</li>
+              <li>Zustand for state management</li>
+              <li>React Hook Form with Zod validation</li>
+            </ul>
+          </div>
+
+          <div className="bg-card p-6 rounded-lg shadow-md">
+            <h2 className="text-2xl font-medium mb-4">Authentication</h2>
+            <div className="text-muted-foreground">
+              <p className="mb-3">
+                The platform uses GitHub OAuth for authentication.
+              </p>
+            </div>
+          </div>
+
+          <div className="bg-card p-6 rounded-lg shadow-md">
+            <h2 className="text-2xl font-medium mb-4">Design System</h2>
+            <div className="text-muted-foreground">
+              <p className="mb-3">
+                The platform uses a consistent design system with:
+              </p>
+              <ul className="list-disc list-inside space-y-2">
+                <li>Bricolage Grosteque as primary font</li>
+                <li>Minimalist and clean interface</li>
+                <li>High contrast for readability</li>
+                <li>Subtle animations for interactivity</li>
+                <li>System-level dark mode support</li>
+              </ul>
+            </div>
+          </div>
+        </div>
       </div>
-    </div>
+    </section>
   );
 }
diff --git a/app/(with-header-and-footer)/guidelines/page.tsx b/app/(with-header-and-footer)/guidelines/page.tsx
index 6c425cb..f03c22f 100644
--- a/app/(with-header-and-footer)/guidelines/page.tsx
+++ b/app/(with-header-and-footer)/guidelines/page.tsx
@@ -1,6 +1,6 @@
 export default function GuidelinesPage() {
   return (
-    <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-8">
+    <section className="w-full md:py-32 py-12 flex justify-center items-center min-h-screen">
       <h1 className="text-3xl font-semibold mb-6">Contribution Guidelines</h1>
       <div className="bg-card p-6 rounded-lg shadow-md">
         <p className="text-muted-foreground">
@@ -8,6 +8,6 @@ export default function GuidelinesPage() {
           instructions on how to contribute will be added soon.
         </p>
       </div>
-    </div>
+    </section>
   );
 }
diff --git a/app/(with-header-and-footer)/privacy/page.tsx b/app/(with-header-and-footer)/privacy/page.tsx
index 4a9e45d..909e123 100644
--- a/app/(with-header-and-footer)/privacy/page.tsx
+++ b/app/(with-header-and-footer)/privacy/page.tsx
@@ -1,6 +1,6 @@
 export default function PrivacyPage() {
   return (
-    <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-8">
+    <section className="w-full md:py-32 py-12 flex justify-center items-center min-h-screen">
       <h1 className="text-3xl font-semibold mb-6">Privacy Policy</h1>
       <div className="bg-card p-6 rounded-lg shadow-md">
         <p className="text-muted-foreground">
@@ -8,6 +8,6 @@ export default function PrivacyPage() {
           practices will be detailed here soon.
         </p>
       </div>
-    </div>
+    </section>
   );
 }
diff --git a/app/(with-header-and-footer)/terms/page.tsx b/app/(with-header-and-footer)/terms/page.tsx
index 4036939..65471a2 100644
--- a/app/(with-header-and-footer)/terms/page.tsx
+++ b/app/(with-header-and-footer)/terms/page.tsx
@@ -1,6 +1,6 @@
 export default function TermsPage() {
   return (
-    <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-8">
+    <section className="w-full md:py-32 py-12 flex justify-center items-center min-h-screen">
       <h1 className="text-3xl font-semibold mb-6">Terms of Service</h1>
       <div className="bg-card p-6 rounded-lg shadow-md">
         <p className="text-muted-foreground">
@@ -8,6 +8,6 @@ export default function TermsPage() {
           conditions will be detailed here soon.
         </p>
       </div>
-    </div>
+    </section>
   );
 }
diff --git a/app/not-found.tsx b/app/not-found.tsx
index c37f78e..5eb17e5 100644
--- a/app/not-found.tsx
+++ b/app/not-found.tsx
@@ -9,6 +9,7 @@ import { useRouter } from "next/navigation";
 
 export default function NotFound() {
   const router = useRouter();
+
   return (
     <div className="min-h-screen flex flex-col items-center justify-center px-4 sm:px-6 lg:px-8 select-none">
       <motion.div
diff --git a/components/auth/forgot-password-form.tsx b/components/auth/forgot-password-form.tsx
index 9914f48..eaace7d 100644
--- a/components/auth/forgot-password-form.tsx
+++ b/components/auth/forgot-password-form.tsx
@@ -93,7 +93,6 @@ export function ForgotPasswordForm() {
   async function onSubmitEmail(data: EmailValues) {
     setIsLoading(true);
     try {
-      console.log("Requesting password reset for:", data.email);
       await new Promise((resolve) => setTimeout(resolve, 1500));
       setEmail(data.email);
       toast.success("Verification code sent to your email");