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

chakura is broke

Browse Source
This commit is contained in:
Don Starwsburg
2024-11-20 16:37:54 -05:00
parent c82d4c7920
commit f17285db46
6 changed files with 87 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/components/Header.tsx
View File

@@ -3,6 +3,7 @@ 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">
@@ -31,6 +32,7 @@ const Header: React.FC = () => {
</Flex>
</Flex>
</Box>
</>
);
};

7
src/app/layout.tsx
View File

@@ -1,5 +1,6 @@
import type { Metadata } from "next";
import localFont from "next/font/local";
import { Providers } from './providers'
import "./globals.css";
const geistSans = localFont({
@@ -25,10 +26,8 @@ export default function RootLayout({
}>) {
return (
<html lang="en">
<body
className={`${geistSans.variable} ${geistMono.variable} antialiased`}
>
{children}
<body className={`${geistSans.variable} ${geistMono.variable} antialiased`} >
<Providers>{children}</Providers>
</body>
</html>
);

5
src/app/page.tsx
View File

@@ -5,16 +5,17 @@ import Header from "./components/Header";
import Hero from "./components/Hero";
import Contact from "./components/Contact";
import Footer from "./components/Footer ";
import { ChakraProvider } from "@chakra-ui/react";
export default function Home() {
return (
(<div className="bg-gray-100 min-h-screen flex flex-col">
<div className="bg-gray-100 min-h-screen flex flex-col">
<Header />
<Hero />
<FeaturesSection />
<About />
<Contact />
<Footer />
</div>)
</div>
);
}

12
src/app/providers.tsx Normal file
View File

@@ -0,0 +1,12 @@
// app/providers.tsx
'use client';
import { ChakraProvider } from '@chakra-ui/react';
export function Providers({ children }: { children: React.ReactNode }) {
return (
{children}
);
}