From 35bdf42ec73923690eeb5adaa7c00441172b15a2 Mon Sep 17 00:00:00 2001
From: Lucas Tavares <lucastavarestt@gmail.com>
Date: Tue, 6 Feb 2024 12:33:30 -0300
Subject: [PATCH] video added

---
 src/pages/plano-verao/components/chapters.js     | 16 ++++++++--------
 .../plano-verao/components/chapters.style.js     |  7 +++++++
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/src/pages/plano-verao/components/chapters.js b/src/pages/plano-verao/components/chapters.js
index c9b5efb9..a2ec4700 100644
--- a/src/pages/plano-verao/components/chapters.js
+++ b/src/pages/plano-verao/components/chapters.js
@@ -198,11 +198,11 @@ export function CorUm(
 
   return (
     <styles.ChapterGenericDiv2 ref={props.chapRef} id={props.id}>
-      <styles.ContainerCard1>
+      <styles.ContainerVideo>
         <styles.TextCard1>
-        Aqui vai o vídeo
+        <iframe src="https://res.cloudinary.com/doueg88fj/video/upload/v1707233408/video1_x47qst.mp4" height="600"></iframe>
         </styles.TextCard1>
-      </styles.ContainerCard1>
+      </styles.ContainerVideo>
     </styles.ChapterGenericDiv2>
   );
 }
@@ -469,11 +469,11 @@ export function BairroMaravilhaUm(props = { id: "", chapRef: null }) {
 
   return (
     <styles.ChapterGenericDiv1 ref={props.chapRef} id={props.id}>
-      <styles.ContainerCard1>
-          <styles.TextCard1>
-          Aqui vai o outro vídeo
-          </styles.TextCard1>
-      </styles.ContainerCard1>
+      <styles.ContainerVideo>
+        <styles.TextCard1>
+        <iframe src="https://res.cloudinary.com/doueg88fj/video/upload/v1707233405/video2_e5mexn.mp4" height="600"></iframe>
+        </styles.TextCard1>
+      </styles.ContainerVideo>
     </styles.ChapterGenericDiv1>
   );
 }
diff --git a/src/pages/plano-verao/components/chapters.style.js b/src/pages/plano-verao/components/chapters.style.js
index dc6dc5b2..073cd23d 100644
--- a/src/pages/plano-verao/components/chapters.style.js
+++ b/src/pages/plano-verao/components/chapters.style.js
@@ -209,6 +209,13 @@ export const ContainerCard = tw.div`
   border-[2px]
   border-black
 `;
+export const ContainerVideo = tw.div`
+  
+  max-w-xs
+  lg:max-w-xl
+  border-[2px]
+  border-black
+`;
 
 export const ContainerCard1 = tw.div`
   p-[32px]