diff --git a/web/src/assets/dessert-donut-doughnut-svgrepo-com 1.svg b/web/src/assets/dessert-donut-doughnut-svgrepo-com 1.svg
new file mode 100644
index 0000000..0ca3dab
--- /dev/null
+++ b/web/src/assets/dessert-donut-doughnut-svgrepo-com 1.svg
@@ -0,0 +1,31 @@
+
diff --git a/web/src/assets/download.jpg b/web/src/assets/download.jpg
new file mode 100644
index 0000000..c3006c1
Binary files /dev/null and b/web/src/assets/download.jpg differ
diff --git a/web/src/pages/Sponsor.tsx b/web/src/pages/Sponsor.tsx
index 0b65172..ced000c 100644
--- a/web/src/pages/Sponsor.tsx
+++ b/web/src/pages/Sponsor.tsx
@@ -1,12 +1,124 @@
+import placeholder from "../assets/download.jpg";
+import donut from "../assets/dessert-donut-doughnut-svgrepo-com 1.svg";
+
import Navbar from "../components/Navbar";
import Footer from "../components/Footer";
export default function Sponsor() {
- return (
-
-
-
Sponsors Page
-
-
- );
+ return (
+ <>
+
+ Placeholder navbar
+
+
+
+
+ )
+}
+
+function Footer() {
+ return (
+
+ );
+}
+
+
+function SponsorSection() {
+ return (
+ <>
+
+
+
+ Our Sponsors
+
+
+
+
+
+
+
+
+
+ )
+}
+
+function SponsorGroups() {
+ return (
+
+ );
+}
+
+interface SponsorCardProps {
+ image: string;
+ sponsorName: string;
+ sponsorDesc: string;
+}
+
+function SponsorCard({
+ image,
+ sponsorName,
+ sponsorDesc,
+}: SponsorCardProps) {
+ return (
+
+
+
+
+
{sponsorName}
+
{sponsorDesc}
+
+
+