no message

3 files changed, 36 insertions, 10 deletions

diff --git a/src/components/layouts/Footer.js b/src/components/layouts/Footer.js
index e48daf7f..d173a525 100644
--- a/src/components/layouts/Footer.js
+++ b/src/components/layouts/Footer.js
@@ -6,10 +6,11 @@ import {
 import Image from "next/image";
 import InstagramIcon from "@/icons/instagram.svg";
 import LinkedinIcon from "@/icons/linkedin.svg";
+import Link from "../elements/Link";
 
 export default function Footer() {
   return (
-    <div className="p-4 bg-gray_r-2">
+    <div className="p-4 bg-gray_r-3">
       <div className="grid grid-cols-2 gap-x-2 mb-4">
         <div>
           <p className="font-medium mb-2">Kantor Pusat</p>
@@ -20,18 +21,39 @@ export default function Footer() {
           <p className="font-medium mb-2 mt-6">Layanan Informasi</p>
           <div className="flex items-center gap-x-2 text-gray_r-11 text-caption-2 mb-2">
             <PhoneIcon className="w-5 h-5 stroke-2"/>
-            <p>(021) 2933-8828 / 29</p>
+            <a className="text-gray_r-11 font-normal" href="tel:02129338828">
+              (021) 2933-8828
+            </a>
+            {'/'}
+            <a className="text-gray_r-11 font-normal" href="tel:02129338829">
+              29
+            </a>
           </div>
           <div className="flex items-center gap-x-2 text-gray_r-11 text-caption-2 mb-2">
             <DevicePhoneMobileIcon className="w-5 h-5 stroke-2"/>
-            <p>0812-8080-622</p>
+            <a className="text-gray_r-11 font-normal" href="https://wa.me/628128080622">
+              0812-8080-622
+            </a>
           </div>
           <div className="flex items-center gap-x-2 text-gray_r-11 text-caption-2">
             <EnvelopeIcon className="w-5 h-5 stroke-2"/>
-            <p>sales@indoteknik.com</p>
+            <a className="text-gray_r-11 font-normal" href="mailto:sales@indoteknik.com">
+              sales@indoteknik.com
+            </a>
           </div>
 
-          {/* <p className="font-medium mb-2 mt-6">Panduan Pelanggan</p> */}
+          <p className="font-medium mb-2 mt-6">Panduan Pelanggan</p>
+          <div className="text-caption-2 flex flex-col gap-y-2">
+            <Link className="text-gray_r-11 font-normal" href="/faqs">FAQ</Link>
+            <Link className="text-gray_r-11 font-normal" href="/">Kebijakan Privasi</Link>
+            <Link className="text-gray_r-11 font-normal" href="/">Pengajuan Tempo</Link>
+            <Link className="text-gray_r-11 font-normal" href="/">Garansi Produk</Link>
+            <Link className="text-gray_r-11 font-normal" href="/">Online Quotation</Link>
+            <Link className="text-gray_r-11 font-normal" href="/">Pengiriman</Link>
+            <Link className="text-gray_r-11 font-normal" href="/">Pembayaran</Link>
+            <Link className="text-gray_r-11 font-normal" href="/">Syarat & Ketentuan</Link>
+
+          </div>
         </div>
         <div>
           <p className="font-medium mb-2">Jam Operasional</p>
diff --git a/src/components/products/ProductCard.js b/src/components/products/ProductCard.js
index e32463a7..c79a4900 100644
--- a/src/components/products/ProductCard.js
+++ b/src/components/products/ProductCard.js
@@ -5,7 +5,10 @@ import { ChevronRightIcon } from "@heroicons/react/20/solid";
 import Image from "../elements/Image";
 
 
-export default function ProductCard({ data }) {
+export default function ProductCard({ 
+  data,
+  simpleProductTitleLine = false
+}) {
   let product = data;
   return (
     <div className="product-card">
@@ -26,7 +29,7 @@ export default function ProductCard({ data }) {
           ) : (
             <span className="product-card__brand">-</span>
           )}
-          <Link href={'/shop/product/' + createSlug(product.name, product.id)} className="product-card__title wrap-line-ellipsis-3">
+          <Link href={'/shop/product/' + createSlug(product.name, product.id)} className={`product-card__title ${simpleProductTitleLine ? 'wrap-line-ellipsis-2' : 'wrap-line-ellipsis-3'}`}>
             {product.name}
           </Link>
         </div>
@@ -34,7 +37,7 @@ export default function ProductCard({ data }) {
           {product.lowest_price.discount_percentage > 0 ? (
             <div className="flex gap-x-1 items-center mb-1">
               <p className="text-caption-2 text-gray_r-11 line-through">{currencyFormat(product.lowest_price.price)}</p>
-              <span className="badge-red">{product.lowest_price.discount_percentage}%</span>
+              <span className="badge-solid-red">{product.lowest_price.discount_percentage}%</span>
             </div>
           ) : ''}
           
@@ -55,7 +58,7 @@ export default function ProductCard({ data }) {
           
           {product.stock_total > 0 ? (
             <div className="flex gap-x-1 mt-2">
-              <div className="badge-green">Ready Stock</div>
+              <div className="badge-solid-red">Ready Stock</div>
               <div className="badge-gray">{product.stock_total > 5 ? '> 5' : '< 5'}</div>
             </div>
           ) : ''}
diff --git a/src/components/products/ProductSlider.js b/src/components/products/ProductSlider.js
index b7c17ecd..6ee31f9b 100644
--- a/src/components/products/ProductSlider.js
+++ b/src/components/products/ProductSlider.js
@@ -8,6 +8,7 @@ import { useState } from "react";
 
 export default function ProductSlider({ 
   products, 
+  simpleProductTitleLine = false,
   bannerMode = false 
 }) {
   const [ activeIndex, setActiveIndex ] = useState(0);
@@ -28,7 +29,7 @@ export default function ProductSlider({
         ) }
         {products?.products?.map((product, index) => (
           <SwiperSlide key={index}>
-            <ProductCard data={product} />
+            <ProductCard data={product} simpleProductTitleLine={simpleProductTitleLine} />
           </SwiperSlide>
         ))}
       </Swiper>