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

  return (
    // <div className={styles.Footer}>
    //   <FooterLinks></FooterLinks>
    //   <Copyright></Copyright>
    // </div>
    <>
      <footer className={styles.footer}>
        <nav className={styles.linksContainer}>
          <div className={styles.brand}>
            <div className={styles.logo}>
              <span>Logo</span>
            </div>
            <p>Find Parts.</p>
            <p>Build Guns.</p>
            <p>Freedom On.</p>
          </div>          
          <Armory titleText="Armory"/>
          <GroundZero titleText="Ground Zero"/>
          <Information titleText="Information"/>
        </nav>
      </footer>
      <Copyright></Copyright>
    </>
  );
}


Footer.propTypes = {};

export default Footer;