From 1cb74a25f4814815e8caade33802b315b3918919 Mon Sep 17 00:00:00 2001
From: vivomo <929992114@qq.com>
Date: Sat, 9 Dec 2023 22:07:28 +0800
Subject: [PATCH] feat: add video demo

---
 packages/client/src/pages/home/StaticInfo.tsx  | 11 +++++++++++
 packages/client/src/pages/home/staticInfo.scss | 11 +++++++++++
 packages/client/src/pages/home/styles.scss     |  1 +
 3 files changed, 23 insertions(+)

diff --git a/packages/client/src/pages/home/StaticInfo.tsx b/packages/client/src/pages/home/StaticInfo.tsx
index 54ebf63d..e5c3fbc5 100644
--- a/packages/client/src/pages/home/StaticInfo.tsx
+++ b/packages/client/src/pages/home/StaticInfo.tsx
@@ -86,6 +86,17 @@ const StaticInfo = (props: IProps) => {
             </div>
           </section>
         </SwiperSlide>
+
+        <SwiperSlide>
+          <section className={"mi-section mi-section-video"}>
+            <h2>Official Trailer of Mississippi</h2>
+            <iframe width="1280" height="720" src="https://www.youtube.com/embed/6Liyv37K7lM"
+                    title="Official Trailer of Mississippi V1.2" frameBorder="0"
+                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                    allowFullScreen/>
+          </section>
+        </SwiperSlide>
+
         <SwiperSlide>
           <section className={"mi-section mi-section-faq"}>
             <h2>Frequently Asked Questions</h2>
diff --git a/packages/client/src/pages/home/staticInfo.scss b/packages/client/src/pages/home/staticInfo.scss
index 104106db..875997d1 100644
--- a/packages/client/src/pages/home/staticInfo.scss
+++ b/packages/client/src/pages/home/staticInfo.scss
@@ -56,6 +56,17 @@
         flex-direction: column;
     }
 
+
+    .mi-section-video {
+        color: #fff;
+        width: 1280px;
+        margin: 0 auto;
+
+        h2 {
+            margin: 20px auto;
+        }
+    }
+
     .mi-home-desc {
         position: relative;
 
diff --git a/packages/client/src/pages/home/styles.scss b/packages/client/src/pages/home/styles.scss
index 0b2a966f..427aa9b9 100644
--- a/packages/client/src/pages/home/styles.scss
+++ b/packages/client/src/pages/home/styles.scss
@@ -117,6 +117,7 @@
             height: 45px;
         }
     }
+
 }
 
 .create-wallet-successful-wrapper {