diff --git a/src/components/site/About/index.tsx b/src/app/site/About/page.tsx
similarity index 70%
rename from src/components/site/About/index.tsx
rename to src/app/site/About/page.tsx
index 8ed5bc2..3d20669 100644
--- a/src/components/site/About/index.tsx
+++ b/src/app/site/About/page.tsx
@@ -13,8 +13,7 @@ export default function About() {
             and exploring firearm parts. Designed for enthusiasts by
             enthusiasts, we make firearm building easy and accessible.
           </p>
-          <button className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">Click me test</button>
-          {/* <Button className="bg-gray-950 text-grey-100 hover:translate-y-[-2px] transition duration-300">Click me test</Button> */}
+
         </div>
       </section>
     )
diff --git a/src/app/site/Blog/page.tsx b/src/app/site/Blog/page.tsx
new file mode 100644
index 0000000..ee7c612
--- /dev/null
+++ b/src/app/site/Blog/page.tsx
@@ -0,0 +1,21 @@
+import constants from "@src/lib/constants";
+
+export default function Blog() {
+
+  return (
+
+    (
+      <section id="about" className="bg-gray-200 py-20">
+        <div className="container mx-auto px-6 text-center">
+          <h3 className="text-3xl text-gray-700 font-bold mb-6 ">Blog</h3>
+          <p className="text-gray-700">
+            {constants.APP_NAME} is your go-to platform for customizing, building,
+            and exploring firearm parts. Designed for enthusiasts by
+            enthusiasts, we make firearm building easy and accessible.
+          </p>
+
+        </div>
+      </section>
+    )
+  )
+}
\ No newline at end of file
diff --git a/src/components/site/Contact/index.tsx b/src/app/site/Contact/page.tsx
similarity index 100%
rename from src/components/site/Contact/index.tsx
rename to src/app/site/Contact/page.tsx
diff --git a/src/app/site/Disclosure/page.tsx b/src/app/site/Disclosure/page.tsx
new file mode 100644
index 0000000..c1f1611
--- /dev/null
+++ b/src/app/site/Disclosure/page.tsx
@@ -0,0 +1,21 @@
+import constants from "@src/lib/constants";
+
+export default function Disclosure() {
+
+  return (
+
+    (
+      <section id="about" className="bg-gray-200 py-20">
+        <div className="container mx-auto px-6 text-center">
+          <h3 className="text-3xl text-gray-700 font-bold mb-6 ">Disclosure</h3>
+          <p className="text-gray-700">
+            {constants.APP_NAME} is your go-to platform for customizing, building,
+            and exploring firearm parts. Designed for enthusiasts by
+            enthusiasts, we make firearm building easy and accessible.
+          </p>
+
+        </div>
+      </section>
+    )
+  )
+}
\ No newline at end of file
diff --git a/src/components/site/Footer/index.tsx b/src/app/site/Footer/page.tsx
similarity index 100%
rename from src/components/site/Footer/index.tsx
rename to src/app/site/Footer/page.tsx
diff --git a/src/app/site/Jobs/page.tsx b/src/app/site/Jobs/page.tsx
new file mode 100644
index 0000000..09a4ef3
--- /dev/null
+++ b/src/app/site/Jobs/page.tsx
@@ -0,0 +1,21 @@
+import constants from "@src/lib/constants";
+
+export default function Jobs() {
+
+  return (
+
+    (
+      <section id="about" className="bg-gray-200 py-20">
+        <div className="container mx-auto px-6 text-center">
+          <h3 className="text-3xl text-gray-700 font-bold mb-6 ">Jobs</h3>
+          <p className="text-gray-700">
+            {constants.APP_NAME} is your go-to platform for customizing, building,
+            and exploring firearm parts. Designed for enthusiasts by
+            enthusiasts, we make firearm building easy and accessible.
+          </p>
+
+        </div>
+      </section>
+    )
+  )
+}
\ No newline at end of file
diff --git a/src/app/site/PP/page.tsx b/src/app/site/PP/page.tsx
new file mode 100644
index 0000000..63087b2
--- /dev/null
+++ b/src/app/site/PP/page.tsx
@@ -0,0 +1,21 @@
+import constants from "@src/lib/constants";
+
+export default function PrivacyPolicy() {
+
+  return (
+
+    (
+      <section id="about" className="bg-gray-200 py-20">
+        <div className="container mx-auto px-6 text-center">
+          <h3 className="text-3xl text-gray-700 font-bold mb-6 ">Privacy Policy</h3>
+          <p className="text-gray-700">
+            {constants.APP_NAME} is your go-to platform for customizing, building,
+            and exploring firearm parts. Designed for enthusiasts by
+            enthusiasts, we make firearm building easy and accessible.
+          </p>
+
+        </div>
+      </section>
+    )
+  )
+}
\ No newline at end of file
diff --git a/src/app/site/Press/page.tsx b/src/app/site/Press/page.tsx
new file mode 100644
index 0000000..6d3dc4e
--- /dev/null
+++ b/src/app/site/Press/page.tsx
@@ -0,0 +1,21 @@
+import constants from "@src/lib/constants";
+
+export default function About() {
+
+  return (
+
+    (
+      <section id="about" className="bg-gray-200 py-20">
+        <div className="container mx-auto px-6 text-center">
+          <h3 className="text-3xl text-gray-700 font-bold mb-6 ">Press</h3>
+          <p className="text-gray-700">
+            {constants.APP_NAME} is your go-to platform for customizing, building,
+            and exploring firearm parts. Designed for enthusiasts by
+            enthusiasts, we make firearm building easy and accessible.
+          </p>
+
+        </div>
+      </section>
+    )
+  )
+}
\ No newline at end of file
diff --git a/src/app/site/TOS/page.tsx b/src/app/site/TOS/page.tsx
new file mode 100644
index 0000000..7357065
--- /dev/null
+++ b/src/app/site/TOS/page.tsx
@@ -0,0 +1,21 @@
+import constants from "@src/lib/constants";
+
+export default function TOS() {
+
+  return (
+
+    (
+      <section id="about" className="bg-gray-200 py-20">
+        <div className="container mx-auto px-6 text-center">
+          <h3 className="text-3xl text-gray-700 font-bold mb-6 ">Terms of service</h3>
+          <p className="text-gray-700">
+            {constants.APP_NAME} is your go-to platform for customizing, building,
+            and exploring firearm parts. Designed for enthusiasts by
+            enthusiasts, we make firearm building easy and accessible.
+          </p>
+
+        </div>
+      </section>
+    )
+  )
+}
\ No newline at end of file
diff --git a/src/components/Brand/BrandsList.tsx b/src/components/Brand/BrandsList.tsx
index a795623..a7eacea 100644
--- a/src/components/Brand/BrandsList.tsx
+++ b/src/components/Brand/BrandsList.tsx
@@ -4,7 +4,7 @@ import { brandType } from "src/types/brandType";
 import Brand from "./brand";
 import AddBrand from "./addBrand";
 import { addBrand, deleteBrand, editBrand } from "../../actions/brandActions";
