Forward/ballistic-builder
3
0
Fork 0
mirror of https://gitea.gofwd.group/dstrawsb/ballistic-builder.git synced 2025-12-06 02:36:44 -05:00
Code Issues Packages Projects Releases Wiki Activity

fix link issue

Browse Source
This commit is contained in:
Sean S
2024-11-20 13:44:41 -05:00
parent 090e23e59c
commit 0d7f42b06c
9 changed files with 119 additions and 125 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/Fragments/Armory/index.tsx
View File

@@ -11,19 +11,19 @@ let linksArray = [
]; ];
export const Armory = (props) => { export const Armory = (props) => {
return ( return (
<div> (<div>
{armoryLinks.length} {armoryLinks.length}
<h4>{props.titleText}</h4> <h4>{props.titleText}</h4>
<ul> <ul>
{linksArray.map((link, index) => ( {linksArray.map((link, index) => (
<li key={index}> <li key={index}>
<Link href={link.URL}> <Link href={link.URL}>
<a>{link.TEXT}</a> {link.TEXT}
</Link> </Link>
</li> </li>
))} ))}
</ul> </ul>
</div> </div>)
) );
} }
export default Armory; export default Armory;

9
app/Fragments/GroundZero/index.tsx
View File

@@ -10,19 +10,18 @@ let linksArray = [
export const GroundZero = (props) => { export const GroundZero = (props) => {
return ( return (
<div> (<div>
<h4>{props.titleText}</h4> <h4>{props.titleText}</h4>
<ul> <ul>
{linksArray.map((link, index) => ( {linksArray.map((link, index) => (
<li key={index}> <li key={index}>
<Link href={link.URL}> <Link href={link.URL}>
<a>{link.TEXT}</a> {link.TEXT}
</Link> </Link>
</li> </li>
))} ))}
</ul> </ul>
</div> </div>)
);
)
} }
export default GroundZero; export default GroundZero;

8
app/Fragments/Information/index.tsx
View File

@@ -10,18 +10,18 @@ let linksArray = [
]; ];
export const Information = (props) => { export const Information = (props) => {
return ( return (
<div> (<div>
<h4>{props.titleText}</h4> <h4>{props.titleText}</h4>
<ul> <ul>
{linksArray.map((link, index) => ( {linksArray.map((link, index) => (
<li key={index}> <li key={index}>
<Link href={link.URL}> <Link href={link.URL}>
<a>{link.TEXT}</a> {link.TEXT}
</Link> </Link>
</li> </li>
))} ))}
</ul> </ul>
</div> </div>)
) );
} }
export default Information; export default Information;

74
app/components/Footer/FooterLinks/index copy.js
View File

@@ -25,50 +25,50 @@ export default function FooterLinks() {
const classes = useStyles(); const classes = useStyles();
return ( return (
<div className={classes.root}> (<div className={classes.root}>
<TypoGraphy variant="subtitle1" color="inherit" > <TypoGraphy variant="subtitle1" color="inherit" >
<List component="nav" > <List component="nav" >
<ListItemText inset > <ListItemText inset >
<TypoGraphy color="inherit" variant="subtitle2"> <TypoGraphy color="inherit" variant="subtitle2">
<Link href="/info/faq"><a className={styles.navLinks}>FAQ</a></Link> <Link href="/info/faq" className={styles.navLinks}>FAQ</Link>
</TypoGraphy> </TypoGraphy>
</ListItemText> </ListItemText>
<ListItemText inset > <ListItemText inset >
<TypoGraphy color="inherit" variant="subtitle2"> <TypoGraphy color="inherit" variant="subtitle2">
<Link href="/info/tos"><a className={styles.navLinks}>Terms Of Service</a></Link> <Link href="/info/tos" className={styles.navLinks}>Terms Of Service</Link>
</TypoGraphy> </TypoGraphy>
</ListItemText> </ListItemText>
<ListItemText inset> <ListItemText inset>
<TypoGraphy color="inherit" variant="subtitle2"> <TypoGraphy color="inherit" variant="subtitle2">
<Link href="/info/contactus"><a className={styles.navLinks}>Contact Us</a></Link> <Link href="/info/contactus" className={styles.navLinks}>Contact Us</Link>
</TypoGraphy> </TypoGraphy>
</ListItemText> </ListItemText>
<ListItemText inset> <ListItemText inset>
<TypoGraphy color="inherit" variant="subtitle2"> <TypoGraphy color="inherit" variant="subtitle2">
<Link href="/info/privacypolicy"><a className={styles.navLinks}>Privacy Policy</a></Link> <Link href="/info/privacypolicy" className={styles.navLinks}>Privacy Policy</Link>
</TypoGraphy> </TypoGraphy>
</ListItemText> </ListItemText>
<ListItemText inset> <ListItemText inset>
<TypoGraphy color="inherit" variant="subtitle2"> <TypoGraphy color="inherit" variant="subtitle2">
<Link href="/info/pip"><a className={styles.navLinks}>Personal Information Policy</a></Link> <Link href="/info/pip" className={styles.navLinks}>Personal Information Policy</Link>
</TypoGraphy> </TypoGraphy>
</ListItemText> </ListItemText>
<ListItemText inset> <ListItemText inset>
<TypoGraphy color="inherit" variant="subtitle2"> <TypoGraphy color="inherit" variant="subtitle2">
<Link href="/info/disclosure"><a className={styles.navLinks}>Disclosure</a></Link> <Link href="/info/disclosure" className={styles.navLinks}>Disclosure</Link>
</TypoGraphy> </TypoGraphy>
</ListItemText> </ListItemText>
</List> </List>
</TypoGraphy> </TypoGraphy>
</div> </div>)
) );
} }

