Update landing page with claude

apps/next/src/app/layout.tsx

@@ -3,12 +3,14 @@ import { Geist, Geist_Mono } from 'next/font/google';
 
 import '@/app/styles.css';
 
+import Footer from '@/components/layout/footer';
+import Header from '@/components/layout/header';
 import { ConvexClientProvider } from '@/components/providers';
 import { generateMetadata } from '@/lib/metadata';
 import { ConvexAuthNextjsServerProvider } from '@convex-dev/auth/nextjs/server';
 import PlausibleProvider from 'next-plausible';
+
 import { ThemeProvider, Toaster } from '@gib/ui';
-import Header from '@/components/layout/header';
 
 export const metadata: Metadata = generateMetadata();
 
@@ -50,8 +52,11 @@ const RootLayout = ({
               disableTransitionOnChange
             >
               <ConvexClientProvider>
-                <Header />
-                {children}
+                <div className="flex min-h-screen flex-col">
+                  <Header />
+                  <div className="flex-1">{children}</div>
+                  <Footer />
+                </div>
                 <Toaster />
               </ConvexClientProvider>
             </ThemeProvider>