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

clean up

Browse Source
This commit is contained in:
Sean S
2024-12-11 14:20:08 -05:00
parent 925cf2ca75
commit 273e310ee3
4 changed files with 48 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,38 +1,27 @@
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">
<Link color="#374151" _hover={{ textDecoration: "none" }}>
<NextLink href="/" passHref> Ballistic Builder </NextLink>
</Link>
</Heading>
<Flex as="nav" gap="6">
<Link color="#374151" _hover={{ textDecoration: "underline" }}>
<NextLink href="/builder" passHref> Builder </NextLink>
</Link>
<Link color="#374151" _hover={{ textDecoration: "underline" }}>
<NextLink href="/products" passHref> Products </NextLink>
</Link>
<Link color="#374151" _hover={{ textDecoration: "underline" }}>
<NextLink href="/auth/signin" passHref> Sign In </NextLink>
</Link>
</Flex>
</Flex>
</Box>
</>
<header style={{ backgroundColor: '#7C8C58', color: 'white', padding: '16px 24px', boxShadow: '0 4px 6px rgba(0, 0, 0, 0.1)' }}>
<div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', maxWidth: '80rem', margin: '0 auto' }}>
<h1 style={{ fontSize: '1.5rem' }}>
<NextLink href="/" passHref>
<a style={{ color: '#374151', textDecoration: 'none' }}>Ballistic Builder</a>
</NextLink>
</h1>
<nav style={{ display: 'flex', gap: '24px' }}>
<NextLink href="/builder" passHref>
<a style={{ color: '#374151', textDecoration: 'underline' }}>Builder</a>
</NextLink>
<NextLink href="/products" passHref>
<a style={{ color: '#374151', textDecoration: 'underline' }}>Products</a>
</NextLink>
<NextLink href="/auth/signin" passHref>
<a style={{ color: '#374151', textDecoration: 'underline' }}>Sign In</a>
</NextLink>
</nav>
</div>
</header>
);
};