diff options
| -rw-r--r-- | public/manifest.json | 2 | ||||
| -rw-r--r-- | src/core/components/elements/Footer/BasicFooter.jsx | 28 | ||||
| -rw-r--r-- | src/lib/home/components/CategoryHomeId.jsx | 2 | ||||
| -rw-r--r-- | src/lib/product/components/ProductCard.jsx | 8 | ||||
| -rw-r--r-- | 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 /> |
