moved stuff out of app since it is used for routing

src/Fragments/Armory/index.tsx

@@ -1,6 +1,6 @@
-import { sectionLinks } from "@/app/lib/linkList/sectionLinks";
+import { sectionLinks } from "../../lib/linkList/sectionLinks";
 import Link from "next/link";
-import armoryLinks from "@/app/lib/linkList/sectionLinks";
+import armoryLinks from "../../lib/linkList/sectionLinks";
 
 let linksArray = [
     sectionLinks.UPPERS,
@@ -9,10 +9,10 @@ let linksArray = [
     sectionLinks.OPTICS,
     sectionLinks.ACCESSORIES,  
 ];
-export const Armory = (props) => {
+export const Armory = (props:any) => {
     return (
         (<div>
-            {armoryLinks.length}
+            
             <h4>{props.titleText}</h4>
             <ul>
                 {linksArray.map((link, index) => (

src/app/layout.tsx

@@ -1,3 +1,4 @@
+import "../styles/globals.css";
 export const metadata = {
   title: 'Next.js',
   description: 'Generated by Next.js',

src/app/page.tsx

@@ -1,11 +1,9 @@
-import "./globals.css"
+import FeaturesSection from "../components/FeaturesSection";
-import Link from "next/link";
+import About from "../components/About";
-import FeaturesSection from "./components/FeaturesSection";
+import Header from "../components/Header";
-import About from "./components/About";
+import Hero from "../components/Hero";
-import Header from "./components/Header";
+import Contact from "../components/Contact";
-import Hero from "./components/Hero";
+import Footer from "../components/Footer ";
-import Contact from "./components/Contact";
-import Footer from "./components/Footer ";
 import { ChakraProvider } from "@chakra-ui/react";
 
 export default function Home() {

src/app/sign-up/page.tsx

@@ -0,0 +1,10 @@
+
+import { ChakraProvider } from "@chakra-ui/react";
+
+export default function SignUp() {
+  return (
+    <div className="bg-gray-100 min-h-screen flex flex-col">
+     Sign Up info goes here 
+    </div>
+  );
+}

src/components/GB_Footer/FooterLinks/index.js

@@ -8,7 +8,7 @@ import TypoGraphy from '@mui/material/Typography'
 import Link from 'next/link'
 import { withStyles } from '@mui/material/styles';
 import styled from '@emotion/styled'
-import FooterLink from '@/src/app/Fragments/FooterLink';
+import FooterLink from '@/src/Fragments/FooterLink';
 
 
 class FooterLinks extends React.Component {

src/components/GB_Footer/index.tsx

@@ -1,14 +1,14 @@
 import React, { Component } from "react";
 import PropTypes from "prop-types";
 import styles from './styles.module.scss';
-import Copyright from "@/src/app/components/GB_Info/Copyright";
+import Copyright from "@/src/components/GB_Info/Copyright";
 import FooterLinks from "./FooterLinks";
 import Link from "next/link";
-import { infoLinks } from "@/src/app/lib/linkList/infoLinks";
+import { infoLinks } from "@/src/lib/linkList/infoLinks";
-import { sectionLinks } from "@/src//app/lib/linkList/sectionLinks";
+import { sectionLinks } from "@/src/lib/linkList/sectionLinks";
-import Armory from '@/src/app/Fragments/Armory';
+import Armory from '@/src/Fragments/Armory';
-import GroundZero from "@/src/app/Fragments/GroundZero";
+import GroundZero from "@/src/Fragments/GroundZero";
-import Information from "@/src/app/Fragments/Information";
+import Information from "@/src/Fragments/Information";
 export const Footer = () => {
 
   return (

src/components/GB_Info/ContactUs/index.tsx

@@ -2,7 +2,7 @@ import React, { Component } from 'react'
 import TypoGraphy from '@mui/material/Typography';
 import PropTypes from 'prop-types' //ES6
 import styles from './styles.module.css';
-import constants from '@/src/app/lib/constants'
+import constants from '@/src/lib/constants'
 
 import { useQuery, useMutation, gql } from "@apollo/client";
 

src/components/GB_Info/Copyright/index.tsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { COMPANY_NAME, COMPANY_URL } from '@/src/app/lib/constants';
+import { COMPANY_NAME, COMPANY_URL } from '@/src/lib/constants';
 import Typography from '@mui/material/Typography';
 import MuiLink from '@mui/material/Link';
 import styles from './styles.module.css'

src/components/GB_Info/Disclosure/index.tsx

@@ -2,8 +2,8 @@ import React, { Component } from 'react'
 import TypoGraphy from '@mui/material/Typography';
 import PropTypes from 'prop-types' //ES6
 import styles from './styles.module.css';
-import constants from '@/src/app/lib/constants'
+import constants from '@/src/lib/constants'
-import {SITE_CONT_TYPE} from '@/src/app/lib/constants'
+import {SITE_CONT_TYPE} from '@/src/lib/constants'
 import { useQuery, useMutation, gql } from "@apollo/client";
 
 export default function Disclosure(props) {

src/components/GB_Info/PIP/index.tsx

@@ -3,7 +3,7 @@ import Head from 'next/head';
 import TypoGraphy from '@mui/material/Typography';
 import PropTypes from 'prop-types' //ES6
 import styles from './styles.module.css';
-import constants from '@/src/app/lib/constants'
+import constants from '@/src/lib/constants'
 import { useQuery, useMutation, gql } from "@apollo/client";
 
 export default function PIP(props) {

src/components/GB_Info/PrivacyPolicy/index.tsx

@@ -3,7 +3,7 @@ import TypoGraphy from '@mui/material/Typography';
 import Head from 'next/head';
 import PropTypes from 'prop-types' //ES6
 import styles from './styles.module.css';
-import constants from '@/src/app/lib/constants'
+import constants from '@/src/lib/constants'
 import { useQuery, useMutation, gql } from "@apollo/client";
 
 export default function PrivacyPolicy(props) {

src/components/GB_Info/TermsOfService/index.tsx

@@ -2,7 +2,7 @@ import React, { Component } from 'react'
 import Head from 'next/head';
 import TypoGraphy from '@mui/material/Typography';
 import PropTypes from 'prop-types' //ES6
-import constants from '@/src/app/lib/constants'
+import constants from '@/src/lib/constants'
 import { useQuery, useMutation, gql } from "@apollo/client";
 
 export default function TermsOfService(props) {