Signed-off-by: darkicewolf50 <brock@darkicewolf50.dev>

@@ -3,0 +3,4 @@
+	let sponsorInfo = $state('');
+	let order = ['Diamond Tier', 'Platinum Tier', 'Gold Tier', 'Silver Tier', 'Bronze Tier'];
+	let gotThing = $state(false);
+	const fetchingData = async () => {

@@ -11,0 +24,4 @@
+<div>
+	<h4>Current sponsors</h4>
+	<button onclick={fetchingData}> Press me </button>
+	{#if sponsorInfo !== ''}

@@ -25,0 +56,4 @@
+	<h4>Sponsorship Benefits</h4>
+	<div class="table-wrapper">
+		<table class="sponsor-table">
+			<thead>

@@ -256,0 +214,4 @@
+		vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer
+		nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per
+		conubia nostra inceptos himenaeos.
+	</p>

@@ -25,0 +63,4 @@
+					<th>Silver<br />$1,000</th>
+					<th>Gold<br />$2,500</th>
+					<th>Platinum<br />$5,000</th>
+					<th>Diamond<br />$10,000</th>

@@ -25,0 +97,4 @@
+							src="https://www.svgrepo.com/show/491212/cross.svg"
+							alt="Included"
+						/></td
+					>

@@ -53,0 +137,4 @@
+							class="cross"
+							src="https://www.svgrepo.com/show/491212/cross.svg"
+							alt="Included"
+						/></td

@@ -463,3 +297,1 @@
-	color: white;
-	text-align: center;
-}
+	div > div > div > div > a > div {

@@ -508,3 +353,2 @@
-
-</style>
+	.sponsor-table .cross {

@@ -0,0 +4,4 @@
+	let message = '';
+	let isButtonDisabled = false;
+	let submitText = 'Submit';
+	async function formSubmit(e) {

@@ -0,0 +31,4 @@
+	}
+</script>
+
+<form on:submit|preventDefault={(e) => formSubmit(e)}>

@@ -0,0 +43,4 @@
+
+	<span></span>
+
+	<button id="ContactUsSubmit" type="submit" disabled={isButtonDisabled}>

@@ -2,1 +2,4 @@
 	import TopBanner from '$lib/components/TopBanner.svelte';
+	import Contact from '$lib/components/contact.svelte';
+	let sponsorInfo = $state('');
+	let order = ['Diamond Tier', 'Platinum Tier', 'Gold Tier', 'Silver Tier', 'Bronze Tier'];

@@ -3,0 +8,4 @@
+		let test = await sponsors.json();
+
+		sponsorInfo = await test;
+		gotThing = true;

@@ -3,0 +3,4 @@
+	import Contact from '$lib/components/contact.svelte';
+	let sponsorInfo = $state('');
+	let order = ['Diamond Tier', 'Platinum Tier', 'Gold Tier', 'Silver Tier', 'Bronze Tier'];
+	const getSponsors = async () => {

@@ -256,0 +151,4 @@
+		fundraising, sourcing materials, team management, and project coordination. We deeply value the
+		partnership with our sponsors, as their support makes every project and competition possible. If
+		you're interested in sponsoring UCalgary Baja, please contact our team captain at
+		uofcbaja@gmail.com. Below, you can find our sponsorship package detailing the opportunities

@@ -0,0 +34,4 @@
+			});
+			isButtonDisabled = false;
+			submitText = 'Submit';
+		}

@@ -0,0 +6,4 @@
+	let message = $state('');
+	let isButtonDisabled = $state(false);
+	let submitText = $state('Submit');
+	async function formSubmit(e) {

@@ -0,0 +48,4 @@
+
+		<label for="Message">Message</label>
+		<textarea name="Message" bind:value={message} required></textarea>
+

@@ -0,0 +49,4 @@
+		<label for="Message">Message</label>
+		<textarea name="Message" bind:value={message} required></textarea>
+
+		<span></span>

@@ -0,0 +62,4 @@
+	:root {
+		--card-background-color: rgba(38, 38, 38, 0.5);
+		--card-border-radius: 0.5rem;
+	}

@@ -0,0 +64,4 @@
+		--card-border-radius: 0.5rem;
+	}
+
+	div {

@@ -0,0 +126,4 @@
+	}
+
+	/* Spacer element */
+	span {

@@ -240,4 +135,0 @@
-      If you're interested in sponsoring UCalgary Baja, please contact our team
-      captain at
-      <a href="mailto:uofcbaja@gmail.com"><span>uofcbaja@gmail.com</span></a>.
-    </p>

@@ -3,0 +21,4 @@
+
+	$effect(async () => {
+		// sponsorPromise = fetch('http://localhost:6526/sponsors').then((res) => res.json());
+		sponsorPromise = (async () => {

@@ -256,0 +146,4 @@
+		fundraising, sourcing materials, team management, and project coordination. We deeply value the
+		partnership with our sponsors, as their support makes every project and competition possible. If
+		you're interested in sponsoring UCalgary Baja, please contact our team captain at
+		<a href="mailto:club@ucalgarybaja.ca">club@ucalgarybaja.ca</a>. Below, you can find our sponsorship package detailing the opportunities

@@ -470,2 +283,2 @@
-	/* margin: 0px; */
-}
+	.sponsor-table th,
+	.sponsor-table td {