moved crap

src/app/layout.tsx

@@ -1,8 +1,8 @@
 import { Provider } from "../components/ui/provider"
 import "../styles/globals.css";
 export const metadata = {
-  title: 'Next.js',
+  title: 'Ballistic Builder',
-  description: 'Generated by Next.js',
+  description: 'Product of Forward Group, LLC',
 }
 
 export default function RootLayout(props: { children: React.ReactNode }) {

src/app/page.tsx

@@ -18,7 +18,6 @@ export default async function Home() {
       <About />
       <Contact />
       <Footer />   
-      <Brands brands={data} />
     </div>
   );
 }

src/pages/Brands/index.tsx

@@ -0,0 +1,12 @@
+import { getData } from "../../actions/brandActions";
+import Brands from "../../components/Brand/brands";
+
+export default async function BrandsPage() {
+  const data = await getData();
+  return (
+    <div className="bg-gray-100 min-h-screen flex flex-col">
+   <Brands brands={data} />
+    </div>
+  );
+}
+