feat: finalizado pagina nossas lojas

deco-sites · Apr 22, 2024 · 017bb08 · 017bb08
1 parent ada09e4
commit 017bb08
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 8 deletions.
diff --git 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>
 )};
diff --git 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,15 +132,15 @@ 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,
                 )}
               </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
@@ -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"
         >