From 017bb086aec1b7543bb00cfeacd3d234b55638de Mon Sep 17 00:00:00 2001
From: Marcus <marcus.castro@agencian1.com.br>
Date: Mon, 22 Apr 2024 17:43:37 -0300
Subject: [PATCH] feat: finalizado pagina nossas lojas

---
 components/institutional/NossasLojas.tsx | 26 ++++++++++++++++++++----
 components/product/ProductDetails.tsx    |  6 +++---
 sections/Images/ImageGallery.tsx         |  2 +-
 3 files changed, 26 insertions(+), 8 deletions(-)

diff --git a/components/institutional/NossasLojas.tsx b/components/institutional/NossasLojas.tsx
index 0a6bc37..5b0d169 100644
--- a/components/institutional/NossasLojas.tsx
+++ b/components/institutional/NossasLojas.tsx
@@ -1,3 +1,4 @@
+/** @titleBy cidade */
 export interface Lojas {
     cidade: string;
     cep: string;
@@ -11,9 +12,26 @@ export interface Props {
 }
 
 export default function NossasLojas({ lojas }: Props) {
-    console.log(lojas)
+    
     return (
-      <>
-        
-      </>
+      <div class="grid grid-cols-1 lg:grid-cols-3 gap-4 mb-4">
+        {lojas.map((loja) => (
+            <div class="card card-bordered">
+                <div class="card-body">
+                    <div class="card-title">
+                        {loja.cidade} - {loja.estado}
+                    </div>
+                    <p>{loja.cep}</p>
+                    <p>{loja.endereco}</p>
+                    <p>{loja.telefone}</p>
+                    <div class="card-actions justify-end">
+                        <a class="btn btn-secondary" target="_blank" href={`https://www.google.com/maps/search/?api=1&query=${loja.cidade}+${loja.endereco}+${loja.estado}+${loja.cep.replace("-", "")}`}>
+                            Veja no mapa
+                        </a>
+                    </div>
+                    
+                </div>
+            </div>
+        ))}
+      </div>
 )};
\ No newline at end of file
diff --git a/components/product/ProductDetails.tsx b/components/product/ProductDetails.tsx
index ad3970e..59c770f 100644
--- a/components/product/ProductDetails.tsx
+++ b/components/product/ProductDetails.tsx
@@ -123,7 +123,7 @@ function ProductInfo(
                 </span>
               )}
               <div class="flex items-center gap-[10px]">
-                <span class="font-medium text-[24px] text-secondary">
+                <span class="font-medium text-lg text-secondary">
                   {formatPrice(price, offers!.priceCurrency!)}
                 </span>
                 {/* <span class="font-bold max-lg:text-[10px] max-lg:px-[5px] text-[12px] text-secondary border border-secondary uppercase rounded-md px-[10px] py-[2px] tracking-[2px] text-center">
@@ -132,7 +132,7 @@ function ProductInfo(
               </div>
             </div>
             <div class="flex flex-col">
-              <span class="text-secondary text-md font-bold">
+              <span class="text-secondary text-2xl font-bold">
                 ou {installment?.billingDuration}x de {formatPrice(
                   installment?.billingIncrement,
                   offers!.priceCurrency,
@@ -140,7 +140,7 @@ function ProductInfo(
               </span>
             </div>
             <div class="flex items-center gap-[10px] py-[10px]">
-              <span class="font-bold text-lg text-secondary leading-none">
+              <span class="font-bold text-2xl text-secondary leading-none">
                 {formatPrice(price * 0.90, offers?.priceCurrency)}
               </span>
               <span class="font-bold max-lg:text-[10px] max-lg:px-[5px] text-[12px] border border-[#4A4B51] rounded-md text-[#4A4B51] py-[2px] tracking-[2px] px-[10px] ">
diff --git a/sections/Images/ImageGallery.tsx b/sections/Images/ImageGallery.tsx
index c8a2bba..0af6d18 100644
--- a/sections/Images/ImageGallery.tsx
+++ b/sections/Images/ImageGallery.tsx
@@ -47,7 +47,7 @@ export default function ImageGallery(props: Props) {
     >
       {images.map((item) => (
         <a
-          target={item.blank ? "_blank" : "_self"}
+          target={item.blank ? "_self" : "_blank"}
           href={item.href}
           class="relative overflow-hidden rounded-xl w-[45%] lg:w-full m-auto group flex flex-col-reverse items-center"
         >