From 5cf8cd8d7d4e9fa093ee6f04f8b778ad6fa38bfc Mon Sep 17 00:00:00 2001
From: Yuvraj Singh Sisodiya <yuvrajsisodiya7302@gmail.com>
Date: Thu, 13 Apr 2023 15:23:59 +0530
Subject: [PATCH] feat: added ambassador video Issue #1546 (#1548)

Co-authored-by: Akshat Nema <76521428+akshatnema@users.noreply.github.com>
---
 pages/community/ambassadors/index.js | 27 ++++++---------------------
 1 file changed, 6 insertions(+), 21 deletions(-)

diff --git a/pages/community/ambassadors/index.js b/pages/community/ambassadors/index.js
index c5c84b32379..152918ee345 100644
--- a/pages/community/ambassadors/index.js
+++ b/pages/community/ambassadors/index.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import {sortBy} from 'lodash';
+import { sortBy } from 'lodash';
 import Button from '../../../components/buttons/Button';
 import GenericLayout from '../../../components/layout/GenericLayout';
 import Heading from '../../../components/typography/Heading';
@@ -77,25 +77,10 @@ function Index() {
         </div>
       </div>
       <div className="mt-20">
-        <div className="w-full h-[400px] bg-ambassadorCover bg-cover bg-center rounded-lg flex flex-col justify-end">
-          <div className="text-gray-700 p-2">
-            Photo by{' '}
-            <a
-              href="https://unsplash.com/@headwayio?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText"
-              target="_blank"
-              rel="noreferrer"
-            >
-              Headway
-            </a>{' '}
-            on{' '}
-            <a
-              href="https://unsplash.com/?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText"
-              target="_blank"
-              rel="noreferrer"
-            >
-              Unsplash
-            </a>
-          </div>
+        <div className="aspect-w-16 aspect-h-9 bg-center">
+          <iframe src="https://www.youtube.com/embed/3rg_7hIb9PQ"
+            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+          ></iframe>
         </div>
         <div className="flex justify-center">
           <div className="text-center mt-10 lg:w-[55%]">
@@ -159,7 +144,7 @@ function Index() {
                   as={`ambassadors/${ambassador.github}`}
                 >
                   <div className="p-2">
-                    <div className="w-full h-auto bg-center bg-center rounded-md cursor-pointer">
+                    <div className="w-full h-auto bg-center rounded-md cursor-pointer">
                       <img
                         src={ambassador.img}
                         alt={ambassador.name}