Add logo

.firebase/hosting.ZGlzdA.cache

@@ -11,10 +11,18 @@ index.43e5f974.js,1706103319156,821c026d1400563ed669e35c7550e64ebcd0725def5bbea0
 index.43e5f974.js.map,1706103319955,729ea7ef89d7f08bf97cefe699e0eab2faaa82ef3af5692a9c7ff6ebbf454c58
 index.5301dd94.js,1706103724280,4618c2faf9cdb9fb5320937a18d1f7ac47f01644b14385e81aec3dc35b5d4e4c
 index.5301dd94.js.map,1706103725020,ffecb50dbe422501a1f254ee1bbe452bed6f7adfaf9a71686f21f085479d1845
+index.5b449fb7.js,1706104417625,df42f476e1a7837de828df6c21c4d9c4848f00c62d14b3bedd6d26b167e493dc
+index.5b449fb7.js.map,1706104418616,30a385af3052fc3f29fed02c05abedb4bfc835b85df3d838f2e8c83a25a07f39
+index.5ca6ad21.js,1706104417612,4be70946b1cb9786d1c49621deaefa76db63ca3c3db752b6bd81894ce8467093
+index.5ca6ad21.js.map,1706104418662,4f8c1889249ec60df82e4413ae763fd2dde3d0078fd4932c486337ab4a1505e7
 index.5f2b844f.js,1706103319167,1f79485b912e38b6bc4d003f88f3f03f95ef1262e612d9e7476db0d2ea0da663
 index.5f2b844f.js.map,1706103319955,e30ae6b3818ea906021a2fbd65f8d24a9fe6791fda5d2626d5871084b05c60c1
 index.8fbd9c96.js,1706103724279,ad4c85da143cb6f1662bef4169f8522604d279aad8f2c63aa6ddac2ef411abf1
 index.8fbd9c96.js.map,1706103725021,6c006c4ad51e78f1c765914adabf60e42283291edf55e1e8932ae540c219d77e
+index.ab0ac1b5.js,1706104417609,1fd38465cf39f66f589dfaacc9cbb7db436ba296ccdcf9ecbd11d943a295fd12
+index.ab0ac1b5.js.map,1706104418514,3815498c52ae008f93c795fa6a605244d1b0a9b15f4209e5bb350ef0260fb669
+index.c13508bd.js,1706104417610,fafc5315960f3ec15ae68d736118ad0657f1665428350138ae6e68c55193abec
+index.c13508bd.js.map,1706104418606,80ea4f585ba4dc078b9632896c83e20d6cb653787a5e3389fd2808cef2caed35
 index.cd519ebb.js,1706103724276,dff974f63f0b9f005698199a4361376813d20086ebce845ae5c6e3127e3b6f7f
 index.cd519ebb.js.map,1706103724983,7c588910c128473f04a67a3b25a4cbc26ed9c7ec0519595dc7344e7cec2520ff
 index.es.4ade3b86.js,1706103319167,e55fd88998544598a3a7eef31a892f1b78d12599e86c7b60ffa76609a1a2869a
@@ -28,24 +36,41 @@ purify.6639519e.js,1706103319167,e83390ff267f5c4a7fe592b26e2737392b08c24d3861d5b
 purify.6639519e.js.map,1706103319943,8c347f2589f7a8ad3c810de263ebffdfa08d516a6183f3e5cac759eb96b454b3
 purify.f15f29ad.js,1706103319155,12e5b4e436dd02a42d081f6061d00cc4abb836dfbecaa92c518aed00c1cb2a68
 purify.f15f29ad.js.map,1706103319942,2b76397346d8db16671dad4a4755e3edee503fbfa80b40fe58270024dc190ecc
