From 8dcbd572f70c0a67a3b01a4ff40211504859fdbd Mon Sep 17 00:00:00 2001
From: Laura Buzato <laurabuzato123@gmail.com>
Date: Mon, 27 Nov 2023 00:00:58 -0300
Subject: [PATCH 1/2] chore: abre pr

---
 src/pages/Horticultores/horticultores.css | 227 +++++++++++-----------
 1 file changed, 112 insertions(+), 115 deletions(-)

diff --git a/src/pages/Horticultores/horticultores.css b/src/pages/Horticultores/horticultores.css
index 258010f..aaf06b9 100644
--- a/src/pages/Horticultores/horticultores.css
+++ b/src/pages/Horticultores/horticultores.css
@@ -1,206 +1,203 @@
-
 .box-horticultores {
-    display: flex;
-    flex-direction: column;
+  display: flex;
+  flex-direction: column;
 }
 
 .box-como-funciona {
-    display: flex;
-    margin: 5% auto;
-    width: 100%;
+  display: flex;
+  margin: 5% auto;
+  width: 100%;
 }
 
 .como-funciona-mainImg {
-    width: 40%;
+  width: 40%;
 }
 
 .box-texto-como-funciona {
-    display: flex;
-    flex-direction: column;
-    text-align: center;
-    justify-content: center;
-    width: 70%;
+  display: flex;
+  flex-direction: column;
+  text-align: center;
+  justify-content: center;
+  width: 70%;
 }
 
 .box-texto-como-funciona h2 {
-    font-size: var(--title-small);
-    color: var(--title-color);
-    font-weight: var(--bold);
-    margin-bottom: 10px;
+  font-size: var(--title-small);
+  color: var(--title-color);
+  font-weight: var(--bold);
+  margin-bottom: 10px;
 }
 
 .box-texto-como-funciona .card-como-funciona {
-    margin: 15px 0px;
+  margin: 15px 0px;
 }
 
 .box-texto-como-funciona .card-como-funciona img {
-    margin: 10px 40px;
+  margin: 10px 40px;
 }
 
 .box-texto-como-funciona .card-como-funciona p {
-    text-align: left;
-    font-size: var(--body-small);
+  text-align: left;
+  font-size: var(--body-small);
 }
 
 .box-servicos {
-    text-align: center;
-    padding-top: 50px;
+  text-align: center;
+  padding-top: 50px;
 }
 
 .box-servicos h2 {
-    font-size: var(--title-large);
+  font-size: var(--title-large);
 }
 
