add new component

src/app/(main)/page.jsx

@@ -2,9 +2,8 @@ import { Homepage } from '@/components/Homepage'
 import { Hero } from '@/components/Hero'
 import Events from '@/components/Events'
 import { Product } from '@/components/Product'
-import Allfeatures from '@/components/Allfeatures'
-import Featureshome from '@/components/Featureshome'
 import { Sponsors } from '@/components/Sponsors'
+import BentoSection from '@/components/Bentosection'
 
 export default function Home() {
   return (
@@ -12,7 +11,7 @@ export default function Home() {
       <Homepage />
       <Sponsors />
       <Hero />
-      <Featureshome />
+      <BentoSection />
       <Product />
       <Events />
     </>

src/app/events/layout.jsx

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

src/app/events/page.jsx

@@ -0,0 +1,19 @@
+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'
+import Socials from '@/components/Socials'
+import Blogposts from '@/components/Blogposts'
+
+export default function events() {
+    return (
+      <>
+        <Communhero />
+        <Socials />
+        <Events />
+        <Blogposts />
+
+        </>
+  )
+}