4
app/components/Footer/index.tsx
View File

@@ -16,7 +16,7 @@ export const Footer = () => {
// <FooterLinks></FooterLinks> // <FooterLinks></FooterLinks>
// <Copyright></Copyright> // <Copyright></Copyright>
// </div> // </div>
<> (<>
<footer className={styles.footer}> <footer className={styles.footer}>
<nav className={styles.linksContainer}> <nav className={styles.linksContainer}>
<div className={styles.brand}> <div className={styles.brand}>
@@ -33,7 +33,7 @@ export const Footer = () => {
</nav> </nav>
</footer> </footer>
<Copyright></Copyright> <Copyright></Copyright>
</> </>)
); );
} }

58
app/components/Header/index.tsx
View File

@@ -21,41 +21,39 @@ export default class Header extends Component {
render() { render() {
return ( return (
<div> (<div>
<div className="topheader"> <div className="topheader">
<Link href="/"><a className="logo">Gun Builder</a> <Link href="/" legacyBehavior><a className="logo">Gun Builder</a>
</Link> </Link>
</div> </div>
<AppBar position="static">
<Toolbar>
<List component="nav">
<ListItem component="div" className="nav-item">
<ListItemText inset>
<Link href={sectionLinks.UPPERS.URL} legacyBehavior><a className={styles.navLinks}>{sectionLinks.UPPERS.TEXT}</a></Link>
</ListItemText>
<AppBar position="static">
<Toolbar>
<List component="nav">
<ListItem component="div" className="nav-item">
<ListItemText inset> <ListItemText inset>
<Link href={sectionLinks.UPPERS.URL}><a className={styles.navLinks}>{sectionLinks.UPPERS.TEXT}</a></Link> <Link href={sectionLinks.PARTSLIST.URL} legacyBehavior><a className={styles.navLinks}>{sectionLinks.PARTSLIST.TEXT}</a></Link>
</ListItemText> </ListItemText>
<ListItemText inset> <ListItemText inset>
<Link href={sectionLinks.PARTSLIST.URL}><a className={styles.navLinks}>{sectionLinks.PARTSLIST.TEXT}</a></Link> <Link href={sectionLinks.BUILDS.URL} legacyBehavior><a className={styles.navLinks}>{sectionLinks.BUILDS.TEXT}</a></Link>
</ListItemText> </ListItemText>
<ListItemText inset> <ListItemText inset>
<Link href={sectionLinks.BUILDS.URL}><a className={styles.navLinks}>{sectionLinks.BUILDS.TEXT}</a></Link> <Link href={sectionLinks.BLOG.URL} legacyBehavior><a className={styles.navLinks}>{sectionLinks.BLOG.TEXT}</a></Link>
</ListItemText> </ListItemText>
<ListItemText inset> {/* <ListItemText inset>
<Link href={sectionLinks.BLOG.URL}><a className={styles.navLinks}>{sectionLinks.BLOG.TEXT}</a></Link> <Link href="/admin"><a className={styles.navLinks}>Admin</a></Link>
</ListItemText> </ListItemText> */}
</ListItem>
{/* <ListItemText inset>
<Link href="/admin"><a className={styles.navLinks}>Admin</a></Link>
</ListItemText> */}
</ListItem>
</List>
</Toolbar>
</AppBar>
</List>
</Toolbar>
</AppBar>
<style jsx>{` <style jsx>{`
header { header {
background:#101010; background:#101010;
@@ -97,8 +95,8 @@ export default class Header extends Component {
letter-spacing:2px; letter-spacing:2px;
} }
`}</style> `}</style>
</div> </div>)
) );
} }
} }

