edit

src/app/(main)/page.jsx

@@ -1,9 +1,9 @@
 import { Homepage } from '@/components/Homepage'
 import { Hero } from '@/components/Hero'
+import Community from '@/components/Community'
 import  Communicate  from '@/components/Communicate'
 import Collaborate from '@/components/Collaborate'
 import Build from '@/components/Build'
-import { Newsletter } from '@/components/Newsletter'
 import { Product } from '@/components/Product'
 import { Speakers } from '@/components/Speakers'
 import { Sponsors } from '@/components/Sponsors'
@@ -18,7 +18,7 @@ export default function Home() {
       <Collaborate />
       <Build />
       <Product />
-      <Newsletter />
+      <Community />
     </>
   )
 }

src/app/usecases/layout.jsx

@@ -0,0 +1,5 @@
+import { Layout } from '@/components/Layout'
+
+export default function MainLayout({ children }) {
+  return <Layout>{children}</Layout>
+}

src/app/usecases/page.jsx

@@ -0,0 +1,11 @@
+import Usecases from '@/components/Usecases'
+import Banner from '@/components/Banner'
+
+export default function usecases() {
+    return (
+      <>
+        <Banner />
+        <Usecases />
+        </>
+  )
+}