|
| 1 | +import { Typography, Container, Avatar, List, ListItem, ListItemText } from '@mui/material'; |
| 2 | +import { useTranslation } from 'react-i18next'; |
| 3 | +import image1 from './assets/images/78743416_2588340067930838_9025297886149083136_n.jpeg'; |
| 4 | +import image2 from './assets/images/28378086_1616056785159176_862979226448649839_n.jpeg'; |
| 5 | +import image3 from './assets/images/88950387_2784083098356533_6828161491334594560_n.jpeg'; |
| 6 | +import image4 from './assets/images/87738062_2784085668356276_3167127129091473408_n.jpeg'; |
| 7 | + |
| 8 | +function About() { |
| 9 | + const { t } = useTranslation(); |
| 10 | + return ( |
| 11 | + <Container sx={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}> |
| 12 | + <Typography variant="h1" >Web Dev Talks</Typography> |
| 13 | + <Typography> |
| 14 | + {t("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.”")} <b>{t("aboutUs.adrianReyes"," - Adriana Reyes.")}</b> |
| 15 | + </Typography> |
| 16 | + <Avatar variant="square" src={image1} alt="" sx={{ width: '100%', height: '100%' }} /> |
| 17 | + <Typography variant="h2">{t("aboutUs.whoIs","¿Qué y quiénes son Web Dev Talks?")}</Typography> |
| 18 | + <Typography> |
| 19 | + {t("aboutUs.description","Web Dev Talks también conocida como WDT es una comunidad colimense principalmente enfocada en desarrollo web la cual no pertenece a ninguna empresa, somos la primer comunidad de desarrolladores de software en el estado y también la más diversa con 10 años de trayectoria que nos respaldan.")} |
| 20 | + </Typography> |
| 21 | + <Typography> |
| 22 | + {t("aboutUs.description2","Está y ha sido conformada a lo largo de su historia por personas de diferentes empresas para mantenerse neutral en las decisiones que se toman de manera interna.")} |
| 23 | + </Typography> |
| 24 | + <Typography variant="h2">{t("aboutUs.motivationHeader","Nuestra motivación")}</Typography> |
| 25 | + <Typography> |
| 26 | + {t("aboutUs.motivationBody1","WDT nació a partir de una idea romántica de varios programadores que soñaban con tener un espacio neutral para hacer networking al menos una vez al mes y aprender algo nuevo de personas que no fueran precisamente sus compañeros de trabajo ya que existen diferentes áreas y empresas con rubros distintos, a veces otro enfoque o tecnología nos puede ayudar a resolver retos de nuestro trabajo del día a día. Incluso podemos dar con la persona indicada para ayudarnos con dichos retos, en algunas ocasiones esto puede derivar en relaciones laborales de largo plazo.")} |
| 27 | + </Typography> |
| 28 | + <Typography> |
| 29 | + {t("aboutUs.motivationBody2","Parte de la motivación de la comunidad también se planteó para reducir ciertas carencias de espacios para compartir y aprender de gente que ya labora en la industria del software. Antes de la existencia de nuestra comunidad era complicado encontrar más personas del mismo nicho reunidas en algún lugar que no fuera gente de la misma oficina. Así que para los estudiantes Colima sin conocidos egresados de áreas de desarrollo de software era aún más difícil saber qué les podía deparar en el futuro, cuáles eran las oportunidades laborales vigentes o las áreas en las cuales se deberían enfocar para satisfacer las necesidades de las empresas locales y tener más oportunidades de crecimiento.")} |
| 30 | + </Typography> |
| 31 | + <Typography variant="h2">{t("aboutUs.dynamic","Dinámica")}</Typography> |
| 32 | + <Typography> |
| 33 | + {t("aboutUs.dynamicBody1","Una de las dinámicas preferidas por los asistentes es cambiar de sede cada bimestre, esto les permite conocer parte de lo que ofrece cada empresa, entre ambiente laboral y estaciones de trabajo, básicamente cada sesión funciona para algunas personas como una especie de visita industrial un poco más informal y sin necesidad de papeleo para lograr conocer las empresas locales.")} |
| 34 | + </Typography> |
| 35 | + <Avatar variant="square" src={image2} alt="" sx={{ width: '100%', height: '100%' }} /> |
| 36 | + <Avatar variant="square" src={image3} alt="" sx={{ width: '100%', height: '100%' }} /> |
| 37 | + <Typography variant="h2">{t("aboutUs.socialImpact","Beneficio social")}</Typography> |
| 38 | + <Typography> |
| 39 | + {t("aboutUs.socialImpactBody1","Apoyar a WDT es apoyar socialmente con impacto positivo a las nuevas generaciones de profesionistas quienes son los más beneficiados de este tipo de eventos y tener una fuerte presencia local con lo cual su empresa puede llegar a convertirse en ese objetivo aspiracional para muchas personas.")} |
| 40 | + </Typography> |
| 41 | + <Typography variant="h2">{t("aboutUs.jobsOffer","Oferta laboral")}</Typography> |
| 42 | + <Typography> |
| 43 | + {t("aboutUs.jobsOfferBody1","Las empresas y los asistentes se benefician de la oferta laboral ya sea que se enteren de sus vacantes por medio de diapositivas o en el momento del networking mientras conviven con empleados de su empresa (éste segundo medio siendo el más efectivo). Muchas de las personas que de alguna manera han sido parte de nuestra comunidad como asistentes han conocido a sus futuros y actuales empleadores en alguna de nuestras sesiones.")} |
| 44 | + </Typography> |
| 45 | + <Typography variant="h2">{t("sponsorship.sponsor","Patrocinio")}</Typography> |
| 46 | + <Typography> |
| 47 | + {t("aboutUs.sponsorBody","Todo el dinero y apoyo recaudado por parte de los patrocinios es invertido para la mejora de los eventos bimestrales y la mejora de la calidad del contenido presentado, nignun miembro del Staff se beneficia económicamente de los apoyos, todas las tareas desempeñadas por parte del equipo son realizadas sin fines de lucro. Todo los ingresos se invierten de manera integra a favor de la comunidad.")} |
| 48 | + </Typography> |
| 49 | + <Typography variant="h2">{t("aboutUs.offer","¿Qué ofrecemos a cambio?")}</Typography> |
| 50 | + <Typography> |
| 51 | + {t("aboutUs.offerRights","Los patrocinadores tienen derecho a:")} |
| 52 | + </Typography> |
| 53 | + <List> |
| 54 | + <ListItem> |
| 55 | + <ListItemText primary={t('aboutUs.socialMentions', 'Menciones en redes sociales.')}/> |
| 56 | + </ListItem> |
| 57 | + <ListItem> |
| 58 | + <ListItemText primary={t('aboutUs.communityPagePosts', 'Posts desde la página de la comunidad.')}/> |
| 59 | + </ListItem> |
| 60 | + <ListItem> |
| 61 | + <ListItemText primary={t('aboutUs.sharePosts', 'Compartir cierta cantidad de publicaciones en nuestras redes sociales.')}/> |
| 62 | + </ListItem> |
| 63 | + <ListItem> |
| 64 | + <ListItemText primary={t('aboutUs.promoteContent', 'Espacio de 5 minutos cada sesión para promover vacantes, eventos, etc.')}/> |
| 65 | + </ListItem> |
| 66 | + <ListItem> |
| 67 | + <ListItemText primary={t('aboutUs.eventPresence', 'Presencia al inicio y al final del evento así como en todos los flyers relativos a la sesión del mensual.')}/> |
| 68 | + </ListItem> |
| 69 | + </List> |
| 70 | + <Typography> |
| 71 | + <b>{t("aboutUs.note","NOTA:")}</b> {t("aboutUs.benefitsNote","Con el tiempo hemos notado que los beneficios a raíz del patrocinio son aún más efectivos cuando individuos (empleados) de las empresas también se involucran como parte de WDT ya que su mensaje llega de manera más orgánica.")} |
| 72 | + </Typography> |
| 73 | + <Typography> |
| 74 | + {t("aboutUs.closingNote","Para finalizar quisiéramos expresar que nos daría mucho gusto contar con su apoyo para seguir creciendo nuestra comunidad. 💙")} |
| 75 | + </Typography> |
| 76 | + <Typography variant="h3">{t("aboutUs.communityHeader", "“Somos comunidad”")}</Typography> |
| 77 | + <Avatar variant="square" src={image4} alt="" sx={{ width: '100%', height: '100%' }} /> |
| 78 | + </Container> |
| 79 | + ); |
| 80 | +} |
| 81 | + |
| 82 | +export default About; |
0 commit comments