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

working chakura-ui

Browse Source
This commit is contained in:
Don Starwsburg
2024-11-21 13:03:00 -05:00
parent ada465af64
commit 7b38c8a082
12 changed files with 85 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
next.config.ts
View File

@@ -2,6 +2,9 @@ import type { NextConfig } from "next";
const nextConfig: NextConfig = { const nextConfig: NextConfig = {
/* config options here */ /* config options here */
experimental: {
optimizePackageImports: ["@chakra-ui/react"],
},
}; };
export default nextConfig; export default nextConfig;

2
package.json
View File

@@ -3,7 +3,7 @@
"version": "0.1.0", "version": "0.1.0",
"private": "true", "private": "true",
"scripts": { "scripts": {
"dev": "next dev --turbo", "dev": "next dev",
"build": "next build", "build": "next build",
"start": "next start", "start": "next start",
"lint": "next lint" "lint": "next lint"

13
src/app/layout.tsx
View File

@@ -1,15 +1,18 @@
import { Provider } from "../components/ui/provider"
import "../styles/globals.css"; import "../styles/globals.css";
export const metadata = { export const metadata = {
title: 'Next.js', title: 'Next.js',
description: 'Generated by Next.js', description: 'Generated by Next.js',
} }
export default function RootLayout({ children,}: { export default function RootLayout(props: { children: React.ReactNode }) {
children: React.ReactNode const { children } = props;
}) {
return ( return (
<html lang="en"> <html suppressHydrationWarning>
<body>{children}</body> <body>
<Provider>{children}</Provider>
</body>
</html> </html>
) )
} }

3
src/app/page.tsx
View File

@@ -9,12 +9,13 @@ import { ChakraProvider } from "@chakra-ui/react";
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 /> <Header />
<Hero /> <Hero />
<FeaturesSection /> <FeaturesSection />
<About /> <About />
<Contact /> <Contact />
<Footer /> <Footer />
</div> </div>
); );
} }

4
src/components/Contact/index.tsx
View File

@@ -10,13 +10,15 @@ export default function Contact() {
<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>
<span>
<Link <Link
href="mailto:support@firearmbuilder.com" href="mailto:support@ballisticbuilder.com"
className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"> className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
Email Us Email Us
</Link> </Link>
</span>
</div> </div>
</section> </section>
) )

3
src/components/Footer /index.tsx
View File

@@ -6,7 +6,8 @@ export default function Footer() {
( (
<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()} Ballistic Builder. All rights reserved.</p> */}
<p>&copy; 2024 Ballistic Builder. All rights reserved.</p>
</div> </div>
</footer> </footer>
) )

39
src/components/Header/Header.tsx
View File

@@ -1,39 +0,0 @@
import { Box, Flex, Link, Heading } from "@chakra-ui/react";
import NextLink from "next/link";
const Header: React.FC = () => {
return (
<>
<Box as="header" bg="primary" color="white" px="6" py="4" shadow="md">
<Flex justify="space-between" align="center" maxW="5xl" mx="auto">
<Heading as="h1" size="lg">
<NextLink href="/" passHref>
<Link color="white" _hover={{ textDecoration: "none" }}>
Ballistic Builder
</Link>
</NextLink>
</Heading>
<Flex as="nav" gap="6">
<NextLink href="/builder" passHref>
<Link color="white" _hover={{ textDecoration: "underline" }}>
Builder
</Link>
</NextLink>
<NextLink href="/products" passHref>
<Link color="white" _hover={{ textDecoration: "underline" }}>
Products
</Link>
</NextLink>
<NextLink href="/auth/signin" passHref>
<Link color="white" _hover={{ textDecoration: "underline" }}>
Sign In
</Link>
</NextLink>
</Flex>
</Flex>
</Box>
</>
);
};
export default Header;

23
src/components/Header/index-no-chakura.tsx Normal file
View File

@@ -0,0 +1,23 @@
import Link from "next/link";
export default function Header() {
{/* Header Section */ }
return (
(
<header className="bg-gray-800 text-white py-4 shadow-md">
<div className="container mx-auto px-6 flex justify-between items-center">
<h1 className="text-2xl font-bold">Ballistic Builder</h1>
<nav>
<ul className="flex space-x-4">
<li><Link href="#features" className="hover:underline">Features</Link></li>
<li><Link href="/builder" className="hover:underline">Builder</Link></li>
<li><Link href="/products" className="hover:underline">Products</Link></li>
<li><Link href="#contact" className="hover:underline">Contact</Link></li>
</ul>
</nav>
</div>
</header>
)
)}

56
src/components/Header/index.tsx
View File

@@ -1,23 +1,41 @@
import Link from "next/link"; import { Box, Flex, Link, Heading } from "@chakra-ui/react";
import NextLink from "next/link";
export default function Header() { const Header: React.FC = () => {
{/* Header Section */ }
return ( return (
( <>
<header className="bg-gray-800 text-white py-4 shadow-md"> <Box as="header" bg="primary" color="white" px="6" py="4" shadow="md">
<div className="container mx-auto px-6 flex justify-between items-center"> <Flex justify="space-between" align="center" maxW="5xl" mx="auto">
<h1 className="text-2xl font-bold">Ballistic Builder</h1> <Heading as="h1" size="lg">
<nav>
<ul className="flex space-x-4">
<li><Link href="#features" className="hover:underline">Features</Link></li>
<li><Link href="/builder" className="hover:underline">Builder</Link></li>
<li><Link href="/products" className="hover:underline">Products</Link></li>
<li><Link href="#contact" className="hover:underline">Contact</Link></li>
</ul>
</nav>
</div>
</header> {/* <NextLink href="/" passHref> */}
<Link color="#374151" _hover={{ textDecoration: "none" }}>
Ballistic Builder
</Link>
{/* </NextLink> */}
) </Heading>
)} <Flex as="nav" gap="6">
{/* <NextLink href="/builder" passHref> */}
<Link color="#374151" _hover={{ textDecoration: "underline" }}>
Builder
</Link>
{/* </NextLink> */}
{/* <NextLink href="/products" passHref> */}
<Link color="#374151" _hover={{ textDecoration: "underline" }}>
Products
</Link>
{/* </NextLink> */}
{/* <NextLink href="/auth/signin" passHref> */}
<Link color="#374151" _hover={{ textDecoration: "underline" }}>
Sign In
</Link>
{/* </NextLink> */}
</Flex>
</Flex>
</Box>
</>
);
};
export default Header;

2
src/components/Hero/index.tsx
View File

@@ -10,6 +10,7 @@ export default function Hero() {
<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>
<span>
<Link <Link
href="/builder" href="/builder"
className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"> className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
@@ -17,6 +18,7 @@ export default function Hero() {
Get Started Get Started
</Link> </Link>
</span>
</div> </div>
</section> </section>

4
src/pages/page-orig.tsx
View File

@@ -78,7 +78,7 @@ export default function Home() {
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 <Link
href="mailto:support@firearmbuilder.com" href="mailto:support@ballisticbuilder.com"
className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"> className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
Email Us Email Us
@@ -89,7 +89,7 @@ export default function Home() {
{/* 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()} Ballistic Builder. All rights reserved.</p>
</div> </div>
</footer> </footer>
</div>) </div>)

3
tsconfig.json
View File

@@ -20,7 +20,8 @@
} }
], ],
"paths": { "paths": {
"@/*": ["./*"], "@/*": ["./src/*"],
"components/*": [ "components/*": [
"/src/app/components/*" "/src/app/components/*"
], ],