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

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() {
{/* Header Section */ }
const Header: React.FC = () => {
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>
<>
<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">
</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;