Added sponsors page

Author: ryanhodge240

templerobotics.github.io/app/sponsors/page.tsx

@@ -1,9 +1,6 @@
+import SponsorsPage from '@components/sponsors/SponsorsPage'
 import React from 'react'
 
-export default function Robotics (): React.ReactElement {
-	return (
-		<div>
-			Sponsors page
-		</div>
-	)
+export default function Sponsors (): React.ReactElement {
+	return (<SponsorsPage/>)
 }

templerobotics.github.io/assets/images/sponsor-logos/amtrak.svg

@@ -0,0 +1,4 @@
+.container {
+    height: 100%;
+    position: relative;
+}

templerobotics.github.io/assets/images/sponsor-logos/arrow.svg

@@ -0,0 +1,14 @@
+import Image, { StaticImageData } from 'next/image'
+import styles from './SponsorLogoSection.module.css'
+
+import React from 'react'
+
+const SponsorLogoSection = ({ image }: { image: StaticImageData }): React.ReactElement => {
+	return (
+		<div className={`flex-horizontal ${styles.container}`}>
+			<Image src={image} alt='Sponsor logo'/>
+		</div>
+	)
+}
+
+export default SponsorLogoSection

templerobotics.github.io/assets/images/sponsor-logos/hillock-anodizing.png

@@ -0,0 +1,4 @@
+.container {
+    height: 100%;
+    gap: 8rem;
+}

templerobotics.github.io/assets/images/sponsor-logos/lockheed-martin.svg

@@ -0,0 +1,29 @@
+import { Button } from '@mui/material'
+import styles from './SponsorsButtons.module.css'
+
+import React from 'react'
+
+const SponsorsButtons = (): React.ReactElement => {
+	return (
+		<div className={`flex-horizontal ${styles.container}`}>
+			<Button
+				href='https://forms.gle/pAfv3VBYJJXooiU38'
+				target='_blank'
+				rel='noreferrer'
+				size='large'
+				variant='outlined'>
+				Become a sponsor
+			</Button>
+			<Button
+				href='https://1drv.ms/b/s!Amh3vGkfvOw1c48kx0hFRCY6Hf4?e=OK65qr'
+				target='_blank'
+				rel='noreferrer'
+				size='large'
+				variant='outlined'>
+				Sponsorship opportunities
+			</Button>
+		</div>
+	)
+}
+
+export default SponsorsButtons