Merge pull request #10 from italoh623/develop

Atualizando path das imagens

src/components/Carousel/index.tsx

@@ -5,7 +5,7 @@ import styles from "./styles.module.css";
 import "react-responsive-carousel/lib/styles/carousel.min.css";
 import { Carousel as ReactCarousel }  from 'react-responsive-carousel';
 
-const carouselImages = new Array(8).fill(null).map((_, i) => `/images/carousel/carousel-${i+1}.png`)
+const carouselImages = new Array(8).fill(null).map((_, i) => `./images/carousel/carousel-${i+1}.png`)
 
 export default function Carousel () {
   return (

src/components/Footer/index.tsx

@@ -6,7 +6,7 @@ export default function Footer () {
   return (
     <div className={styles.container}>
       <img
-        src="/draws/footer.svg"
+        src="./draws/footer.svg"
         className={styles.draw}
       />
       <div className={styles['container-text']}>

src/components/Map/PopupMarker/index.tsx

@@ -21,11 +21,11 @@ export interface PopupMarkerProps extends MarkerProps {
 function selectIcon(type: PopupMarkerProps['type']): string {
   switch (type) {
     case "TEMPORARIAMENTE FECHADO":
-      return "/images/map-marker-temporarily-closed.png"; 
+      return "./images/map-marker-temporarily-closed.png"; 
     case "SEM FUNCIONAMENTO":
-      return "/images/map-marker-not-working.png"; 
+      return "./images/map-marker-not-working.png"; 
     case "EM FUNCIONAMENTO":
-      return "/images/map-marker-in-operation.png"; 
+      return "./images/map-marker-in-operation.png"; 
     default:
       throw new Error("Tipo de marcador inválido.");
   }

src/components/SessionAppreciation/index.tsx

@@ -7,7 +7,7 @@ export default function SessionAppreciation() {
   return (
     <div className={styles.container}>
       <div className={styles.wrapper}>
-        <img className={styles.image} src="/images/time-line.svg" alt="" />
+        <img className={styles.image} src="./images/time-line.svg" alt="" />
 
         <section className={styles.report}>
           <p>Nas décadas seguintes, de uma forma geral, houve uma recuperação do mercado exibidor, com salas localizadas em shoppings, locais de maior renda. Mesmo nesse cenário diferente, o cinema de rua resistiu às mudanças comportamentais.</p>
@@ -18,7 +18,7 @@ export default function SessionAppreciation() {
         </section>
 
         <div className={styles.photo}>
-          <img src="/images/carousel/carousel-2.png" alt="" />
+          <img src="./images/carousel/carousel-2.png" alt="" />
           <figcaption>Foto: Rafael Bandeira/LeiaJá Imagens/Arquivo</figcaption>
         </div>
 
@@ -42,7 +42,7 @@ export default function SessionAppreciation() {
 
 
         <section className={styles.reportImage}>
-          <img src="/images/cinema-moderno.svg" alt="" />
+          <img src="./images/cinema-moderno.svg" alt="" />
           <p>Foi nesse contexto que os primeiros cinemas de bairro surgiram em Recife. O Cinema do Pina, o Glória, o Moderno - este último inicialmente construído como teatro e transformado em cinema em 1931 - e tantos outros se tornaram não apenas locais de entretenimento, mas também espaços de encontro e intercâmbio cultural. Essas salas eram locais de exibição de filmes e também de celebração da diversidade cultural de Pernambuco e do Brasil, conectando as comunidades através das narrativas projetadas nas telas.</p>
         </section>
 

src/components/SessionImportance/index.tsx

@@ -8,7 +8,7 @@ export default function SessionImportance() {
     <div className={styles.container}>
       <div className={styles.wrapper}>
         <h1 className={styles.title}>OCUPAÇÃO DO ESPAÇO PÚBLICO PELA ÓTICA DO CINEMA EM RECIFE - CULTURA É RESISTÊNCIA!</h1>
-        <img className={styles.image} src="/images/cinema.svg" alt="" />
+        <img className={styles.image} src="./images/cinema.svg" alt="" />
 
         <section className={styles.author}>
           <h1>CINEMA DE RUA</h1>