Merge pull request #5 from RanjithKumarSeekolu/add_logo

Add logo, fix nav bar , fix footer

.firebase/hosting.ZGlzdA.cache

@@ -1,14 +1,22 @@
 backdrop.f6d604ad.png,1706103311339,98a9b79b0e900ccd1065ec0f8b4632592eaecbbe6503909d09f2ccda85a8cf08
 car.9a277606.png,1706103311342,853e9afa1e34b70100e5afa3243b49c0406c2ca125a8d9244ac74bf8efa4d8ff
 cars.d3859bf9.jpg,1706103311528,00f003ed1fd121440e198d16a0ec45ecea29adf16b1f3a653f438c4d58d167a8
+index.23ee9673.js,1706103724276,30ee9abae31ec58ea3d3aa0ab5a9ca8ccd9bf3bcf92d834c3a5499e9864577c0
+index.23ee9673.js.map,1706103724983,67296c861d03c2faca503967cfbc2d829f9ba4d1baca60d7b923975dc3611714
 index.2bf01339.css,1706103319151,597cc6d8e3d930705bec1a7b90345987318c0c7c4ff1f4eb8b98837af37a1616
 index.2bf01339.css.map,1706103319939,2093c5c9ce8fe65dc48369b4c6151081d2ccda2d3c5764c2690f74a87b9159c4
 index.365794f3.js,1706103319154,a3a22f1feba4a64ce37bd67a728893811996007372695cd07f31b60046584cf8
 index.365794f3.js.map,1706103319922,43633ccf7485c10ff5c0ad6abfdf3f963ef99fb7456a3bc57cc440733fb8bc3f
 index.43e5f974.js,1706103319156,821c026d1400563ed669e35c7550e64ebcd0725def5bbea05277085b4e216f51
 index.43e5f974.js.map,1706103319955,729ea7ef89d7f08bf97cefe699e0eab2faaa82ef3af5692a9c7ff6ebbf454c58
+index.5301dd94.js,1706103724280,4618c2faf9cdb9fb5320937a18d1f7ac47f01644b14385e81aec3dc35b5d4e4c
+index.5301dd94.js.map,1706103725020,ffecb50dbe422501a1f254ee1bbe452bed6f7adfaf9a71686f21f085479d1845
 index.5f2b844f.js,1706103319167,1f79485b912e38b6bc4d003f88f3f03f95ef1262e612d9e7476db0d2ea0da663
 index.5f2b844f.js.map,1706103319955,e30ae6b3818ea906021a2fbd65f8d24a9fe6791fda5d2626d5871084b05c60c1
+index.8fbd9c96.js,1706103724279,ad4c85da143cb6f1662bef4169f8522604d279aad8f2c63aa6ddac2ef411abf1
+index.8fbd9c96.js.map,1706103725021,6c006c4ad51e78f1c765914adabf60e42283291edf55e1e8932ae540c219d77e
+index.cd519ebb.js,1706103724276,dff974f63f0b9f005698199a4361376813d20086ebce845ae5c6e3127e3b6f7f
+index.cd519ebb.js.map,1706103724983,7c588910c128473f04a67a3b25a4cbc26ed9c7ec0519595dc7344e7cec2520ff
 index.es.4ade3b86.js,1706103319167,e55fd88998544598a3a7eef31a892f1b78d12599e86c7b60ffa76609a1a2869a
 index.es.4ade3b86.js.map,1706103319943,b3f9c16e29279879ebd36b1632f20074b33e7f5dc6fc02b4fcbaaeb2237bcb1d
 index.es.ac164329.js,1706103319167,9d5bd25ddb22d8eae399fd8a112ce3e5278907ffb2d7a1eda8244a0a66f5846c
@@ -20,24 +28,24 @@ purify.6639519e.js,1706103319167,e83390ff267f5c4a7fe592b26e2737392b08c24d3861d5b
 purify.6639519e.js.map,1706103319943,8c347f2589f7a8ad3c810de263ebffdfa08d516a6183f3e5cac759eb96b454b3
 purify.f15f29ad.js,1706103319155,12e5b4e436dd02a42d081f6061d00cc4abb836dfbecaa92c518aed00c1cb2a68
 purify.f15f29ad.js.map,1706103319942,2b76397346d8db16671dad4a4755e3edee503fbfa80b40fe58270024dc190ecc
