From c31bd648ebe0445f067a282e6071938cb90d6459 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <rafizadanly@gmail.com>
Date: Sat, 17 Dec 2022 10:16:35 +0700
Subject: footer font size, header backdrop

---
 src/components/Footer.js | 12 ++++++------
 src/pages/index.js       |  2 +-
 src/styles/globals.css   |  3 ++-
 3 files changed, 9 insertions(+), 8 deletions(-)

(limited to 'src')

diff --git a/src/components/Footer.js b/src/components/Footer.js
index daa97798..f0ae66b3 100644
--- a/src/components/Footer.js
+++ b/src/components/Footer.js
@@ -13,20 +13,20 @@ export default function Footer() {
       <div className="grid grid-cols-2 gap-x-2 mb-4">
         <div>
           <p className="font-medium mb-2">Kantor Pusat</p>
-          <p className="text-gray_r-11 leading-6 text-caption-1">
+          <p className="text-gray_r-11 leading-6 text-caption-2">
             Jl. Bandengan Utara 85A No. 8-9 RT.3/RW.16, Penjaringan, Kec. Penjaringan
           </p>
 
           <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-1 mb-2">
+          <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>
           </div>
-          <div className="flex items-center gap-x-2 text-gray_r-11 text-caption-1 mb-2">
+          <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>
           </div>
-          <div className="flex items-center gap-x-2 text-gray_r-11 text-caption-1">
+          <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>
           </div>
@@ -35,10 +35,10 @@ export default function Footer() {
         </div>
         <div>
           <p className="font-medium mb-2">Jam Operasional</p>
-          <p className="text-gray_r-11 leading-6 text-caption-1">
+          <p className="text-gray_r-11 leading-6 text-caption-2">
             <span className="font-medium">Senin - Jumat:</span> 08:30 - 17:00
           </p>
-          <p className="text-gray_r-11 leading-6 text-caption-1">
+          <p className="text-gray_r-11 leading-6 text-caption-2">
             <span className="font-medium">Sabtu:</span> 08:30 - 14:00
           </p>
 
diff --git a/src/pages/index.js b/src/pages/index.js
index da23f9cd..f064d6ef 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -81,7 +81,7 @@ export default function Home({ heroBanners }) {
 
         <div className="px-4">
           <h5 className="h2 mb-2">Platform Belanja B2B Alat Teknik & Industri di Indonesia</h5>
-          <p className="text-gray_r-11 leading-6 text-caption-1 mb-4">
+          <p className="text-gray_r-11 leading-6 text-caption-2 mb-4">
             Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est 
           </p>
         </div>
diff --git a/src/styles/globals.css b/src/styles/globals.css
index c3776373..f671b229 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -269,7 +269,8 @@ html, body {
     @apply
         px-4
         py-3
-        bg-white
+        bg-white/80
+        backdrop-blur-lg
         border-b
         border-gray-300
         sticky
-- 
cgit v1.2.3