refactor: Add ContactUs and RefundPolicy components to App.js and Foo…

…ter.js

web/src/App.js

@@ -6,6 +6,8 @@ import { ProtectedPage } from "./pages/ProtectedPage";
 import { DashboardV2 } from "./pages/DashboardV2";
 import TermsAndConditions from "./components/TermsAndConditions";
 import PrivacyPolicy from "./components/PrivacyPolicy";
+import ContactUs from "./components/ContactUs";
+import RefundPolicy from "./components/RefundPolicy";
 
 
 
@@ -36,26 +38,18 @@ function App() {
           <Route path="/" element={
             <LoginPage />
           } />
-          {/* <Route
-            path="/chat"
-            element={
-              <ProtectedPage>
-                <Dashboard />
-              </ProtectedPage>
-            }
-          />
-          <Route path="/chat/:chatId" 
-          element={
-            <ProtectedPage>
-                <Dashboard />
-              </ProtectedPage>
-          } /> */}
           <Route path="/terms-and-conditions" element={
             <TermsAndConditions />
           } />
           <Route path="/privacy" element={
             <PrivacyPolicy />
           } />
+          <Route path="/refund-policy" element={
+            <RefundPolicy />
+          } />
+          <Route path="/contact-us" element={
+            <ContactUs />
+          } />
           <Route path="/chat" 
           element={
             <ProtectedPage>

web/src/components/ContactUs.js

@@ -0,0 +1,43 @@
+import React from "react";
+import { Card, Spacer } from "@nextui-org/react";
+
+const ContactUs = () => {
+  return (
+    <div className="flex flex-col items-center p-4 min-h-screen bg-gray-100 dark:bg-gray-900">
+      <Card className="w-full max-w-3xl p-6 bg-white dark:bg-gray-800 shadow-lg">
+        <div className="mb-6">
+          <h2 className="text-2xl font-bold text-gray-800 dark:text-gray-100 text-center">
+            Contact Us
+          </h2>
+        </div>
+        <div className="text-gray-700 dark:text-gray-300 space-y-6">
+          <section>
+            <h3 className="text-xl font-semibold">Email Us</h3>
+            <p>
+              For any inquiries, support requests, or feedback, please feel free to reach out to us via email at:
+            </p>
+            <p className="text-lg font-medium">
+              <a href="mailto:support@chat-with-llms.com" className="text-blue-500 dark:text-blue-300">
+                support@chat-with-llms.com
+              </a>
+            </p>
+          </section>
+
+          <section>
+            <h3 className="text-xl font-semibold">Office Locations</h3>
+            <Spacer y={5} />
+            <p className="text-md">
+              Vibgyor High School Road, <br />
+              Near Kundalahalli Gate, <br />
+              Whitefield, <br />
+              Bengaluru - 560066, <br />
+              Karnataka, India.
+            </p>
+          </section>
+        </div>
+      </Card>
+    </div>
+  );
+};
+
+export default ContactUs;

web/src/components/Footer.js

@@ -6,12 +6,21 @@ export const Footer = () => {
   return (
     <footer className="flex flex-col gap-2 sm:flex-row py-6 w-full shrink-0 items-center px-4 md:px-6 border-t">
       <p className="text-xs text-gray-500 dark:text-gray-400">
-        © 2024 chat-with-llms. All rights reserved. This is an open-source project.
+        © 2024 chat-with-llms. All rights reserved.
       </p>
       <nav className="sm:ml-auto flex gap-4 sm:gap-6">
+      <Link className="text-xs hover:underline underline-offset-4" to="/terms-and-conditions">
+          Terms and Conditions
+        </Link>
         <Link className="text-xs hover:underline underline-offset-4" to="/privacy">
           Privacy
         </Link>
+        <Link className="text-xs hover:underline underline-offset-4" to="/refund-policy">
+          Refund Policy
+        </Link>
+        <Link className="text-xs hover:underline underline-offset-4" to="/contact-us">
+          Contact Us
+        </Link>
         <a
           className="text-xs hover:underline underline-offset-4"
           href="https://github.com/Arghya721/chat-with-llms"

web/src/components/PrivacyPolicy.js

@@ -105,7 +105,7 @@ const PrivacyPolicy = () => {
             <h3 className="text-xl font-semibold">Contact Us</h3>
             <p>
               If you have any questions about this Privacy Policy, please
-              contact us at support@chat-with-llms.com .
+              contact us at support@chat-with-llms.com
             </p>
           </section>
         </div>

web/src/components/RefundPolicy.js

@@ -0,0 +1,59 @@
+import React from "react";
+import { Card } from "@nextui-org/react";
+
+const RefundPolicy = () => {
+  return (
+    <div className="flex flex-col items-center p-4 min-h-screen bg-gray-100 dark:bg-gray-900">
+      <Card className="w-full max-w-3xl p-6 bg-white dark:bg-gray-800 shadow-lg">
+        <div className="mb-6">
+          <h2 className="text-2xl font-bold text-gray-800 dark:text-gray-100 text-center">
+            Refund Policy
+          </h2>
+        </div>
+        <div className="text-gray-700 dark:text-gray-300 space-y-6">
+          <section>
+            <p>
+              At <strong>Chat-with-LLMs</strong>, we strive to ensure that our customers have a seamless experience. 
+              Since our product involves the purchase of generation credits for immediate use, we generally do not offer 
+              refunds or cancellations after a purchase is completed. However, refunds may be granted under the following circumstances:
+            </p>
+          </section>
+
+          <section>
+            <h3 className="text-xl font-semibold">Refund Eligibility</h3>
+            <ul className="list-disc ml-5">
+              <li>
+                If you were charged incorrectly due to a technical error or billing issue, please contact us 
+                within 5 days of the transaction. We will investigate the issue, and if confirmed, either the 
+                appropriate number of generations will be added to your account, or a refund will be processed.
+              </li>
+              <li>
+                If the purchased generation credits were not added to your account due to a technical issue, 
+                and we are unable to resolve the problem within a reasonable timeframe, you may request a refund. 
+              </li>
+            </ul>
+          </section>
+
+          <section>
+            <h3 className="text-xl font-semibold">Processing Time</h3>
+            <p>
+              Refunds, if applicable, will be processed within 5-7 working days and credited back to your 
+              original method of payment. Please note that the time it takes for the refund to reflect in your account 
+              may vary depending on your payment provider.
+            </p>
+          </section>
+
+          <section>
+            <h3 className="text-xl font-semibold">How to Request a Refund</h3>
+            <p>
+              To request a refund, please contact us via email at <a href="mailto:support@chat-with-llms.com" className="text-blue-500 dark:text-blue-300">support@chat-with-llms.com</a>. 
+              Include your order details and a description of the issue you encountered. Our team will review your request and get back to you within 48 hours.
+            </p>
+          </section>
+        </div>
+      </Card>
+    </div>
+  );
+};
+
+export default RefundPolicy;