-index.23ee9673.js,1706103724276,30ee9abae31ec58ea3d3aa0ab5a9ca8ccd9bf3bcf92d834c3a5499e9864577c0
-index.23ee9673.js.map,1706103724983,67296c861d03c2faca503967cfbc2d829f9ba4d1baca60d7b923975dc3611714
-index.61d3354a.css,1706103627917,3ff0719b5c5e813cff866afb502e11b8a24b3003c575f6be61f2e63c239227d3
-index.61d3354a.css.map,1706103627950,36b62ed64cc14aa764fbfa4ae1a5c9ca0989acec24ff8463b1efe0c9ea65fa2a
-index.cd519ebb.js,1706103724276,dff974f63f0b9f005698199a4361376813d20086ebce845ae5c6e3127e3b6f7f
-index.cd519ebb.js.map,1706103724983,7c588910c128473f04a67a3b25a4cbc26ed9c7ec0519595dc7344e7cec2520ff
-index.html,1706103724241,04af68d3a6e0b57cb9f0913b04d6b50bc88a025598262b84acf2136ff69f35ac
-location.6fb40b81.gif,1706103627748,96b126e318104975ee5c386e6159b29a40ee244c492e13f3c1d8cad47e9ee265
-backdrop.16cb78bc.png,1706103627746,c56944f1ac753811776cafd5a73996a5ff7ca42f261af9d426035c0c4d77d2ee
-purify.fef73ec9.js,1706103627917,dcc129802cb8921721ebb3173ed47b67f3f69d6890396594c88ba5efdb96849a
-cars.d9368cb4.jpg,1706103627747,777b9d2ddb7392ffc627dfdf5abd582f6f59d834f471943b50879be475957777
-purify.fef73ec9.js.map,1706103627950,5bdc7fa50a76b9cc9deaf028ec19b266579771673cdb876812b97cce53290c61
-index.es.e6d65bb7.js,1706103627918,700a41b3fee41279b1f94ef72b8f38578d3a9f18bc0dd41747b9694e4130f44e
-index.es.e6d65bb7.js.map,1706103628035,b2b294c3fa377a8436cc3ca359bd85e7323d6c713825a4d2099f8aedb923862a
-index.5301dd94.js,1706103724280,4618c2faf9cdb9fb5320937a18d1f7ac47f01644b14385e81aec3dc35b5d4e4c
-index.8fbd9c96.js,1706103724279,ad4c85da143cb6f1662bef4169f8522604d279aad8f2c63aa6ddac2ef411abf1
-car.1b92c3d9.png,1706103627774,4c1ae10c7b0493de2b11ecec4ab510d6155b577436d4995e300522ee44b89b10
-index.975ef6c8.js,1706103627919,6b33e13d90cbe341d08e882655cae93e4f81b956088bcccc0568be6418ff5744
-index.975ef6c8.js.map,1706103628047,ff71d313144ad129ebe6e670f12ca58d973b6b9fee49c3d8016b140519c01cd2
-index.5301dd94.js.map,1706103725020,ffecb50dbe422501a1f254ee1bbe452bed6f7adfaf9a71686f21f085479d1845
-index.8fbd9c96.js.map,1706103725021,6c006c4ad51e78f1c765914adabf60e42283291edf55e1e8932ae540c219d77e
+index.61d3354a.css,1706104149560,3ff0719b5c5e813cff866afb502e11b8a24b3003c575f6be61f2e63c239227d3
+index.61d3354a.css.map,1706104149816,36b62ed64cc14aa764fbfa4ae1a5c9ca0989acec24ff8463b1efe0c9ea65fa2a
+index.ab0ac1b5.js,1706104417609,1fd38465cf39f66f589dfaacc9cbb7db436ba296ccdcf9ecbd11d943a295fd12
+index.ab0ac1b5.js.map,1706104418514,3815498c52ae008f93c795fa6a605244d1b0a9b15f4209e5bb350ef0260fb669
+index.c13508bd.js,1706104417610,fafc5315960f3ec15ae68d736118ad0657f1665428350138ae6e68c55193abec
+index.c13508bd.js.map,1706104418606,80ea4f585ba4dc078b9632896c83e20d6cb653787a5e3389fd2808cef2caed35
+index.html,1706104417609,6b2d01483d7ce427f7858024e8ca3f7858d188532559679b8ff961b68c81f2f2
+location.6fb40b81.gif,1706104147315,96b126e318104975ee5c386e6159b29a40ee244c492e13f3c1d8cad47e9ee265
+backdrop.16cb78bc.png,1706104147318,c56944f1ac753811776cafd5a73996a5ff7ca42f261af9d426035c0c4d77d2ee
+purify.fef73ec9.js,1706104149560,dcc129802cb8921721ebb3173ed47b67f3f69d6890396594c88ba5efdb96849a
+cars.d9368cb4.jpg,1706104147316,777b9d2ddb7392ffc627dfdf5abd582f6f59d834f471943b50879be475957777
+purify.fef73ec9.js.map,1706104149787,5bdc7fa50a76b9cc9deaf028ec19b266579771673cdb876812b97cce53290c61
+index.es.e6d65bb7.js.map,1706104149816,b2b294c3fa377a8436cc3ca359bd85e7323d6c713825a4d2099f8aedb923862a
+index.es.e6d65bb7.js,1706104149560,700a41b3fee41279b1f94ef72b8f38578d3a9f18bc0dd41747b9694e4130f44e
+index.5b449fb7.js,1706104417625,df42f476e1a7837de828df6c21c4d9c4848f00c62d14b3bedd6d26b167e493dc
+index.5ca6ad21.js,1706104417612,4be70946b1cb9786d1c49621deaefa76db63ca3c3db752b6bd81894ce8467093
+car.1b92c3d9.png,1706104147350,4c1ae10c7b0493de2b11ecec4ab510d6155b577436d4995e300522ee44b89b10
+index.975ef6c8.js,1706104149563,d62cafcd621d5b82491c44542c788b0230339c33e8aa024988d7055f5fcb7d52
+index.975ef6c8.js.map,1706104149819,17615de371aba5a54444baee3401e6bd50cf343b3fe68b07b1fbb06c8edb555e
+index.5b449fb7.js.map,1706104418616,30a385af3052fc3f29fed02c05abedb4bfc835b85df3d838f2e8c83a25a07f39
+index.5ca6ad21.js.map,1706104418662,4f8c1889249ec60df82e4413ae763fd2dde3d0078fd4932c486337ab4a1505e7

