tailwinds navbar and footer stuff

src/app/page.tsx

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