Merge pull request #53 from acm-ucr/vsingh9/table

Create Table
acm-ucr · Feb 7, 2024 · de4e40b · de4e40b
2 parents a654cf1 + 9d601ec
commit de4e40b
Show file tree

Hide file tree

Showing 2 changed files with 112 additions and 1 deletion.
diff --git a/src/app/donate/page.js b/src/app/donate/page.js
@@ -7,6 +7,8 @@ import Image1 from "@/public/assets/donate/donate1.svg";
 import Image2 from "@/public/assets/donate/donate2.svg";
 import PageTitle from "@/components/PageTitle";
 import Contact from "@/components/donate/Contact";
+import Table from "@/components/donate/Table";
+
 const page = () => {
   const first = texts[0];
   const last = texts[texts.length - 1];
@@ -46,6 +48,7 @@ const page = () => {
         </div>
       </div>
 
+      <Table />
       <Donate />
       <Contact />
     </div>

diff --git a/src/components/donate/Table.js b/src/components/donate/Table.js
@@ -1,7 +1,115 @@
 import React from "react";
 
 const Table = () => {
-  return <div>Table</div>;
+  return (
+    <div className="text-center">
+      <div className="text-xl mt-4 mb-2">BENEFITS TIER TABLE</div>
+
+      <table className="table-auto border border-black mb-4">
+        <thead>
+          <tr>
+            <th className="border-3 border-black w-56">BENEFITS</th>
+            <th className="border-3 border-black w-28">Tier 4 $3000</th>
+            <th className="border-3 border-black w-28">Tier 3 $1500</th>
+            <th className="border-3 border-black w-28">Tier 2 $1000</th>
+            <th className="border-3 border-black w-28">Tier 1 $500</th>
+          </tr>
+        </thead>
+
+        <tbody>
+          <tr>
+            <td className="border border-black">
+              Advertised During Recruitment/General Meeting
+            </td>
+            <td className="border border-black">X</td>
+            <td className="border border-black">X</td>
+            <td className="border border-black">X</td>
+            <td className="border border-black">X</td>
+          </tr>
+          <tr>
+            <td className="border border-black">Logo on Website</td>
+            <td className="border border-black">X</td>
+            <td className="border border-black">X</td>
+            <td className="border border-black">X</td>
+            <td className="border border-black">X</td>
+          </tr>
+          <tr>
+            <td className="border border-black">Social Media Posts</td>
+            <td className="border border-black">X</td>
+            <td className="border border-black">X</td>
+            <td className="border border-black">X</td>
+            <td className="border border-black">X</td>
+          </tr>
+          <tr>
+            <td className="border border-black">
+              Logo on Launch Vehicle/Test Stand
+            </td>
+            <td className="border border-black">Large</td>
+            <td className="border border-black">Medium</td>
+            <td className="border border-black">Small</td>
+            <td className="border border-black"></td>
+          </tr>
+          <tr>
+            <td className="border border-black">Logo on Team Apparel</td>
+            <td className="border border-black">X</td>
+            <td className="border border-black">X</td>
+            <td className="border border-black">X</td>
+            <td className="border border-black"></td>
+          </tr>
+          <tr>
+            <td className="border border-black">
+              Advertised on Technical Presentation Slides
+            </td>
+            <td className="border border-black">X</td>
+            <td className="border border-black">X</td>
+            <td className="border border-black"></td>
+            <td className="border border-black"></td>
+          </tr>
+          <tr>
+            <td className="border border-black">Complimentary Merch</td>
+            <td className="border border-black">X</td>
+            <td className="border border-black">X</td>
+            <td className="border border-black"></td>
+            <td className="border border-black"></td>
+          </tr>
+          <tr>
+            <td className="border border-black">Shop Tour</td>
+            <td className="border border-black">X</td>
+            <td className="border border-black">X</td>
+            <td className="border border-black"></td>
+            <td className="border border-black"></td>
+          </tr>
+          <tr>
+            <td className="border border-black">
+              Resume Packet of HSP Students
+            </td>
+            <td className="border border-black">X</td>
+            <td className="border border-black"></td>
+            <td className="border border-black"></td>
+            <td className="border border-black"></td>
+          </tr>
+          <tr>
+            <td className="border border-black">
+              Speaking and Tabling Opportunities
+            </td>
+            <td className="border border-black">X</td>
+            <td className="border border-black"></td>
+            <td className="border border-black"></td>
+            <td className="border border-black"></td>
+          </tr>
+          <tr>
+            <td className="border border-black">
+              Promote Internships/Job Opportunities to Members
+            </td>
+            <td className="border border-black">X</td>
+            <td className="border border-black"></td>
+            <td className="border border-black"></td>
+            <td className="border border-black"></td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  );
 };
 
 export default Table;