feat: add video demo

Mississippi-Labs · Dec 9, 2023 · 1cb74a2 · 1cb74a2
1 parent 1adc66a
commit 1cb74a2
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 0 deletions.
diff --git 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
@@ -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
@@ -117,6 +117,7 @@
             height: 45px;
         }
     }
+
 }
 
 .create-wallet-successful-wrapper {
-Original file line number
+Diff line change
@@ Expand Up / @@ -117,6 +117,7 @@ @@
                 height: 45px;
             }
         }
     }
     .create-wallet-successful-wrapper {
@@ Expand Down @@