feat(src/components/carrossel-oficinas/index.js/carrossel-terapias/in…

…dex.js/events-carrossel/index.js): adicinamos as decricoes dos eventos terapias e oficinas -@angeloneves19 -@thayanneregoo -@Ester-Arruda

src/components/carrossel-oficinas/index.js

@@ -18,15 +18,15 @@ const WorkshopsCarrossel = () => {
     cms.get('api/workshops/?populate=foto_divulgacao').then((response) => {
       const { data } = response.data
       const workshops = data
-        .filter(workshop => workshop !== null && workshop !== undefined)
-        .map(workshop => ({
+        .filter((workshop) => workshop !== null && workshop !== undefined)
+        .map((workshop) => ({
           id: workshop.id,
           name: workshop.attributes.nome,
-          imageUrl: workshop.attributes.foto_divulgacao.data[0].attributes.url
+          imageUrl: workshop.attributes.foto_divulgacao.data[0].attributes.url,
         }))
 
       const workshopsSortedByName = workshops.sort((a, b) =>
-        a.nome < b.nome ? -1 : 1
+        a.nome < b.nome ? -1 : 1,
       )
       setAttributes(workshopsSortedByName)
     })
@@ -37,22 +37,30 @@ const WorkshopsCarrossel = () => {
       <div className="carrossel">
         <h1>Oficinas</h1>
         <p>
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque
-          accumsan accumsan elit vel ullamcorper. Vestibulum ante ipsum primis
-          in faucibus orci luctus et ultrices posuere cubilia curae; Nullam eget
-          ligula et libero volutpat tristique. Duis tincidunt dolor dolor, vel
-          pulvinar tellus mattis id.
+          A Nossa Casa é reconhecida por sua ampla variedade de oficinas, que
+          vão desde atividades de lambe-lambe, dança, ChatGPT, contação de
+          histórias, caderno de artista e gastronomia vegana até o emocionante
+          bike-teatro e o criativo Laboratório de Produção Cultural. Estamos
+          totalmente comprometidos em articular e promover essas atividades,
+          enriquecendo a comunidade e fortalecendo os laços de solidariedade e
+          inclusão que nos definem. 
+          <br/>
+          <br/>
+          Ao oferecer oficinas e workshops, a Nossa
+          Casa também fomenta a Economia Solidária, tanto para educadores quanto
+          para os participantes, que recebem capacitação, conhecimento e
+          possibilidades de novos caminhos.
         </p>
       </div>
 
       <Swiper
         slidesPerView={3}
         navigation={true}
-        pagination={{clickable: true}}
+        pagination={{ clickable: true }}
         breakpoints={{
-          320: {slidesPerView: 1, spaceBetween:1},
-          660: {slidesPerView: 2},
-          1280: {slidesPerView: 3, spaceBetween:1}
+          320: { slidesPerView: 1, spaceBetween: 1 },
+          660: { slidesPerView: 2 },
+          1280: { slidesPerView: 3, spaceBetween: 1 },
         }}
         modules={[Navigation, Pagination]}
         className="mySwiper"
@@ -65,10 +73,7 @@ const WorkshopsCarrossel = () => {
                   <SwiperSlide>
                     <div>
                       <div>
-                        <img
-                          className="img"
-                          src={workshops.imageUrl}
-                        />
+                        <img className="img" src={workshops.imageUrl} />
                       </div>
                       <div>
                         <p className="date">{workshops.data}</p>

src/components/carrossel-terapias/index.js

@@ -19,13 +19,13 @@ const TherapiesCarrossel = () => {
           return {
             id: data.id,
             name: data.attributes.nome,
-            image_url: data.attributes.foto_divulgacao.data[0].attributes.url
+            image_url: data.attributes.foto_divulgacao.data[0].attributes.url,
           }
         }
         return data.attributes
       })
       const therapiesSortedByName = therapies.sort((a, b) =>
-        a.nome < b.nome ? -1 : 1
+        a.nome < b.nome ? -1 : 1,
       )
       setAttributes(therapiesSortedByName)
     })
@@ -36,27 +36,28 @@ const TherapiesCarrossel = () => {
       <div className="carrossel">
         <h1>Terapias</h1>
         <p>
-          Ao longo da história, espaços de autocuidado e bem-estar foram
-          associados às classes mais abastadas. Ainda hoje, a população negra,
-          LGBTs, mulheres e moradores de periferias têm acesso limitado a esses
-          locais, enfrentando rotinas maçantes e exclusão social. A Clínica
-          Social da Nossa Casa visa democratizar o acesso a serviços como
-          psicoterapia, massoterapia, yoga, reiki, entre outros. Com
-          profissionais oferecendo preços acessíveis, busca proporcionar saúde e
-          bem-estar para todes, promovendo qualidade de vida, autonomia e
-          dignidade. Conheça mais sobre os serviços oferecidos e entre em
-          contato.
+          Entendendo a importância da Saúde Integrativa, a Nossa Casa fomenta e
+          oferece serviços e produtos na área da saúde, com o objetivo de tornar
+          a qualidade de vida acessível a todos. Assim, promovemos espaços e
+          eventos dedicados à saúde mental, física e emocional, oferecendo
+          atividades como massoterapia, rodas de conversa, reiki, yoga,
+          acupuntura e outras práticas.
+          <br />
+          <br />
+          Além disso, possuímos a Clínica Social na área de Psicologia, onde o
+          atendimento psicoterapêutico é oferecido de maneira acessível,
+          popular, crítica e humanizada.
         </p>
       </div>
 
       <Swiper
         slidesPerView={3}
         navigation={true}
-        pagination={{clickable: true}}
+        pagination={{ clickable: true }}
         breakpoints={{
-          320: {slidesPerView: 1, spaceBetween:1},
-          660: {slidesPerView: 2},
-          1280: {slidesPerView: 3, spaceBetween:1}
+          320: { slidesPerView: 1, spaceBetween: 1 },
+          660: { slidesPerView: 2 },
+          1280: { slidesPerView: 3, spaceBetween: 1 },
         }}
         modules={[Navigation, Pagination]}
         className="mySwiper"
@@ -69,17 +70,17 @@ const TherapiesCarrossel = () => {
                   <SwiperSlide>
                     <div>
                       <div>
-                        <img
-                          className="img"
-                          src={therapies.image_url}
-                        />
+                        <img className="img" src={therapies.image_url} />
                       </div>
                       <div>
                         <h1 className="title">{therapies.name}</h1>
                       </div>
                       <VerMais>
                         <div className="styled-button">
-                          <Link className="button-writing" to={`${therapies.id}`}>
+                          <Link
+                            className="button-writing"
+                            to={`${therapies.id}`}
+                          >
                             Ver mais
                           </Link>
                         </div>

src/components/events-carrosel/index.js

@@ -26,62 +26,86 @@ const Events = () => {
             type: data.attributes.tipo,
             location: data.attributes.local,
             price: data.attributes.preco,
-            description: data.attributes.descricao
+            description: data.attributes.descricao,
           }
         })
-        const eventsOrdered = events.filter(event => event !== null).sort((a, b) => a.date - b.date)
+        const eventsOrdered = events
+          .filter((event) => event !== null)
+          .sort((a, b) => a.date - b.date)
         setAttributesEvents(eventsOrdered)
       }
     })
   }, [])
   return (
-
     <CssCarrosselGlobal style={{ background: '#FAFAFA' }}>
-      <div className='carrossel'>
+      <div className="carrossel">
         <h1>Eventos</h1>
-        <p>A  Nossa Casa realiza diversos eventos culturais que vão de festivais, rodas de conversa, apresentações musicais, exposições de arte visual, entre outros.
-          Confira aqui nossa programação e participe!</p>
+        <p>
+          A Nossa Casa é um importante centro cultural em Guarulhos, promovendo
+          e realizando uma ampla variedade de atividades e eventos nas áreas de
+          arte e cultura. Desde festivais até rodas de conversa, apresentações
+          musicais, lançamentos e exposições de arte visual, buscamos
+          proporcionar experiências enriquecedoras para a comunidade.
+          <br/>
+          <br/>
+          Entendemos a arte e a cultura como direitos básicos e fundamentais
+          para a nossa saúde e economia local. Por isso, assumimos o compromisso
+          de impulsionar artistas e profissionais da nossa cidade,
+          proporcionando oportunidades de expressão e desenvolvimento.
+          <br/>
+          <br/>
+        Confira a nossa programação e junte-se a nós!
+        </p>
       </div>
       <Swiper
         slidesPerView={3}
         navigation={true}
-        pagination={{clickable: true}}
+        pagination={{ clickable: true }}
         breakpoints={{
-          320: {slidesPerView: 1, spaceBetween:1},
-          660: {slidesPerView: 2},
-          1280: {slidesPerView: 3, spaceBetween:1}
+          320: { slidesPerView: 1, spaceBetween: 1 },
+          660: { slidesPerView: 2 },
+          1280: { slidesPerView: 3, spaceBetween: 1 },
         }}
         modules={[Navigation, Pagination]}
         className="mySwiper"
       >
         <section>
           <div className="swiper-slide">
             <ul>
-              {attributesEvents.map((events, index) =>
+              {attributesEvents.map((events, index) => (
                 <li key={index}>
                   <SwiperSlide>
                     <div>
                       <div>
                         <img className="img" src={events.image_url} />
                       </div>
                       <div>
-                        <p className="date">{events.date.toLocaleDateString('pt-BR', { Timezone: 'UTF' })}</p>
+                        <p className="date">
+                          {events.date.toLocaleDateString('pt-BR', {
+                            Timezone: 'UTF',
+                          })}
+                        </p>
                         <h3 className="title">{events.name}</h3>
                       </div>
                       <EventsComponent>
-                      <div className='styled-button'>
-                        <NavLink className="button-writing" to={`${events.id}`} >Ver mais</NavLink>
-                      </div>
-                      </ EventsComponent>
+                        <div className="styled-button">
+                          <NavLink
+                            className="button-writing"
+                            to={`${events.id}`}
+                          >
+                            Ver mais
+                          </NavLink>
+                        </div>
+                      </EventsComponent>
                     </div>
                   </SwiperSlide>
                 </li>
-              )}
+              ))}
             </ul>
           </div>
         </section>
       </Swiper>
     </CssCarrosselGlobal>
   )
 }
-export default Events
+export default Events