adicionando banners e produtos

src/app/public/home/banner/banner.component.html

@@ -1,16 +1,23 @@
 <mdb-carousel [indicators]="true" [animation]="'fade'">
   <mdb-carousel-item>
     <img
-    src="../../../../assets/images/Banner1animadogif.gif"
+      src="../../../../assets/images/Banner3.jpg"      
       class="d-block w-100"
       alt="Banner1"
     />
-  </mdb-carousel-item>
+  </mdb-carousel-item>  
   <mdb-carousel-item>
     <img
-      src="../../../../assets/images/Banner2.jpg"      
+    src="../../../../assets/images/BannerFinal2.jpg"
       class="d-block w-100"
       alt="Banner2"
     />
   </mdb-carousel-item>
+  <mdb-carousel-item>
+    <img
+      src="../../../../assets/images/BannerFinal3.jpg"      
+      class="d-block w-100"
+      alt="Banner3"
+    />
+  </mdb-carousel-item>
 </mdb-carousel>

src/app/public/home/banner/banner.component.scss

@@ -22,6 +22,7 @@ mdb-carousel {
 
 mdb-carousel-item {
   width: 100%; /* A imagem ocupa toda a largura do carrossel */
-  height: 320px; /* A imagem ocupa toda a altura do carrossel */
+  height: 80%; /* A imagem ocupa toda a altura do carrossel */
+  max-height: 320px;
   object-fit: cover; /* A imagem será cortada para cobrir o espaço sem distorcer */
 }

src/app/public/home/home.component.html

@@ -24,28 +24,5 @@
       </div>
     </div>
   </div>
-
-  <div class="col-12">
-    <div class="d-flex flex-col">
-      <h2>Anúncios testes</h2>
-    </div>
-    <div class="d-flex flex-row flex-nowrap overflow-auto">
-      <div *ngFor="let paidAds of paidAds" class="card-col">
-        <ngx-product-card></ngx-product-card>          
-      </div>
-    </div>
-  </div>  
-
-  <div class="col-12">
-    <div class="d-flex flex-col">
-      <h2>Anúncios padrão</h2>
-    </div>
-    <div class="d-flex flex-row flex-nowrap overflow-auto">
-      <div *ngFor="let product of products" class="card-col">
-        <ngx-product-card></ngx-product-card>          
-      </div>
-    </div>
-  </div>
-
 </div>
 

src/app/public/home/home.component.ts

@@ -35,42 +35,42 @@ export class HomeComponent implements OnDestroy {
     this.categories = [
     {
         "name": "Iluminação",
-        "id": "Iluminacao",
+        "id": "iluminacao",
         "updatedAt": new Date(),
         "createdAt": new Date(),
         "icon": "fa-lightbulb"
     },
     {
         "name": "Exaustores/Filtros",
-        "id": "Exaustores",
+        "id": "exaustores",
         "updatedAt": new Date(),
         "createdAt": new Date(),
         "icon": "fa-fan"
     },
     {
         "name": "Estufas",
-        "id": "Estufas",
+        "id": "estufas",
         "updatedAt": new Date(),
         "createdAt": new Date(),
         "icon": "fa-home"
     },
     {
         "name": "Medidores",
-        "id": "Medidores",
+        "id": "medidores",
         "updatedAt": new Date(),
         "createdAt": new Date(),
         "icon": "fa-thermometer"
     },
     {
         "name": "Acessórios",
-        "id": "Acessorios",
+        "id": "acessorios",
         "updatedAt": new Date(),
         "createdAt": new Date(),
         "icon": "fa-scissors"
     },
     {
       "name": "Outros",
-      "id": "Outros",
+      "id": "outros",
       "updatedAt": new Date(),
       "createdAt": new Date(),
       "icon": "fa-spider"
@@ -81,61 +81,186 @@ export class HomeComponent implements OnDestroy {
     this.products = [{
       id: "1",
       userId: "1",
-      categoryId: "1",
+      categoryId: "exaustores",
       sub_categoryId: "1",
       brandId: "1",
-      name: "Maquina de lavar roupa 14kg sper blaster",
+      name: "Exaustor Leds Indoor",
       description: "",
       conditionId: "1",
-      price: 3458.10,
-      previousPrice: 4458.10,
+      price: 177,
+      previousPrice: 249,
       createdAt: new Date(),
       isActive: true,
       isPromoted: true,
       viewCount: 0,
       img_urls: [
-        "https://img.olx.com.br/images/89/890461810585731.webp"
+        "../../../assets/images/Exaustor1.png"
       ]
     },
     {
       id: "1",
       userId: "1",
-      categoryId: "1",
+      categoryId: "exaustores",
       sub_categoryId: "1",
       brandId: "1",
-      name: "Maquina de lavar roupa 14kg sper blaster 2",
+      name: "Exaustor MarsHydro",
       description: "",
       conditionId: "1",
-      price: 3458.10,
-      previousPrice: 4458.10,
+      price: 149,
+      previousPrice: 199,
       createdAt: new Date(),
       isActive: true,
       isPromoted: false,
       viewCount: 0,
       img_urls: [
-        "https://img.olx.com.br/images/89/890461810585731.webp"
+        "../../../assets/images/Exaustor2.png"
       ]
     },
     {
       id: "1",
       userId: "1",
-      categoryId: "1",
+      categoryId: "exaustores",
       sub_categoryId: "1",
       brandId: "1",
-      name: "Maquina de lavar roupa 14kg sper blaster 3",
+      name: "Exaustor Branco",
       description: "",
       conditionId: "1",
-      price: 3458.10,
+      price: 120,
       createdAt: new Date(),
       isActive: true,
       isPromoted: true,
       viewCount: 0,
       img_urls: [
-        "https://img.olx.com.br/images/89/890461810585731.webp"
+        "../../../assets/images/Exaustor3.png"
+      ]
+    },
+    {
+      id: "1",
+      userId: "1",
+      categoryId: "exaustores",
+      sub_categoryId: "1",
+      brandId: "1",
+      name: "Exaustor HighPro",
+      description: "",
+      conditionId: "1",
+      price: 199,
+      createdAt: new Date(),
+      isActive: true,
+      isPromoted: true,
+      viewCount: 0,
+      img_urls: [
+        "../../../assets/images/Exaustor4.png"
+      ]
+    },
+    {
+      id: "1",
+      userId: "1",
+      categoryId: "iluminacao",
+      sub_categoryId: "1",
+      brandId: "1",
+      name: "LED 640W",
+      description: "",
+      conditionId: "1",
+      price: 1899,
+      createdAt: new Date(),
+      isActive: true,
+      isPromoted: true,
+      viewCount: 0,
+      img_urls: [
+        "../../../assets/images/Iluminacao1.png"
+      ]
+    },
+    {
+      id: "1",
+      userId: "1",
+      categoryId: "iluminacao",
+      sub_categoryId: "1",
+      brandId: "1",
+      name: "LED Duplo",
+      description: "",
+      conditionId: "1",
+      price: 1199,
+      createdAt: new Date(),
+      isActive: true,
+      isPromoted: true,
+      viewCount: 0,
+      img_urls: [
+        "../../../assets/images/Iluminacao2.png"
+      ]
+    },
+    {
+      id: "1",
+      userId: "1",
+      categoryId: "iluminacao",
+      sub_categoryId: "1",
+      brandId: "1",
+      name: "LED 240W",
+      description: "",
+      conditionId: "1",
+      price: 649,
+      createdAt: new Date(),
+      isActive: true,
+      isPromoted: true,
+      viewCount: 0,
+      img_urls: [
+        "../../../assets/images/Iluminacao3.png"
+      ]
+    },
+    {
+      id: "1",
+      userId: "1",
+      categoryId: "estufas",
+      sub_categoryId: "1",
+      brandId: "1",
+      name: "Estufa Simples",
+      description: "",
+      conditionId: "1",
+      price: 650,
+      createdAt: new Date(),
+      isActive: true,
+      isPromoted: true,
+      viewCount: 0,
+      img_urls: [
+        "../../../assets/images/tenda2.jpg"
+      ]
+    },
+    {
+      id: "1",
+      userId: "1",
+      categoryId: "estufas",
+      sub_categoryId: "1",
+      brandId: "1",
+      name: "Estufa Tripla",
+      description: "",
+      conditionId: "1",
+      price: 2400,
+      createdAt: new Date(),
+      isActive: true,
+      isPromoted: true,
+      viewCount: 0,
+      img_urls: [
+        "../../../assets/images/tenda8.png"
+      ]
+    },
+    {
+      id: "1",
+      userId: "1",
+      categoryId: "estufas",
+      sub_categoryId: "1",
+      brandId: "1",
+      name: "Estufa Master",
+      description: "",
+      conditionId: "1",
+      price: 1600,
+      createdAt: new Date(),
+      isActive: true,
+      isPromoted: true,
+      viewCount: 0,
+      img_urls: [
+        "../../../assets/images/tenda5.png"
       ]
     }]
 
-    this.paidAds = [1,1,1]
   }
 
   ngOnDestroy() {

src/app/public/product-details/product-details.component.ts

@@ -95,7 +95,7 @@ export class ProductDetailsComponent implements OnDestroy {
       name: "Maquina de lavar roupa 14kg sper blaster 2",
       description: "",
       conditionId: "1",
-      price: 3458.10,
+      price: 3.5,
       previousPrice: 4458.10,
       createdAt: new Date(),
       isActive: true,

src/assets/images/square_pattern.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><defs><style>.cls-1{fill:none;stroke:#ebeef2;stroke-miterlimit:10;}</style></defs><title>Asset 2_svg</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><line class="cls-1" x1="75" x2="75" y2="150"/><line class="cls-1" x1="150" y1="75" y2="75"/></g></g></svg>

src/assets/images/square_pattern_cosmic.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><defs><style>.cls-1{fill:none;stroke:#1b1b38;stroke-miterlimit:10;}</style></defs><title>Asset 2_svg</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><line class="cls-1" x1="75" x2="75" y2="150"/><line class="cls-1" x1="150" y1="75" y2="75"/></g></g></svg>