added brands

src/app/page.tsx

@@ -5,8 +5,11 @@ import Hero from "../components/Hero";
 import Contact from "../components/Contact";
 import Footer from "../components/Footer ";
 import { ChakraProvider } from "@chakra-ui/react";
+import { getData } from "../actions/brandActions";
+import Brands from "../components/Brand/brands";
 
-export default function Home() {
+export default async function Home() {
+  const data = await getData();
   return (
     <div className="bg-gray-100 min-h-screen flex flex-col">
       <Header /> 
@@ -15,7 +18,7 @@ export default function Home() {
       <About />
       <Contact />
       <Footer />
-    
+      <Brands brands={data} />
     </div>
   );
-}
+}