-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
+index.18896c5e.js,1706167159315,a36a9799c77f1eb9f4071a2a06538aca1a5d193176391a61b1825f594a5e6c89
+index.18896c5e.js.map,1706167160030,ac002906cdc8e7601c8126bb3bc21afaff910b7247eac720564eda9d5c73e8b4
+index.40b463d7.js,1706166616416,e5bb00f3d54d6de8117a1e275496f09465990e5d8b6d590c5dfcd2a00ed7dcd2
+index.40b463d7.js.map,1706166616774,5c0c8f73c9016d954b5a33e784ed7d1cf552168a2cc9130104eb149544f38466
+index.61d3354a.css,1706166749823,d794af7416d96735c905893c2c1d3d0a8b5070c209e69f047e1a1409fc8bb01a
+index.61d3354a.css.map,1706166749903,daaec6d8860d965c73ee9fbf6f6153bf34c52b870f3f2833a63345c51974025b
+index.bbee52d3.js,1706166616415,11f8eb0f7d763bf01fa8be1be2ff41430581a53b10d779d45a71147e4e894386
+index.bbee52d3.js.map,1706166616774,2e6c77189c2a499f48124f4d995c500ffba92772bcd80223f2605fd6c2ec9cb8
+index.db2ad242.css,1706166616414,a5c98dfe767506fef89c8d8a549eb36b1961b437a0c75692d68e1a14e3d45200
+index.dbe76fe9.js,1706167159299,a8e140b483d00a8c9a04074906ad4e2672cfe17446c5349442005edd74633b9a
+index.dbe76fe9.js.map,1706167159674,b90ade0e91ee7ade7e889913368966060fe30bc974dab2dd0972e1043730856d
+index.db2ad242.css.map,1706166616774,1508bd33231a0d405e9f5b6e4f37afb7af0213e98a3145beb0267a709be7c6e8
+index.html,1706167159299,67abd4fe525bcb27c868f100969cb9a2050faab1b0bb1d10f0398e5e85a98fd0
+location.6fb40b81.gif,1706166749623,96b126e318104975ee5c386e6159b29a40ee244c492e13f3c1d8cad47e9ee265
+backdrop.16cb78bc.png,1706166749622,c56944f1ac753811776cafd5a73996a5ff7ca42f261af9d426035c0c4d77d2ee
+cars.d9368cb4.jpg,1706166749623,777b9d2ddb7392ffc627dfdf5abd582f6f59d834f471943b50879be475957777
+purify.fef73ec9.js,1706166749806,dcc129802cb8921721ebb3173ed47b67f3f69d6890396594c88ba5efdb96849a
+purify.fef73ec9.js.map,1706166749902,5bdc7fa50a76b9cc9deaf028ec19b266579771673cdb876812b97cce53290c61
+Logo.78afb29f.png,1706166749624,ac7c9e19ed172f7456ac9b51465a2692d2ce3ee6254480310065d28d0e287958
+Logo.ccd44b6b.png,1706166607929,7ad35b3ea5277049525bd1f83dfc92074eed1d64039010596c09e011a2b415b2
+logo.73091252.png,1706166114794,ac7c9e19ed172f7456ac9b51465a2692d2ce3ee6254480310065d28d0e287958
+index.es.e6d65bb7.js,1706166749806,700a41b3fee41279b1f94ef72b8f38578d3a9f18bc0dd41747b9694e4130f44e
+index.es.e6d65bb7.js.map,1706166749833,b2b294c3fa377a8436cc3ca359bd85e7323d6c713825a4d2099f8aedb923862a
+FooterLogo.ee8f2f1e.png,1706167150898,c369322c22c47843c093e63b626cb9c79ff9d2881de8e6d346a5db0d902a92c8
+Logo1.ee8f2f1e.png,1706166607930,c369322c22c47843c093e63b626cb9c79ff9d2881de8e6d346a5db0d902a92c8
+FooterLogo.f9104a61.png,1706166749644,8372b1ea7aef1ab701fc41ebece6b7e83f7ad0fe62808c74d09137b3c83b0e3e
+Logo1.468db2b9.png,1706166368454,8372b1ea7aef1ab701fc41ebece6b7e83f7ad0fe62808c74d09137b3c83b0e3e
+index.c6c33e06.js,1706166616426,dae082e06db91df33dfe3acc8ac80c5ec84143a430d7440323566c396ce1aa96
+index.b06056e6.js,1706167159315,008a6b5c3ed8518cf26dc7c871d6b7f620e5b62cf12643fddfa13146a7b6f48a
+index.5e9bee5b.js,1706167159315,8ecaff4b63ed8f6a3637bf46619a7c3856410fd749fdf2a99abcef7b151151c5
+index.1c540905.js,1706166616415,3e3e332eaf2a81382c5f828db5d8e1ebd161918d63a339524bdf7a97f03d992d
+car.1b92c3d9.png,1706162985334,4c1ae10c7b0493de2b11ecec4ab510d6155b577436d4995e300522ee44b89b10
+index.975ef6c8.js,1706166749811,597ff7d5383b456595113c7934c0910b406977cca18ca048b7b69796acdf01c0
+index.975ef6c8.js.map,1706166749911,5a849d35ec701b2b5abf6e4aa2dd904671a56783845e46e4dd6c6e328c42f33f
+index.b06056e6.js.map,1706167160047,f4170a2c078da7d84a84dd0648d1d727179e2fc5130efce398de9fb9189ec0e3
+index.c6c33e06.js.map,1706166617160,f3b5d35a955d59a58767bae3d2b37c05a19389db79a6d346428748a2ec9b818d
+index.1c540905.js.map,1706166617149,fa1fab57562bdd110bd149aba46682c390569bb8f4a4b590dae97d1975680b06
+index.5e9bee5b.js.map,1706167159998,1ad012dcae47b64c042c1be2521abcae19347766ba840be49bd21baef35048e1

