Rearange sponsorhip video

Author: itsmeurbi

public/i18n/en.json

@@ -46,7 +46,8 @@
       "goldPerEvent": "{{dolar}}",
       "silverPerEvent": "{{dolar}}",
       "ourSponsors": "Our Sponsors",
-      "ourPatreons": "Our Patreons"
+      "ourPatreons": "Our Patreons",
+      "votes": "# dof votes"
   },
   "aboutUs": {
       "quote": "“Since ancient times, society has functioned as a social species. We've had the ability to organize ourselves into groups based on our goals and interests. So, a community isn't something new, but it is something we should consider today for a growth with greater potential.”",

public/i18n/es.json

@@ -6,8 +6,8 @@
       "home": "Inicio"
   },
   "sponsorship": {
-      "description1": "WebDevTalks somos una comunidad de desarrollo y tecnología, que inició hace más de 10 años con la finalidad de acercar a desarrolladores, diseñadores, managers, product owners, testers y cualquier profesional/carrera con relación a IT, a diversos temas dentro del área del desarrollo de software, web, móvil, IoT, gestión de proyectos, testing, infraestructura, diseño y más.",
-      "description2": "Gracias al esfuerzo y apoyo de diversas empresas hemos podido llegar hasta el día de hoy, proporcionando un evento de calidad, ayudando a incentivar a las nuevas generaciones y fortaleciendo la comunidad de desarrollo en la ciudad de Colima.",
+      "description1": "WebDevTalks(WDT) es una comunidad de desarrollo y tecnología que inició hace más de 10 años con la finalidad de acercar a desarrolladores, diseñadores, managers, product owners, testers y cualquier profesional con una carrera relacionada a IT a diversos temas dentro del área del desarrollo de software web, móvil, IoT, gestión de proyectos, testing, infraestructura, diseño y más.",
+      "description2": "Gracias al esfuerzo y apoyo de diversas empresas hemos llegado al día de hoy, proporcionando un evento de calidad, ayudando a incentivar a las nuevas generaciones y fortaleciendo la comunidad de desarrollo en la ciudad de Colima.",
       "description3": "Son nuestros sponsors y patreons quienes nos permiten seguir haciendo posible estos eventos y cursos.",
       "attendeesTitle": "Perfil de Asistentes",
       "wdtVideo": "Video de WebDevTalks",
@@ -17,7 +17,7 @@
       "areas": "Otras areas",
       "design": "Diseño",
       "students": "Estudiantes",
-      "costs": "Costos de patrocinio",
+      "costs": "Costos de Patrocinio",
       "sponsorshipGold1": "5 minutos durante la sesión bimestral (Para hablar de la empresa, promocionar vacantes, workshops, etc).",
       "sponsorshipGold2": "Compartir FB/IG posts y tweets de los patrocinadores (5 shares/retweets), lo cual incluye: (Vacantes lanzadas en redes sociales, Talleres y Cursos, Noticias)",
       "sponsorshipSilver1": "Compartir FB/IG posts y tweets de los patrocinadores (2 shares/retweets), lo cual incluye: (Vacantes lanzadas en redes sociales, Talleres y Cursos, Noticias)",
@@ -55,7 +55,8 @@
       "goldPerEvent": "{{peso}}",
       "silverPerEvent": "{{peso}}",
       "ourSponsors": "Nuestros Patrocinadores",
-      "ourPatreons": "Nuestros Patreons"
+      "ourPatreons": "Nuestros Patreons",
+      "votes": "# de votos"
   },
   "aboutUs": {
       "quote": "“Desde tiempos ancestrales la sociedad ha funcionado como una especie social. Hemos tenido la capacidad de organizarnos en grupos dependiendo de nuestros objetivos e intereses. Así que una comunidad no es algo nuevo, pero sí algo que hoy deberíamos considerar para un crecimiento con mayor potencial.”",

src/Sponsorship.tsx

@@ -46,7 +46,7 @@ const Sponsorship = (): ReactElement =>  {
     labels: [t("sponsorship.areas"), 'Software', 'PM', 'QA', t("sponsorship.design"), t("sponsorship.students")],
     datasets: [
       {
-        label: '# of Votes',
+        label: t("sponsorship.votes"),
         data: [4, 51, 6, 4, 2, 30],
         backgroundColor: [
           '#E59866',
@@ -79,16 +79,16 @@ const Sponsorship = (): ReactElement =>  {
         <Typography variant="body1" paragraph>{t("sponsorship.description1")}</Typography>
         <Typography variant="body1">{t("sponsorship.description2")}</Typography>
         <Typography variant="body1" paragraph>{t("sponsorship.description3")}</Typography>
+        <Box mb={4}>
+          <iframe width="100%" style={{ maxHeight: '600px', height: '60vw' }} src="https://www.youtube.com/embed/3kLz1Q0myiM" title="YouTube video player" allow="accelerometer autoplay clipboard-write encrypted-media gyroscope picture-in-picture" allowFullScreen></iframe>
+        </Box>
+
         <Typography variant="h2" sx={{ my: 8 }}>{t("sponsorship.attendeesTitle")}</Typography>
         <Box sx={{ display: 'flex', justifyContent: 'center', width: '100%' }}>
           <Box width={{ xs: '100%', sm: '75%', md: '50%' }} >
             <Pie data={data} />
           </Box>
         </Box>
-        <Typography variant="h3" sx={{ my: 8 }}>{t("sponsorship.wdtVideo")}</Typography>
-        <Box mb={4}>
-          <iframe width="100%" style={{ maxHeight: '600px', height: '60vw' }} src="https://www.youtube.com/embed/3kLz1Q0myiM" title="YouTube video player" allow="accelerometer autoplay clipboard-write encrypted-media gyroscope picture-in-picture" allowFullScreen></iframe>
-        </Box>
         <Typography variant="h3" sx={{ my: 8 }}>Venues</Typography>
         <Typography variant="body1" paragraph>{t("sponsorship.venues")}</Typography>
         <Typography variant="h3" sx={{ my: 8 }}>{t("sponsorship.sponsorshipPlans")}</Typography>