import FeaturesSection from "../components/FeaturesSection";
import About from "../components/About";
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";
import { getData } from "../actions/brandActions";
import Brands from "../components/Brand/brands";

export default async function Home() {
  const data = await getData();
  return (
    <div className="bg-gray-100 min-h-screen flex flex-col">
      <Header /> 
      <Hero />
      <FeaturesSection />
      <About />
      <Contact />
      <Footer />
      <Brands brands={data} />
    </div>
  );
}