Feat: Adjust the style of the home page #3221 (#7405)

### What problem does this PR solve?

Feat: Adjust the style of the home page #3321

### Type of change


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

web/src/pages/home/index.tsx

@@ -1,12 +1,12 @@
 import { Applications } from './applications';
-import { Banner } from './banner';
+import { NextBanner } from './banner';
 import { Datasets } from './datasets';
 
 const Home = () => {
   return (
     <div className="mx-8">
       <section>
-        <Banner></Banner>
+        <NextBanner></NextBanner>
         <Datasets></Datasets>
         <Applications></Applications>
       </section>