footer fixed, added stub content

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>
     )

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>
+    )
+  )
+}

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>
+    )
+  )
+}

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>
+    )
+  )
+}

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>
+    )
+  )
+}

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>
+    )
+  )
+}

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>
+    )
+  )
+}

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[];

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 About from "../../app/site/About/page";
-import Contact from "../site/Contact";
+import Contact from "../../app/site/Contact/page";
-import Footer from "../site/Footer";
+import Footer from "../../app/site/Footer/page";
 
 export default function HomeContent() {
 

src/components/footer/index.tsx

@@ -14,15 +14,16 @@ const navigation = {
     { name: 'Guides', href: '/Guides' },
   ],
   about: [
-    { name: 'About', href: '#' },
+    { name: 'About', href: '/site/About' },
-    { name: 'Blog', href: '#' },
+    { name: 'Blog', href: '/site/Blog' },
-    { name: 'Jobs', href: '#' },
+    { name: 'Jobs', href: '/site/Jobs' },
-    { name: 'Press', href: '#' },
+    { name: 'Press', href: '/site/Press' },
+    { name: 'Contact', href: '/site/Contact' },
   ],
   legal: [
-    { name: 'Terms of service', href: '#' },
+    { name: 'Terms of service', href: '/site/TOS' },
-    { name: 'Privacy policy', href: '#' },
+    { name: 'Privacy policy', href: '/site/PP' },
-    { name: 'Affiliate Disclosure', href: '#' },
+    { 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>