mirror of
https://gitea.gofwd.group/dstrawsb/ballistic-builder.git
synced 2025-12-06 02:36:44 -05:00
stuff...?
This commit is contained in:
37
app/components/Header.tsx
Normal file
37
app/components/Header.tsx
Normal file
@@ -0,0 +1,37 @@
|
||||
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;
|
||||
@@ -47,7 +47,7 @@ export default function Home() {
|
||||
<div className="bg-white shadow-md p-6 rounded">
|
||||
<h4 className="text-xl font-bold mb-2">Compatibility Checker</h4>
|
||||
<p className="text-gray-600">
|
||||
Ensure every part works perfectly together.
|
||||
Ensure every component works perfectly together.
|
||||
</p>
|
||||
</div>
|
||||
<div className="bg-white shadow-md p-6 rounded">
|
||||
@@ -64,7 +64,7 @@ export default function Home() {
|
||||
<div className="container mx-auto px-6 text-center">
|
||||
<h3 className="text-3xl font-bold mb-6">About Us</h3>
|
||||
<p className="text-gray-700">
|
||||
Firearm Builder is your go-to platform for customizing, building,
|
||||
Ballistic Builder is your go-to platform for customizing, building,
|
||||
and exploring firearm parts. Designed for enthusiasts by
|
||||
enthusiasts, we make firearm building easy and accessible.
|
||||
</p>
|
||||
@@ -90,6 +90,8 @@ export default function Home() {
|
||||
<footer className="bg-gray-800 text-white py-4">
|
||||
<div className="container mx-auto px-6 text-center">
|
||||
<p>© {new Date().getFullYear()} Firearm Builder. All rights reserved.</p>
|
||||
<p>Built By Forward Group</p>
|
||||
|
||||
</div>
|
||||
</footer>
|
||||
</div>)
|
||||
|
||||
Reference in New Issue
Block a user