From dd5aec9566205c7fefec9c0cdbd04b0f8ecb67d0 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Tue, 16 May 2023 14:03:41 +0700
Subject: fixing layout

---
 public/manifest.json                               |  2 +-
 .../components/elements/Footer/BasicFooter.jsx     | 28 +++++++++++-----------
 src/lib/home/components/CategoryHomeId.jsx         |  2 +-
 src/lib/product/components/ProductCard.jsx         |  8 +++----
 src/pages/index.jsx                                |  4 ++--
 5 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/public/manifest.json b/public/manifest.json
index 574598e4..367b9501 100644
--- a/public/manifest.json
+++ b/public/manifest.json
@@ -3,7 +3,7 @@
     "background_color" : "#FFFFFF",
     "display" : "standalone",
     "scope" : "/",
-    "start_url" : "/",
+    "start_url" : "/?utm_source=launcher",
     "name" : "Indoteknik.com",
     "short_name" : "Indoteknik.com",
     "description" : "Indoteknik.com: B2B Industrial Supply & Solution",
diff --git a/src/core/components/elements/Footer/BasicFooter.jsx b/src/core/components/elements/Footer/BasicFooter.jsx
index 75e9926d..9f68c2f7 100644
--- a/src/core/components/elements/Footer/BasicFooter.jsx
+++ b/src/core/components/elements/Footer/BasicFooter.jsx
@@ -15,7 +15,7 @@ const BasicFooter = () => {
     <>
       <MobileView>
         <footer className='flex flex-wrap p-4 bg-gray_r-3 text-caption-1'>
-          <div className='w-1/2 flex flex-col gap-y-4 pr-1.5'>
+          <div className='w-1/2 flex flex-col gap-y-8 pr-2'>
             <div>
               <NextImage src={IndoteknikLogo} alt='Logo Indoteknik' width={90} height={30} />
 
@@ -30,13 +30,13 @@ const BasicFooter = () => {
             <SocialMedias />
           </div>
 
-          <div className='w-1/2 flex flex-col gap-y-4 pl-1.5'>
+          <div className='w-1/2 flex flex-col gap-y-8 pl-2'>
             <Form />
             <CustomerGuide />
             <Payments />
           </div>
 
-          <div className='w-full mt-4 leading-5 text-caption-2 text-gray_r-12/80'>
+          <div className='w-full mt-8 leading-5 text-caption-2 text-gray_r-12/80'>
             Copyright © 2007 - {new Date().getFullYear()}, PT. Indoteknik Dotcom Gemilang
           </div>
         </footer>
@@ -77,7 +77,7 @@ const BasicFooter = () => {
   )
 }
 
-const headerClassName = 'font-semibold mb-2'
+const headerClassName = 'font-semibold mb-4'
 
 const OfficeLocation = () => (
   <div>
@@ -99,8 +99,8 @@ const WarehouseLocation = () => (
 
 const AboutUs = () => (
   <div>
-    <div className={`${headerClassName} mb-3`}>Tentang Kami</div>
-    <ul className='flex flex-col gap-y-2'>
+    <div className={headerClassName}>Tentang Kami</div>
+    <ul className='flex flex-col gap-y-3'>
       <li>
         <InternalItemLink href='/tentang-kami'>Company Profile</InternalItemLink>
       </li>
@@ -125,8 +125,8 @@ const AboutUs = () => (
 
 const CustomerGuide = () => (
   <div>
-    <div className={`${headerClassName} mb-3`}>Bantuan & Panduan</div>
-    <ul className='flex flex-col gap-y-2'>
+    <div className={headerClassName}>Bantuan & Panduan</div>
+    <ul className='flex flex-col gap-y-3'>
       <li>
         <InternalItemLink href='/metode-pembayaran'>Metode Pembayaran</InternalItemLink>
       </li>
@@ -156,8 +156,8 @@ const CustomerGuide = () => (
 
 const Form = () => (
   <div>
-    <div className={`${headerClassName} mb-3`}>Formulir</div>
-    <ul className='flex flex-col gap-y-2'>
+    <div className={headerClassName}>Formulir</div>
+    <ul className='flex flex-col gap-y-3'>
       <li>
         <InternalItemLink href='/my/request-for-quotation'>Request for Quotation</InternalItemLink>
       </li>
@@ -182,8 +182,8 @@ const Form = () => (
 
 const InformationCenter = () => (
   <div>
-    <div className={`${headerClassName} mb-3`}>Layanan Informasi</div>
-    <ul className='flex flex-col gap-y-2'>
+    <div className={headerClassName}>Layanan Informasi</div>
+    <ul className='flex flex-col gap-y-3'>
       <li className='text-gray_r-12/80 flex items-center'>
         <PhoneArrowUpRightIcon className='w-[18px] mr-2' />
         <a href='tel:02129338828'>(021) 2933-8828 / 29</a>
@@ -205,7 +205,7 @@ const InformationCenter = () => (
 const OpenHours = () => (
   <div>
     <div className={headerClassName}>Jam Operasional</div>
-    <ul className='flex flex-col gap-y-1'>
+    <ul className='flex flex-col gap-y-3'>
       <li className='block md:flex md:gap-x-2'>
         <div className='text-gray_r-12'>Senin - Jumat:</div>
         <div className='text-gray_r-12/80'>08:30 - 17:00</div>
@@ -221,7 +221,7 @@ const OpenHours = () => (
 const SocialMedias = () => (
   <div>
     <div className={headerClassName + 'block md:hidden'}>Temukan Kami</div>
-    <div className='flex flex-wrap gap-2 mt-2'>
+    <div className='flex flex-wrap gap-3 mt-2'>
       <a target='_blank' rel='noreferrer' href={whatsappUrl(null)}>
         <NextImage src='/images/socials/Whatsapp.png' alt='Whatsapp Logo' width={24} height={24} />
       </a>
diff --git a/src/lib/home/components/CategoryHomeId.jsx b/src/lib/home/components/CategoryHomeId.jsx
index c37a6af7..4899f216 100644
--- a/src/lib/home/components/CategoryHomeId.jsx
+++ b/src/lib/home/components/CategoryHomeId.jsx
@@ -6,7 +6,7 @@ const CategoryHomeId = () => {
   const { categoryHomeIds } = useCategoryHomeId()
 
   return (
-    <div className='flex flex-col gap-y-6'>
+    <div className='flex flex-col gap-y-10'>
       {categoryHomeIds.data?.map((id) => (
         <LazyLoadComponent key={id}>
           <CategoryHome id={id} />
diff --git a/src/lib/product/components/ProductCard.jsx b/src/lib/product/components/ProductCard.jsx
index 9a5fe9a2..8b48cf06 100644
--- a/src/lib/product/components/ProductCard.jsx
+++ b/src/lib/product/components/ProductCard.jsx
@@ -36,7 +36,7 @@ const ProductCard = ({ product, simpleTitle, variant = 'vertical' }) => {
                 product?.manufacture?.name,
                 product?.manufacture.id
               )}
-              className='mb-1 font-normal'
+              className='mb-1'
             >
               {product.manufacture.name}
             </Link>
@@ -45,7 +45,7 @@ const ProductCard = ({ product, simpleTitle, variant = 'vertical' }) => {
           )}
           <Link
             href={createSlug('/shop/product/', product?.name, product?.id)}
-            className={`font-normal mb-2 !text-gray_r-12 leading-6 block ${
+            className={`mb-2 !text-gray_r-12 leading-6 block ${
               simpleTitle ? 'line-clamp-2 h-12' : 'line-clamp-3 h-[64px]'
             }`}
             title={product?.name}
@@ -108,7 +108,7 @@ const ProductCard = ({ product, simpleTitle, variant = 'vertical' }) => {
                 product?.manufacture?.name,
                 product?.manufacture.id
               )}
-              className='mb-1 font-normal'
+              className='mb-1'
             >
               {product.manufacture.name}
             </Link>
@@ -117,7 +117,7 @@ const ProductCard = ({ product, simpleTitle, variant = 'vertical' }) => {
           )}
           <Link
             href={createSlug('/shop/product/', product?.name, product?.id)}
-            className={`font-normal mb-2 !text-gray_r-12 ${
+            className={`mb-2 !text-gray_r-12 leading-6 ${
               simpleTitle ? 'line-clamp-2' : 'line-clamp-3'
             }`}
           >
diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index 1fe0e65a..15a431b4 100644
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -73,7 +73,7 @@ export default function Home() {
             </div>
           </div>
 
-          <div className='my-16 flex flex-col gap-y-10'>
+          <div className='my-16 flex flex-col gap-y-16'>
             <PreferredBrand />
             <FlashSale />
             <CategoryHomeId />
@@ -84,7 +84,7 @@ export default function Home() {
 
       <MobileView>
         <HeroBanner />
-        <div className='flex flex-col gap-y-6 my-6'>
+        <div className='flex flex-col gap-y-16 my-6'>
           <PreferredBrand />
           <FlashSale />
           <PopularProduct />
-- 
cgit v1.2.3