Almost all content on home page

src/components/layout.tsx

@@ -1,8 +1,12 @@
 // components/Layout.js
 import Header from './header';
 import Footer from './footer';
+import { ReactNode } from 'react'; // Import ReactNode
 
-export default function Layout({ children }) {
+interface LayoutProps {
+  children: ReactNode; // Define the type of children prop
+}
+export default function Layout({ children }: LayoutProps) {
   return (
     <>
       <Header />
@@ -10,4 +14,4 @@ export default function Layout({ children }) {
       <Footer />
     </>
   );
-}
+}