added pages

app/(root)/blog/page.tsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+const BlogPage = () => {
+  return <div>BlogPage</div>;
+};
+
+export default BlogPage;

app/(root)/docs/page.tsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+const Docs = () => {
+  return <div>Docs</div>;
+};
+
+export default Docs;

app/(root)/privacy-policy/page.tsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+const PrivacyPolicy = () => {
+  return <div>PrivacyPolicy</div>;
+};
+
+export default PrivacyPolicy;

app/(root)/tos/page.tsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+const TermsOfService = () => {
+  return <div>TermsOfService</div>;
+};
+
+export default TermsOfService;

app/layout.tsx

@@ -2,6 +2,7 @@ import type { Metadata } from "next";
 import { Poppins } from "next/font/google";
 import "./globals.css";
 import { ThemeProvider } from "@/components/shared/providers/themeprovider";
+import Navbar from "@/components/shared/Navbar";
 
 const poppins = Poppins({
   weight: ["400", "600", "700", "900"],
@@ -27,6 +28,7 @@ export default function RootLayout({
           enableSystem
           disableTransitionOnChange
         >
+          <Navbar />
           {children}
         </ThemeProvider>
       </body>

app/page.tsx

@@ -2,13 +2,11 @@ import About from "@/components/shared/About";
 import Faq from "@/components/shared/FAQ";
 import Hero from "@/components/shared/Hero";
 import HowItWorks from "@/components/shared/HowItWorks";
-import Navbar from "@/components/shared/Navbar";
 import Newsletter from "@/components/shared/Newsletter";
 
 const RootPage = () => {
   return (
     <>
-      <Navbar />
       <Hero />
       <HowItWorks />
       <About />

components/shared/Navbar.tsx

@@ -49,7 +49,7 @@ const Navbar = () => {
                 key={label}
                 href={href}
                 target={target}
-                className={`text-[18px] tracking-tight ${
+                className={`text-[17px] tracking-tight ${
                   pathname == href ? "bg-accent/40" : ""
                 } ${buttonVariants({
                   variant: "ghost",

constants/index.tsx

@@ -19,7 +19,7 @@ export const NAVBAR = {
     },
     {
       href: "/blog",
-      target: "_blank",
+      target: "_self",
       label: "Blog",
     },
   ],
@@ -113,6 +113,6 @@ export const questions = [
     key: "item-6",
     question: "How can I use SVR.JS?",
     answer:
-      "You can <a href='/docs' className='text-white'>read its documentation</a> to learn how to use the SVR.JS web server.",
+      "You can read the documents to learn how to use the SVR.JS web server.",
   },
 ];