-import Footer from "@components/site/Footer";
+import Footer from "@src/app/site/Footer/page";
 import constants from "@src/lib/constants";
 interface Props {
   brands: brandType[];
diff --git a/src/components/HomeContent/index.tsx b/src/components/HomeContent/index.tsx
index 5a8a68f..04d708e 100644
--- a/src/components/HomeContent/index.tsx
+++ b/src/components/HomeContent/index.tsx
@@ -1,9 +1,9 @@
 import Header from "../Header";
 import Hero from "../Hero";
 import FeaturesSection from "../FeaturesSection";
-import About from "../site/About";
-import Contact from "../site/Contact";
-import Footer from "../site/Footer";
+import About from "../../app/site/About/page";
+import Contact from "../../app/site/Contact/page";
+import Footer from "../../app/site/Footer/page";
 
 export default function HomeContent() {
 
diff --git a/src/components/footer/index.tsx b/src/components/footer/index.tsx
index 006183c..1424f41 100644
--- a/src/components/footer/index.tsx
+++ b/src/components/footer/index.tsx
@@ -14,15 +14,16 @@ const navigation = {
     { name: 'Guides', href: '/Guides' },
   ],
   about: [
-    { name: 'About', href: '#' },
-    { name: 'Blog', href: '#' },
-    { name: 'Jobs', href: '#' },
-    { name: 'Press', href: '#' },
+    { name: 'About', href: '/site/About' },
+    { name: 'Blog', href: '/site/Blog' },
+    { name: 'Jobs', href: '/site/Jobs' },
+    { name: 'Press', href: '/site/Press' },
+    { name: 'Contact', href: '/site/Contact' },
   ],
   legal: [
-    { name: 'Terms of service', href: '#' },
-    { name: 'Privacy policy', href: '#' },
-    { name: 'Affiliate Disclosure', href: '#' },
+    { name: 'Terms of service', href: '/site/TOS' },
+    { name: 'Privacy policy', href: '/site/PP' },
+    { name: 'Affiliate Disclosure', href: '/site/Disclosure' },
   ],
   social: [
     {
@@ -115,9 +116,9 @@ export default function Footer() {
                 <ul role="list" className="mt-6 space-y-4">
                   {navigation.about.map((item) => (
                     <li key={item.name}>
-                      <a href={item.href} className="text-sm/6 text-gray-400 hover:text-white">
+                    <Link href={item.href} className="text-sm/6 text-gray-400 hover:text-white">
                         {item.name}
-                      </a>
+                      </Link>
                     </li>
                   ))}
                 </ul>
@@ -127,9 +128,9 @@ export default function Footer() {
                 <ul role="list" className="mt-6 space-y-4">
                   {navigation.legal.map((item) => (
                     <li key={item.name}>
-                      <a href={item.href} className="text-sm/6 text-gray-400 hover:text-white">
+                          <Link href={item.href} className="text-sm/6 text-gray-400 hover:text-white">
                         {item.name}
-                      </a>
+                      </Link>
                     </li>
                   ))}
                 </ul>