-.box-servicos h2 span{
-    color: var( --verde-principal);
+.box-servicos h2 span {
+  color: var(--verde-principal);
 }
 
 .box-card-servicos-horticultores {
-    display: flex;
-    flex-direction: column;
-    gap: 150px;
-    margin-top: 50px;
+  display: flex;
+  flex-direction: column;
+  gap: 150px;
+  margin-top: 50px;
 }
 
 .box-card-servicos-horticultores h4 {
-    color: var(--verde-principal);
+  color: var(--verde-principal);
 }
 
 .box-card-servicos-horticultores article:nth-child(1) {
-    flex-direction: row-reverse;
+  flex-direction: row-reverse;
 }
 
 .box-card-servicos-horticultores article:nth-child(3) {
-    flex-direction: row-reverse;
+  flex-direction: row-reverse;
 }
 
 .banner-horticultor {
-    background: url(../../images/banner-horticultor.png) no-repeat;
-    background-size: cover;
-    background-position: center;
-    height: 90vh;
-    width: 100%;
-    padding: 2% 4%;
+  background: url(../../images/banner-horticultor.png) no-repeat;
+  background-size: cover;
+  background-position: center;
+  height: 90vh;
+  width: 100%;
+  padding: 2% 4%;
 }
 
 .banner-horticultor > div {
-    margin: 35px 35px;
-    padding: 10px;
-    border-radius: 0px;
-    width: 35%;
-    height: 85%;
-    background-color: white;
-    text-align: center;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
+  margin: 35px 35px;
+  padding: 10px;
+  border-radius: 0px;
+  width: 35%;
+  height: 85%;
+  background-color: white;
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
 }
 
 .banner-horticultor h2 {
-    margin-top: 25px;
-    text-align: center;
-    font-size: var(--title-small);
+  margin-top: 25px;
+  text-align: center;
+  font-size: var(--title-small);
 }
 
 .banner-horticultor span {
-    color: var(--verde-principal);
+  color: var(--verde-principal);
 }
 
 .box-inputs-horticultor {
-    margin-top: 5%;
+  margin-top: 5%;
 }
 
-.banner-horticultor select, .banner-horticultor input {
-    margin: 5% 0;
-    border-radius: 10px;
-    color: rgba(0, 0, 0, 0.3);
-    border: none;
-    background-color: #EAE9E9;
-    width: 90%;
-    padding: 5% 50px;
-    font-size: var(--subtitle-small);
+.banner-horticultor select,
+.banner-horticultor input {
+  margin: 5% 0;
+  border-radius: 10px;
+  color: rgba(0, 0, 0, 0.3);
+  border: none;
+  background-color: #eae9e9;
+  width: 90%;
+  padding: 5% 50px;
+  font-size: var(--subtitle-small);
 }
 
 .banner-horticultor option {
-    background-color: var(--verde-principal);
-    color: white;
+  background-color: var(--verde-principal);
+  color: white;
 }
 
 .banner-horticultor select {
-    border: unset;
-    appearance: none;
-    background-image: url(../../images/arrow-select.svg);
-    background-repeat: no-repeat;
-    background-position: right 2rem top 50%;
-    background-size: 40px auto;
+  border: unset;
+  appearance: none;
+  background-image: url(../../images/arrow-select.svg);
+  background-repeat: no-repeat;
+  background-position: right 2rem top 50%;
+  background-size: 40px auto;
 }
 
 .banner-horticultor button {
-    margin-top: 5%;
-    background-color: var(--verde-escuro);
-    color: white;
-    font-size: var(--subtitle-medium);
-    border: none;
-    padding: 20px 50px;
-    border-radius: 10px;
-    width: 80%;
-    margin: 5% auto;
+  margin-top: 5%;
+  background-color: var(--verde-escuro);
+  color: white;
+  font-size: var(--subtitle-medium);
+  border: none;
+  padding: 20px 50px;
+  border-radius: 10px;
+  width: 80%;
+  margin: 5% auto;
 }
 
 .banner-horticultor button:hover {
-    cursor: pointer;
+  cursor: pointer;
 }
 
-
 .box-banner-cadastro-horticultor {
-    background-image: url(../../images/background-horticultores.png);
-    box-shadow: 900px 0px 150px 0px rgba(0, 0, 0, 0.60) inset;
-    background-repeat: no-repeat;
-    background-size: cover;
-    margin-top: 100px;
-    height: 55vh;
-    width: 100%;
+  background-image: url(../../images/background-horticultores.png);
+  box-shadow: 900px 0px 150px 0px rgba(0, 0, 0, 0.6) inset;
+  background-repeat: no-repeat;
+  background-size: cover;
+  margin-top: 100px;
+  height: 55vh;
+  width: 100%;
 }
 
-
 .banner-cadastro-horticultor {
-    display: flex;
-    flex-direction: column;
-    justify-content:center;
-    height: 100%;
-    color: white;
-    gap: 15px
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  height: 100%;
+  color: white;
+  gap: 15px;
 }
 
-
-.banner-cadastro-horticultor div  {
-    width: 30%;
-    margin-left: 3%;
+.banner-cadastro-horticultor div {
+  width: 30%;
+  margin-left: 3%;
 }
 
 .banner-cadastro-horticultor h3 {
-    font-size: var(--title-small);
-    font-weight: var(--bold);
+  font-size: var(--title-small);
+  font-weight: var(--bold);
 }
 
 .banner-cadastro-horticultor span {
-    color: var(--font-banner-verde);
+  color: var(--font-banner-verde);
 }
 
 .banner-cadastro-horticultor p {
-    font-size: var(--body-small);
-    padding-top: 2%;
+  font-size: var(--body-small);
+  padding-top: 2%;
 }
 
 .banner-cadastro-horticultor button {
-    margin-top: 5%;
-    background-color: var(--cta-laranja);
-    color: white;
-    font-size: var(--subtitle-small);
-    font-weight: var(--semi-bold);
-    font-family: var(--title-family);
-    border: none;
-    padding: 3% 8%;
-    border-radius: 20px;
-    cursor: pointer;
-}
\ No newline at end of file
+  margin-top: 5%;
+  background-color: var(--cta-laranja);
+  color: white;
+  font-size: var(--subtitle-small);
+  font-weight: var(--semi-bold);
+  font-family: var(--title-family);
+  border: none;
+  padding: 3% 8%;
+  border-radius: 20px;
+  cursor: pointer;
+}

From 937771ec683224865d7d9b8665b7caa652a43ed6 Mon Sep 17 00:00:00 2001
From: Laura Buzato <laurabuzato123@gmail.com>
Date: Mon, 27 Nov 2023 18:52:42 -0300
Subject: [PATCH 2/2] fix: upload de imagens para a AWS

---
 .../CardHomeGerminne/cardHomeGerminne.css     |  61 ++---
 .../CardHomeServicos/cardHomeServicos.css     |  70 +++---
 .../CardHorticultor/CardHorticultor.jsx       |  45 ++--
 .../CardPerguntas/CardPerguntas.jsx           |  10 +-
 src/components/CarouselBlog/carouselBlog.css  |  47 ++--
 .../DescricaoProduto/DescricaoProduto.jsx     | 120 ++++++----
 src/components/Footer/Footer.jsx              |   5 +-
 src/components/Header/Header.jsx              | 133 +++++++----
 src/components/HeaderMobile/HeaderMobile.jsx  |  40 ++--
 src/data/artigos.js                           | 192 +++++++++++-----
 src/pages/Artigo/Artigo.jsx                   | 110 ++++-----
 src/pages/Blog/Blog.jsx                       |  65 +++---
 src/pages/CadastroCliente/CadastroCliente.jsx |  88 +++----
 .../CadastroProfissional.jsx                  |  86 +++----
 src/pages/FiltrosServico/filtrosServico.css   |  83 +++----
 src/pages/Home/Home.jsx                       | 214 ++++++++++--------
 src/pages/Home/home.css                       |  97 ++++----
 src/pages/Horticultores/Horticultores.jsx     | 135 ++++++-----
 src/pages/Horticultores/horticultores.css     |   7 +-
 src/pages/Login/Login.jsx                     |  68 +++---
 src/pages/LoginCliente/LoginCliente.jsx       |  65 +++---
 src/pages/Loja/Loja.jsx                       | 103 +++++----
 .../PerfilHorticultor/PerfilHorticultor.jsx   | 116 +++++-----
 src/pages/SobreNos/SobreNos.jsx               |  22 +-
 src/pages/SobreNos/sobreNos.css               |  79 +++----
 src/pages/TrabalheConosco/TrabalheConosco.jsx |  15 +-
 src/pages/TrabalheConosco/trabalheConosco.css |   6 +-
 .../VitrineHorticultores.jsx                  |  73 +++---
 .../vitrineHorticultores.css                  |   5 +-
 29 files changed, 1210 insertions(+), 950 deletions(-)

diff --git a/src/components/CardHomeGerminne/cardHomeGerminne.css b/src/components/CardHomeGerminne/cardHomeGerminne.css
index 889ecc8..9b13480 100644
--- a/src/components/CardHomeGerminne/cardHomeGerminne.css
+++ b/src/components/CardHomeGerminne/cardHomeGerminne.css
@@ -1,53 +1,58 @@
 .card-germinne {
-    width: 30%;
+  width: 30%;
 }
 
 .card-home-germinne {
-    width: 100%;
-    height: 230px; 
-    display: flex;
-    align-items: flex-end;
-    justify-content: center;
-    background-size: cover !important;
-    background-position: center;
-    border-radius: 10px;
+  width: 100%;
+  height: 230px;
+  display: flex;
+  align-items: flex-end;
+  justify-content: center;
+  background-size: cover !important;
+  background-position: center;
+  border-radius: 10px;
 }
 
 .card-home-germinne h2 {
-    text-align: center;
-    width: 80%;
-    margin-bottom: 20px;
-    color: white;
-    font-size: var(--body-medium);
-    font-weight: var(--semi-bold);
+  text-align: center;
+  width: 80%;
+  margin-bottom: 20px;
+  color: white;
+  font-size: var(--body-medium);
+  font-weight: var(--semi-bold);
 }
 
-.card-home-germinne span, .second-germinne-large span, .third-germinne-card span  {
-    color: var(--font-banner-verde);
+.card-home-germinne span,
+.second-germinne-large span,
+.third-germinne-card span {
+  color: var(--font-banner-verde);
 }
 
 .first-germinne-card {
-    background: url(../../images/card-home-4.png) no-repeat;
+  background: url(https://germinnecomp-img.s3.sa-east-1.amazonaws.com/card-home-4.png)
+    no-repeat;
 }
 
 .second-germinne-card {
-    background: url(../../images/card-home-5.png) no-repeat;
-    height: 150px;
-    box-shadow: 0px -100px 80px 0px rgba(0, 0, 0, 0.50) inset;
+  background: url(https://germinnecomp-img.s3.sa-east-1.amazonaws.com/card-home-5.png)
+    no-repeat;
+  height: 150px;
+  box-shadow: 0px -100px 80px 0px rgba(0, 0, 0, 0.5) inset;
 }
 
 .second-germinne-large {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
 }
 
 .second-germinne-large h3 {
-    font-size: var(--subtitle-medium);
-    text-align: center;
-    text-transform: uppercase;
+  font-size: var(--subtitle-medium);
+  text-align: center;
+  text-transform: uppercase;
 }
 
 .third-germinne-card {
-    background: url(../../images/card-home-6.png) no-repeat;
+  background: url(https://germinnecomp-img.s3.sa-east-1.amazonaws.com/card-home-6.png)
+    no-repeat;
 }
diff --git a/src/components/CardHomeServicos/cardHomeServicos.css b/src/components/CardHomeServicos/cardHomeServicos.css
index 4b65459..be7bcf4 100644
--- a/src/components/CardHomeServicos/cardHomeServicos.css
+++ b/src/components/CardHomeServicos/cardHomeServicos.css
@@ -1,62 +1,62 @@
 .card-home-servicos {
-    text-align: center;
-    width: 30%;
+  text-align: center;
+  width: 30%;
 }
 
-
 .card-home-servicos div {
-    width: 100%;
-    height: 230px;
-    display: flex;
-    align-items: flex-end;
-    justify-content: center;
-    border-radius: 10px;
-    background-size: cover;
-    background-position: center;
-} 
+  width: 100%;
+  height: 230px;
+  display: flex;
+  align-items: flex-end;
+  justify-content: center;
+  border-radius: 10px;
+  background-size: cover;
+  background-position: center;
+}
 
 .card-home-servicos:hover {
-    cursor: pointer;
+  cursor: pointer;
 }
 
-
-
 .first-service-card {
-    background: url(../../images/card-home-1.png) no-repeat;
-    background-size: cover;
+  background: url(https://germinnecomp-img.s3.sa-east-1.amazonaws.com/card-home-1.png)
+    no-repeat;
+  background-size: cover;
 }
 
 .second-service-card {
-    background: url(../../images/card-home-2.png) no-repeat;
-    background-size: cover;
+  background: url(https://germinnecomp-img.s3.sa-east-1.amazonaws.com/card-home-2.png)
+    no-repeat;
+  background-size: cover;
 }
 
 .third-service-card {
-    background: url(../../images/card-home-3.png) no-repeat;
-    background-size: cover;
+  background: url(https://germinnecomp-img.s3.sa-east-1.amazonaws.com/card-home-3.png)
+    no-repeat;
+  background-size: cover;
 }
 
 .card-home-servicos h2 {
-    font-size: var(--body-medium);
-    width: 90%;
-    text-align: center;
-    color: white;
-    font-weight: var(--regular-bold);
-    margin-bottom: 20px;
+  font-size: var(--body-medium);
+  width: 90%;
+  text-align: center;
+  color: white;
+  font-weight: var(--regular-bold);
+  margin-bottom: 20px;
 }
 
 .card-home-servicos {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 }
 
 .card-home-servicos h3 {
-    font-size: var(--body-medium);
-    margin-top: 20px;
-    text-transform: uppercase;
+  font-size: var(--body-medium);
+  margin-top: 20px;
+  text-transform: uppercase;
 }
 
 .card-home-servicos span {
-    color: var(--verde-principal);
-}
\ No newline at end of file
+  color: var(--verde-principal);
+}
diff --git a/src/components/CardHorticultor/CardHorticultor.jsx b/src/components/CardHorticultor/CardHorticultor.jsx
index c29fa87..15f8efa 100644
--- a/src/components/CardHorticultor/CardHorticultor.jsx
+++ b/src/components/CardHorticultor/CardHorticultor.jsx
@@ -1,34 +1,41 @@
-import React from 'react';
-import { MdOutlineWhatsapp } from 'react-icons/md';
-import { FaPhoneAlt } from 'react-icons/fa';
-import PropTypes from 'prop-types';
-import estrelas from '../../images/stars.png';
-import './cardHorticultor.css';
+import React from "react";
+import { MdOutlineWhatsapp } from "react-icons/md";
+import { FaPhoneAlt } from "react-icons/fa";
+import PropTypes from "prop-types";
+import estrelas from "../../images/stars.png";
+import "./cardHorticultor.css";
 
 function CardHorticultor({ srcImg, name, description, rating }) {
   return (
-    <div className='card-horticultor'>
-      <div className='foto-rating-horticultor'>
+    <div className="card-horticultor">
+      <div className="foto-rating-horticultor">
         <div>
-          <img src={ srcImg } alt="Foto do horticultor" />
+          <img src={srcImg} alt="Foto do horticultor" />
         </div>
 
         <div>
-          <p>{ rating }</p>
-          <img src={ estrelas } alt="Imagem de estrelas" />
+          <p>{rating}</p>
+          <img
+            src="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/stars.png"
+            alt="Imagem de estrelas"
+          />
         </div>
       </div>
 
-      <div className='descricao-horticultor'>
-        <p>{ name }</p>
-        <p>{ description }</p>
+      <div className="descricao-horticultor">
+        <p>{name}</p>
+        <p>{description}</p>
         <button>Ver perfil</button>
       </div>
 
-      <div className='botoes-contato-horticultor'>
+      <div className="botoes-contato-horticultor">
         <button>Solicitar orçamento</button>
-        <button><MdOutlineWhatsapp /> WhatsApp </button>
-        <button><FaPhoneAlt /> Telefone </button>
+        <button>
+          <MdOutlineWhatsapp /> WhatsApp{" "}
+        </button>
+        <button>
+          <FaPhoneAlt /> Telefone{" "}
+        </button>
       </div>
     </div>
   );
@@ -38,7 +45,7 @@ CardHorticultor.propTypes = {
   srcImg: PropTypes.string.isRequired,
   name: PropTypes.string.isRequired,
   description: PropTypes.string.isRequired,
-  rating: PropTypes.string.isRequired
+  rating: PropTypes.string.isRequired,
 };
 
-export default CardHorticultor;
\ No newline at end of file
+export default CardHorticultor;
diff --git a/src/components/CardPerguntas/CardPerguntas.jsx b/src/components/CardPerguntas/CardPerguntas.jsx
index fb1e070..82e674a 100644
--- a/src/components/CardPerguntas/CardPerguntas.jsx
+++ b/src/components/CardPerguntas/CardPerguntas.jsx
@@ -1,13 +1,13 @@
-import React from 'react';
-import './CardPerguntas.css';
-import greenElipse from '../../images/BolinhaVerde.png';
-import PropTypes from 'prop-types';
+import React from "react";
+import "./CardPerguntas.css";
+import greenElipse from "https://germinnecomp-img.s3.sa-east-1.amazonaws.com/BolinhaVerde.png";
+import PropTypes from "prop-types";
 
 function CardPerguntas({ title, text }) {
   return (
     <div className="cardPerguntas">
       <img src={greenElipse} alt="green elipse" />
-      <div className='cardPerguntasText'>
+      <div className="cardPerguntasText">
         <h3>{title}</h3>
         <p>{text}</p>
       </div>
diff --git a/src/components/CarouselBlog/carouselBlog.css b/src/components/CarouselBlog/carouselBlog.css
index 599a51e..db80885 100644
--- a/src/components/CarouselBlog/carouselBlog.css
+++ b/src/components/CarouselBlog/carouselBlog.css
@@ -1,29 +1,32 @@
-  .carousel-blog {
-    width: 100%;
-    margin: 30px auto;
-    height: 60vh;
-    border-radius: 20px;
+.carousel-blog {
+  width: 100%;
+  margin: 30px auto;
+  height: 60vh;
+  border-radius: 20px;
 }
 
-.box-slide-imagem-1, .box-slide-imagem-2 {
+.box-slide-imagem-1,
+.box-slide-imagem-2 {
   display: flex;
   justify-content: center;
   align-items: flex-end;
-  box-shadow: 0px -160px 80px 0px rgba(0, 0, 0, 0.50) inset;
+  box-shadow: 0px -160px 80px 0px rgba(0, 0, 0, 0.5) inset;
   padding-bottom: 5%;
 }
 
 .box-slide-imagem-1 {
-    background: url(../../images/carousel-blog-1.png) no-repeat;
-    background-size: cover ;
-    background-position: center;
-    height: 100%;
-    width: 100%;
+  background: url(https://germinnecomp-img.s3.sa-east-1.amazonaws.com/carousel-blog-1.png)
+    no-repeat;
+  background-size: cover;
+  background-position: center;
+  height: 100%;
+  width: 100%;
 }
 
 .box-slide-imagem-2 {
-  background: url(../../images/carousel-blog-2.png) no-repeat;
-  background-size: cover ;
+  background: url(https://germinnecomp-img.s3.sa-east-1.amazonaws.com/carousel-blog-2.png)
+    no-repeat;
+  background-size: cover;
   background-position: center;
   height: 100%;
   width: 100%;
@@ -35,31 +38,31 @@
   font-weight: var(--semi-bold);
 }
 
-.slide-carousel
-
-.aws-sld {
+.slide-carousel .aws-sld {
   --open-animation-perspective: 600px;
   --open-animation-angle: 8deg;
   --open-animation-enter-delay: 85ms;
 }
 
 .bannerpost1 {
-  box-shadow: 0px -180p x 80px 0px rgba(0, 0, 0, 0.70) inset;
+  box-shadow: 0px -180p x 80px 0px rgba(0, 0, 0, 0.7) inset;
   display: flex;
   justify-content: center;
   align-items: flex-end;
   width: 100%;
   height: 100%;
-  background-image: url(../../images/postbanner1.png);
+  background-image: url
+    "https://germinnecomp-img.s3.sa-east-1.amazonaws.com/postbanner1.png";
   background-size: cover;
   color: white;
   font-size: var(--title-small);
   text-align: center;
 }
 
-.bannerpost2{
+.bannerpost2 {
   background-size: cover;
   width: 100%;
   height: 100%;
-  background-image: url(../../images/homebanner.png);
-}
\ No newline at end of file
+  background-image: url
+    "https://germinnecomp-img.s3.sa-east-1.amazonaws.com/homebanner.png";
+}
diff --git a/src/components/DescricaoProduto/DescricaoProduto.jsx b/src/components/DescricaoProduto/DescricaoProduto.jsx
index 259e0ba..bf5b70b 100644
--- a/src/components/DescricaoProduto/DescricaoProduto.jsx
+++ b/src/components/DescricaoProduto/DescricaoProduto.jsx
@@ -1,74 +1,100 @@
-import React from 'react';
-import ImagemPequenaGB from '../ImagemPequenaGB/ImagemPequenaGB';
-import imgsecundaria1 from '../../images/gb-imagem-secundaria1.png';
-import imgsecundaria2 from '../../images/gb-imagem-secundaria2.png';
-import imgsecundaria4 from '../../images/gb-imagem-secundaria4.png';
-import imgprincipal from '../../images/gb-imagem-principal.png';
-import './descricaoProduto.css';
-import BotaoSelecaoGB from '../BotaoSelecaoGB/BotaoSelecaoGB';
+import React from "react";
+import ImagemPequenaGB from "../ImagemPequenaGB/ImagemPequenaGB";
+import imgsecundaria1 from "../../images/gb-imagem-secundaria1.png";
+import imgsecundaria2 from "../../images/gb-imagem-secundaria2.png";
+import imgsecundaria4 from "../../images/gb-imagem-secundaria4.png";
+import imgprincipal from "../../images/gb-imagem-principal.png";
+import "./descricaoProduto.css";
+import BotaoSelecaoGB from "../BotaoSelecaoGB/BotaoSelecaoGB";
 
 function DescricaoProduto() {
   return (
-    
-    
-    <div className='box-descricao-produto'>
-      <div className='descricao-imagens'>
-        <div className='box-imagens-secundarias'>
-          <ImagemPequenaGB 
-            srcImg={ imgsecundaria1 }
-            altImg='Imagem ilustrativa da Germinne Box'
+    <div className="box-descricao-produto">
+      <div className="descricao-imagens">
+        <div className="box-imagens-secundarias">
+          <ImagemPequenaGB
+            srcImg="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/gb-imagem-secundaria1.png"
+            altImg="Imagem ilustrativa da Germinne Box"
           />
-          <ImagemPequenaGB 
-            srcImg={ imgsecundaria2 }
-            altImg='Imagem ilustrativa da Germinne Box'
+          <ImagemPequenaGB
+            srcImg="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/gb-imagem-secundaria2.png"
+            altImg="Imagem ilustrativa da Germinne Box"
           />
-          <ImagemPequenaGB 
-            srcImg={ imgsecundaria4 }
-            altImg='Imagem ilustrativa da Germinne Box'
+          <ImagemPequenaGB
+            srcImg="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/gb-imagem-secundaria4.png"
+            altImg="Imagem ilustrativa da Germinne Box"
           />
         </div>
 
-        <div className='box-imagem-descricao'>
-          <img src={ imgprincipal } alt="Imagem ilustrativa da Germinne Box" />
-          <p>Adquira nossa Germinne Box, nosso kit contem todo o nescessario para proporcionar a você a facilidade de ter o seu próprio jardim verde, saudável e vibrante com alimentos frescos e orgânicos.</p>
+        <div className="box-imagem-descricao">
+          <img
+            src="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/gb-imagem-principal.png"
+            alt="Imagem ilustrativa da Germinne Box"
+          />
+          <p>
+            Adquira nossa Germinne Box, nosso kit contem todo o nescessario para
+            proporcionar a você a facilidade de ter o seu próprio jardim verde,
+            saudável e vibrante com alimentos frescos e orgânicos.
+          </p>
         </div>
       </div>
 
-      <div className='box-selecao'>
-        <div className='nome-preco'>
+      <div className="box-selecao">
+        <div className="nome-preco">
           <h2>Kit Horta Urbana GerminneBox</h2>
-          <p><span>R$</span> 44,90</p>
+          <p>
+            <span>R$</span> 44,90
+          </p>
         </div>
 
-        <div className='div-botoes'>
-          <p>Selecione o tipo de produto: <span>Germinne Box</span></p>
-          <div className='box-botoes-selecao'>
-            <BotaoSelecaoGB className='botao-selecionado' contentButton='Germinne Box'/>
-            <BotaoSelecaoGB contentButton='Kit Plantio'/>
+        <div className="div-botoes">
+          <p>
+            Selecione o tipo de produto: <span>Germinne Box</span>
+          </p>
+          <div className="box-botoes-selecao">
+            <BotaoSelecaoGB
+              className="botao-selecionado"
+              contentButton="Germinne Box"
+            />
+            <BotaoSelecaoGB contentButton="Kit Plantio" />
           </div>
         </div>
 
-        <div className='div-botoes'>
-          <p>Semente: <span>Salsa</span></p>
-          <div className='box-botoes-selecao'>
-            <BotaoSelecaoGB contentButton='Coentro'/>
-            <BotaoSelecaoGB className='botao-selecionado' contentButton='Manjericão'/>
-            <BotaoSelecaoGB contentButton='Salsa'/>
+        <div className="div-botoes">
+          <p>
+            Semente: <span>Salsa</span>
+          </p>
+          <div className="box-botoes-selecao">
+            <BotaoSelecaoGB contentButton="Coentro" />
+            <BotaoSelecaoGB
+              className="botao-selecionado"
+              contentButton="Manjericão"
+            />
+            <BotaoSelecaoGB contentButton="Salsa" />
           </div>
-          <div className='box-botoes-selecao'>
-            <BotaoSelecaoGB className='botao-selecionado' contentButton='Hortelã'/>
-            <BotaoSelecaoGB contentButton='Tomate Cereja'/>
-            <BotaoSelecaoGB className='botao-selecionado' contentButton='Alecrim'/>
+          <div className="box-botoes-selecao">
+            <BotaoSelecaoGB
+              className="botao-selecionado"
+              contentButton="Hortelã"
+            />
+            <BotaoSelecaoGB contentButton="Tomate Cereja" />
+            <BotaoSelecaoGB
+              className="botao-selecionado"
+              contentButton="Alecrim"
+            />
           </div>
         </div>
 
-        <div className='div-botoes box-quantidade'>
+        <div className="div-botoes box-quantidade">
           <p>Quantidade</p>
 
-          <button><span onClick={() => console.log('MENOS')}>-</span> 1 <span onClick={() => console.log('MAIS')}>+</span></button>
+          <button>
+            <span onClick={() => console.log("MENOS")}>-</span> 1{" "}
+            <span onClick={() => console.log("MAIS")}>+</span>
+          </button>
         </div>
 
-        <div className='div-botoes botao-adicionar-carrinho'>
+        <div className="div-botoes botao-adicionar-carrinho">
           <button>Adicionar ao carrinho</button>
         </div>
       </div>
@@ -76,4 +102,4 @@ function DescricaoProduto() {
   );
 }
 
-export default DescricaoProduto;
\ No newline at end of file
+export default DescricaoProduto;
diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
index 20f6d1d..04b149f 100644
--- a/src/components/Footer/Footer.jsx
+++ b/src/components/Footer/Footer.jsx
@@ -11,7 +11,10 @@ function Footer() {
       <div className="footer-box">
         <div>
           <div className="footer-logo">
-            <img src={logo} alt="Logo da Germinne branco" />
+            <img
+              src="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/logo-branco.svg"
+              alt="Logo da Germinne branco"
+            />
             <h2>Germinne</h2>
           </div>
 
diff --git a/src/components/Header/Header.jsx b/src/components/Header/Header.jsx
index 2657e72..6dbf064 100644
--- a/src/components/Header/Header.jsx
+++ b/src/components/Header/Header.jsx
@@ -1,11 +1,10 @@
-import React from 'react';
-import logo from '../../images/logo-verde.svg';
-import sacola from '../../images/sacola.png';
-import './header.css';
-import HeaderMobile from '../HeaderMobile/HeaderMobile';
-import { useState } from 'react';
-import { useLocation } from 'react-router-dom';
-
+import React from "react";
+import logo from "../../images/logo-verde.svg";
+import sacola from "../../images/sacola.png";
+import "./header.css";
+import HeaderMobile from "../HeaderMobile/HeaderMobile";
+import { useState } from "react";
+import { useLocation } from "react-router-dom";
 
 function Header() {
   const [showLogin, setShowLogin] = useState(false);
@@ -14,17 +13,19 @@ function Header() {
   const handleShowLogin = () => {
     setShowLogin(showLogin ? false : true);
     console.log(showLogin);
-  }; 
+  };
 
   return (
     <>
       <HeaderMobile id="component-mobile" />
 
-      <header className='header-desktop'>
-
+      <header className="header-desktop">
         <div>
-          <div className='box-logo-nome'>
-            <img src={logo} alt="Logo verde" />
+          <div className="box-logo-nome">
+            <img
+              src="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/logo-verde.svg"
+              alt="Logo verde"
+            />
             <a href="/">
               <h1>Germinne</h1>
             </a>
@@ -32,58 +33,112 @@ function Header() {
 
           <nav>
             <ul>
-              
-              <li className= "nav-item" >
-                <a href="/">Inicio<div className={ ` underline  ${pathname == '/' ? 'hold-underline' : '' }`} /></a>
+              <li className="nav-item">
+                <a href="/">
+                  Inicio
+                  <div
+                    className={` underline  ${
+                      pathname == "/" ? "hold-underline" : ""
+                    }`}
+                  />
+                </a>
               </li>
 
-              <li className= "nav-item" >
-                <a href="/blog">Blog<div className={ ` underline  ${pathname == '/blog' ? 'hold-underline' : '' }`} /></a>
+              <li className="nav-item">
+                <a href="/blog">
+                  Blog
+                  <div
+                    className={` underline  ${
+                      pathname == "/blog" ? "hold-underline" : ""
+                    }`}
+                  />
+                </a>
               </li>
 
-              <li className= "nav-item" >
-                <a href="/loja">GerminneBox<div className={ ` underline  ${pathname == '/loja' ? 'hold-underline' : '' }`}/></a>
+              <li className="nav-item">
+                <a href="/loja">
+                  GerminneBox
+                  <div
+                    className={` underline  ${
+                      pathname == "/loja" ? "hold-underline" : ""
+                    }`}
+                  />
+                </a>
               </li>
 
               <li className={` nav-item `}>
-                <a href="/horticultores">Horticultores<div className={ ` underline  ${pathname == '/horticultores' ? 'hold-underline' : '' }`}/></a>
+                <a href="/horticultores">
+                  Horticultores
+                  <div
+                    className={` underline  ${
+                      pathname == "/horticultores" ? "hold-underline" : ""
+                    }`}
+                  />
+                </a>
               </li>
 
-               <li className= "nav-item" >
-                <a href="/trabalhe-conosco">Trabalhe conosco<div className={ ` underline  ${pathname == '/trabalheconosco' ? 'hold-underline' : '' }`}/></a>
+              <li className="nav-item">
+                <a href="/trabalhe-conosco">
+                  Trabalhe conosco
+                  <div
+                    className={` underline  ${
+                      pathname == "/trabalheconosco" ? "hold-underline" : ""
+                    }`}
+                  />
+                </a>
               </li>
 
-              <li className= "nav-item" >
-                <a href="/sobre-nos">Sobre nós<div className={ ` underline  ${pathname == '/sobre-nos' ? 'hold-underline' : '' }`}/></a>
+              <li className="nav-item">
+                <a href="/sobre-nos">
+                  Sobre nós
+                  <div
+                    className={` underline  ${
+                      pathname == "/sobre-nos" ? "hold-underline" : ""
+                    }`}
+                  />
+                </a>
               </li>
-             
             </ul>
           </nav>
-        
-          <div className='box-login'>
-            <div>
-              <button className={ showLogin ? 'button-opened' : ''} onClick={ handleShowLogin }>Entrar</button>
 
-              <div className={`links-login ${showLogin ? 'open-login' : 'close-login'}`}>
+          <div className="box-login">
+            <div>
+              <button
+                className={showLogin ? "button-opened" : ""}
+                onClick={handleShowLogin}
+              >
+                Entrar
+              </button>
+
+              <div
+                className={`links-login ${
+                  showLogin ? "open-login" : "close-login"
+                }`}
+              >
                 <ul>
-                  <li><a href="/login-cliente">Cliente</a></li>
-                  <li><a href="/login">Profissional</a></li>
+                  <li>
+                    <a href="/login-cliente">Cliente</a>
+                  </li>
+                  <li>
+                    <a href="/login">Profissional</a>
+                  </li>
                 </ul>
               </div>
-
             </div>
-            
-            <div className='box-icone-sacola'>
+
+            <div className="box-icone-sacola">
               <a href="/carrinho">
-                <img src={sacola} alt="Icone de sacola" />
+                <img
+                  src="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/sacola.png"
+                  alt="Icone de sacola"
+                />
               </a>
             </div>
           </div>
         </div>
-
       </header>
     </>
   );
 }
 
-export default Header;
\ No newline at end of file
+export default Header;
diff --git a/src/components/HeaderMobile/HeaderMobile.jsx b/src/components/HeaderMobile/HeaderMobile.jsx
index 7e4589b..33f36aa 100644
--- a/src/components/HeaderMobile/HeaderMobile.jsx
+++ b/src/components/HeaderMobile/HeaderMobile.jsx
@@ -1,10 +1,9 @@
-import React, { useState } from 'react';
-import logo from '../../images/logo-verde.svg';
-import sacola from '../../images/sacola.png';
-import fecharMenu from '../../images/fechar-menu.png';
-import './headerMobile.css';
-import 'animate.css';
-
+import React, { useState } from "react";
+import logo from "../../images/logo-verde.svg";
+import sacola from "../../images/sacola.png";
+import fecharMenu from "../../images/fechar-menu.png";
+import "./headerMobile.css";
+import "animate.css";
 
 function HeaderMobile() {
   const [menuOpen, setMenuOpen] = useState(false);
@@ -13,10 +12,15 @@ function HeaderMobile() {
 
   return (
     <>
-      <div className={!menuOpen ? 'esconder-menu-mobile animate__slideOutRight' : 'menu-mobile animate__animated animate__slideInRight'}>
-
+      <div
+        className={
+          !menuOpen
+            ? "esconder-menu-mobile animate__slideOutRight"
+            : "menu-mobile animate__animated animate__slideInRight"
+        }
+      >
         <div>
-          <div className='header-box'>
+          <div className="header-box">
             <img src={logo} alt="Logo verde" />
             <a href="/">
               <h1>Germinne</h1>
@@ -25,9 +29,9 @@ function HeaderMobile() {
 
           <div>
             <img
-              className='icone-fechar'
+              className="icone-fechar"
               onClick={handleMenu}
-              src={fecharMenu}
+              src="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/fechar-menu.png"
               alt="Icone de um X"
             />
           </div>
@@ -42,15 +46,14 @@ function HeaderMobile() {
             <li>Sobre nós</li>
           </ul>
         </nav>
-
       </div>
 
-      <header className={menuOpen ? 'esconder-menu-mobile' : 'header-mobile'}>
+      <header className={menuOpen ? "esconder-menu-mobile" : "header-mobile"}>
         <div>
           <p onClick={handleMenu}>&equiv;</p>
         </div>
 
-        <div className='header-box'>
+        <div className="header-box">
           <img src={logo} alt="Logo verde" />
           <a href="/home">
             <h1>Germinne</h1>
@@ -59,7 +62,10 @@ function HeaderMobile() {
 
         <div>
           <a href="/carrinho">
-            <img src={sacola} alt="Sacola verde" />
+            <img
+              src="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/sacola.png"
+              alt="Sacola verde"
+            />
           </a>
         </div>
       </header>
@@ -67,4 +73,4 @@ function HeaderMobile() {
   );
 }
 
-export default HeaderMobile;
\ No newline at end of file
+export default HeaderMobile;
diff --git a/src/data/artigos.js b/src/data/artigos.js
index 8be9b50..44924eb 100644
--- a/src/data/artigos.js
+++ b/src/data/artigos.js
@@ -1,91 +1,177 @@
-import artigoImagem1 from '../images/artigo-card-1.png';
-import artigoImagem2 from '../images/artigo-card-2.png';
-import artigoImagem3 from '../images/artigo-card-3.png';
-import artigoImagem4 from '../images/artigo-card-4.png';
-import artigoImagem5 from '../images/artigo-card-5.png';
-import artigoImagem6 from '../images/artigo-card-6.png';
+import artigoImagem1 from "../images/artigo-card-1.png";
+import artigoImagem2 from "../images/artigo-card-2.png";
+import artigoImagem3 from "../images/artigo-card-3.png";
+import artigoImagem4 from "../images/artigo-card-4.png";
+import artigoImagem5 from "../images/artigo-card-5.png";
+import artigoImagem6 from "../images/artigo-card-6.png";
 
 const artigos = [
   {
     artigoId: 2,
-    imagemCard: artigoImagem1,
+    imagemCard:
+      "https://germinnecomp-img.s3.sa-east-1.amazonaws.com/artigo-card-1.png",
     idCategoria: 1,
-    titulo: 'O Telhado Verde do Shopping Eldorado: Um Refúgio Natural',
-    descricao: 'Este artigo revela como o Shopping Eldorado se transforma em um refúgio verde e relaxante no meio da cidade, proporcionando uma experiência única para quem busca tranquilidade em São Paulo.',
-    paragrafos: ['O conceito de "telhado verde" ganhou destaque nas últimas décadas como uma solução inteligente para tornar ambientes urbanos mais sustentáveis ​​e amigáveis ​​ao meio ambiente. O Shopping Eldorado, localizado em São Paulo, é um excelente exemplo de como a integração de espaços verdes em áreas urbanas pode ser bem sucedida. Neste artigo, exploraremos o maravilhoso telhado verde do Shopping Eldorado, um verdadeiro oásis urbano para os amantes da natureza.', 'Contato com a Natureza: O espaço verde no telhado do Shopping Eldorado oferece uma oportunidade rara para que os habitantes da cidade de São Paulo se conectem com a natureza. Os jardins exuberantes, as plantas, as árvores e as flores proporcionam um ambiente natural que permite aos visitantes relaxar e se reconectar com o mundo natural.', 'Espaços de Lazer: Além das áreas verdes, o telhado do Shopping Eldorado também possui espaços de lazer, como bancos e áreas para sentar. Isso permite que os visitantes descansem, leiam um livro, façam um almoço ou simplesmente relaxem enquanto apreciam a beleza do local. E como combo também tem vistas espetaculares da cidade. Os visitantes contemplam a paisagem urbana de São Paulo, incluindo prédios icônicos e horizontes fascinantes, criando uma experiência única de contemplação.', 'Atividades Relaxantes: O Shopping Eldorado muitas vezes organiza eventos e atividades no telhado verde, como ioga ao ar livre, sessões de meditação e aulas de jardinagem. Essas atividades proporcionaram uma experiência relaxante e enriquecedora para os visitantes.', 'Em resumo, o telhado verde do Shopping Eldorado é um oásis de tranquilidade e relaxamento no coração da cidade. É um lugar onde os visitantes podem escapar do estresse da vida urbana, respirar puro e desfrutar da beleza da natureza, tornando-o um destino imperdível para todos que buscam um refúgio verde e relaxante em São Paulo.'],
-    imagens: ['https://media.gazetadopovo.com.br/haus/2016/03/mall-eldorado-4-2d577b80.jpg', 'https://ciclovivo.com.br/wp-content/uploads/2022/01/ecotelhado-shopping-eldorado-5-1024x642.jpg'],
-    categoria: 'Curiosidades'
+    titulo: "O Telhado Verde do Shopping Eldorado: Um Refúgio Natural",
+    descricao:
+      "Este artigo revela como o Shopping Eldorado se transforma em um refúgio verde e relaxante no meio da cidade, proporcionando uma experiência única para quem busca tranquilidade em São Paulo.",
+    paragrafos: [
+      'O conceito de "telhado verde" ganhou destaque nas últimas décadas como uma solução inteligente para tornar ambientes urbanos mais sustentáveis ​​e amigáveis ​​ao meio ambiente. O Shopping Eldorado, localizado em São Paulo, é um excelente exemplo de como a integração de espaços verdes em áreas urbanas pode ser bem sucedida. Neste artigo, exploraremos o maravilhoso telhado verde do Shopping Eldorado, um verdadeiro oásis urbano para os amantes da natureza.',
+      "Contato com a Natureza: O espaço verde no telhado do Shopping Eldorado oferece uma oportunidade rara para que os habitantes da cidade de São Paulo se conectem com a natureza. Os jardins exuberantes, as plantas, as árvores e as flores proporcionam um ambiente natural que permite aos visitantes relaxar e se reconectar com o mundo natural.",
+      "Espaços de Lazer: Além das áreas verdes, o telhado do Shopping Eldorado também possui espaços de lazer, como bancos e áreas para sentar. Isso permite que os visitantes descansem, leiam um livro, façam um almoço ou simplesmente relaxem enquanto apreciam a beleza do local. E como combo também tem vistas espetaculares da cidade. Os visitantes contemplam a paisagem urbana de São Paulo, incluindo prédios icônicos e horizontes fascinantes, criando uma experiência única de contemplação.",
+      "Atividades Relaxantes: O Shopping Eldorado muitas vezes organiza eventos e atividades no telhado verde, como ioga ao ar livre, sessões de meditação e aulas de jardinagem. Essas atividades proporcionaram uma experiência relaxante e enriquecedora para os visitantes.",
+      "Em resumo, o telhado verde do Shopping Eldorado é um oásis de tranquilidade e relaxamento no coração da cidade. É um lugar onde os visitantes podem escapar do estresse da vida urbana, respirar puro e desfrutar da beleza da natureza, tornando-o um destino imperdível para todos que buscam um refúgio verde e relaxante em São Paulo.",
+    ],
+    imagens: [
+      "https://media.gazetadopovo.com.br/haus/2016/03/mall-eldorado-4-2d577b80.jpg",
+      "https://ciclovivo.com.br/wp-content/uploads/2022/01/ecotelhado-shopping-eldorado-5-1024x642.jpg",
+    ],
+    categoria: "Curiosidades",
   },
   {
     artigoId: 3,
-    imagemCard: artigoImagem2,
+    imagemCard:
+      "https://germinnecomp-img.s3.sa-east-1.amazonaws.com/artigo-card-2.png",
     idCategoria: 1,
-    titulo: 'Como plantar coentro: passo a passo',
-    descricao: 'Seja para dar um toque especial a pratos caseiros ou para adicionar um aroma irresistível às receitas favoritas, o coentro é uma erva versátil e saborosa que pode transformar a culinária.',
-    paragrafos: ['O conceito de "telhado verde" ganhou destaque nas últimas décadas como uma solução inteligente para tornar ambientes urbanos mais sustentáveis ​​e amigáveis ​​ao meio ambiente. O Shopping Eldorado, localizado em São Paulo, é um excelente exemplo de como a integração de espaços verdes em áreas urbanas pode ser bem sucedida. Neste artigo, exploraremos o maravilhoso telhado verde do Shopping Eldorado, um verdadeiro oásis urbano para os amantes da natureza.', 'Contato com a Natureza: O espaço verde no telhado do Shopping Eldorado oferece uma oportunidade rara para que os habitantes da cidade de São Paulo se conectem com a natureza. Os jardins exuberantes, as plantas, as árvores e as flores proporcionam um ambiente natural que permite aos visitantes relaxar e se reconectar com o mundo natural.', 'Espaços de Lazer: Além das áreas verdes, o telhado do Shopping Eldorado também possui espaços de lazer, como bancos e áreas para sentar. Isso permite que os visitantes descansem, leiam um livro, façam um almoço ou simplesmente relaxem enquanto apreciam a beleza do local. E como combo também tem vistas espetaculares da cidade. Os visitantes contemplam a paisagem urbana de São Paulo, incluindo prédios icônicos e horizontes fascinantes, criando uma experiência única de contemplação.', 'Atividades Relaxantes: O Shopping Eldorado muitas vezes organiza eventos e atividades no telhado verde, como ioga ao ar livre, sessões de meditação e aulas de jardinagem. Essas atividades proporcionaram uma experiência relaxante e enriquecedora para os visitantes.', 'Em resumo, o telhado verde do Shopping Eldorado é um oásis de tranquilidade e relaxamento no coração da cidade. É um lugar onde os visitantes podem escapar do estresse da vida urbana, respirar puro e desfrutar da beleza da natureza, tornando-o um destino imperdível para todos que buscam um refúgio verde e relaxante em São Paulo.'],
-    imagens: ['https://media.gazetadopovo.com.br/haus/2016/03/mall-eldorado-4-2d577b80.jpg', 'https://ciclovivo.com.br/wp-content/uploads/2022/01/ecotelhado-shopping-eldorado-5-1024x642.jpg'],
-    categoria: 'Cultivo'
+    titulo: "Como plantar coentro: passo a passo",
+    descricao:
+      "Seja para dar um toque especial a pratos caseiros ou para adicionar um aroma irresistível às receitas favoritas, o coentro é uma erva versátil e saborosa que pode transformar a culinária.",
+    paragrafos: [
+      'O conceito de "telhado verde" ganhou destaque nas últimas décadas como uma solução inteligente para tornar ambientes urbanos mais sustentáveis ​​e amigáveis ​​ao meio ambiente. O Shopping Eldorado, localizado em São Paulo, é um excelente exemplo de como a integração de espaços verdes em áreas urbanas pode ser bem sucedida. Neste artigo, exploraremos o maravilhoso telhado verde do Shopping Eldorado, um verdadeiro oásis urbano para os amantes da natureza.',
+      "Contato com a Natureza: O espaço verde no telhado do Shopping Eldorado oferece uma oportunidade rara para que os habitantes da cidade de São Paulo se conectem com a natureza. Os jardins exuberantes, as plantas, as árvores e as flores proporcionam um ambiente natural que permite aos visitantes relaxar e se reconectar com o mundo natural.",
+      "Espaços de Lazer: Além das áreas verdes, o telhado do Shopping Eldorado também possui espaços de lazer, como bancos e áreas para sentar. Isso permite que os visitantes descansem, leiam um livro, façam um almoço ou simplesmente relaxem enquanto apreciam a beleza do local. E como combo também tem vistas espetaculares da cidade. Os visitantes contemplam a paisagem urbana de São Paulo, incluindo prédios icônicos e horizontes fascinantes, criando uma experiência única de contemplação.",
+      "Atividades Relaxantes: O Shopping Eldorado muitas vezes organiza eventos e atividades no telhado verde, como ioga ao ar livre, sessões de meditação e aulas de jardinagem. Essas atividades proporcionaram uma experiência relaxante e enriquecedora para os visitantes.",
+      "Em resumo, o telhado verde do Shopping Eldorado é um oásis de tranquilidade e relaxamento no coração da cidade. É um lugar onde os visitantes podem escapar do estresse da vida urbana, respirar puro e desfrutar da beleza da natureza, tornando-o um destino imperdível para todos que buscam um refúgio verde e relaxante em São Paulo.",
+    ],
+    imagens: [
+      "https://media.gazetadopovo.com.br/haus/2016/03/mall-eldorado-4-2d577b80.jpg",
+      "https://ciclovivo.com.br/wp-content/uploads/2022/01/ecotelhado-shopping-eldorado-5-1024x642.jpg",
+    ],
+    categoria: "Cultivo",
   },
   {
     artigoId: 4,
-    imagemCard: artigoImagem3,
+    imagemCard:
+      "https://germinnecomp-img.s3.sa-east-1.amazonaws.com/artigo-card-3.png",
     idCategoria: 1,
-    titulo: 'Como hortas urbanas reduzem as ilhas térmicas nas cidades',
-    descricao: 'Como as hortas urbanas podem reduzir o calor nas cidades. Este artigo destaca como as plantas e o solo ajudam a criar ambientes mais frescos e saudáveis, contribuindo para amenizar as ilhas térmicas urbanas.',
-    paragrafos: ['O conceito de "telhado verde" ganhou destaque nas últimas décadas como uma solução inteligente para tornar ambientes urbanos mais sustentáveis ​​e amigáveis ​​ao meio ambiente. O Shopping Eldorado, localizado em São Paulo, é um excelente exemplo de como a integração de espaços verdes em áreas urbanas pode ser bem sucedida. Neste artigo, exploraremos o maravilhoso telhado verde do Shopping Eldorado, um verdadeiro oásis urbano para os amantes da natureza.', 'Contato com a Natureza: O espaço verde no telhado do Shopping Eldorado oferece uma oportunidade rara para que os habitantes da cidade de São Paulo se conectem com a natureza. Os jardins exuberantes, as plantas, as árvores e as flores proporcionam um ambiente natural que permite aos visitantes relaxar e se reconectar com o mundo natural.', 'Espaços de Lazer: Além das áreas verdes, o telhado do Shopping Eldorado também possui espaços de lazer, como bancos e áreas para sentar. Isso permite que os visitantes descansem, leiam um livro, façam um almoço ou simplesmente relaxem enquanto apreciam a beleza do local. E como combo também tem vistas espetaculares da cidade. Os visitantes contemplam a paisagem urbana de São Paulo, incluindo prédios icônicos e horizontes fascinantes, criando uma experiência única de contemplação.', 'Atividades Relaxantes: O Shopping Eldorado muitas vezes organiza eventos e atividades no telhado verde, como ioga ao ar livre, sessões de meditação e aulas de jardinagem. Essas atividades proporcionaram uma experiência relaxante e enriquecedora para os visitantes.', 'Em resumo, o telhado verde do Shopping Eldorado é um oásis de tranquilidade e relaxamento no coração da cidade. É um lugar onde os visitantes podem escapar do estresse da vida urbana, respirar puro e desfrutar da beleza da natureza, tornando-o um destino imperdível para todos que buscam um refúgio verde e relaxante em São Paulo.'],
-    imagens: ['https://media.gazetadopovo.com.br/haus/2016/03/mall-eldorado-4-2d577b80.jpg', 'https://ciclovivo.com.br/wp-content/uploads/2022/01/ecotelhado-shopping-eldorado-5-1024x642.jpg'],
-    categoria: 'Cultivo'
+    titulo: "Como hortas urbanas reduzem as ilhas térmicas nas cidades",
+    descricao:
+      "Como as hortas urbanas podem reduzir o calor nas cidades. Este artigo destaca como as plantas e o solo ajudam a criar ambientes mais frescos e saudáveis, contribuindo para amenizar as ilhas térmicas urbanas.",
+    paragrafos: [
+      'O conceito de "telhado verde" ganhou destaque nas últimas décadas como uma solução inteligente para tornar ambientes urbanos mais sustentáveis ​​e amigáveis ​​ao meio ambiente. O Shopping Eldorado, localizado em São Paulo, é um excelente exemplo de como a integração de espaços verdes em áreas urbanas pode ser bem sucedida. Neste artigo, exploraremos o maravilhoso telhado verde do Shopping Eldorado, um verdadeiro oásis urbano para os amantes da natureza.',
+      "Contato com a Natureza: O espaço verde no telhado do Shopping Eldorado oferece uma oportunidade rara para que os habitantes da cidade de São Paulo se conectem com a natureza. Os jardins exuberantes, as plantas, as árvores e as flores proporcionam um ambiente natural que permite aos visitantes relaxar e se reconectar com o mundo natural.",
+      "Espaços de Lazer: Além das áreas verdes, o telhado do Shopping Eldorado também possui espaços de lazer, como bancos e áreas para sentar. Isso permite que os visitantes descansem, leiam um livro, façam um almoço ou simplesmente relaxem enquanto apreciam a beleza do local. E como combo também tem vistas espetaculares da cidade. Os visitantes contemplam a paisagem urbana de São Paulo, incluindo prédios icônicos e horizontes fascinantes, criando uma experiência única de contemplação.",
+      "Atividades Relaxantes: O Shopping Eldorado muitas vezes organiza eventos e atividades no telhado verde, como ioga ao ar livre, sessões de meditação e aulas de jardinagem. Essas atividades proporcionaram uma experiência relaxante e enriquecedora para os visitantes.",
+      "Em resumo, o telhado verde do Shopping Eldorado é um oásis de tranquilidade e relaxamento no coração da cidade. É um lugar onde os visitantes podem escapar do estresse da vida urbana, respirar puro e desfrutar da beleza da natureza, tornando-o um destino imperdível para todos que buscam um refúgio verde e relaxante em São Paulo.",
+    ],
+    imagens: [
+      "https://media.gazetadopovo.com.br/haus/2016/03/mall-eldorado-4-2d577b80.jpg",
+      "https://ciclovivo.com.br/wp-content/uploads/2022/01/ecotelhado-shopping-eldorado-5-1024x642.jpg",
+    ],
+    categoria: "Cultivo",
   },
   {
     artigoId: 5,
-    imagemCard: artigoImagem4,
+    imagemCard:
+      "https://germinnecomp-img.s3.sa-east-1.amazonaws.com/artigo-card-4.png",
     idCategoria: 1,
-    titulo: 'Transformando cidades com hortas urbanas sustentáveis',
-    descricao: 'Descubra como as hortas urbanas estão transformando cidades. Destacamos seu impacto na produção de alimentos locais, no meio ambiente e na coesão comunitária, com exemplos inspiradores.',
-    paragrafos: ['O conceito de "telhado verde" ganhou destaque nas últimas décadas como uma solução inteligente para tornar ambientes urbanos mais sustentáveis ​​e amigáveis ​​ao meio ambiente. O Shopping Eldorado, localizado em São Paulo, é um excelente exemplo de como a integração de espaços verdes em áreas urbanas pode ser bem sucedida. Neste artigo, exploraremos o maravilhoso telhado verde do Shopping Eldorado, um verdadeiro oásis urbano para os amantes da natureza.', 'Contato com a Natureza: O espaço verde no telhado do Shopping Eldorado oferece uma oportunidade rara para que os habitantes da cidade de São Paulo se conectem com a natureza. Os jardins exuberantes, as plantas, as árvores e as flores proporcionam um ambiente natural que permite aos visitantes relaxar e se reconectar com o mundo natural.', 'Espaços de Lazer: Além das áreas verdes, o telhado do Shopping Eldorado também possui espaços de lazer, como bancos e áreas para sentar. Isso permite que os visitantes descansem, leiam um livro, façam um almoço ou simplesmente relaxem enquanto apreciam a beleza do local. E como combo também tem vistas espetaculares da cidade. Os visitantes contemplam a paisagem urbana de São Paulo, incluindo prédios icônicos e horizontes fascinantes, criando uma experiência única de contemplação.', 'Atividades Relaxantes: O Shopping Eldorado muitas vezes organiza eventos e atividades no telhado verde, como ioga ao ar livre, sessões de meditação e aulas de jardinagem. Essas atividades proporcionaram uma experiência relaxante e enriquecedora para os visitantes.', 'Em resumo, o telhado verde do Shopping Eldorado é um oásis de tranquilidade e relaxamento no coração da cidade. É um lugar onde os visitantes podem escapar do estresse da vida urbana, respirar puro e desfrutar da beleza da natureza, tornando-o um destino imperdível para todos que buscam um refúgio verde e relaxante em São Paulo.'],
-    imagens: ['https://media.gazetadopovo.com.br/haus/2016/03/mall-eldorado-4-2d577b80.jpg', 'https://ciclovivo.com.br/wp-content/uploads/2022/01/ecotelhado-shopping-eldorado-5-1024x642.jpg'],
-    categoria: 'Agricultura urbana'
+    titulo: "Transformando cidades com hortas urbanas sustentáveis",
+    descricao:
+      "Descubra como as hortas urbanas estão transformando cidades. Destacamos seu impacto na produção de alimentos locais, no meio ambiente e na coesão comunitária, com exemplos inspiradores.",
+    paragrafos: [
+      'O conceito de "telhado verde" ganhou destaque nas últimas décadas como uma solução inteligente para tornar ambientes urbanos mais sustentáveis ​​e amigáveis ​​ao meio ambiente. O Shopping Eldorado, localizado em São Paulo, é um excelente exemplo de como a integração de espaços verdes em áreas urbanas pode ser bem sucedida. Neste artigo, exploraremos o maravilhoso telhado verde do Shopping Eldorado, um verdadeiro oásis urbano para os amantes da natureza.',
+      "Contato com a Natureza: O espaço verde no telhado do Shopping Eldorado oferece uma oportunidade rara para que os habitantes da cidade de São Paulo se conectem com a natureza. Os jardins exuberantes, as plantas, as árvores e as flores proporcionam um ambiente natural que permite aos visitantes relaxar e se reconectar com o mundo natural.",
+      "Espaços de Lazer: Além das áreas verdes, o telhado do Shopping Eldorado também possui espaços de lazer, como bancos e áreas para sentar. Isso permite que os visitantes descansem, leiam um livro, façam um almoço ou simplesmente relaxem enquanto apreciam a beleza do local. E como combo também tem vistas espetaculares da cidade. Os visitantes contemplam a paisagem urbana de São Paulo, incluindo prédios icônicos e horizontes fascinantes, criando uma experiência única de contemplação.",
+      "Atividades Relaxantes: O Shopping Eldorado muitas vezes organiza eventos e atividades no telhado verde, como ioga ao ar livre, sessões de meditação e aulas de jardinagem. Essas atividades proporcionaram uma experiência relaxante e enriquecedora para os visitantes.",
+      "Em resumo, o telhado verde do Shopping Eldorado é um oásis de tranquilidade e relaxamento no coração da cidade. É um lugar onde os visitantes podem escapar do estresse da vida urbana, respirar puro e desfrutar da beleza da natureza, tornando-o um destino imperdível para todos que buscam um refúgio verde e relaxante em São Paulo.",
+    ],
+    imagens: [
+      "https://media.gazetadopovo.com.br/haus/2016/03/mall-eldorado-4-2d577b80.jpg",
+      "https://ciclovivo.com.br/wp-content/uploads/2022/01/ecotelhado-shopping-eldorado-5-1024x642.jpg",
+    ],
+    categoria: "Agricultura urbana",
   },
   {
     artigoId: 6,
-    imagemCard: artigoImagem5,
+    imagemCard:
+      "https://germinnecomp-img.s3.sa-east-1.amazonaws.com/artigo-card-5.png",
     idCategoria: 1,
-    titulo: 'Dicas de controle de pragas e doenças em hortas orgânicas',
-    descricao: 'Explore métodos eficazes para controlar pragas e doenças em hortas orgânicas. Conheça dicas práticas, visando manter a saúde das suas plantas sem o uso de produtos químicos.',
-    paragrafos: ['O conceito de "telhado verde" ganhou destaque nas últimas décadas como uma solução inteligente para tornar ambientes urbanos mais sustentáveis ​​e amigáveis ​​ao meio ambiente. O Shopping Eldorado, localizado em São Paulo, é um excelente exemplo de como a integração de espaços verdes em áreas urbanas pode ser bem sucedida. Neste artigo, exploraremos o maravilhoso telhado verde do Shopping Eldorado, um verdadeiro oásis urbano para os amantes da natureza.', 'Contato com a Natureza: O espaço verde no telhado do Shopping Eldorado oferece uma oportunidade rara para que os habitantes da cidade de São Paulo se conectem com a natureza. Os jardins exuberantes, as plantas, as árvores e as flores proporcionam um ambiente natural que permite aos visitantes relaxar e se reconectar com o mundo natural.', 'Espaços de Lazer: Além das áreas verdes, o telhado do Shopping Eldorado também possui espaços de lazer, como bancos e áreas para sentar. Isso permite que os visitantes descansem, leiam um livro, façam um almoço ou simplesmente relaxem enquanto apreciam a beleza do local. E como combo também tem vistas espetaculares da cidade. Os visitantes contemplam a paisagem urbana de São Paulo, incluindo prédios icônicos e horizontes fascinantes, criando uma experiência única de contemplação.', 'Atividades Relaxantes: O Shopping Eldorado muitas vezes organiza eventos e atividades no telhado verde, como ioga ao ar livre, sessões de meditação e aulas de jardinagem. Essas atividades proporcionaram uma experiência relaxante e enriquecedora para os visitantes.', 'Em resumo, o telhado verde do Shopping Eldorado é um oásis de tranquilidade e relaxamento no coração da cidade. É um lugar onde os visitantes podem escapar do estresse da vida urbana, respirar puro e desfrutar da beleza da natureza, tornando-o um destino imperdível para todos que buscam um refúgio verde e relaxante em São Paulo.'],
-    imagens: ['https://media.gazetadopovo.com.br/haus/2016/03/mall-eldorado-4-2d577b80.jpg', 'https://ciclovivo.com.br/wp-content/uploads/2022/01/ecotelhado-shopping-eldorado-5-1024x642.jpg'],
-    categoria: 'Curiosidades'
+    titulo: "Dicas de controle de pragas e doenças em hortas orgânicas",
+    descricao:
+      "Explore métodos eficazes para controlar pragas e doenças em hortas orgânicas. Conheça dicas práticas, visando manter a saúde das suas plantas sem o uso de produtos químicos.",
+    paragrafos: [
+      'O conceito de "telhado verde" ganhou destaque nas últimas décadas como uma solução inteligente para tornar ambientes urbanos mais sustentáveis ​​e amigáveis ​​ao meio ambiente. O Shopping Eldorado, localizado em São Paulo, é um excelente exemplo de como a integração de espaços verdes em áreas urbanas pode ser bem sucedida. Neste artigo, exploraremos o maravilhoso telhado verde do Shopping Eldorado, um verdadeiro oásis urbano para os amantes da natureza.',
+      "Contato com a Natureza: O espaço verde no telhado do Shopping Eldorado oferece uma oportunidade rara para que os habitantes da cidade de São Paulo se conectem com a natureza. Os jardins exuberantes, as plantas, as árvores e as flores proporcionam um ambiente natural que permite aos visitantes relaxar e se reconectar com o mundo natural.",
+      "Espaços de Lazer: Além das áreas verdes, o telhado do Shopping Eldorado também possui espaços de lazer, como bancos e áreas para sentar. Isso permite que os visitantes descansem, leiam um livro, façam um almoço ou simplesmente relaxem enquanto apreciam a beleza do local. E como combo também tem vistas espetaculares da cidade. Os visitantes contemplam a paisagem urbana de São Paulo, incluindo prédios icônicos e horizontes fascinantes, criando uma experiência única de contemplação.",
+      "Atividades Relaxantes: O Shopping Eldorado muitas vezes organiza eventos e atividades no telhado verde, como ioga ao ar livre, sessões de meditação e aulas de jardinagem. Essas atividades proporcionaram uma experiência relaxante e enriquecedora para os visitantes.",
+      "Em resumo, o telhado verde do Shopping Eldorado é um oásis de tranquilidade e relaxamento no coração da cidade. É um lugar onde os visitantes podem escapar do estresse da vida urbana, respirar puro e desfrutar da beleza da natureza, tornando-o um destino imperdível para todos que buscam um refúgio verde e relaxante em São Paulo.",
+    ],
+    imagens: [
+      "https://media.gazetadopovo.com.br/haus/2016/03/mall-eldorado-4-2d577b80.jpg",
+      "https://ciclovivo.com.br/wp-content/uploads/2022/01/ecotelhado-shopping-eldorado-5-1024x642.jpg",
+    ],
+    categoria: "Curiosidades",
   },
   {
     artigoId: 7,
-    imagemCard: artigoImagem6,  
+    imagemCard:
+      "https://germinnecomp-img.s3.sa-east-1.amazonaws.com/artigo-card-6.png",
     idCategoria: 1,
-    titulo: 'Como criar uma horta vertical em espaços pequenos',
-    descricao: 'Descubra como criar uma horta vertical em espaços pequenos.  Um guia prático para transformar paredes ou estruturas verticais em áreas de cultivo exuberantes.',
-    paragrafos: ['O conceito de "telhado verde" ganhou destaque nas últimas décadas como uma solução inteligente para tornar ambientes urbanos mais sustentáveis ​​e amigáveis ​​ao meio ambiente. O Shopping Eldorado, localizado em São Paulo, é um excelente exemplo de como a integração de espaços verdes em áreas urbanas pode ser bem sucedida. Neste artigo, exploraremos o maravilhoso telhado verde do Shopping Eldorado, um verdadeiro oásis urbano para os amantes da natureza.', 'Contato com a Natureza: O espaço verde no telhado do Shopping Eldorado oferece uma oportunidade rara para que os habitantes da cidade de São Paulo se conectem com a natureza. Os jardins exuberantes, as plantas, as árvores e as flores proporcionam um ambiente natural que permite aos visitantes relaxar e se reconectar com o mundo natural.', 'Espaços de Lazer: Além das áreas verdes, o telhado do Shopping Eldorado também possui espaços de lazer, como bancos e áreas para sentar. Isso permite que os visitantes descansem, leiam um livro, façam um almoço ou simplesmente relaxem enquanto apreciam a beleza do local. E como combo também tem vistas espetaculares da cidade. Os visitantes contemplam a paisagem urbana de São Paulo, incluindo prédios icônicos e horizontes fascinantes, criando uma experiência única de contemplação.', 'Atividades Relaxantes: O Shopping Eldorado muitas vezes organiza eventos e atividades no telhado verde, como ioga ao ar livre, sessões de meditação e aulas de jardinagem. Essas atividades proporcionaram uma experiência relaxante e enriquecedora para os visitantes.', 'Em resumo, o telhado verde do Shopping Eldorado é um oásis de tranquilidade e relaxamento no coração da cidade. É um lugar onde os visitantes podem escapar do estresse da vida urbana, respirar puro e desfrutar da beleza da natureza, tornando-o um destino imperdível para todos que buscam um refúgio verde e relaxante em São Paulo.'],
-    imagens: ['https://media.gazetadopovo.com.br/haus/2016/03/mall-eldorado-4-2d577b80.jpg', 'https://ciclovivo.com.br/wp-content/uploads/2022/01/ecotelhado-shopping-eldorado-5-1024x642.jpg'],
-    categoria: 'Agricultura urbana'
+    titulo: "Como criar uma horta vertical em espaços pequenos",
+    descricao:
+      "Descubra como criar uma horta vertical em espaços pequenos.  Um guia prático para transformar paredes ou estruturas verticais em áreas de cultivo exuberantes.",
+    paragrafos: [
+      'O conceito de "telhado verde" ganhou destaque nas últimas décadas como uma solução inteligente para tornar ambientes urbanos mais sustentáveis ​​e amigáveis ​​ao meio ambiente. O Shopping Eldorado, localizado em São Paulo, é um excelente exemplo de como a integração de espaços verdes em áreas urbanas pode ser bem sucedida. Neste artigo, exploraremos o maravilhoso telhado verde do Shopping Eldorado, um verdadeiro oásis urbano para os amantes da natureza.',
+      "Contato com a Natureza: O espaço verde no telhado do Shopping Eldorado oferece uma oportunidade rara para que os habitantes da cidade de São Paulo se conectem com a natureza. Os jardins exuberantes, as plantas, as árvores e as flores proporcionam um ambiente natural que permite aos visitantes relaxar e se reconectar com o mundo natural.",
+      "Espaços de Lazer: Além das áreas verdes, o telhado do Shopping Eldorado também possui espaços de lazer, como bancos e áreas para sentar. Isso permite que os visitantes descansem, leiam um livro, façam um almoço ou simplesmente relaxem enquanto apreciam a beleza do local. E como combo também tem vistas espetaculares da cidade. Os visitantes contemplam a paisagem urbana de São Paulo, incluindo prédios icônicos e horizontes fascinantes, criando uma experiência única de contemplação.",
+      "Atividades Relaxantes: O Shopping Eldorado muitas vezes organiza eventos e atividades no telhado verde, como ioga ao ar livre, sessões de meditação e aulas de jardinagem. Essas atividades proporcionaram uma experiência relaxante e enriquecedora para os visitantes.",
+      "Em resumo, o telhado verde do Shopping Eldorado é um oásis de tranquilidade e relaxamento no coração da cidade. É um lugar onde os visitantes podem escapar do estresse da vida urbana, respirar puro e desfrutar da beleza da natureza, tornando-o um destino imperdível para todos que buscam um refúgio verde e relaxante em São Paulo.",
+    ],
+    imagens: [
+      "https://media.gazetadopovo.com.br/haus/2016/03/mall-eldorado-4-2d577b80.jpg",
+      "https://ciclovivo.com.br/wp-content/uploads/2022/01/ecotelhado-shopping-eldorado-5-1024x642.jpg",
+    ],
+    categoria: "Agricultura urbana",
   },
   {
     artigoId: 8,
     imagemCard: artigoImagem1,
     idCategoria: 1,
-    titulo: 'O Telhado Verde do Shopping Eldorado: Um Refúgio Natural',
-    descricao: 'Este artigo revela como o Shopping Eldorado se transforma em um refúgio verde e relaxante no meio da cidade, proporcionando uma experiência única para quem busca tranquilidade em São Paulo.',
-    paragrafos: ['O conceito de "telhado verde" ganhou destaque nas últimas décadas como uma solução inteligente para tornar ambientes urbanos mais sustentáveis ​​e amigáveis ​​ao meio ambiente. O Shopping Eldorado, localizado em São Paulo, é um excelente exemplo de como a integração de espaços verdes em áreas urbanas pode ser bem sucedida. Neste artigo, exploraremos o maravilhoso telhado verde do Shopping Eldorado, um verdadeiro oásis urbano para os amantes da natureza.', 'Contato com a Natureza: O espaço verde no telhado do Shopping Eldorado oferece uma oportunidade rara para que os habitantes da cidade de São Paulo se conectem com a natureza. Os jardins exuberantes, as plantas, as árvores e as flores proporcionam um ambiente natural que permite aos visitantes relaxar e se reconectar com o mundo natural.', 'Espaços de Lazer: Além das áreas verdes, o telhado do Shopping Eldorado também possui espaços de lazer, como bancos e áreas para sentar. Isso permite que os visitantes descansem, leiam um livro, façam um almoço ou simplesmente relaxem enquanto apreciam a beleza do local. E como combo também tem vistas espetaculares da cidade. Os visitantes contemplam a paisagem urbana de São Paulo, incluindo prédios icônicos e horizontes fascinantes, criando uma experiência única de contemplação.', 'Atividades Relaxantes: O Shopping Eldorado muitas vezes organiza eventos e atividades no telhado verde, como ioga ao ar livre, sessões de meditação e aulas de jardinagem. Essas atividades proporcionaram uma experiência relaxante e enriquecedora para os visitantes.', 'Em resumo, o telhado verde do Shopping Eldorado é um oásis de tranquilidade e relaxamento no coração da cidade. É um lugar onde os visitantes podem escapar do estresse da vida urbana, respirar puro e desfrutar da beleza da natureza, tornando-o um destino imperdível para todos que buscam um refúgio verde e relaxante em São Paulo.'],
-    imagens: ['https://media.gazetadopovo.com.br/haus/2016/03/mall-eldorado-4-2d577b80.jpg', 'https://ciclovivo.com.br/wp-content/uploads/2022/01/ecotelhado-shopping-eldorado-5-1024x642.jpg'],
-    categoria: 'Curiosidades'
+    titulo: "O Telhado Verde do Shopping Eldorado: Um Refúgio Natural",
+    descricao:
+      "Este artigo revela como o Shopping Eldorado se transforma em um refúgio verde e relaxante no meio da cidade, proporcionando uma experiência única para quem busca tranquilidade em São Paulo.",
+    paragrafos: [
+      'O conceito de "telhado verde" ganhou destaque nas últimas décadas como uma solução inteligente para tornar ambientes urbanos mais sustentáveis ​​e amigáveis ​​ao meio ambiente. O Shopping Eldorado, localizado em São Paulo, é um excelente exemplo de como a integração de espaços verdes em áreas urbanas pode ser bem sucedida. Neste artigo, exploraremos o maravilhoso telhado verde do Shopping Eldorado, um verdadeiro oásis urbano para os amantes da natureza.',
+      "Contato com a Natureza: O espaço verde no telhado do Shopping Eldorado oferece uma oportunidade rara para que os habitantes da cidade de São Paulo se conectem com a natureza. Os jardins exuberantes, as plantas, as árvores e as flores proporcionam um ambiente natural que permite aos visitantes relaxar e se reconectar com o mundo natural.",
+      "Espaços de Lazer: Além das áreas verdes, o telhado do Shopping Eldorado também possui espaços de lazer, como bancos e áreas para sentar. Isso permite que os visitantes descansem, leiam um livro, façam um almoço ou simplesmente relaxem enquanto apreciam a beleza do local. E como combo também tem vistas espetaculares da cidade. Os visitantes contemplam a paisagem urbana de São Paulo, incluindo prédios icônicos e horizontes fascinantes, criando uma experiência única de contemplação.",
+      "Atividades Relaxantes: O Shopping Eldorado muitas vezes organiza eventos e atividades no telhado verde, como ioga ao ar livre, sessões de meditação e aulas de jardinagem. Essas atividades proporcionaram uma experiência relaxante e enriquecedora para os visitantes.",
+      "Em resumo, o telhado verde do Shopping Eldorado é um oásis de tranquilidade e relaxamento no coração da cidade. É um lugar onde os visitantes podem escapar do estresse da vida urbana, respirar puro e desfrutar da beleza da natureza, tornando-o um destino imperdível para todos que buscam um refúgio verde e relaxante em São Paulo.",
+    ],
+    imagens: [
+      "https://media.gazetadopovo.com.br/haus/2016/03/mall-eldorado-4-2d577b80.jpg",
+      "https://ciclovivo.com.br/wp-content/uploads/2022/01/ecotelhado-shopping-eldorado-5-1024x642.jpg",
+    ],
+    categoria: "Curiosidades",
   },
   {
     artigoId: 9,
     imagemCard: artigoImagem2,
     idCategoria: 1,
-    titulo: 'Como plantar coentro: passo a passo',
-    descricao: 'Seja para dar um toque especial a pratos caseiros ou para adicionar um aroma irresistível às receitas favoritas, o coentro é uma erva versátil e saborosa que pode transformar a culinária.',
-    paragrafos: ['O conceito de "telhado verde" ganhou destaque nas últimas décadas como uma solução inteligente para tornar ambientes urbanos mais sustentáveis ​​e amigáveis ​​ao meio ambiente. O Shopping Eldorado, localizado em São Paulo, é um excelente exemplo de como a integração de espaços verdes em áreas urbanas pode ser bem sucedida. Neste artigo, exploraremos o maravilhoso telhado verde do Shopping Eldorado, um verdadeiro oásis urbano para os amantes da natureza.', 'Contato com a Natureza: O espaço verde no telhado do Shopping Eldorado oferece uma oportunidade rara para que os habitantes da cidade de São Paulo se conectem com a natureza. Os jardins exuberantes, as plantas, as árvores e as flores proporcionam um ambiente natural que permite aos visitantes relaxar e se reconectar com o mundo natural.', 'Espaços de Lazer: Além das áreas verdes, o telhado do Shopping Eldorado também possui espaços de lazer, como bancos e áreas para sentar. Isso permite que os visitantes descansem, leiam um livro, façam um almoço ou simplesmente relaxem enquanto apreciam a beleza do local. E como combo também tem vistas espetaculares da cidade. Os visitantes contemplam a paisagem urbana de São Paulo, incluindo prédios icônicos e horizontes fascinantes, criando uma experiência única de contemplação.', 'Atividades Relaxantes: O Shopping Eldorado muitas vezes organiza eventos e atividades no telhado verde, como ioga ao ar livre, sessões de meditação e aulas de jardinagem. Essas atividades proporcionaram uma experiência relaxante e enriquecedora para os visitantes.', 'Em resumo, o telhado verde do Shopping Eldorado é um oásis de tranquilidade e relaxamento no coração da cidade. É um lugar onde os visitantes podem escapar do estresse da vida urbana, respirar puro e desfrutar da beleza da natureza, tornando-o um destino imperdível para todos que buscam um refúgio verde e relaxante em São Paulo.'],
-    imagens: ['https://media.gazetadopovo.com.br/haus/2016/03/mall-eldorado-4-2d577b80.jpg', 'https://ciclovivo.com.br/wp-content/uploads/2022/01/ecotelhado-shopping-eldorado-5-1024x642.jpg'],
-    categoria: 'Cultivo'
+    titulo: "Como plantar coentro: passo a passo",
+    descricao:
+      "Seja para dar um toque especial a pratos caseiros ou para adicionar um aroma irresistível às receitas favoritas, o coentro é uma erva versátil e saborosa que pode transformar a culinária.",
+    paragrafos: [
+      'O conceito de "telhado verde" ganhou destaque nas últimas décadas como uma solução inteligente para tornar ambientes urbanos mais sustentáveis ​​e amigáveis ​​ao meio ambiente. O Shopping Eldorado, localizado em São Paulo, é um excelente exemplo de como a integração de espaços verdes em áreas urbanas pode ser bem sucedida. Neste artigo, exploraremos o maravilhoso telhado verde do Shopping Eldorado, um verdadeiro oásis urbano para os amantes da natureza.',
+      "Contato com a Natureza: O espaço verde no telhado do Shopping Eldorado oferece uma oportunidade rara para que os habitantes da cidade de São Paulo se conectem com a natureza. Os jardins exuberantes, as plantas, as árvores e as flores proporcionam um ambiente natural que permite aos visitantes relaxar e se reconectar com o mundo natural.",
+      "Espaços de Lazer: Além das áreas verdes, o telhado do Shopping Eldorado também possui espaços de lazer, como bancos e áreas para sentar. Isso permite que os visitantes descansem, leiam um livro, façam um almoço ou simplesmente relaxem enquanto apreciam a beleza do local. E como combo também tem vistas espetaculares da cidade. Os visitantes contemplam a paisagem urbana de São Paulo, incluindo prédios icônicos e horizontes fascinantes, criando uma experiência única de contemplação.",
+      "Atividades Relaxantes: O Shopping Eldorado muitas vezes organiza eventos e atividades no telhado verde, como ioga ao ar livre, sessões de meditação e aulas de jardinagem. Essas atividades proporcionaram uma experiência relaxante e enriquecedora para os visitantes.",
+      "Em resumo, o telhado verde do Shopping Eldorado é um oásis de tranquilidade e relaxamento no coração da cidade. É um lugar onde os visitantes podem escapar do estresse da vida urbana, respirar puro e desfrutar da beleza da natureza, tornando-o um destino imperdível para todos que buscam um refúgio verde e relaxante em São Paulo.",
+    ],
+    imagens: [
+      "https://media.gazetadopovo.com.br/haus/2016/03/mall-eldorado-4-2d577b80.jpg",
+      "https://ciclovivo.com.br/wp-content/uploads/2022/01/ecotelhado-shopping-eldorado-5-1024x642.jpg",
+    ],
+    categoria: "Cultivo",
   },
 ];
 
-export default artigos;
\ No newline at end of file
+export default artigos;
diff --git a/src/pages/Artigo/Artigo.jsx b/src/pages/Artigo/Artigo.jsx
index 60ff906..de7f6f2 100644
--- a/src/pages/Artigo/Artigo.jsx
+++ b/src/pages/Artigo/Artigo.jsx
@@ -1,12 +1,12 @@
-import React from 'react';
-import {useParams} from 'react-router-dom';
-import artigos from '../../data/artigos';
-import { useState } from 'react';
-import { useEffect } from 'react';
-import ultimoPostImg from '../../images/ultimos-posts.png';
-import CardPublicidadeBox from '../../components/CardPublicidadeBox/CardPublicidadeBox';
-import UltimosPosts from '../../components/UltimosPosts/UltimosPosts';
-import './artigo.css';
+import React from "react";
+import { useParams } from "react-router-dom";
+import artigos from "../../data/artigos";
+import { useState } from "react";
+import { useEffect } from "react";
+import ultimoPostImg from "../../images/ultimos-posts.png";
+import CardPublicidadeBox from "../../components/CardPublicidadeBox/CardPublicidadeBox";
+import UltimosPosts from "../../components/UltimosPosts/UltimosPosts";
+import "./artigo.css";
 
 function Artigo() {
   const [artigo, setArtigo] = useState([]);
@@ -17,7 +17,7 @@ function Artigo() {
 
     console.log(artigoFiltered);
     console.log(artigoFiltered[0].paragrafos.length);
-    
+
     !artigo.length && setArtigo(artigoFiltered);
   };
 
@@ -26,80 +26,82 @@ function Artigo() {
   }, []);
 
   return (
-    <section className='pagina-artigo'>
-
+    <section className="pagina-artigo">
       <div>
-        <h2>{ artigo.length && artigo[0].titulo }</h2>
+        <h2>{artigo.length && artigo[0].titulo}</h2>
 
-        <div className='artigo-creditos'>
+        <div className="artigo-creditos">
           <p>11 de setembro de 2023</p>
           <p>Fonte: artigo retirado da BeGreen</p>
         </div>
       </div>
 
-      <div className='box-artigo-aside'>
-        <article className='artigo-blog'>
-          <img src={ artigo.length && artigo[0].imagens[0] } alt="Imagem de um saco de terra junto com uma pá" />
-
-          <p>{ artigo.length && artigo[0].paragrafos[0] }</p>
+      <div className="box-artigo-aside">
+        <article className="artigo-blog">
+          <img
+            src={artigo.length && artigo[0].imagens[0]}
+            alt="Imagem de um saco de terra junto com uma pá"
+          />
 
-          <p>{ artigo.length && artigo[0].paragrafos[1] }</p>
+          <p>{artigo.length && artigo[0].paragrafos[0]}</p>
 
-          <p>{ artigo.length && artigo[0].paragrafos[2] }</p>
+          <p>{artigo.length && artigo[0].paragrafos[1]}</p>
 
-          <p>{ artigo.length && artigo[0].paragrafos[3] }</p>
+          <p>{artigo.length && artigo[0].paragrafos[2]}</p>
 
+          <p>{artigo.length && artigo[0].paragrafos[3]}</p>
 
-          <img src={ artigo.length && artigo[0].imagens[1] } alt="Imagem de duas mãos plantando uma arvore" />
+          <img
+            src={artigo.length && artigo[0].imagens[1]}
+            alt="Imagem de duas mãos plantando uma arvore"
+          />
 
-          <p>{ artigo.length && artigo[0].paragrafos[4] }</p>
-
-          <p>{ artigo.length && artigo[0].paragrafos[5] }</p>
+          <p>{artigo.length && artigo[0].paragrafos[4]}</p>
 
+          <p>{artigo.length && artigo[0].paragrafos[5]}</p>
         </article>
 
         <aside>
           <CardPublicidadeBox />
 
-          <div className='box-ultimos-posts'>
+          <div className="box-ultimos-posts">
             <h4>Últimos posts</h4>
 
-            <UltimosPosts 
-              srcImg={ ultimoPostImg }
-              altImg='Imagem de três vasos'
-              title='Plantar de forma segura!'
-              category='Cultivo'
+            <UltimosPosts
+              srcImg="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/ultimos-posts.png"
+              altImg="Imagem de três vasos"
+              title="Plantar de forma segura!"
+              category="Cultivo"
             />
-            <UltimosPosts 
-              srcImg={ ultimoPostImg }
-              altImg='Imagem de três vasos'
-              title='Plantar de forma segura!'
-              category='Cultivo'
+            <UltimosPosts
+              srcImg="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/ultimos-posts.png"
+              altImg="Imagem de três vasos"
+              title="Plantar de forma segura!"
+              category="Cultivo"
             />
-            <UltimosPosts 
-              srcImg={ ultimoPostImg }
-              altImg='Imagem de três vasos'
-              title='Plantar de forma segura!'
-              category='Cultivo'
+            <UltimosPosts
+              srcImg="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/ultimos-posts.png"
+              altImg="Imagem de três vasos"
+              title="Plantar de forma segura!"
+              category="Cultivo"
             />
-            <UltimosPosts 
-              srcImg={ ultimoPostImg }
-              altImg='Imagem de três vasos'
-              title='Plantar de forma segura!'
-              category='Cultivo'
+            <UltimosPosts
+              srcImg="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/ultimos-posts.png"
+              altImg="Imagem de três vasos"
+              title="Plantar de forma segura!"
+              category="Cultivo"
             />
-            <UltimosPosts 
-              srcImg={ ultimoPostImg }
-              altImg='Imagem de três vasos'
-              title='Plantar de forma segura!'
-              category='Cultivo'
+            <UltimosPosts
+              srcImg="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/ultimos-posts.png"
+              altImg="Imagem de três vasos"
+              title="Plantar de forma segura!"
+              category="Cultivo"
             />
           </div>
         </aside>
-
       </div>
     </section>
   );
 }
 
-export default Artigo;
\ No newline at end of file
+export default Artigo;
diff --git a/src/pages/Blog/Blog.jsx b/src/pages/Blog/Blog.jsx
index 6f8f446..ceb771b 100644
--- a/src/pages/Blog/Blog.jsx
+++ b/src/pages/Blog/Blog.jsx
@@ -1,76 +1,77 @@
-import React, { useState } from 'react';
-import busca from '../../images/busca.png';
-import publicidade from '../../images/publi.png';
-import CardBlog from '../../components/CardBlog/CardBlog';
-import CardPublicidade from '../../components/CardPublicidade/CardPublicidade';
-import './blog.css';
-import CarouselBlog from '../../components/CarouselBlog/CarouselBlog';
-import artigos from '../../data/artigos';
-
+import React, { useState } from "react";
+import busca from "../../images/busca.png";
+import publicidade from "../../images/publi.png";
+import CardBlog from "../../components/CardBlog/CardBlog";
+import CardPublicidade from "../../components/CardPublicidade/CardPublicidade";
+import "./blog.css";
+import CarouselBlog from "../../components/CarouselBlog/CarouselBlog";
+import artigos from "../../data/artigos";
 
 function Blog() {
-  const [buscar, setBuscar] = useState('');
+  const [buscar, setBuscar] = useState("");
 
   const handleChange = (event) => setBuscar(event.target.value);
 
   return (
-    <div className='pagina-blog'>
-      <article className='carousel-blog'>
+    <div className="pagina-blog">
+      <article className="carousel-blog">
         <CarouselBlog />
       </article>
 
       <hr />
 
-      <div className='filtros'>
+      <div className="filtros">
         <p>Todos</p>
         <p>Agricultura urbana</p>
         <p>Cultivo</p>
         <p>Curiosidades</p>
       </div>
 
-      <div className='busca'>
+      <div className="busca">
         <div>
-          <div className='icone-lupa'>
-            <img src={busca} alt="Icone de uma lupa" />
+          <div className="icone-lupa">
+            <img
+              src="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/busca.png"
+              alt="Icone de uma lupa"
+            />
           </div>
           <input
             onChange={handleChange}
             type="text"
             name="busca"
             id="busca"
-            placeholder='Pesquise no blog'
+            placeholder="Pesquise no blog"
             value={buscar}
           />
         </div>
       </div>
 
-      <div className='box-artigos'>
-        {
-          artigos.map(({ artigoId, titulo, descricao, imagemCard, categoria }) => {
+      <div className="box-artigos">
+        {artigos.map(
+          ({ artigoId, titulo, descricao, imagemCard, categoria }) => {
             return (
               <CardBlog
                 key={artigoId}
-                srcImg={ imagemCard }
+                srcImg={imagemCard}
                 altImg="Foto do telhado verde"
-                title={ titulo }
-                resume={ descricao }
-                category={ categoria }
-                idArticle={ artigoId }
+                title={titulo}
+                resume={descricao}
+                category={categoria}
+                idArticle={artigoId}
               />
             );
-          })
-        }
+          }
+        )}
       </div>
 
       <hr />
 
-      <div className='publicidade'>
-        <CardPublicidade srcImg={ publicidade }/>
-        <CardPublicidade srcImg={ publicidade }/>
+      <div className="publicidade">
+        <CardPublicidade srcImg="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/publi.png" />
+        <CardPublicidade srcImg="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/publi.png" />
       </div>
-
     </div>
   );
 }
 
-export default Blog;
\ No newline at end of file
+export default Blog;
diff --git a/src/pages/CadastroCliente/CadastroCliente.jsx b/src/pages/CadastroCliente/CadastroCliente.jsx
index 239028f..b287171 100644
--- a/src/pages/CadastroCliente/CadastroCliente.jsx
+++ b/src/pages/CadastroCliente/CadastroCliente.jsx
@@ -1,42 +1,46 @@
-import React, { useState } from 'react';
-import imagemLogin from '../../images/login-cliente.png';
-import '../Login/loginCadastro.css';
-import { useNavigate } from 'react-router-dom';
+import React, { useState } from "react";
+import imagemLogin from "../../images/login-cliente.png";
+import "../Login/loginCadastro.css";
+import { useNavigate } from "react-router-dom";
 
 function CadastroCliente() {
   const navigate = useNavigate();
 
   const [infos, setInfos] = useState({
-    email: '',
-    password: '',
-    name: '',
-    CPF: ''
+    email: "",
+    password: "",
+    name: "",
+    CPF: "",
   });
 
-  const handleChange = (event) => setInfos({ ...infos, [event.target.name]: event.target.value });
+  const handleChange = (event) =>
+    setInfos({ ...infos, [event.target.name]: event.target.value });
 
   return (
-    <div className='box-login-cadastro'>
+    <div className="box-login-cadastro">
       <div>
-        <img src={ imagemLogin } alt="Imagem de uma mão plantando uma planta" />
+        <img
+          src="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/login-cliente.png"
+          alt="Imagem de uma mão plantando uma planta"
+        />
       </div>
 
-      <article className='box-inputs-login-cadastro box-inputs-cliente'>
+      <article className="box-inputs-login-cadastro box-inputs-cliente">
         <div>
           <h1>Germinne</h1>
           <h3>Cliente</h3>
         </div>
 
-        <div className='box-email-password label-cadastro-profissional'>
+        <div className="box-email-password label-cadastro-profissional">
           <div>
             <label>
               Nome e sobrenome
-              <input 
-                type='text' 
-                name='name' 
-                value={ infos.name } 
-                onChange={ handleChange }
-                placeholder='Digite seu nome e sobrenome aqui...'
+              <input
+                type="text"
+                name="name"
+                value={infos.name}
+                onChange={handleChange}
+                placeholder="Digite seu nome e sobrenome aqui..."
               />
             </label>
           </div>
@@ -44,12 +48,12 @@ function CadastroCliente() {
           <div>
             <label>
               Email
-              <input 
-                type='email' 
-                name='email' 
-                value={ infos.email } 
-                onChange={ handleChange }
-                placeholder='Digite seu email aqui...'
+              <input
+                type="email"
+                name="email"
+                value={infos.email}
+                onChange={handleChange}
+                placeholder="Digite seu email aqui..."
               />
             </label>
           </div>
@@ -57,12 +61,12 @@ function CadastroCliente() {
           <div>
             <label>
               Senha
-              <input 
-                type='password' 
-                name='password' 
-                value={ infos.password }
-                onChange={ handleChange }
-                placeholder='Digite sua senha aqui...'
+              <input
+                type="password"
+                name="password"
+                value={infos.password}
+                onChange={handleChange}
+                placeholder="Digite sua senha aqui..."
               />
             </label>
           </div>
@@ -70,31 +74,29 @@ function CadastroCliente() {
           <div>
             <label>
               CPF
-              <input 
-                type='text' 
-                name='CPF' 
-                value={ infos.CPF } 
-                onChange={ handleChange }
-                placeholder='Digite seu CPF aqui...'
+              <input
+                type="text"
+                name="CPF"
+                value={infos.CPF}
+                onChange={handleChange}
+                placeholder="Digite seu CPF aqui..."
               />
             </label>
           </div>
 
-          <div className='box-button'>
+          <div className="box-button">
             <button>Cadastrar</button>
           </div>
         </div>
 
-        <div className='box-cadastro box-cadastro-profissional'>
+        <div className="box-cadastro box-cadastro-profissional">
           <hr />
           <p>Já possui conta na Germinne?</p>
-          <button onClick={() => navigate('/login-cliente')}>Login</button>
+          <button onClick={() => navigate("/login-cliente")}>Login</button>
         </div>
-
-
       </article>
     </div>
   );
 }
 
-export default CadastroCliente;
\ No newline at end of file
+export default CadastroCliente;
diff --git a/src/pages/CadastroProfissional/CadastroProfissional.jsx b/src/pages/CadastroProfissional/CadastroProfissional.jsx
index 8860947..94c40b8 100644
--- a/src/pages/CadastroProfissional/CadastroProfissional.jsx
+++ b/src/pages/CadastroProfissional/CadastroProfissional.jsx
@@ -1,40 +1,44 @@
-import React, { useState } from 'react';
-import imagemLogin from '../../images/login-profissional.png';
-import '../Login/loginCadastro.css';
-import './cadastroProfissional.css';
+import React, { useState } from "react";
+import imagemLogin from "../../images/login-profissional.png";
+import "../Login/loginCadastro.css";
+import "./cadastroProfissional.css";
 
 function CadastroProfissional() {
   const [infos, setInfos] = useState({
-    email: '',
-    password: '',
-    name: '',
-    CPF: ''
+    email: "",
+    password: "",
+    name: "",
+    CPF: "",
   });
 
-  const handleChange = (event) => setInfos({ ...infos, [event.target.name]: event.target.value });
+  const handleChange = (event) =>
+    setInfos({ ...infos, [event.target.name]: event.target.value });
 
   return (
-    <div className='box-login-cadastro'>
+    <div className="box-login-cadastro">
       <div>
-        <img src={ imagemLogin } alt="Imagem de uma mão plantando uma planta" />
+        <img
+          src="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/login-profissional.png"
+          alt="Imagem de uma mão plantando uma planta"
+        />
       </div>
 
-      <article className='box-inputs-login-cadastro'>
+      <article className="box-inputs-login-cadastro">
         <div>
           <h1>Germinne</h1>
           <h3>Profissional</h3>
         </div>
 
-        <div className='box-email-password label-cadastro-profissional'>
+        <div className="box-email-password label-cadastro-profissional">
           <div>
             <label>
               Nome e sobrenome
-              <input 
-                type='text' 
-                name='name' 
-                value={ infos.name } 
-                onChange={ handleChange }
-                placeholder='Digite seu nome e sobrenome aqui...'
+              <input
+                type="text"
+                name="name"
+                value={infos.name}
+                onChange={handleChange}
+                placeholder="Digite seu nome e sobrenome aqui..."
               />
             </label>
           </div>
@@ -42,12 +46,12 @@ function CadastroProfissional() {
           <div>
             <label>
               Email
-              <input 
-                type='email' 
-                name='email' 
-                value={ infos.email } 
-                onChange={ handleChange }
-                placeholder='Digite seu email aqui...'
+              <input
+                type="email"
+                name="email"
+                value={infos.email}
+                onChange={handleChange}
+                placeholder="Digite seu email aqui..."
               />
             </label>
           </div>
@@ -55,12 +59,12 @@ function CadastroProfissional() {
           <div>
             <label>
               Senha
-              <input 
-                type='password' 
-                name='password' 
-                value={ infos.password }
-                onChange={ handleChange }
-                placeholder='Digite sua senha aqui...'
+              <input
+                type="password"
+                name="password"
+                value={infos.password}
+                onChange={handleChange}
+                placeholder="Digite sua senha aqui..."
               />
             </label>
           </div>
@@ -68,31 +72,29 @@ function CadastroProfissional() {
           <div>
             <label>
               CPF
-              <input 
-                type='text' 
-                name='CPF' 
-                value={ infos.CPF } 
-                onChange={ handleChange }
-                placeholder='Digite seu CPF aqui...'
+              <input
+                type="text"
+                name="CPF"
+                value={infos.CPF}
+                onChange={handleChange}
+                placeholder="Digite seu CPF aqui..."
               />
             </label>
           </div>
 
-          <div className='box-button'>
+          <div className="box-button">
             <button>Cadastrar</button>
           </div>
         </div>
 
-        <div className='box-cadastro box-cadastro-profissional'>
+        <div className="box-cadastro box-cadastro-profissional">
           <hr />
           <p>Já possui conta na Germinne?</p>
           <button>Login</button>
         </div>
-
-
       </article>
     </div>
   );
 }
 
-export default CadastroProfissional;
\ No newline at end of file
+export default CadastroProfissional;
diff --git a/src/pages/FiltrosServico/filtrosServico.css b/src/pages/FiltrosServico/filtrosServico.css
index b5f0f88..b28f281 100644
--- a/src/pages/FiltrosServico/filtrosServico.css
+++ b/src/pages/FiltrosServico/filtrosServico.css
@@ -1,72 +1,73 @@
 .banner-filtros-servico {
-    background: url(../../images/banner-filtros.png) no-repeat;
-    background-size: cover;
-    background-position: center;
-    width: 100vw;
-    height: 60vh;
-    display: flex;
-    padding-bottom: 7%;
-    flex-direction: column;
-    justify-content: end;
-    align-items: center;
-    color: white;
+  background: url(https://germinnecomp-img.s3.sa-east-1.amazonaws.com/banner-filtros.png)
+    no-repeat;
+  background-size: cover;
+  background-position: center;
+  width: 100vw;
+  height: 60vh;
+  display: flex;
+  padding-bottom: 7%;
+  flex-direction: column;
+  justify-content: end;
+  align-items: center;
+  color: white;
 }
 
 .banner-filtros-servico h2 {
-    font-size: var(--title-medium);
+  font-size: var(--title-medium);
 }
 
 .banner-filtros-servico span {
-    color: var(--verde-principal);
+  color: var(--verde-principal);
 }
 
 .banner-filtros-servico p {
-    margin-top: 3%;
-    font-size: var(--subtitle-medium);
+  margin-top: 3%;
+  font-size: var(--subtitle-medium);
 }
 
 .box-imagens-terreno > div {
-    display: flex;
-    width: 100%;
-    justify-content: space-between;
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
 }
 
 .box-filtros-servico h3 {
-    font-size: var(--subtitle-large);
+  font-size: var(--subtitle-large);
 }
 
 .box-filtros-servico > div {
-    margin-bottom: 5%;
+  margin-bottom: 5%;
 }
 
 .box-filtros-servico {
-    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
-    border-radius: 10px;
-    width: 60%;
-    margin: 5% auto;
-    padding: 3% 5%;
+  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
+  border-radius: 10px;
+  width: 60%;
+  margin: 5% auto;
+  padding: 3% 5%;
 }
 
 .box-filtros-servico h4 {
-    font-size: var(--subtitle-large);
+  font-size: var(--subtitle-large);
 }
 
 .box-filtros-servico textarea {
-    background-color: #E5E5E5;
-    border: none;
-    padding: 20px;
-    border-radius: 10px;
-    width: 100%;
-    height: 200px;
-    margin: 20px 0;
+  background-color: #e5e5e5;
+  border: none;
+  padding: 20px;
+  border-radius: 10px;
+  width: 100%;
+  height: 200px;
+  margin: 20px 0;
 }
 
 .box-filtros-servico button {
-    width: 300px;
-    padding: 2% 0;
-    border: none;
-    border-radius: 50px;
-    background-color: var(--verde-vitrine);
-    color: white;
-    font-size: var(--subtitle-large);
-}
\ No newline at end of file
+  width: 300px;
+  padding: 2% 0;
+  border: none;
+  border-radius: 50px;
+  background-color: var(--verde-vitrine);
+  color: white;
+  font-size: var(--subtitle-large);
+}
diff --git a/src/pages/Home/Home.jsx b/src/pages/Home/Home.jsx
index 5e5a956..33df242 100644
--- a/src/pages/Home/Home.jsx
+++ b/src/pages/Home/Home.jsx
@@ -1,118 +1,140 @@
-import React from 'react';
-import './home.css';
-import CardHomeServicos from '../../components/CardHomeServicos/CardHomeServicos';
-import CardHomeGerminne from '../../components/CardHomeGerminne/CardHomeGerminne';
-import ArticleBeneficios from '../../components/ArticleBeneficios/ArticleBeneficios';
-import articleImage1 from '../../images/article-image-1.png';
-import articleImage2 from '../../images/article-image-2.png';
-import articleImage3 from '../../images/article-image-3.png';
-import CardAvaliacao from '../../components/CardAvaliacao/CardAvaliacao';
+import React from "react";
+import "./home.css";
+import CardHomeServicos from "../../components/CardHomeServicos/CardHomeServicos";
+import CardHomeGerminne from "../../components/CardHomeGerminne/CardHomeGerminne";
+import ArticleBeneficios from "../../components/ArticleBeneficios/ArticleBeneficios";
+import articleImage1 from "../../images/article-image-1.png";
+import articleImage2 from "../../images/article-image-2.png";
+import articleImage3 from "../../images/article-image-3.png";
+import CardAvaliacao from "../../components/CardAvaliacao/CardAvaliacao";
 
 function Home() {
   return (
     <div>
-      <div className='banner-home'>
-        <h2>O <span>verde</span> no urbano</h2>
-        <p>Semeia a vida, cultive sabor! A <span>Germinne</span> almeja um futuro verde e sustentavel nas cidades.</p>
+      <div className="banner-home">
+        <h2>
+          O <span>verde</span> no urbano
+        </h2>
+        <p>
+          Semeia a vida, cultive sabor! A <span>Germinne</span> almeja um futuro
+          verde e sustentavel nas cidades.
+        </p>
       </div>
 
-<div className='main-container-limitador'>
-      <article className='box-card-home'>
-        <div className='box-card-servicos'>
-          <CardHomeServicos 
-            title='Explore informações sobre a agricultura'
-            subtitle={['Acesse o ', <span key={ 1 }>Germinne Blog</span>]}
-            className='first-service-card'
-            routeName='blog'
-          />
-          <CardHomeServicos
-            title='Contrate profissionais de confinaça'
-            subtitle={['Profissionais de ', <span key={ 2 }>Qualidade</span>]}
-            className='second-service-card'
-            routeName='horticultor'
-          />
-          <CardHomeServicos
-            title='Plante sem dificuldades'
-            subtitle={['Conheça a ', <span key={ 3 }>Germinne Box</span>]}
-            className='third-service-card'
-            routeName='loja'
-          />
-        </div>
+      <div className="main-container-limitador">
+        <article className="box-card-home">
+          <div className="box-card-servicos">
+            <CardHomeServicos
+              title="Explore informações sobre a agricultura"
+              subtitle={["Acesse o ", <span key={1}>Germinne Blog</span>]}
+              className="first-service-card"
+              routeName="blog"
+            />
+            <CardHomeServicos
+              title="Contrate profissionais de confinaça"
+              subtitle={["Profissionais de ", <span key={2}>Qualidade</span>]}
+              className="second-service-card"
+              routeName="horticultor"
+            />
+            <CardHomeServicos
+              title="Plante sem dificuldades"
+              subtitle={["Conheça a ", <span key={3}>Germinne Box</span>]}
+              className="third-service-card"
+              routeName="loja"
+            />
+          </div>
 
-        <div className='box-card-germinne'>
-          <CardHomeGerminne
-            title={['Temos a missão de levar o ', <span key={ 1 }>verde</span>, ' para as áreas urbanas']}
-            className='first-germinne-card'
-          />
+          <div className="box-card-germinne">
+            <CardHomeGerminne
+              title={[
+                "Temos a missão de levar o ",
+                <span key={1}>verde</span>,
+                " para as áreas urbanas",
+              ]}
+              className="first-germinne-card"
+            />
 
-          <CardHomeGerminne
-            title={['Promovemos a ',<span key={ 2 }>sustentabilidade</span>, ' contribuindo para uma cidade mais ' ,<span key={ 2 }>saudável</span>,]}
-            className='second-germinne-card'
-            subtitle={['Conheça a ', <span key={ 4 }>Germinne</span>]}
-            id='second-germinne-large'
-          />
+            <CardHomeGerminne
+              title={[
+                "Promovemos a ",
+                <span key={2}>sustentabilidade</span>,
+                " contribuindo para uma cidade mais ",
+                <span key={2}>saudável</span>,
+              ]}
+              className="second-germinne-card"
+              subtitle={["Conheça a ", <span key={4}>Germinne</span>]}
+              id="second-germinne-large"
+            />
 
-          <CardHomeGerminne
-            title={['Temos a missão de levar o ', <span key={ 3 }>verde</span>, ' para as áreas urbanas']}
-            className='third-germinne-card'
-          />
-        </div>
-      </article>
+            <CardHomeGerminne
+              title={[
+                "Temos a missão de levar o ",
+                <span key={3}>verde</span>,
+                " para as áreas urbanas",
+              ]}
+              className="third-germinne-card"
+            />
+          </div>
+        </article>
 
-      <section className='box-beneficios-agricultura'>
-        <h2>Benefícios da <span>Agricultura Urbana</span></h2>
+        <section className="box-beneficios-agricultura">
+          <h2>
+            Benefícios da <span>Agricultura Urbana</span>
+          </h2>
 
-        <ArticleBeneficios
-          urlImg={ articleImage1 }
-          altImg='Imagem de várias comidas em uma mesa'
-          title='Alimentos mais frescos e nutritivos'
-          text='Os alimentos cultivados localmente são colhidos no auge da maturidade, garantindo maior frescor e preservação dos nutrientes, proporcionando opções mais saudáveis para os consumidores.'
-        />
+          <ArticleBeneficios
+            urlImg="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/article-image-1.png"
+            altImg="Imagem de várias comidas em uma mesa"
+            title="Alimentos mais frescos e nutritivos"
+            text="Os alimentos cultivados localmente são colhidos no auge da maturidade, garantindo maior frescor e preservação dos nutrientes, proporcionando opções mais saudáveis para os consumidores."
+          />
 
-        <ArticleBeneficios
-          urlImg={ articleImage2 }
-          altImg='Imagem de pessoas trabalhando em uma horta'
-          title='Sustentabilidade ambiental'
-          text='Ao aproveitar espaços urbanos para o cultivo, a agricultura urbana contribui para a redução da pegada de carbono, promove a biodiversidade e cria ambientes mais sustentáveis nas cidades.'
-        />
+          <ArticleBeneficios
+            urlImg="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/article-image-2.png"
+            altImg="Imagem de pessoas trabalhando em uma horta"
+            title="Sustentabilidade ambiental"
+            text="Ao aproveitar espaços urbanos para o cultivo, a agricultura urbana contribui para a redução da pegada de carbono, promove a biodiversidade e cria ambientes mais sustentáveis nas cidades."
+          />
 
-        <ArticleBeneficios
-          urlImg={ articleImage3 }
-          altImg='Imagem de uma pessoa com luvas trabalhando em uma horta'
-          title='Cultivar plantas: um impulso positivo para a saúde mental'
-          text='Plantar faz bem para a cabeça! Reduz estresse e ansiedade, trazendo alegria com a natureza. Horticultura dá sensação boa, deixando a gente mais feliz. Cuidar das plantas e ter rotinas de plantio é tipo uma terapia, criando um ambiente que faz a gente se sentir bem.'
-        />
-      </section>
+          <ArticleBeneficios
+            urlImg="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/article-image-3.png"
+            altImg="Imagem de uma pessoa com luvas trabalhando em uma horta"
+            title="Cultivar plantas: um impulso positivo para a saúde mental"
+            text="Plantar faz bem para a cabeça! Reduz estresse e ansiedade, trazendo alegria com a natureza. Horticultura dá sensação boa, deixando a gente mais feliz. Cuidar das plantas e ter rotinas de plantio é tipo uma terapia, criando um ambiente que faz a gente se sentir bem."
+          />
+        </section>
 
-      <section className='box-avaliacoes'>
-        <h3><span>Avaliações</span> dos nossos <span>clientes</span></h3>
+        <section className="box-avaliacoes">
+          <h3>
+            <span>Avaliações</span> dos nossos <span>clientes</span>
+          </h3>
 
-        <div>
-          <CardAvaliacao 
-            srcImg='https://media.licdn.com/dms/image/C4D03AQFmj98FQmRvrA/profile-displayphoto-shrink_800_800/0/1662045322237?e=1702512000&v=beta&t=HlsPx_deG_QLg0MTJJNiK8aaT4mJ7AVKrcCCabPb50I'
-            altImg='Foto do Gabriel Augusto'
-            description='"Me tornei pai de planta com a Germine Box"'
-            name='Gabriel Augusto'
-          />
+          <div>
+            <CardAvaliacao
+              srcImg="https://media.licdn.com/dms/image/C4D03AQFmj98FQmRvrA/profile-displayphoto-shrink_800_800/0/1662045322237?e=1702512000&v=beta&t=HlsPx_deG_QLg0MTJJNiK8aaT4mJ7AVKrcCCabPb50I"
+              altImg="Foto do Gabriel Augusto"
+              description='"Me tornei pai de planta com a Germine Box"'
+              name="Gabriel Augusto"
+            />
 
-          <CardAvaliacao 
-            srcImg='https://media.licdn.com/dms/image/C4D03AQFmj98FQmRvrA/profile-displayphoto-shrink_800_800/0/1662045322237?e=1702512000&v=beta&t=HlsPx_deG_QLg0MTJJNiK8aaT4mJ7AVKrcCCabPb50I'
-            altImg='Foto do Gabriel Augusto'
-            description='“Comprei a GerminneBox e foi otimo, pouco trabalho, quase nenhum.”'
-            name='Gabriel Silva'
-          />
+            <CardAvaliacao
+              srcImg="https://media.licdn.com/dms/image/C4D03AQFmj98FQmRvrA/profile-displayphoto-shrink_800_800/0/1662045322237?e=1702512000&v=beta&t=HlsPx_deG_QLg0MTJJNiK8aaT4mJ7AVKrcCCabPb50I"
+              altImg="Foto do Gabriel Augusto"
+              description="“Comprei a GerminneBox e foi otimo, pouco trabalho, quase nenhum.”"
+              name="Gabriel Silva"
+            />
 
-          <CardAvaliacao 
-            srcImg='https://media.licdn.com/dms/image/C4D03AQFmj98FQmRvrA/profile-displayphoto-shrink_800_800/0/1662045322237?e=1702512000&v=beta&t=HlsPx_deG_QLg0MTJJNiK8aaT4mJ7AVKrcCCabPb50I'
-            altImg='Foto do Gabriel Augusto'
-            description='"Encontrei um profssional na vitrine da Germinne e "'
-            name='Gabriel Lindo Augusto'
-          />
-        </div>
-      </section>
+            <CardAvaliacao
+              srcImg="https://media.licdn.com/dms/image/C4D03AQFmj98FQmRvrA/profile-displayphoto-shrink_800_800/0/1662045322237?e=1702512000&v=beta&t=HlsPx_deG_QLg0MTJJNiK8aaT4mJ7AVKrcCCabPb50I"
+              altImg="Foto do Gabriel Augusto"
+              description='"Encontrei um profssional na vitrine da Germinne e "'
+              name="Gabriel Lindo Augusto"
+            />
+          </div>
+        </section>
       </div>
     </div>
   );
 }
 
-export default Home;
\ No newline at end of file
+export default Home;
diff --git a/src/pages/Home/home.css b/src/pages/Home/home.css
index ffd098d..a0ae054 100644
--- a/src/pages/Home/home.css
+++ b/src/pages/Home/home.css
@@ -1,101 +1,100 @@
-
-
 .banner-home {
-    background: url(../../images/homebanner.png) no-repeat;
-    background-size: cover ;
-    background-position: center;
-    height: 70vh;
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    color: white;
-    padding: 150px 0px 0px 50px;
-    box-shadow: 700px 0px 150px 0px rgba(0, 0, 0, 0.70) inset;
+  background: url
+    "https://germinnecomp-img.s3.sa-east-1.amazonaws.com/homebanner.png"
+    no-repeat;
+  background-size: cover;
+  background-position: center;
+  height: 70vh;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  color: white;
+  padding: 150px 0px 0px 50px;
+  box-shadow: 700px 0px 150px 0px rgba(0, 0, 0, 0.7) inset;
 }
 
-
 .banner-home h2 {
-    font-size: var(--display-large);
-    text-transform: uppercase;
-    margin-bottom: 20px;
+  font-size: var(--display-large);
+  text-transform: uppercase;
+  margin-bottom: 20px;
 }
 
 .banner-home span {
-    color: var(--font-banner-verde);
+  color: var(--font-banner-verde);
 }
 
 .banner-home p {
-    width: 40%;
-    font-size: var(--subtitle-medium);
+  width: 40%;
+  font-size: var(--subtitle-medium);
 }
 
 .box-card-home {
-    width: 90%;
-    margin: auto;
+  width: 90%;
+  margin: auto;
 }
 
 .box-card-servicos {
-    background-color: var(--body-article-color);
-    padding-top:  50px;
-    display: flex;
-    justify-content: space-evenly;
+  background-color: var(--body-article-color);
+  padding-top: 50px;
+  display: flex;
+  justify-content: space-evenly;
 }
 
 .box-card-germinne {
-    display: flex;
-    justify-content: space-evenly;
-    padding-top: 150px;
+  display: flex;
+  justify-content: space-evenly;
+  padding-top: 150px;
 }
 
 .box-beneficios-agricultura {
-    padding-top: 150px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
+  padding-top: 150px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 }
 
 .box-beneficios-agricultura article:nth-child(2) {
-    padding-top: 50px !important;
+  padding-top: 50px !important;
 }
 
 .box-beneficios-agricultura article {
-    padding-top: 150px;
+  padding-top: 150px;
 }
 
 .box-beneficios-agricultura h2 {
-    font-size: var(--title-medium);
-    text-align: center;
+  font-size: var(--title-medium);
+  text-align: center;
 }
 
 .box-beneficios-agricultura span {
-    color: var(--verde-principal);
+  color: var(--verde-principal);
 }
 
 .box-beneficios-agricultura article:nth-child(3) {
-    flex-direction: row-reverse;
+  flex-direction: row-reverse;
 }
 
 .box-avaliacoes {
-    padding: 5% 0;
+  padding: 5% 0;
 }
 
 .box-avaliacoes div {
-    width: 100%;
-    display: flex;
-    justify-content: space-evenly;
+  width: 100%;
+  display: flex;
+  justify-content: space-evenly;
 }
 
 .box-avaliacoes h3 {
-    text-align: center;
-    font-size: var(--title-medium);
-    margin-bottom: 5%;
+  text-align: center;
+  font-size: var(--title-medium);
+  margin-bottom: 5%;
 }
 
 .box-avaliacoes span {
-    color: var(--verde-principal);
+  color: var(--verde-principal);
 }
 
 .tamanho-pagina {
-    width: 80vw !important;
-}
\ No newline at end of file
+  width: 80vw !important;
+}
diff --git a/src/pages/Horticultores/Horticultores.jsx b/src/pages/Horticultores/Horticultores.jsx
index 62b55b1..38fcbba 100644
--- a/src/pages/Horticultores/Horticultores.jsx
+++ b/src/pages/Horticultores/Horticultores.jsx
@@ -1,43 +1,49 @@
-import React from 'react';
-import './horticultores.css';
-import '../../components/ArticleBeneficios/articleBeneficios.css';
+import React from "react";
+import "./horticultores.css";
+import "../../components/ArticleBeneficios/articleBeneficios.css";
 
-import ComoFunciona from '../../components/ComoFunciona/ComoFunciona';
-import ArticleBeneficios from '../../components/ArticleBeneficios/ArticleBeneficios';
+import ComoFunciona from "../../components/ComoFunciona/ComoFunciona";
+import ArticleBeneficios from "../../components/ArticleBeneficios/ArticleBeneficios";
 
-import Passo1 from '../../images/Passo1.svg';
-import Passo2 from '../../images/Passo2.svg';
-import Passo3 from '../../images/Passo3.svg';
-import Passo4 from '../../images/Passo4.svg';
-import imgComoFunciona from '../../images/comoFunciona.svg';
+import Passo1 from "../../images/Passo1.svg";
+import Passo2 from "../../images/Passo2.svg";
+import Passo3 from "../../images/Passo3.svg";
+import Passo4 from "../../images/Passo4.svg";
+import imgComoFunciona from "../../images/comoFunciona.svg";
 
-import servico1 from '../../images/servico1.svg';
-import servico2 from '../../images/servico2.svg';
-import servico3 from '../../images/servico3.svg';
+import servico1 from "../../images/servico1.svg";
+import servico2 from "../../images/servico2.svg";
+import servico3 from "../../images/servico3.svg";
 
-import { useState } from 'react';
+import { useState } from "react";
 
 function Horticultores() {
-  const [CEP, setCEP] = useState('');
+  const [CEP, setCEP] = useState("");
 
   const handleChange = (event) => setCEP(event.target.value);
 
   return (
     <div>
-
-      <div className='banner-horticultor'>
+      <div className="banner-horticultor">
         <div>
-          <h2>Encontre agora um <span>profissional</span> e solicite um orçamento <span>gratuito</span>.</h2>
+          <h2>
+            Encontre agora um <span>profissional</span> e solicite um orçamento{" "}
+            <span>gratuito</span>.
+          </h2>
 
-          <div className='box-inputs-horticultor'>
+          <div className="box-inputs-horticultor">
             <div>
               <select>
-                <option value="default" disabled selected>Selecione o tipo de serviço</option>
+                <option value="default" disabled selected>
+                  Selecione o tipo de serviço
+                </option>
                 <option value="plantio">Plantio</option>
                 <option value="cultivo">Cultivo</option>
                 <option value="manutencao">Manutenção</option>
                 <option value="fertilizacao">Fertilização do solo</option>
-                <option value="sistema de irrigacao">Sistema de irrigação</option>
+                <option value="sistema de irrigacao">
+                  Sistema de irrigação
+                </option>
                 <option value="pragas">Controle de pragas</option>
               </select>
             </div>
@@ -48,7 +54,7 @@ function Horticultores() {
                 name="CEP"
                 value={CEP}
                 onChange={handleChange}
-                placeholder='Digite seu CEP'
+                placeholder="Digite seu CEP"
               />
             </div>
           </div>
@@ -57,83 +63,94 @@ function Horticultores() {
         </div>
       </div>
 
-      <div className='main-container-limitador'>
-        <div className='box-como-funciona'>
-          <img className="como-funciona-mainImg" src={imgComoFunciona} alt="imgComoFunciona" />
+      <div className="main-container-limitador">
+        <div className="box-como-funciona">
+          <img
+            className="como-funciona-mainImg"
+            src="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/comoFunciona.svg"
+            alt="imgComoFunciona"
+          />
 
-          <div className='box-texto-como-funciona'>
+          <div className="box-texto-como-funciona">
             <h2>Como funciona?</h2>
             <ComoFunciona
-              urlImg={Passo1}
+              urlImg="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/Passo+1.svg"
               altImg="icone1"
               conteudo="Responda as questões sobre o tipo de trabalho, onde será feito e o tamanho aproximado do espaço."
             />
 
             <ComoFunciona
-              urlImg={Passo2}
+              urlImg="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/Passo+2.svg"
               altImg="icone2"
               conteudo="Acesse serviços de horticultura e tenha hortas facilmente acessíveis!"
             />
 
             <ComoFunciona
-              urlImg={Passo3}
+              urlImg="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/Passo3.svg"
               altImg="icone3"
               conteudo="Entre em contato direto com o nosso parceiro através do WhatsApp ou Chat integrado na plataforma e feche os detalhes do serviço."
             />
 
             <ComoFunciona
-              urlImg={Passo4}
+              urlImg="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/Passo4.svg"
               altImg="icone4"
               conteudo="Após aprovar o orçamento nosso parceiro vai realizar o serviço na data e local combinados. "
             />
-          </div >
-
+          </div>
         </div>
 
-        <div className='box-servicos'>
+        <div className="box-servicos">
+          <h2>
+            <span>Promovemos</span> diversos serviços:
+          </h2>
 
-          <h2><span>Promovemos</span> diversos serviços:</h2>
-
-          <div className='box-card-servicos-horticultores'>
+          <div className="box-card-servicos-horticultores">
             <ArticleBeneficios
-              urlImg={ servico1 }
-              altImg='Imgem de um homem plantando'
-              title='Plantio e replantio'
-              text='Se você sonha em transformar espaços inutilizados em deslumbrantes hortas orgânicas, nossa equipe está pronta para tornar isso realidade! O plantio e replantio ganham vida com o toque especial dos nossos especialistas, que não só cultivam plantas, mas criam ambientes vibrantes e cheios de vida.'
+              urlImg="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/servico1.svg"
+              altImg="Imgem de um homem plantando"
+              title="Plantio e replantio"
+              text="Se você sonha em transformar espaços inutilizados em deslumbrantes hortas orgânicas, nossa equipe está pronta para tornar isso realidade! O plantio e replantio ganham vida com o toque especial dos nossos especialistas, que não só cultivam plantas, mas criam ambientes vibrantes e cheios de vida."
             />
 
             <ArticleBeneficios
-              urlImg={ servico2 }
-              altImg='Imagem de várias comidas em uma mesa'
-              title='Controle de pragas e enfermidades'
+              urlImg="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/servico2.svg"
+              altImg="Imagem de várias comidas em uma mesa"
+              title="Controle de pragas e enfermidades"
               text='Nossos profissionais não apenas conhecem o significado de "Proteção" mas sim a linguagem secreta das plantas. Com expertise em controle de pragas e enfermidades, eles protegem seu jardim como guardiões dedicados.'
             />
 
             <ArticleBeneficios
-              urlImg={ servico3 }
-              altImg='Imagem de várias comidas em uma mesa'
-              title='Manutenção e fertilização'
-              text='Imagine uma Horta que sempre pareceu saído de uma revista de jardinagem - agora, pare de imaginar e comece a viver essa realidade! Com a manutenção e fertilização especializada dos nossos profissionais, seu espaço verde será constantemente nutrido e mimado.'
+              urlImg="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/servico3.svg"
+              altImg="Imagem de várias comidas em uma mesa"
+              title="Manutenção e fertilização"
+              text="Imagine uma Horta que sempre pareceu saído de uma revista de jardinagem - agora, pare de imaginar e comece a viver essa realidade! Com a manutenção e fertilização especializada dos nossos profissionais, seu espaço verde será constantemente nutrido e mimado."
             />
           </div>
-
         </div>
-
       </div>
-      <div className='box-banner-cadastro-horticultor'>
-        <div className='banner-cadastro-horticultor'>
+      <div className="box-banner-cadastro-horticultor">
+        <div className="banner-cadastro-horticultor">
           <div>
-
-            <h3>Aumente sua <span>visibilidade e alcance</span>, atraindo mais clientes e <span>expandindo seus negócios</span>.</h3>
-            <p>Ao ingressar como profissional em uma plataforma web, você amplirá seu alcance de negócio, promoverá e interajir com outros profissionais. Gerencie com eficiência as solicitações dos clientes, mantendo controle sobre encomendas, e estabeleça confiança ao fornecer informações detalhadas e avaliações aos consumidores.</p>
-
-            <a href="#"><button>Cadastrar</button></a>
-
+            <h3>
+              Aumente sua <span>visibilidade e alcance</span>, atraindo mais
+              clientes e <span>expandindo seus negócios</span>.
+            </h3>
+            <p>
+              Ao ingressar como profissional em uma plataforma web, você amplirá
+              seu alcance de negócio, promoverá e interajir com outros
+              profissionais. Gerencie com eficiência as solicitações dos
+              clientes, mantendo controle sobre encomendas, e estabeleça
+              confiança ao fornecer informações detalhadas e avaliações aos
+              consumidores.
+            </p>
+
+            <a href="#">
+              <button>Cadastrar</button>
+            </a>
           </div>
         </div>
       </div>
-    </div >
-
+    </div>
   );
 }
 
diff --git a/src/pages/Horticultores/horticultores.css b/src/pages/Horticultores/horticultores.css
index aaf06b9..f8b64b4 100644
--- a/src/pages/Horticultores/horticultores.css
+++ b/src/pages/Horticultores/horticultores.css
@@ -74,7 +74,8 @@
 }
 
 .banner-horticultor {
-  background: url(../../images/banner-horticultor.png) no-repeat;
+  background: url(https://germinnecomp-img.s3.sa-east-1.amazonaws.com/banner-horticultor.png)
+    no-repeat;
   background-size: cover;
   background-position: center;
   height: 90vh;
@@ -129,7 +130,7 @@
 .banner-horticultor select {
   border: unset;
   appearance: none;
-  background-image: url(../../images/arrow-select.svg);
+  background-image: url(https://germinnecomp-img.s3.sa-east-1.amazonaws.com/arrow-select.svg);
   background-repeat: no-repeat;
   background-position: right 2rem top 50%;
   background-size: 40px auto;
@@ -152,7 +153,7 @@
 }
 
 .box-banner-cadastro-horticultor {
-  background-image: url(../../images/background-horticultores.png);
+  background-image: url(https://germinnecomp-img.s3.sa-east-1.amazonaws.com/background-horticultores.png);
   box-shadow: 900px 0px 150px 0px rgba(0, 0, 0, 0.6) inset;
   background-repeat: no-repeat;
   background-size: cover;
diff --git a/src/pages/Login/Login.jsx b/src/pages/Login/Login.jsx
index 0a4cb17..9af945e 100644
--- a/src/pages/Login/Login.jsx
+++ b/src/pages/Login/Login.jsx
@@ -1,41 +1,42 @@
-import React, { useState } from 'react';
-import imagemLogin from '../../images/login-profissional.png';
-import google from '../../images/google.png';
-import './loginCadastro.css';
-import { useNavigate } from 'react-router-dom';
+import React, { useState } from "react";
+import imagemLogin from "../../images/login-profissional.png";
+import google from "../../images/google.png";
+import "./loginCadastro.css";
+import { useNavigate } from "react-router-dom";
 
 function Login() {
   const navigate = useNavigate();
 
   const [infos, setInfos] = useState({
-    email: '',
-    password: ''
+    email: "",
+    password: "",
   });
 
-  const handleChange = (event) => setInfos({ ...infos, [event.target.name]: event.target.value });
+  const handleChange = (event) =>
+    setInfos({ ...infos, [event.target.name]: event.target.value });
 
   return (
-    <div className='box-login-cadastro'>
+    <div className="box-login-cadastro">
       <div>
-        <img src={ imagemLogin } alt="Imagem de uma mão plantando uma planta" />
+        <img src={imagemLogin} alt="Imagem de uma mão plantando uma planta" />
       </div>
 
-      <article className='box-inputs-login-cadastro'>
+      <article className="box-inputs-login-cadastro">
         <div>
           <h1>Germinne</h1>
           <h3>Profissional</h3>
         </div>
 
-        <div className='box-email-password'>
+        <div className="box-email-password">
           <div>
             <label>
               Email
-              <input 
-                type='email' 
-                name='email' 
-                value={ infos.email } 
-                onChange={ handleChange }
-                placeholder='Digite seu email aqui...'
+              <input
+                type="email"
+                name="email"
+                value={infos.email}
+                onChange={handleChange}
+                placeholder="Digite seu email aqui..."
               />
             </label>
           </div>
@@ -43,36 +44,39 @@ function Login() {
           <div>
             <label>
               Senha
-              <input 
-                type='password' 
-                name='password' 
-                value={ infos.password }
-                onChange={ handleChange }
-                placeholder='Digite sua senha aqui...'
+              <input
+                type="password"
+                name="password"
+                value={infos.password}
+                onChange={handleChange}
+                placeholder="Digite sua senha aqui..."
               />
             </label>
           </div>
 
-          <div className='box-button'>
+          <div className="box-button">
             <button>Entrar</button>
           </div>
         </div>
 
-        <div className='box-google'>
+        <div className="box-google">
           <p>Ou faça login com sua conta do Google</p>
-          <img src={ google } alt='Logo do Google' />
+          <img
+            src="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/google.png"
+            alt="Logo do Google"
+          />
         </div>
 
-        <div className='box-cadastro'>
+        <div className="box-cadastro">
           <hr />
           <p>Não possui conta na Germinne?</p>
-          <button onClick={() => navigate('/cadastro-cliente')}>Cadastre-se</button>
+          <button onClick={() => navigate("/cadastro-cliente")}>
+            Cadastre-se
+          </button>
         </div>
-
-
       </article>
     </div>
   );
 }
 
-export default Login;
\ No newline at end of file
+export default Login;
diff --git a/src/pages/LoginCliente/LoginCliente.jsx b/src/pages/LoginCliente/LoginCliente.jsx
index b707c5e..3e569d3 100644
--- a/src/pages/LoginCliente/LoginCliente.jsx
+++ b/src/pages/LoginCliente/LoginCliente.jsx
@@ -1,40 +1,43 @@
-import React, { useState } from 'react';
-import imagemLogin from '../../images/login-cliente.png';
-import google from '../../images/google.png';
-import '../Login/loginCadastro.css';
-import './loginCliente.css';
-
+import React, { useState } from "react";
+import imagemLogin from "../../images/login-cliente.png";
+import google from "../../images/google.png";
+import "../Login/loginCadastro.css";
+import "./loginCliente.css";
 
 function LoginCliente() {
   const [infos, setInfos] = useState({
-    email: '',
-    password: ''
+    email: "",
+    password: "",
   });
 
-  const handleChange = (event) => setInfos({ ...infos, [event.target.name]: event.target.value });
+  const handleChange = (event) =>
+    setInfos({ ...infos, [event.target.name]: event.target.value });
 
   return (
-    <div className='box-login-cadastro'>
+    <div className="box-login-cadastro">
       <div>
-        <img src={ imagemLogin } alt="Imagem de uma mão plantando uma planta" />
+        <img
+          src="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/login-cliente.png"
+          alt="Imagem de uma mão plantando uma planta"
+        />
       </div>
 
-      <article className='box-inputs-login-cadastro box-inputs-cliente'>
+      <article className="box-inputs-login-cadastro box-inputs-cliente">
         <div>
           <h1>Germinne</h1>
           <h3>Cliente</h3>
         </div>
 
-        <div className='box-email-password'>
+        <div className="box-email-password">
           <div>
             <label>
               Email
-              <input 
-                type='email' 
-                name='email' 
-                value={ infos.email } 
-                onChange={ handleChange }
-                placeholder='Digite seu email aqui...'
+              <input
+                type="email"
+                name="email"
+                value={infos.email}
+                onChange={handleChange}
+                placeholder="Digite seu email aqui..."
               />
             </label>
           </div>
@@ -42,36 +45,34 @@ function LoginCliente() {
           <div>
             <label>
               Senha
-              <input 
-                type='password' 
-                name='password' 
-                value={ infos.password }
-                onChange={ handleChange }
-                placeholder='Digite sua senha aqui...'
+              <input
+                type="password"
+                name="password"
+                value={infos.password}
+                onChange={handleChange}
+                placeholder="Digite sua senha aqui..."
               />
             </label>
           </div>
 
-          <div className='box-button'>
+          <div className="box-button">
             <button>Entrar</button>
           </div>
         </div>
 
-        <div className='box-google'>
+        <div className="box-google">
           <p>Ou faça login com sua conta do Google</p>
-          <img src={ google } alt='Logo do Google' />
+          <img src={google} alt="Logo do Google" />
         </div>
 
-        <div className='box-cadastro'>
+        <div className="box-cadastro">
           <hr />
           <p>Não possui conta na Germinne?</p>
           <button>Cadastre-se</button>
         </div>
-
-
       </article>
     </div>
   );
 }
 
-export default LoginCliente;
\ No newline at end of file
+export default LoginCliente;
diff --git a/src/pages/Loja/Loja.jsx b/src/pages/Loja/Loja.jsx
index c926c77..35fa4e7 100644
--- a/src/pages/Loja/Loja.jsx
+++ b/src/pages/Loja/Loja.jsx
@@ -1,40 +1,40 @@
-import React from 'react';
-import CardConteudoGB from '../../components/CardConteudoGB/CardConteudoGB';
-import vaso from '../../images/gb-conteudo-vaso.svg';
-import sementes from '../../images/gb-conteudo-sementes.svg';
-import substrato from '../../images/gb-conteudo-substrato.svg';
-import qrcode from '../../images/gb-conteudo-qrcode.svg';
-import conhecaGbImagem from '../../images/conheca-gb.png';
-import './loja.css';
-import CarouselPaginaGB from '../../components/CarouselPaginaGB/CarouselPaginaGB';
-import carouselgb1 from '../../images/carouselgb1.png';
-import carouselgb2 from '../../images/carouselgb2.png';
-import carouselgb3 from '../../images/carouselgb3.png';
+import React from "react";
+import CardConteudoGB from "../../components/CardConteudoGB/CardConteudoGB";
+import vaso from "../../images/gb-conteudo-vaso.svg";
+import sementes from "../../images/gb-conteudo-sementes.svg";
+import substrato from "../../images/gb-conteudo-substrato.svg";
+import qrcode from "../../images/gb-conteudo-qrcode.svg";
+import conhecaGbImagem from "../../images/conheca-gb.png";
+import "./loja.css";
+import CarouselPaginaGB from "../../components/CarouselPaginaGB/CarouselPaginaGB";
+import carouselgb1 from "../../images/carouselgb1.png";
+import carouselgb2 from "../../images/carouselgb2.png";
+import carouselgb3 from "../../images/carouselgb3.png";
 
-import doublearrow from '../../images/doublearrow.svg';
-import CardPerguntas from '../../components/CardPerguntas/CardPerguntas';
-import elipsedarrow from '../../images/elipsed-arrow.svg';
-import './loja.css';
-import DescricaoProduto from '../../components/DescricaoProduto/DescricaoProduto';
-import { useState } from 'react';
+import doublearrow from "../../images/doublearrow.svg";
+import CardPerguntas from "../../components/CardPerguntas/CardPerguntas";
+import elipsedarrow from "../../images/elipsed-arrow.svg";
+import "./loja.css";
+import DescricaoProduto from "../../components/DescricaoProduto/DescricaoProduto";
+import { useState } from "react";
 
 function Loja() {
   const contentCarousel = [
     {
-      img: carouselgb1,
-      title: 'Alimentação saudável e saborosa',
-      text: 'Pesquisas indicam que ter plantas em casa pode melhorar seu bem-estar emocional e diminuir o estresse. Estar perto de plantas e se conectar com a natureza ajuda a relaxar, trazendo uma sensação de calma. Fora isso, cuidar das plantinhas é uma atividade terapêutica e recompensadora, proporcionando um descanso relaxante da correria do dia a dia.'
+      img: "https://germinnecomp-img.s3.sa-east-1.amazonaws.com/carouselgb1.png",
+      title: "Alimentação saudável e saborosa",
+      text: "Pesquisas indicam que ter plantas em casa pode melhorar seu bem-estar emocional e diminuir o estresse. Estar perto de plantas e se conectar com a natureza ajuda a relaxar, trazendo uma sensação de calma. Fora isso, cuidar das plantinhas é uma atividade terapêutica e recompensadora, proporcionando um descanso relaxante da correria do dia a dia.",
     },
     {
-      img: carouselgb2,
-      title: 'Bem-estar e terapia',
-      text: 'Se você decidir plantar suas próprias hortaliças, ervas ou frutas em casa, vai ter comida fresquinha e saudável direto do seu cantinho verde. Essas comidinhas podem ser ainda mais gostosas e nutritivas do que as do mercado, além de dar aquele orgulho de comer algo que você mesmo cultivou.'
+      img: "https://germinnecomp-img.s3.sa-east-1.amazonaws.com/carouselgb2.png",
+      title: "Bem-estar e terapia",
+      text: "Se você decidir plantar suas próprias hortaliças, ervas ou frutas em casa, vai ter comida fresquinha e saudável direto do seu cantinho verde. Essas comidinhas podem ser ainda mais gostosas e nutritivas do que as do mercado, além de dar aquele orgulho de comer algo que você mesmo cultivou.",
     },
     {
-      img: carouselgb3,
-      title: 'Sua casa mais verde e bonita',
-      text: 'Plantinhas fazem maravilhas no visual de qualquer ambiente, trazendo beleza e vida. Com suas cores animadas, texturas e formas diferentes, elas dão um up em qualquer lugar. Se você cuidar direitinho delas, a casa vira um cantinho super aconchegante e agradável.'
-    }
+      img: "https://germinnecomp-img.s3.sa-east-1.amazonaws.com/carouselgb3.png",
+      title: "Sua casa mais verde e bonita",
+      text: "Plantinhas fazem maravilhas no visual de qualquer ambiente, trazendo beleza e vida. Com suas cores animadas, texturas e formas diferentes, elas dão um up em qualquer lugar. Se você cuidar direitinho delas, a casa vira um cantinho super aconchegante e agradável.",
+    },
   ];
 
   const [carouselPosition, setCarouselPosition] = useState(0);
@@ -51,48 +51,51 @@ function Loja() {
   };
 
   return (
-    <div className='main-container-limitador'>
-      <div className='pagina-loja'>
+    <div className="main-container-limitador">
+      <div className="pagina-loja">
         <DescricaoProduto />
 
         <div className="conheca-gb">
-          <img src={conhecaGbImagem} alt="" />
+          <img
+            src="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/conheca-gb.png"
+            alt=""
+          />
           <div className="conheca-gb-texto">
             <h2>
-            Conheça a <span className="textoVerde">GerminneBox</span>
+              Conheça a <span className="textoVerde">GerminneBox</span>
             </h2>
             <p>
-            Ja pensou em cultivar seus próprios alimentos? Nossa Box inclui todo
-            o necessário para facilitar sua jornada, você terá tudo à mão para
-            começar a cultivar suas próprias hortaliças, ervas e temperos com
-            eficiência e comodidade. Com nosso kit você estará cultivando suas
-            próprias plantinhas em um piscar de olhos.
+              Ja pensou em cultivar seus próprios alimentos? Nossa Box inclui
+              todo o necessário para facilitar sua jornada, você terá tudo à mão
+              para começar a cultivar suas próprias hortaliças, ervas e temperos
+              com eficiência e comodidade. Com nosso kit você estará cultivando
+              suas próprias plantinhas em um piscar de olhos.
             </p>
           </div>
         </div>
 
         <div className="conteudo-gb">
           <h3>
-          O que vem na <span className="textoVerde">GerminneBox</span>?
+            O que vem na <span className="textoVerde">GerminneBox</span>?
           </h3>
           <div className="conteudo-gb-cards">
             <CardConteudoGB
-              srcImg={vaso}
+              srcImg="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/gb-conteudo-vaso.svg"
               altImg="SADASDA"
               text="Vaso autoirrigável"
             />
             <CardConteudoGB
-              srcImg={sementes}
+              srcImg="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/gb-conteudo-sementes.svg"
               altImg="SADASDA"
               text="Sementes orgânicas"
             />
             <CardConteudoGB
-              srcImg={substrato}
+              srcImg="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/gb-conteudo-substrato.svg"
               altImg="SADASDA"
               text="Substrato de qualidade"
             />
             <CardConteudoGB
-              srcImg={qrcode}
+              srcImg="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/gb-conteudo-qrcode.svg"
               altImg="SADASDA"
               text="QR Code com instruções"
             />
@@ -103,18 +106,18 @@ function Loja() {
           <h2>Razões para ter sua própria hortinha em casa</h2>
           <img src={doublearrow} alt="seta dupla" />
         </div>
-     
-        <div className='carousel-content'>
-          <CarouselPaginaGB 
-            srcImg={ carouselProps.img } 
-            altImg='Imagem ilustrativa do carousel'
-            title={ carouselProps.title }
-            text={ carouselProps.text }
+
+        <div className="carousel-content">
+          <CarouselPaginaGB
+            srcImg={carouselProps.img}
+            altImg="Imagem ilustrativa do carousel"
+            title={carouselProps.title}
+            text={carouselProps.text}
           />
           <div>
             <img
               className="elipsedarrow"
-              src={elipsedarrow}
+              src="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/elipsed-arrow.svg"
               alt="Imagem de uma seta para a direita"
               onClick={handleCarousel}
             />
diff --git a/src/pages/PerfilHorticultor/PerfilHorticultor.jsx b/src/pages/PerfilHorticultor/PerfilHorticultor.jsx
index dd17a32..66141a4 100644
--- a/src/pages/PerfilHorticultor/PerfilHorticultor.jsx
+++ b/src/pages/PerfilHorticultor/PerfilHorticultor.jsx
@@ -1,20 +1,22 @@
-import React from 'react';
-import imagemHorticultor from '../../images/horticultor-exemplo.png';
-import estrelas from '../../images/stars.png';
-import { MdVerified, MdOutlineWhatsapp } from 'react-icons/md';
-import { FaPhoneAlt } from 'react-icons/fa';
-import './perfilHorticultor.css';
-import CardPerfilServico from '../../components/CardPerfilServico/CardPerfilServico';
-import ImagemUltimosServicos from '../../components/ImagemUltimosServicos/ImagemUltimosServicos';
-
+import React from "react";
+import imagemHorticultor from "../../images/horticultor-exemplo.png";
+import estrelas from "../../images/stars.png";
+import { MdVerified, MdOutlineWhatsapp } from "react-icons/md";
+import { FaPhoneAlt } from "react-icons/fa";
+import "./perfilHorticultor.css";
+import CardPerfilServico from "../../components/CardPerfilServico/CardPerfilServico";
+import ImagemUltimosServicos from "../../components/ImagemUltimosServicos/ImagemUltimosServicos";
 
 function PerfilHorticultor() {
   return (
-    <div className='pagina-perfil-horticultor'>
-      <article className='box-perfil-horticultor'>
-        <div className='box-nome-avaliacao-perfil'>
+    <div className="pagina-perfil-horticultor">
+      <article className="box-perfil-horticultor">
+        <div className="box-nome-avaliacao-perfil">
           <div>
-            <img src={ imagemHorticultor } alt="Foto do horticultor" />
+            <img
+              src="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/horticultor-exemplo.png"
+              alt="Foto do horticultor"
+            />
             <p>Nice Lima Soares</p>
           </div>
 
@@ -22,83 +24,85 @@ function PerfilHorticultor() {
             <p>Avaliações</p>
             <div>
               <p>4.0</p>
-              <img src={ estrelas } alt="Imagem de estrelas" />
+              <img
+                src="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/stars.png"
+                alt="Imagem de estrelas"
+              />
             </div>
           </div>
 
           <div>
-            <p><MdVerified /> Profissional verificado</p>
+            <p>
+              <MdVerified /> Profissional verificado
+            </p>
             <p>Cadastrado desde: 07/2023</p>
           </div>
         </div>
 
-        <div className='box-sobre-contatos'>
-          <div className='box-sobre-mim-perfil'>
+        <div className="box-sobre-contatos">
+          <div className="box-sobre-mim-perfil">
             <h2>Sobre mim</h2>
-            <p>Trabalho com plantas faz 7 anos, e por ser Pai de plantas, vejo como o ambiente melhora! Estou disposto a melhorar ambiente de muitas pessoas nessa jornada de plantar e colher! Estou Disponível para ajudá-lo no que precisar </p>
+            <p>
+              Trabalho com plantas faz 7 anos, e por ser Pai de plantas, vejo
+              como o ambiente melhora! Estou disposto a melhorar ambiente de
+              muitas pessoas nessa jornada de plantar e colher! Estou Disponível
+              para ajudá-lo no que precisar{" "}
+            </p>
           </div>
 
-          <div className='box-contatos-perfil'>
+          <div className="box-contatos-perfil">
             <button>Solicitar orçamento</button>
-            <button><MdOutlineWhatsapp /> WhatsApp </button>
-            <button><FaPhoneAlt /> Telefone </button>
+            <button>
+              <MdOutlineWhatsapp /> WhatsApp{" "}
+            </button>
+            <button>
+              <FaPhoneAlt /> Telefone{" "}
+            </button>
           </div>
         </div>
       </article>
-      
-      <div className='box-servicos-oferecidos'>
-        <h3><span>Serviços</span> oferecidos: </h3>
+
+      <div className="box-servicos-oferecidos">
+        <h3>
+          <span>Serviços</span> oferecidos:{" "}
+        </h3>
 
         <div>
-          <CardPerfilServico service='Fertilização do solo' />
-          <CardPerfilServico service='Manutenção' />
-          <CardPerfilServico service='Plantio' />
-          <CardPerfilServico service='Sistema de irrigação' />
-          <CardPerfilServico service='Controle de pragas' />
+          <CardPerfilServico service="Fertilização do solo" />
+          <CardPerfilServico service="Manutenção" />
+          <CardPerfilServico service="Plantio" />
+          <CardPerfilServico service="Sistema de irrigação" />
+          <CardPerfilServico service="Controle de pragas" />
         </div>
       </div>
 
       <hr />
 
-      <div className='box-ultimos-servicos'>
-        <h2>Últimos <span>Trabalhos</span>!</h2>
+      <div className="box-ultimos-servicos">
+        <h2>
+          Últimos <span>Trabalhos</span>!
+        </h2>
 
         <div>
-          <ImagemUltimosServicos 
-            srcImg='https://construtoraandradejunior.com.br/2019/wp-content/uploads/2019/07/horta-vertical.jpg'
-          />
+          <ImagemUltimosServicos srcImg="https://construtoraandradejunior.com.br/2019/wp-content/uploads/2019/07/horta-vertical.jpg" />
 
-          <ImagemUltimosServicos 
-            srcImg='https://construtoraandradejunior.com.br/2019/wp-content/uploads/2019/07/horta-vertical.jpg'
-          />
+          <ImagemUltimosServicos srcImg="https://construtoraandradejunior.com.br/2019/wp-content/uploads/2019/07/horta-vertical.jpg" />
 
-          <ImagemUltimosServicos 
-            srcImg='https://construtoraandradejunior.com.br/2019/wp-content/uploads/2019/07/horta-vertical.jpg'
-          />
+          <ImagemUltimosServicos srcImg="https://construtoraandradejunior.com.br/2019/wp-content/uploads/2019/07/horta-vertical.jpg" />
 
-          <ImagemUltimosServicos 
-            srcImg='https://construtoraandradejunior.com.br/2019/wp-content/uploads/2019/07/horta-vertical.jpg'
-          />
+          <ImagemUltimosServicos srcImg="https://construtoraandradejunior.com.br/2019/wp-content/uploads/2019/07/horta-vertical.jpg" />
 
-          <ImagemUltimosServicos 
-            srcImg='https://construtoraandradejunior.com.br/2019/wp-content/uploads/2019/07/horta-vertical.jpg'
-          />
+          <ImagemUltimosServicos srcImg="https://construtoraandradejunior.com.br/2019/wp-content/uploads/2019/07/horta-vertical.jpg" />
 
-          <ImagemUltimosServicos 
-            srcImg='https://construtoraandradejunior.com.br/2019/wp-content/uploads/2019/07/horta-vertical.jpg'
-          />
+          <ImagemUltimosServicos srcImg="https://construtoraandradejunior.com.br/2019/wp-content/uploads/2019/07/horta-vertical.jpg" />
 
-          <ImagemUltimosServicos 
-            srcImg='https://construtoraandradejunior.com.br/2019/wp-content/uploads/2019/07/horta-vertical.jpg'
-          />
+          <ImagemUltimosServicos srcImg="https://construtoraandradejunior.com.br/2019/wp-content/uploads/2019/07/horta-vertical.jpg" />
 
-          <ImagemUltimosServicos 
-            srcImg='https://construtoraandradejunior.com.br/2019/wp-content/uploads/2019/07/horta-vertical.jpg'
-          />
+          <ImagemUltimosServicos srcImg="https://construtoraandradejunior.com.br/2019/wp-content/uploads/2019/07/horta-vertical.jpg" />
         </div>
       </div>
     </div>
   );
 }
 
-export default PerfilHorticultor;
\ No newline at end of file
+export default PerfilHorticultor;
diff --git a/src/pages/SobreNos/SobreNos.jsx b/src/pages/SobreNos/SobreNos.jsx
index d57bc8d..8f2d4c4 100644
--- a/src/pages/SobreNos/SobreNos.jsx
+++ b/src/pages/SobreNos/SobreNos.jsx
@@ -1,11 +1,11 @@
-import React from 'react';
-import CardSobreNos from '../../components/CardSobreNos/CardSobreNos';
-import missao from '../../images/missao.svg';
-import visao from '../../images/visao.svg';
-import valor from '../../images/valor.svg';
-import './sobreNos.css';
-import { MdOutlineEmail, MdOutlineWhatsapp } from 'react-icons/md';
-import FormsSobreNos from '../../components/FormsSobreNos/FormsSobreNos';
+import React from "react";
+import CardSobreNos from "../../components/CardSobreNos/CardSobreNos";
+import missao from "../../images/missao.svg";
+import visao from "../../images/visao.svg";
+import valor from "../../images/valor.svg";
+import "./sobreNos.css";
+import { MdOutlineEmail, MdOutlineWhatsapp } from "react-icons/md";
+import FormsSobreNos from "../../components/FormsSobreNos/FormsSobreNos";
 
 function SobreNos() {
   return (
@@ -31,19 +31,19 @@ function SobreNos() {
 
       <div className="box-sobre-nos">
         <CardSobreNos
-          srcImg={missao}
+          srcImg="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/missao.svg"
           altImg="Icone do missão"
           title="Missão"
           text="A nossa missão é promover e democratizar a agricultura urbana, fornecendo informações e práticas corretas."
         />
         <CardSobreNos
-          srcImg={visao}
+          srcImg="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/visao.svg"
           altImg="Icone da visão"
           title="Visão"
           text="A nossa missão é promover e democratizar a agricultura urbana, fornecendo informações e práticas corretas."
         />
         <CardSobreNos
-          srcImg={valor}
+          srcImg="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/valor.svg"
           altImg="Icone do valor"
           title="Valor"
           text="Ética, confiança, sustentabilidade, comprometimento, transparência, excelência, informações de qualidade e eficiência."
diff --git a/src/pages/SobreNos/sobreNos.css b/src/pages/SobreNos/sobreNos.css
index 4f36e35..bb08739 100644
--- a/src/pages/SobreNos/sobreNos.css
+++ b/src/pages/SobreNos/sobreNos.css
@@ -1,70 +1,71 @@
 .box-sobre-nos {
-    background: url(../../images/background-sobre-nos.svg) no-repeat;
-    background-size: cover;
-    background-position: center;
-    display: flex;
-    justify-content: center;
-    margin-top: 100px;
+  background: url(https://germinnecomp-img.s3.sa-east-1.amazonaws.com/background-sobre-nos.svg)
+    no-repeat;
+  background-size: cover;
+  background-position: center;
+  display: flex;
+  justify-content: center;
+  margin-top: 100px;
 }
 
 .box-text-sobre-nos h3 {
-    color: var(--verde-titulo);
-    border-bottom: 2px solid black;
-    font-size: 50px;
-    font-weight: 500;
-    width: 20%;
-    margin: auto;
-    text-align: center;
-    margin-bottom: 30px;
+  color: var(--verde-titulo);
+  border-bottom: 2px solid black;
+  font-size: 50px;
+  font-weight: 500;
+  width: 20%;
+  margin: auto;
+  text-align: center;
+  margin-bottom: 30px;
 }
 
 .box-text-sobre-nos p {
-    width: 60%;
-    margin: auto;
-    text-align: center;
-    line-height: 30px;
+  width: 60%;
+  margin: auto;
+  text-align: center;
+  line-height: 30px;
 }
 
 .box-fale-conosco {
-    text-align: center;
-    margin: 30px 0;
+  text-align: center;
+  margin: 30px 0;
 }
 
 .box-fale-conosco p {
-    width: 50%;
-    margin: auto;
+  width: 50%;
+  margin: auto;
 }
 
 .box-fale-conosco h3 {
-    color: var(--verde-titulo);
-    font-size: 50px;
-    font-weight: 500;
+  color: var(--verde-titulo);
+  font-size: 50px;
+  font-weight: 500;
 }
 
 .box-contatos {
-    display: flex;
-    justify-content: center;
+  display: flex;
+  justify-content: center;
 }
 
 .box-contatos div {
-    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
-    width: 20%;
-    padding: 10px 0;
-    border-radius: 10px;
-    margin: 30px;
+  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
+  width: 20%;
+  padding: 10px 0;
+  border-radius: 10px;
+  margin: 30px;
 }
 
 .box-contatos div p {
-    font-weight: 500;
-    margin-bottom: 40px;
+  font-weight: 500;
+  margin-bottom: 40px;
 }
 
 .box-contatos div a {
-    color: var(--verde-titulo);
-    text-decoration: none;
+  color: var(--verde-titulo);
+  text-decoration: none;
 }
 
 .box-contatos svg {
-    width: 100px;
-    height: 100px;
-}
\ No newline at end of file
+  width: 100px;
+  height: 100px;
+}
diff --git a/src/pages/TrabalheConosco/TrabalheConosco.jsx b/src/pages/TrabalheConosco/TrabalheConosco.jsx
index 570a80f..c60ce1c 100644
--- a/src/pages/TrabalheConosco/TrabalheConosco.jsx
+++ b/src/pages/TrabalheConosco/TrabalheConosco.jsx
@@ -22,22 +22,24 @@ function TrabalheConosco() {
           </div>
         </div>
       </div>
-      <div className="beneficios"><h1>Benefícios para você</h1></div>
+      <div className="beneficios">
+        <h1>Benefícios para você</h1>
+      </div>
       <div className="ElementoComponente">
         <BeneficiosParaVoce
-          urlImg={img1}
+          urlImg="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/img-beneficio1.svg"
           altImg="beneficio1"
           titulo="Aumente sua visibilidade"
           texto="Nossa plataforma te conecta com uma audiência diária de centenas de pessoas."
         />
         <BeneficiosParaVoce
-          urlImg={img2}
+          urlImg="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/imagemBeneficio2.svg"
           altImg="beneficio1"
           titulo="Sem comissão"
           texto="Não cobramos comissões dos serviços realizados, 100% do valor fica com você!."
         />
         <BeneficiosParaVoce
-          urlImg={img3}
+          urlImg="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/imagemBeneficio3.svg"
           altImg="beneficio1"
           titulo="Contato direto"
           texto="Converse e negocie diretamente, sem intermediadores, sem taxas e sem burocracia."
@@ -45,7 +47,10 @@ function TrabalheConosco() {
       </div>
 
       <div className="custoBeneficio">
-        <img src={CustoBeneficio} alt="" />
+        <img
+          src="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/custo-beneficio-trabalhe-conosco.svg"
+          alt=""
+        />
         <div>
           <h2>Custo beneficio e acesso ao seu publico alvo</h2>
           <p>
diff --git a/src/pages/TrabalheConosco/trabalheConosco.css b/src/pages/TrabalheConosco/trabalheConosco.css
index 2d9b547..d90b620 100644
--- a/src/pages/TrabalheConosco/trabalheConosco.css
+++ b/src/pages/TrabalheConosco/trabalheConosco.css
@@ -1,5 +1,6 @@
 .banner-trabalhe-conosco {
-  background: url(../../images/banner-trabalhe-conosco.svg), no-repeat;
+  background: url(https://germinnecomp-img.s3.sa-east-1.amazonaws.com/banner-trabalhe-conosco.svg),
+    no-repeat;
   background-size: cover;
   box-shadow: 950px 0px 100px 0px rgba(0, 0, 0, 0.5) inset;
   width: 100%;
@@ -84,10 +85,9 @@
   gap: 1%;
 }
 
-.beneficios{
+.beneficios {
   display: flex;
   justify-content: center;
   margin: 5%;
   font-size: var(--subtitle-small);
-
 }
diff --git a/src/pages/VitrineHorticultores/VitrineHorticultores.jsx b/src/pages/VitrineHorticultores/VitrineHorticultores.jsx
index f6d8356..1a99b03 100644
--- a/src/pages/VitrineHorticultores/VitrineHorticultores.jsx
+++ b/src/pages/VitrineHorticultores/VitrineHorticultores.jsx
@@ -1,25 +1,29 @@
-import React from 'react';
-import { useState } from 'react';
-import './vitrineHorticultores.css';
-import CardHorticultor from '../../components/CardHorticultor/CardHorticultor';
-import imagemHorticultor from '../../images/horticultor-exemplo.png';
+import React from "react";
+import { useState } from "react";
+import "./vitrineHorticultores.css";
+import CardHorticultor from "../../components/CardHorticultor/CardHorticultor";
+import imagemHorticurlto from "../../images/horticultor-exemplo.png";
 
 function VitrineHorticultores() {
-  const [CEP, setCEP] = useState('');
+  const [CEP, setCEP] = useState("");
 
   const handleChange = (event) => setCEP(event.target.value);
 
   return (
-    <div className='box-vitrine-horticultores'>
-      <div className='box-introducao-vitrine'>
-        <h2>Escolha dentre nossos parceiros disponíveis e inicie já um orçamento. </h2>
+    <div className="box-vitrine-horticultores">
+      <div className="box-introducao-vitrine">
+        <h2>
+          Escolha dentre nossos parceiros disponíveis e inicie já um orçamento.{" "}
+        </h2>
         <p>É rápido, gratuito e sem sair de casa</p>
 
-        <div className='box-inputs-vitrine'>
+        <div className="box-inputs-vitrine">
           <div>
             <div>
               <select>
-                <option value="default" disabled selected>Selecione o tipo de serviço</option>
+                <option value="default" disabled selected>
+                  Selecione o tipo de serviço
+                </option>
                 <option value="plantio">Plantio</option>
                 <option value="cultivo">Cultivo</option>
                 <option value="pragas">Controle de pragas</option>
@@ -32,7 +36,7 @@ function VitrineHorticultores() {
                 name="CEP"
                 value={CEP}
                 onChange={handleChange}
-                placeholder='Digite seu CEP'
+                placeholder="Digite seu CEP"
               />
             </div>
           </div>
@@ -43,38 +47,37 @@ function VitrineHorticultores() {
         </div>
       </div>
 
-      <article className='box-horticultores'>
-        <CardHorticultor 
-          srcImg={ imagemHorticultor }
-          name='Nice Lima Soares'
-          description='Apaixonada pela diversidade de plantas, fiz um curso de horticultor orgânico em 2015 e estou na área desde então. Sou especialista em hortas verticais e em plantas trepadeiras.'
-          rating='4,8'
+      <article className="box-horticultores">
+        <CardHorticultor
+          srcImg="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/horticultor-exemplo.png"
+          name="Nice Lima Soares"
+          description="Apaixonada pela diversidade de plantas, fiz um curso de horticultor orgânico em 2015 e estou na área desde então. Sou especialista em hortas verticais e em plantas trepadeiras."
+          rating="4,8"
         />
 
-        <CardHorticultor 
-          srcImg={ imagemHorticultor }
-          name='Nice Lima Soares'
-          description='Apaixonada pela diversidade de plantas, fiz um curso de horticultor orgânico em 2015 e estou na área desde então. Sou especialista em hortas verticais e em plantas trepadeiras.'
-          rating='4,8'
+        <CardHorticultor
+          srcImg="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/horticultor-exemplo.png"
+          name="Nice Lima Soares"
+          description="Apaixonada pela diversidade de plantas, fiz um curso de horticultor orgânico em 2015 e estou na área desde então. Sou especialista em hortas verticais e em plantas trepadeiras."
+          rating="4,8"
         />
 
-        <CardHorticultor 
-          srcImg={ imagemHorticultor }
-          name='Nice Lima Soares'
-          description='Apaixonada pela diversidade de plantas, fiz um curso de horticultor orgânico em 2015 e estou na área desde então. Sou especialista em hortas verticais e em plantas trepadeiras.'
-          rating='4,8'
+        <CardHorticultor
+          srcImg="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/horticultor-exemplo.png"
+          name="Nice Lima Soares"
+          description="Apaixonada pela diversidade de plantas, fiz um curso de horticultor orgânico em 2015 e estou na área desde então. Sou especialista em hortas verticais e em plantas trepadeiras."
+          rating="4,8"
         />
 
-        <CardHorticultor 
-          srcImg={ imagemHorticultor }
-          name='Nice Lima Soares'
-          description='Apaixonada pela diversidade de plantas, fiz um curso de horticultor orgânico em 2015 e estou na área desde então. Sou especialista em hortas verticais e em plantas trepadeiras.'
-          rating='4,8'
+        <CardHorticultor
+          srcImg="https://germinnecomp-img.s3.sa-east-1.amazonaws.com/horticultor-exemplo.png"
+          name="Nice Lima Soares"
+          description="Apaixonada pela diversidade de plantas, fiz um curso de horticultor orgânico em 2015 e estou na área desde então. Sou especialista em hortas verticais e em plantas trepadeiras."
+          rating="4,8"
         />
-
       </article>
     </div>
   );
 }
 
-export default VitrineHorticultores;
\ No newline at end of file
+export default VitrineHorticultores;
diff --git a/src/pages/VitrineHorticultores/vitrineHorticultores.css b/src/pages/VitrineHorticultores/vitrineHorticultores.css
index 98d9af5..b6910cd 100644
--- a/src/pages/VitrineHorticultores/vitrineHorticultores.css
+++ b/src/pages/VitrineHorticultores/vitrineHorticultores.css
@@ -1,5 +1,6 @@
 .box-introducao-vitrine {
-  background: url(../../images/banner-vitrine.svg) no-repeat;
+  background: url(https://germinnecomp-img.s3.sa-east-1.amazonaws.com/banner-vitrine.svg)
+    no-repeat;
   color: white;
   text-align: center;
   padding: 2% 0;
@@ -35,7 +36,7 @@
 .box-inputs-vitrine select {
   border: unset;
   appearance: none;
-  background-image: url(../../images/arrow-select.svg);
+  background-image: url(https://germinnecomp-img.s3.sa-east-1.amazonaws.com/arrow-select.svg);
   background-repeat: no-repeat;
   background-position: right 1.5rem top 50%;
   background-size: 20px auto;