From f529b4ccc3d54c945f313a670d7ccbf9bffea259 Mon Sep 17 00:00:00 2001
From: Shan-Weaviate <137914800+Shan-Weaviate@users.noreply.github.com>
Date: Mon, 14 Oct 2024 09:30:55 +0100
Subject: [PATCH] Update

---
 src/components/AboutUsUpdate/Video/index.jsx   | 18 ++++++++++--------
 .../AboutUsUpdate/Video/styles.module.scss     |  3 ++-
 src/pages/company/about-us.jsx                 |  2 +-
 3 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/components/AboutUsUpdate/Video/index.jsx b/src/components/AboutUsUpdate/Video/index.jsx
index 67c0a5305..c9b821516 100644
--- a/src/components/AboutUsUpdate/Video/index.jsx
+++ b/src/components/AboutUsUpdate/Video/index.jsx
@@ -15,14 +15,16 @@ export default function Video() {
         </div>
         <div className={styles.techContainer}>
           <br></br>
-          <video width="720" height="400" controls title="Company video">
-            <source
-              src="/img/site/Austria_Video_Public_small.mp4"
-              type="video/mp4"
-            />
-            <source src="/img/site/Austria_Video_Public.ogv" type="video/ogg" />
-            Your browser does not support the video tag.
-          </video>
+
+          <iframe
+            width="720"
+            height="400"
+            src="https://www.youtube.com/embed/NObCyVszHdo"
+            title="YouTube video player"
+            frameborder="0"
+            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; controls"
+            allowfullscreen
+          ></iframe>
         </div>
       </div>
     </div>
diff --git a/src/components/AboutUsUpdate/Video/styles.module.scss b/src/components/AboutUsUpdate/Video/styles.module.scss
index 106601d51..76bc71d40 100644
--- a/src/components/AboutUsUpdate/Video/styles.module.scss
+++ b/src/components/AboutUsUpdate/Video/styles.module.scss
@@ -48,7 +48,8 @@
   display: flex;
   justify-content: center;
 
-  video {
+  video,
+  iframe {
     @media screen and (min-width: 600px) and (max-width: 800px) {
       width: 100%;
       height: 320px;
diff --git a/src/pages/company/about-us.jsx b/src/pages/company/about-us.jsx
index 261ae55ea..40258e790 100644
--- a/src/pages/company/about-us.jsx
+++ b/src/pages/company/about-us.jsx
@@ -17,7 +17,7 @@ export default function AboutUsPage() {
       <Layout>
         <MetaSEO img="og/company/about-us.jpg" />
         <AboutUsHeader />
-
+        <Video />
         <CompanyValues />
         <MeetTheTeam />
         <Investors />