about

Author: esha-susan

frontend/src/pages/About.js

@@ -0,0 +1,12 @@
+import React from "react";
+
+const About = () => {
+  return (
+    <div className="page">
+      <h1>About Us</h1>
+      <p>We provide a platform that connects compassionate individuals with those who need help the most.We are more than just a platform; we are a community built on compassion and a shared commitment to improving the lives of those affected by cancer.We are dedicated to creating a space where generosity meets the urgent needs of cancer patients, ensuring that they have the financial support required to receive the treatment they deserve. Our team works relentlessly to facilitate a seamless and impactful experience for both patients and donors. With every donation, we take a step closer to a world where no one has to fight cancer alone, and every life has a chance to heal.Your contribution can help a person smile again, laugh again, and dream of a future free from cancer.</p>
+    </div>
+  );
+};
+
+export default About;

frontend/src/pages/Home.js

@@ -0,0 +1,21 @@
+import React from "react";
+
+function Home() {
+  return (
+    <div className="flex flex-col items-center justify-center min-h-screen bg-gradient-to-r from-blue-50 to-purple-50">
+      <div className="max-w-2xl text-center px-4 bg-white rounded-lg shadow-2xl p-8">
+        <h1 className="text-5xl font-extrabold text-gray-900 mb-6">
+          Welcome to CancerAid
+        </h1>
+        <p className="text-xl text-gray-700 leading-relaxed mb-8">
+            Together, we can fight cancer and bring hope to those in need.
+        </p>
+        <button className="bg-blue-600 hover:bg-blue-700 text-white font-semibold py-3 px-6 rounded-lg shadow-lg transition duration-300 ease-in-out transform hover:scale-105">
+          Click Here To Know More About Cancer
+        </button>
+      </div>
+    </div>
+  );
+}
+
+export default Home;

frontend/src/pages/login.js renamed to frontend/src/pages/Login.js

@@ -1,6 +1,5 @@
 import React, { useState } from "react";
 import { useNavigate } from "react-router-dom";
-import "../styles/login.css"; 
 
 const Login = () => {
   const [email, setEmail] = useState("");

frontend/src/pages/Organisations.js

@@ -0,0 +1,15 @@
+import React from "react";
+import { Routes, Route } from "react-router-dom";
+import Home from "../pages/Home";
+import Login from "../pages/Login";
+
+function AppRoutes() {
+  return (
+    <Routes>
+      <Route path="/" element={<Home />} />
+      <Route path="/login" element={<Login />} />
+    </Routes>
+  );
+}
+
+export default AppRoutes;