bunch of new stuff

src/app/Guides/page.tsx

@@ -0,0 +1,10 @@
+import { ChevronDownIcon } from "@heroicons/react/20/solid";
+
+export default async function GuidesPage() {
+
+  return (
+    <div>
+      Guides page
+    </div>
+  )
+}

src/app/MyAccount/page.tsx

@@ -0,0 +1,15 @@
+import { Account } from "@db/schema/Account";
+import { getData } from "@actions/accountActions";
+
+export default async function MyAccountsPage() {
+  const data = await getData();
+  return (
+    <div className="bg-gray-100 min-h-screen flex flex-col">
+      <div>
+        My account Page
+        </div> 
+ {/*   <Account account={data} /> */} 
+    </div>
+  );
+}
+

src/app/Products/grips/page.tsx

@@ -9,6 +9,7 @@ export default async function GripsPage() {
 
   return (
     <div>
+      <PageHero title="Grips" />
       <div className="container mx-auto">
         <SortTable data={data}></SortTable>
       </div>

src/app/Products/layout.tsx

@@ -16,8 +16,8 @@ export default function RootLayout({
   return (
 
         <div className="flex min-h-full flex-col">
-
+{/* 
-          <PageHero title="Category" />
+          <PageHero title="Category" /> */}
           <div className="mx-auto flex w-full max-w-7xl items-start gap-x-8 ">
             <aside className="sticky top-8 hidden w-44 shrink-0 lg:block pt-4">
               {/* Left column area */}

src/app/Products/lowers/page.tsx

@@ -2,12 +2,14 @@ import { getProductType } from "@queries/PSA";
 import partTypes from 'src/data/parts_cats.json';
 import styles from "../styles.module.css";
 import SortTable from "@src/components/SortTable";
+import PageHero from "@src/components/PageHero";
 
 export default async function LowerReceiverPage() {
   const data = await getProductType(partTypes["AR COMPLETE LOWERS"]);
 
   return (
     <div>
+           <PageHero title="Lower Recievers" />
       <div className="container mx-auto py-5">
         <SortTable data={data}></SortTable>      
       </div>

src/app/Products/parts/page.tsx

@@ -1,13 +1,18 @@
 import { getARParts } from "@queries/PSA";
 import styles from '../styles.module.css';
 import SortTable from "@src/components/SortTable";
+import PageHero from "@src/components/PageHero";
 
 export default async function PartsPage() {
   const data = await getARParts();
 
   return (
+    <div>
+      <PageHero title="Parts" />
       <div className="container mx-auto">
         <SortTable data={data}></SortTable>
       </div>
+    </div>
+
   );
 }

src/app/Products/uppers/page.tsx

@@ -1,7 +1,7 @@
 import { getUpperReciever } from "@queries/PSA";
 import styles from '../styles.module.css';
 import PageHero from "@src/components/PageHero";
-import ProductTable from "@src/components/ProductTable";
+import SortTable from "@src/components/SortTable";
 
 export default async function UpperReceiverPage() {
   const data = await getUpperReciever();
@@ -10,7 +10,7 @@ export default async function UpperReceiverPage() {
     <div>
       <PageHero title="Upper Recievers" />
       <div className="container mx-auto">
-        <ProductTable data={data}></ProductTable>
+        <SortTable data={data}></SortTable>
       </div>
     </div>
   );

src/components/footer/index.tsx

@@ -1,15 +1,17 @@
+import Link from "next/link"
+
 const navigation = {
   armory: [
-      { name: 'Builder', href: '#' },
+    { name: 'Builder', href: '/Builder' },
-      { name: 'Lowers', href: '#' },
+    { name: 'Lowers', href: '/Products/lowers' },
-      { name: 'Uppers', href: '#' },
+    { name: 'Uppers', href: '/Products/uppers' },
-      { name: 'Optics', href: '#' },
+    { name: 'Optics', href: '/Products/optics' },
-      { name: 'Accessories', href: '#' },
+    { name: 'Accessories', href: '/Products/accessories#' },
   ],
   account: [
-      { name: 'My Account', href: '#' },
+    { name: 'My Account', href: '/MyAccount' },
-      { name: 'Register', href: '#' },
+    { name: 'Register', href: '/signin' },
-      { name: 'Guides', href: '#' },
+    { name: 'Guides', href: '/Guides' },
   ],
   about: [
     { name: 'About', href: '#' },
@@ -26,7 +28,7 @@ const navigation = {
     {
       name: 'Facebook',
       href: '#',
-        icon: (props:any) => (
+      icon: (props: any) => (
         <svg fill="currentColor" viewBox="0 0 24 24" {...props}>
           <path
             fillRule="evenodd"
@@ -39,7 +41,7 @@ const navigation = {
     {
       name: 'Instagram',
       href: '#',
-        icon: (props:any) => (
+      icon: (props: any) => (
         <svg fill="currentColor" viewBox="0 0 24 24" {...props}>
           <path
             fillRule="evenodd"
@@ -52,7 +54,7 @@ const navigation = {
     {
       name: 'X',
       href: '#',
-        icon: (props:any) => (
+      icon: (props: any) => (
         <svg fill="currentColor" viewBox="0 0 24 24" {...props}>
           <path d="M13.6823 10.6218L20.2391 3H18.6854L12.9921 9.61788L8.44486 3H3.2002L10.0765 13.0074L3.2002 21H4.75404L10.7663 14.0113L15.5685 21H20.8131L13.6819 10.6218H13.6823ZM11.5541 13.0956L10.8574 12.0991L5.31391 4.16971H7.70053L12.1742 10.5689L12.8709 11.5655L18.6861 19.8835H16.2995L11.5541 13.096V13.0956Z" />
         </svg>
@@ -61,7 +63,7 @@ const navigation = {
     {
       name: 'YouTube',
       href: '#',
-        icon: (props:any) => (
+      icon: (props: any) => (
         <svg fill="currentColor" viewBox="0 0 24 24" {...props}>
           <path
             fillRule="evenodd"
@@ -72,9 +74,9 @@ const navigation = {
       ),
     },
   ],
-  }
+}
 
-  export default function Footer() {
+export default function Footer() {
   return (
     <footer className="bg-zinc-900">
       <div className="mx-auto max-w-7xl px-6 pb-8 pt-20 sm:pt-24 lg:px-8 lg:pt-32">
@@ -98,9 +100,10 @@ const navigation = {
                 <ul role="list" className="mt-6 space-y-4">
                   {navigation.account.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>
@@ -178,5 +181,4 @@ const navigation = {
       </div>
     </footer>
   )
-  }
+}
-