ok

src/app/(main)/page.jsx

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

src/app/community/layout.jsx

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

src/app/community/page.jsx

@@ -0,0 +1,15 @@
+import Usecases from '@/components/Usecases'
+import Banner from '@/components/Banner'
+import Communhero from '@/components/Communhero'
+import Commevents from '@/components/Commevents'
+import Events from '@/components/Events'
+
+export default function community() {
+    return (
+      <>
+        <Communhero />
+        <Commevents />
+        <Events />
+        </>
+  )
+}

src/app/community/versefest/page.jsx

@@ -1,5 +1,4 @@
 import { Event1 } from '@/components/Event1'
-import { Header } from '@/components/Header'
 import { Newsletter } from '@/components/Newsletter'
 import { Schedule } from '@/components/Schedule'
 import { Speakers } from '@/components/Speakers'
@@ -11,7 +10,6 @@ import FAQ from '@/components/FAQ'
 export default function versefest() {
   return (
     <>
-      <Header />
       <Event1 />
       <Sponsors />
       <Venue /> 

src/app/usecases/page.jsx

@@ -6,7 +6,6 @@ import FAQ from '@/components/FAQ'
 export default function usecases() {
     return (
       <>
-        <Banner />
         <Usecases />
         <Casestudies />
         <FAQ />