src/components/Footer/Footer.js

@@ -1,33 +1,41 @@
 import React from "react";
 import { Link } from "react-router-dom";
+import FooterLogo from "../../assets/FooterLogo.png";
 
 const Footer = () => {
   return (
-    <div className="bg-black w-full flex items-start justify-around text-white text-lg py-10 flex-wrap cursor-pointer">
+    <div
+      className=" w-full flex items-start justify-around text-[#bdb6b6] text-lg py-10 flex-wrap cursor-pointer"
+      style={{
+        background: "rgb(55, 48, 163)",
+        boxShadow: "2px 4px 20px 0px rgba(125, 110, 235, 0.5)",
+        backdropFilter: "blur(50px)",
+      }}
+    >
       <Link to="/">
-        <div>Logo</div>
+        <img src={FooterLogo} alt={"renNHost"} width={200} height={200} />
       </Link>
       <div className="flex flex-col space-y-2">
-        <div className="text-blue-600 cursor-auto">Company</div>
+        <div className="text-[#fff] cursor-auto">Company</div>
         <div>About Us</div>
         <div>Category</div>
         <div>Resources</div>
       </div>
       <div className="flex flex-col space-y-2">
-        <div className="text-blue-600 cursor-auto">Developer</div>
+        <div className="text-[#fff] cursor-auto">Developer</div>
         <div>Github</div>
         <div>Linkedin</div>
         <div>Leetcode</div>
       </div>
       <div className="flex flex-col space-y-2">
-        <div className="text-blue-600 cursor-auto">Social</div>
+        <div className="text-[#fff] cursor-auto">Social</div>
         <div>Linkedin</div>
         <div>Twitter</div>
         <div>Youtube</div>
         <div>Quora</div>
       </div>
       <div className="flex flex-col space-y-2">
-        <div className="text-blue-600 cursor-auto">Legal</div>
+        <div className="text-[#fff] cursor-auto">Legal</div>
         <div>Terms of services</div>
         <div>Privacy Policy</div>
         <div>Return Policy</div>

src/components/Header/Header.js

@@ -3,6 +3,7 @@ import { Link } from "react-router-dom";
 import { signInWithPopup } from "firebase/auth";
 import { auth, provider } from "../../../init-firebase";
 import UserMenu from "../UserModal/UserMenu";
+import logo from "../../assets/Logo.png";
 
 const Header = () => {
   const [openDrawer, setOpenDrawer] = useState(false);
@@ -23,9 +24,16 @@ const Header = () => {
 
   return (
     <>
-      <div className="flex justify-between items-center  px-[6%] py-5 fixed w-full z-20 bg-white font-bold">
+      <div
+        className={`flex justify-between items-center ${"navbar"} px-[6%] py-2 fixed w-full z-20 bg-white font-bold`}
+        style={{
+          background: "rgba(217, 217, 217, 0.01)",
+          boxShadow: "2px 4px 20px 0px rgba(125, 110, 235, 0.5)",
+          backdropFilter: "blur(10px)",
+        }}
+      >
         <Link to="/">
-          <div>Logo</div>
+          <img src={logo} alt="RentNHost" width={90} height={90} />
         </Link>
         <div className="md:flex items-center justify-between hidden space-x-5">
           <div className="hover:text-blue-800 cursor-pointer">About</div>

src/index.js

@@ -1,5 +1,5 @@
 import React from "react";
-import ReactDOM from "react-dom";
+import ReactDOM from "react-dom/client";
 import { appRouter } from "./App";
 import { RouterProvider } from "react-router-dom";
 

src/utils/Constants.js

@@ -1,7 +1,7 @@
 console.log("NODE_ENV:", process.env.NODE_ENV);
 const apiUrl =
   process.env.NODE_ENV === "development"
-    ? "http://localhost:3000/"
+    ? "http://localhost:4000/"
     : "https://car-rental-backend-u6r1.onrender.com/";
 
 console.log("apiUrl:", apiUrl);