From d22afa52af18aa1f0a9fa67b46010651a2c51091 Mon Sep 17 00:00:00 2001
From: akshat2jain <akshat.2024it1031@kiet.edu>
Date: Tue, 12 Dec 2023 22:15:51 +0530
Subject: [PATCH] added more styling

---
 client/src/Steps/Service.jsx              | 2 ++
 client/src/componetnts/Navbar.jsx         | 6 +++---
 client/src/componetnts/StepperControl.jsx | 4 ++--
 client/src/pages/Booking.jsx              | 6 ++++--
 4 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/client/src/Steps/Service.jsx b/client/src/Steps/Service.jsx
index d3a7bbe..857e838 100644
--- a/client/src/Steps/Service.jsx
+++ b/client/src/Steps/Service.jsx
@@ -35,6 +35,8 @@ const Service = () => {
       duration: 8,
     },
   ];
+
+  console.log(localStorage.getItem("ShowUi"));
   const handleServiceSelect = (service) => {
     setSelectedService(service);
     fetch({ type: "UPDATE_STEP1", payload: service });
diff --git a/client/src/componetnts/Navbar.jsx b/client/src/componetnts/Navbar.jsx
index 5a8fc02..4ef9ae1 100644
--- a/client/src/componetnts/Navbar.jsx
+++ b/client/src/componetnts/Navbar.jsx
@@ -15,7 +15,7 @@ const Navbar = () => {
     padding: "8px 16px",
     margin: "0 10px",
     transition: "background-color 0.3s",
-    fontFamily: "Pacifico, cursive", // Font family (use your chosen font)
+    // Font family (use your chosen font)
   };
 
   const buttonHoverStyle = {
@@ -44,10 +44,10 @@ const Navbar = () => {
           </>
         ) : (
           <>
-            <div className="text-center">
+            <div className="text-center font-roboto">
               <a href="https://glideride.online">
                 <button
-                  className="hover:bg-blue-500 font-roboto"
+                  className="font-roboto hover:bg-blue-500"
                   style={{ ...buttonStyle }}
                   onMouseEnter={(e) => {
                     e.target.style.backgroundColor =
diff --git a/client/src/componetnts/StepperControl.jsx b/client/src/componetnts/StepperControl.jsx
index ff39b43..34aa5e1 100644
--- a/client/src/componetnts/StepperControl.jsx
+++ b/client/src/componetnts/StepperControl.jsx
@@ -10,7 +10,7 @@ const StepperControl = ({ handleClick, steps, currentStep }) => {
         {/* back button */}
         <button
           onClick={() => handleClick()}
-          className={`bg-white text-slate-400 uppercase py-2 px-4
+          className={`bg-white font-roboto text-slate-400 uppercase py-2 px-4
 rounded-xl  cursor-pointer border-2 border-slate-
 hover:bg-black hover:text-white transition duration-200
 ease-in-out ${currentStep === 1 ? "opcity-50 cursor-not-allowed" : ""}`}
@@ -22,7 +22,7 @@ ease-in-out ${currentStep === 1 ? "opcity-50 cursor-not-allowed" : ""}`}
         {/* next button */}
         <button
           onClick={() => handleClick("next")}
-          className="bg-yellow-400 Itext-white uppercase py-2 px-4
+          className="bg-yellow-400 font-roboto Itext-white uppercase py-2 px-4
 rounded-xl font-semibold cursor-pointer hover:bg-black
 hover:text-white transition duration-200 ease-in-out"
           style={textStyle}
diff --git a/client/src/pages/Booking.jsx b/client/src/pages/Booking.jsx
index 77037ce..5805880 100644
--- a/client/src/pages/Booking.jsx
+++ b/client/src/pages/Booking.jsx
@@ -80,8 +80,10 @@ const Booking = ({ showUi }) => {
                       onMouseEnter={() => setIsHovered(true)}
                       onMouseLeave={() => setIsHovered(false)}
                     >
-                      <i className="font-robot fab fa-google mr-2"></i> Proceed
-                      with Google
+                      <span className="font-roboto">
+                        <i className="fab fa-google mr-2"></i> Proceed with
+                        Google
+                      </span>
                     </button>
                   </div>
                 </div>