diff --git a/apps/public/app/(content)/layout.tsx b/apps/public/app/(content)/layout.tsx
index 3f97ad62..418f1f61 100644
--- a/apps/public/app/(content)/layout.tsx
+++ b/apps/public/app/(content)/layout.tsx
@@ -9,12 +9,16 @@ export default function Layout({
children: ReactNode;
}): React.ReactElement {
return (
-
-
-
-
- {children}
-
-
+ <>
+
+
+
+
+
+ {children}
+
+
+
+
);
}
diff --git a/apps/public/app/layout.tsx b/apps/public/app/layout.tsx
index f85b47c3..c9c8b844 100644
--- a/apps/public/app/layout.tsx
+++ b/apps/public/app/layout.tsx
@@ -60,11 +60,7 @@ export default async function Layout({ children }: { children: ReactNode }) {
-
-
- {children}
-
-
+ {children}
diff --git a/apps/public/app/page.tsx b/apps/public/app/page.tsx
index df0a0da7..43fb36be 100644
--- a/apps/public/app/page.tsx
+++ b/apps/public/app/page.tsx
@@ -1,4 +1,6 @@
+import { Footer } from '@/components/footer';
import { Hero } from '@/components/hero';
+import Navbar from '@/components/navbar';
import { Faq } from '@/components/sections/faq';
import { Features } from '@/components/sections/features';
import { Pricing } from '@/components/sections/pricing';
@@ -16,24 +18,28 @@ export const experimental_ppr = true;
export default function HomePage() {
return (
-
-
-
-
-
- }
- >
-
-
-
-
-
-
+ <>
+
+
+
+
+
+
+ }
+ >
+
+
+
+
+
+
+
+
);
}
diff --git a/apps/public/components/hero-carousel.tsx b/apps/public/components/hero-carousel.tsx
index 5df4aeff..e176fb7d 100644
--- a/apps/public/components/hero-carousel.tsx
+++ b/apps/public/components/hero-carousel.tsx
@@ -1,9 +1,8 @@
'use client';
-import { useIsDarkMode } from '@/lib/dark-mode';
import { cn } from '@/lib/utils';
-import { AnimatePresence, motion } from 'framer-motion';
-import { useEffect, useState } from 'react';
+import { motion } from 'framer-motion';
+import { useState } from 'react';
import { Button } from './ui/button';
type Frame = {
@@ -14,22 +13,11 @@ type Frame = {
};
function LivePreview() {
- const isDark = useIsDarkMode();
- const colorScheme = isDark ? 'dark' : 'light';
- const [loaded, setLoaded] = useState(false);
-
- useEffect(() => {
- setLoaded(true);
- }, []);
-
- if (!loaded) {
- return null;
- }
-
return (