src/App.js

@@ -14,6 +14,9 @@ import path from "path-browserify";
 import MapContainer from "./components/Maps/MapContainer";
 import RegistrationForm from "./components/Header/RegistrationForm";
 import Certificate from "./components/Certificate/Certificate";
+import AboutPage from "./components/AboutPage";
+import ContactUsPage from "./components/ContactUsPage";
+import DashboardPage from "./components/Dashboard/DashboardPage";
 
 const App = () => {
   return (
@@ -50,6 +53,18 @@ export const appRouter = createBrowserRouter([
         path: "/allCars",
         element: <AllCars />,
       },
+      {
+        path: "/about-us",
+        element: <AboutPage />,
+      },
+      {
+        path: "/contact-us",
+        element: <ContactUsPage />,
+      },
+      {
+        path: "/dashboard",
+        element: <DashboardPage />,
+      },
       {
         path: "/carHost",
         element: <CarHost />,

src/components/AboutPage.js

@@ -0,0 +1,100 @@
+import React from "react";
+import Person1 from "../assets/Person1.png";
+import Person2 from "../assets/Person2.png";
+
+const AboutPage = () => {
+  return (
+    <div className="bg-gray-100 min-h-screen">
+      {/* Hero Section */}
+      <section className="bg-blue-400 py-20 text-white text-center">
+        <div className="container mx-auto">
+          <h1 className="text-4xl font-bold mb-4">About RentNHost</h1>
+          <p className="text-lg">
+            Your go-to platform for renting cars or hosting your own car.
+          </p>
+        </div>
+      </section>
+
+      {/* About Us Section */}
+      <section className="py-16">
+        <div className="container mx-auto">
+          <h2 className="text-3xl font-bold mb-8">Who We Are</h2>
+          <p className="text-lg">
+            We are passionate about providing a seamless experience for car
+            renters and hosts alike. Our platform connects people looking for
+            reliable transportation with those willing to share their cars.
+          </p>
+        </div>
+      </section>
+
+      {/* Meet the Team Section */}
+      <section className="bg-gray-200 py-16">
+        <div className="container mx-auto">
+          <h2 className="text-3xl font-bold mb-8 text-center">Meet the Team</h2>
+          <div className="flex flex-wrap justify-center">
+            <div className="m-4">
+              <img
+                src={Person1}
+                alt="Team Member 1"
+                className="rounded-full w-32 h-32 mb-4 mx-auto"
+              />
+              <h3 className="text-xl font-bold">John Doe</h3>
+              <p className="text-gray-600">CEO & Co-founder</p>
+            </div>
+            <div className="m-4">
+              <img
+                src={Person2}
+                alt="Team Member 2"
+                className="rounded-full w-32 h-32 mb-4 mx-auto"
+              />
+              <h3 className="text-xl font-bold">Samantha</h3>
+              <p className="text-gray-600">CTO & Co-founder</p>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      {/* Testimonials Section */}
+      <section className="py-16">
+        <div className="container mx-auto">
+          <h2 className="text-3xl font-bold mb-8 text-center">
+            What Our Users Say
+          </h2>
+          <div className="max-w-lg mx-auto">
+            <div className="bg-white rounded-lg shadow-md p-6 mb-6">
+              <p className="text-lg mb-4">
+                "RentNHost made it so easy for me to find a car for my weekend
+                trip. Highly recommended!"
+              </p>
+              <p className="text-gray-600 text-right">- Alice Johnson</p>
+            </div>
+            <div className="bg-white rounded-lg shadow-md p-6">
+              <p className="text-lg mb-4">
+                "I've been hosting my car on RentNHost for months now, and it's
+                been a great way to earn extra income."
+              </p>
+              <p className="text-gray-600 text-right">- Michael Lee</p>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      {/* Contact Us Section */}
+      <section className="py-16 bg-gray-300">
+        <div className="container mx-auto">
+          <h2 className="text-3xl font-bold mb-8 text-center">Contact Us</h2>
+          <p className="text-lg text-center">
+            If you have any questions or feedback, feel free to reach out to us
+            at{" "}
+            <a href="mailto:info@rentnhost.com" className="text-blue-500">
+              info@rentnhost.com
+            </a>
+            .
+          </p>
+        </div>
+      </section>
+    </div>
+  );
+};
+
+export default AboutPage;

src/components/ContactUsPage.js

@@ -0,0 +1,66 @@
+import React from "react";
+
+const ContactUsPage = () => {
+  return (
+    <div className="bg-gray-100 min-h-screen">
+      <section className="py-20 bg-blue-400 text-white text-center">
+        <div className="container mx-auto">
+          <h1 className="text-4xl font-bold mb-4">Contact Us</h1>
+          <p className="text-lg">
+            Have questions or feedback? We'd love to hear from you!
+          </p>
+        </div>
+      </section>
+
+      <section className="py-16">
+        <div className="container mx-auto">
+          <div className="max-w-lg mx-auto bg-white shadow-md rounded-lg p-8">
+            <h2 className="text-3xl font-bold mb-6 text-center">
+              Get in Touch
+            </h2>
+            <form className="space-y-4">
+              <div className="flex flex-col">
+                <label htmlFor="name" className="text-lg font-medium">
+                  Name
+                </label>
+                <input
+                  type="text"
+                  id="name"
+                  className="border border-gray-300 rounded-lg py-2 px-4 focus:outline-none focus:border-blue-500"
+                />
+              </div>
+              <div className="flex flex-col">
+                <label htmlFor="email" className="text-lg font-medium">
+                  Email
+                </label>
+                <input
+                  type="email"
+                  id="email"
+                  className="border border-gray-300 rounded-lg py-2 px-4 focus:outline-none focus:border-blue-500"
+                />
+              </div>
+              <div className="flex flex-col">
+                <label htmlFor="message" className="text-lg font-medium">
+                  Message
+                </label>
+                <textarea
+                  id="message"
+                  rows="4"
+                  className="border border-gray-300 rounded-lg py-2 px-4 focus:outline-none focus:border-blue-500"
+                ></textarea>
+              </div>
+              <button
+                type="submit"
+                className="bg-blue-500 text-white font-bold py-2 px-6 rounded-lg hover:bg-blue-600 transition-colors"
+              >
+                Submit
+              </button>
+            </form>
+          </div>
+        </div>
+      </section>
+    </div>
+  );
+};
+
+export default ContactUsPage;

src/components/Dashboard/DashboardPage.js

@@ -0,0 +1,73 @@
+import React from "react";
+
+const DashboardPage = () => {
+  return (
+    <div className="bg-gray-100 min-h-screen">
+      <section className="py-20 bg-blue-400 text-white text-center">
+        <div className="container mx-auto">
+          <h1 className="text-4xl font-bold mb-4">Dashboard</h1>
+          <p className="text-lg">
+            Welcome back, [User Name]! Here's an overview of your account.
+          </p>
+        </div>
+      </section>
+
+      <section className="py-16">
+        <div className="container mx-auto">
+          <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8">
+            <div className="bg-white shadow-md rounded-lg p-6">
+              <h2 className="text-2xl font-bold mb-4">Profile</h2>
+              <p className="text-lg">
+                Update your profile information and preferences.
+              </p>
+              <a
+                href="/profile"
+                className="text-blue-400 font-medium mt-2 inline-block hover:underline"
+              >
+                Edit Profile
+              </a>
+            </div>
+            <div className="bg-white shadow-md rounded-lg p-6">
+              <h2 className="text-2xl font-bold mb-4">Bookings</h2>
+              <p className="text-lg">
+                View and manage your car rental bookings.
+              </p>
+              <a
+                href="/bookings"
+                className="text-blue-400 font-medium mt-2 inline-block hover:underline"
+              >
+                View Bookings
+              </a>
+            </div>
+            <div className="bg-white shadow-md rounded-lg p-6">
+              <h2 className="text-2xl font-bold mb-4">Hostings</h2>
+              <p className="text-lg">
+                Manage your car listings and host settings.
+              </p>
+              <a
+                href="/hostings"
+                className="text-blue-400 font-medium mt-2 inline-block hover:underline"
+              >
+                Manage Hostings
+              </a>
+            </div>
+            <div className="bg-white shadow-md rounded-lg p-6">
+              <h2 className="text-2xl font-bold mb-4">Support</h2>
+              <p className="text-lg">
+                Contact customer support for assistance.
+              </p>
+              <a
+                href="/support"
+                className="text-blue-400 font-medium mt-2 inline-block hover:underline"
+              >
+                Contact Support
+              </a>
+            </div>
+          </div>
+        </div>
+      </section>
+    </div>
+  );
+};
+
+export default DashboardPage;