feat: Add banner #3221 (#3442)

### What problem does this PR solve?

feat: Add banner #3221

### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/src/pages/home/index.tsx

@@ -1,12 +1,14 @@
-import { CardWithForm } from './card';
+import { Banner } from './banner';
 import { HomeHeader } from './header';
+import NextBanner from './next-banner';
 
 const Home = () => {
   return (
     <div>
       <HomeHeader></HomeHeader>
       <section>
-        <CardWithForm></CardWithForm>
+        <Banner></Banner>
+        <NextBanner></NextBanner>
       </section>
     </div>
   );