使用heroui完成对页面的重构

components/HeroSection.tsx

@@ -6,8 +6,7 @@ import HeroButtons from './HeroButtons';
 export default function HeroSection() {
 
   return (
-    <section className="relative w-full" style={{ overflow: 'hidden' }} suppressHydrationWarning>
-      {/* Background Video */}
+    <section className="relative w-full" style={{ overflow: 'hidden' }}>
       <video
         autoPlay
         loop
@@ -26,7 +25,6 @@ export default function HeroSection() {
         <source src="/hero-background.mp4" type="video/mp4" />
       </video>
 
-      {/* .header - 背景容器 */}
       <div
         className="flex flex-col items-start justify-center flex-shrink-0 relative"
         style={{
@@ -35,13 +33,10 @@ export default function HeroSection() {
           minHeight: '670px',
           zIndex: 1
         }}
-        suppressHydrationWarning
       >
-        {/* .frame-21 - 主内容容器 */}
         <div className="flex flex-col gap-[60px] flex-shrink-0 w-[926px] relative">
           <HeroTitle />
           <HeroButtons />
-
         </div>
       </div>
     </section>