ballistic-builder/src/app/page.tsx

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";

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