9
app/components/Info/Copyright/index.tsx
View File

@@ -10,16 +10,15 @@ import styled from '@emotion/styled'
export default class Copyright extends Component { export default class Copyright extends Component {
render() { render() {
return ( return (
<CopyStyled> (<CopyStyled>
<div className="copyright">&copy;&nbsp; {new Date().getFullYear()} {' '} <div className="copyright">&copy;&nbsp; {new Date().getFullYear()} {' '}
<Link href={COMPANY_URL}> <Link href={COMPANY_URL}>
<a>{COMPANY_NAME}</a> {COMPANY_NAME}
</Link>{' '} </Link>{' '}
<span>All Rights Reserved.</span> <span>All Rights Reserved.</span>
</div> </div>
</CopyStyled> </CopyStyled>)
);
)
} }
} }

33
app/page.tsx
View File

@@ -2,22 +2,21 @@ import Link from "next/link";
export default function Home() { export default function Home() {
return ( return (
<div className="bg-gray-100 min-h-screen flex flex-col"> (<div className="bg-gray-100 min-h-screen flex flex-col">
{/* Header Section */} {/* Header Section */}
<header className="bg-gray-800 text-white py-4 shadow-md"> <header className="bg-gray-800 text-white py-4 shadow-md">
<div className="container mx-auto px-6 flex justify-between items-center"> <div className="container mx-auto px-6 flex justify-between items-center">
<h1 className="text-2xl font-bold">Firearm Builder</h1> <h1 className="text-2xl font-bold">Firearm Builder</h1>
<nav> <nav>
<ul className="flex space-x-4"> <ul className="flex space-x-4">
<li><Link href="#features"><a className="hover:underline">Features</a></Link></li> <li><Link href="#features" className="hover:underline">Features</Link></li>
<li><Link href="/builder"><a className="hover:underline">Builder</a></Link></li> <li><Link href="/builder" className="hover:underline">Builder</Link></li>
<li><Link href="/products"><a className="hover:underline">Products</a></Link></li> <li><Link href="/products" className="hover:underline">Products</Link></li>
<li><Link href="#contact"><a className="hover:underline">Contact</a></Link></li> <li><Link href="#contact" className="hover:underline">Contact</Link></li>
</ul> </ul>
</nav> </nav>
</div> </div>
</header> </header>
{/* Hero Section */} {/* Hero Section */}
<section className="bg-gray-700 text-white py-20 text-center"> <section className="bg-gray-700 text-white py-20 text-center">
<div className="container mx-auto px-6"> <div className="container mx-auto px-6">
@@ -25,14 +24,15 @@ export default function Home() {
<p className="text-lg mb-6"> <p className="text-lg mb-6">
Customize every component of your firearm with ease and precision. Customize every component of your firearm with ease and precision.
</p> </p>
<Link href="/builder"> <Link
<a className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"> href="/builder"
className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
Get Started Get Started
</a>
</Link> </Link>
</div> </div>
</section> </section>
{/* Features Section */} {/* Features Section */}
<section id="features" className="py-20"> <section id="features" className="py-20">
<div className="container mx-auto px-6 text-center"> <div className="container mx-auto px-6 text-center">
@@ -59,7 +59,6 @@ export default function Home() {
</div> </div>
</div> </div>
</section> </section>
{/* About Section */} {/* About Section */}
<section id="about" className="bg-gray-200 py-20"> <section id="about" className="bg-gray-200 py-20">
<div className="container mx-auto px-6 text-center"> <div className="container mx-auto px-6 text-center">
@@ -71,7 +70,6 @@ export default function Home() {
</p> </p>
</div> </div>
</section> </section>
{/* Contact Section */} {/* Contact Section */}
<section id="contact" className="py-20"> <section id="contact" className="py-20">
<div className="container mx-auto px-6 text-center"> <div className="container mx-auto px-6 text-center">
@@ -79,20 +77,21 @@ export default function Home() {
<p className="text-gray-700 mb-6"> <p className="text-gray-700 mb-6">
Have questions or feedback? We’d love to hear from you! Have questions or feedback? We’d love to hear from you!
</p> </p>
<Link href="mailto:support@firearmbuilder.com"> <Link
<a className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"> href="mailto:support@firearmbuilder.com"
className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
Email Us Email Us
</a>
</Link> </Link>
</div> </div>
</section> </section>
{/* Footer Section */} {/* Footer Section */}
<footer className="bg-gray-800 text-white py-4"> <footer className="bg-gray-800 text-white py-4">
<div className="container mx-auto px-6 text-center"> <div className="container mx-auto px-6 text-center">
<p>&copy; {new Date().getFullYear()} Firearm Builder. All rights reserved.</p> <p>&copy; {new Date().getFullYear()} Firearm Builder. All rights reserved.</p>
</div> </div>
</footer> </footer>
</div> </div>)
); );
} }

33
pages/oldindex.js
View File

@@ -2,22 +2,21 @@ import Link from "next/link";
export default function Home() { export default function Home() {
return ( return (
<div className="bg-gray-100 min-h-screen flex flex-col"> (<div className="bg-gray-100 min-h-screen flex flex-col">
{/* Header Section */} {/* Header Section */}
<header className="bg-gray-800 text-white py-4 shadow-md"> <header className="bg-gray-800 text-white py-4 shadow-md">
<div className="container mx-auto px-6 flex justify-between items-center"> <div className="container mx-auto px-6 flex justify-between items-center">
<h1 className="text-2xl font-bold">Firearm Builder</h1> <h1 className="text-2xl font-bold">Firearm Builder</h1>
<nav> <nav>
<ul className="flex space-x-4"> <ul className="flex space-x-4">
<li><Link href="#features"><a className="hover:underline">Features</a></Link></li> <li><Link href="#features" className="hover:underline">Features</Link></li>
<li><Link href="/builder"><a className="hover:underline">Builder</a></Link></li> <li><Link href="/builder" className="hover:underline">Builder</Link></li>
<li><Link href="/products"><a className="hover:underline">Products</a></Link></li> <li><Link href="/products" className="hover:underline">Products</Link></li>
<li><Link href="#contact"><a className="hover:underline">Contact</a></Link></li> <li><Link href="#contact" className="hover:underline">Contact</Link></li>
</ul> </ul>
</nav> </nav>
</div> </div>
</header> </header>
{/* Hero Section */} {/* Hero Section */}
<section className="bg-gray-700 text-white py-20 text-center"> <section className="bg-gray-700 text-white py-20 text-center">
<div className="container mx-auto px-6"> <div className="container mx-auto px-6">
@@ -25,14 +24,15 @@ export default function Home() {
<p className="text-lg mb-6"> <p className="text-lg mb-6">
Customize every component of your firearm with ease and precision. Customize every component of your firearm with ease and precision.
</p> </p>
<Link href="/builder"> <Link
<a className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"> href="/builder"
className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
Get Started Get Started
</a>
</Link> </Link>
</div> </div>
</section> </section>
{/* Features Section */} {/* Features Section */}
<section id="features" className="py-20"> <section id="features" className="py-20">
<div className="container mx-auto px-6 text-center"> <div className="container mx-auto px-6 text-center">
@@ -59,7 +59,6 @@ export default function Home() {
</div> </div>
</div> </div>
</section> </section>
{/* About Section */} {/* About Section */}
<section id="about" className="bg-gray-200 py-20"> <section id="about" className="bg-gray-200 py-20">
<div className="container mx-auto px-6 text-center"> <div className="container mx-auto px-6 text-center">
@@ -71,7 +70,6 @@ export default function Home() {
</p> </p>
</div> </div>
</section> </section>
{/* Contact Section */} {/* Contact Section */}
<section id="contact" className="py-20"> <section id="contact" className="py-20">
<div className="container mx-auto px-6 text-center"> <div className="container mx-auto px-6 text-center">
@@ -79,20 +77,21 @@ export default function Home() {
<p className="text-gray-700 mb-6"> <p className="text-gray-700 mb-6">
Have questions or feedback? We’d love to hear from you! Have questions or feedback? We’d love to hear from you!
</p> </p>
<Link href="mailto:support@firearmbuilder.com"> <Link
<a className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"> href="mailto:support@firearmbuilder.com"
className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
Email Us Email Us
</a>
</Link> </Link>
</div> </div>
</section> </section>
{/* Footer Section */} {/* Footer Section */}
<footer className="bg-gray-800 text-white py-4"> <footer className="bg-gray-800 text-white py-4">
<div className="container mx-auto px-6 text-center"> <div className="container mx-auto px-6 text-center">
<p>&copy; {new Date().getFullYear()} Firearm Builder. All rights reserved.</p> <p>&copy; {new Date().getFullYear()} Firearm Builder. All rights reserved.</p>
</div> </div>
</footer> </footer>
</div> </div>)
); );
} }