added and modified ScoreCard page

client/src/App.tsx

@@ -7,34 +7,27 @@ import DashboardLayout from "./pages/dashboard/DashboardLayout";
 import Dashboard from "./pages/dashboard/Dashboard";
 import CampaignDetails from "./pages/dashboard/CampaignDetails";
 import CampaignProfile from "./pages/dashboard/CampaignProfile";
+// import ScoreCard from "./pages/ScoreCard";
 // import CampaignProfile from "./pages/dashboard/";
 
 function App() {
-    return (
-        <Router>
-            <Routes>
-                <Route path="/" element={<WeaverPage />} />
-                <Route path="/account-type" element={<AccountType />} />
-                <Route path="/register-user" element={<RegisterUser />} />
-                <Route
-                    path="/register-protocol"
-                    element={<RegisterProtocol />}
-                />
+  return (
+    <Router>
+      <Routes>
+        <Route path="/" element={<WeaverPage />} />
+        <Route path="/account-type" element={<AccountType />} />
+        <Route path="/register-user" element={<RegisterUser />} />
+        <Route path="/register-protocol" element={<RegisterProtocol />} />
+        {/* <Route path="/score-card" element={<ScoreCard />} /> */}
 
-                <Route path="/dashboard" element={<DashboardLayout />}>
-                    <Route index element={<Dashboard />} />
-                    <Route
-                        path="campaign-details"
-                        element={<CampaignDetails />}
-                    />
-                    <Route
-                        path="campaign-profile"
-                        element={<CampaignProfile />}
-                    />
-                </Route>
-            </Routes>
-        </Router>
-    );
+        <Route path="/dashboard" element={<DashboardLayout />}>
+          <Route index element={<Dashboard />} />
+          <Route path="campaign-details" element={<CampaignDetails />} />
+          <Route path="campaign-profile" element={<CampaignProfile />} />
+        </Route>
+      </Routes>
+    </Router>
+  );
 }
 
 export default App;

client/src/components/Footer.tsx

@@ -0,0 +1,14 @@
+import React from "react";
+import { FaRegCopyright } from "react-icons/fa6";
+
+const Footer = () => {
+  return (
+    <footer className="bg-gray-700 w-full h-12 absolute bottom-0 left-0 flex justify-center items-center">
+      <p className="flex items-center justify-center gap-3">
+        <FaRegCopyright /> 2024 Weaver. All rights reserved
+      </p>
+    </footer>
+  );
+};
+
+export default Footer;

client/src/pages/ScoreCard.tsx

@@ -0,0 +1,39 @@
+import React from "react";
+import Navbar from "../components/Navbar";
+import Footer from "../components/Footer";
+import coitonLogo from "./../assets/coiton-big.png";
+import { FaCalculator } from "react-icons/fa";
+
+const ScoreCard = () => {
+  return (
+    <>
+      <Navbar />
+      <section className="flex flex-col justify-center items-center mt-[8%] gap-28 w-full">
+        <article className="bg-gray-700 w-[40%] flex flex-col justify-center items-center py-8 space-y-5 rounded-xl">
+          <h1 className="text-5xl font-bold">On-Chain Score Card</h1>
+          <p className="text-xl">
+            Calculate your on-chain activity score and mint it as a unique NFT
+          </p>
+          <img src={coitonLogo} alt="logo" />
+        </article>
+        <article className="bg-gray-700 w-[40%] flex flex-col justify-center items-center py-8 space-y-5 rounded-xl">
+          <h2 className="text-2xl font-bold">Enter Your Wallet Address</h2>
+          <p>We'll analyze your on-chain activity to calculate your score</p>
+
+          <input
+            type="text"
+            className="w-[80%] h-12 outline-none border border-gray-300 rounded-lg pl-10 pr-3"
+            placeholder="Enter your wallet Address to calculate your on-chain score"
+          />
+          <button className="w-[80%] flex flex-row items-center justify-center gap-3 cursor-pointer bg-[#E0FFB0] text-black rounded-lg h-12">
+            <FaCalculator />
+            Calculate My Score
+          </button>
+        </article>
+      </section>
+      <Footer />
+    </>
+  );
+};
+
+export default ScoreCard;