diff --git a/src/components/Button/RiArrowButton.tsx b/src/components/Button/RiArrowButton.tsx
new file mode 100644
index 0000000..0fb1af4
--- /dev/null
+++ b/src/components/Button/RiArrowButton.tsx
@@ -0,0 +1,16 @@
+import { RiArrowRightSLine } from "react-icons/ri";
+
+type RoundedButtonTypes = {
+ name: string;
+};
+
+function RiArrowButton({ name }: RoundedButtonTypes) {
+ return (
+
+ );
+}
+
+export default RiArrowButton;
diff --git a/src/components/Button/RoundedButton.tsx b/src/components/Button/RoundedButton.tsx
deleted file mode 100644
index 0da85d1..0000000
--- a/src/components/Button/RoundedButton.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import PropTypes from "prop-types";
-
-type RoundedButtonTypes = {
- name: string;
-};
-
-function RoundedButton({ name }: RoundedButtonTypes) {
- return (
-
- );
-}
-
-export default RoundedButton;
-
-RoundedButton.propTypes = {
- name: PropTypes.string.isRequired,
-};
diff --git a/src/components/Navigation/DesktopNav.tsx b/src/components/Navigation/DesktopNav.tsx
index fbb1ec2..c6a7cbf 100644
--- a/src/components/Navigation/DesktopNav.tsx
+++ b/src/components/Navigation/DesktopNav.tsx
@@ -1,4 +1,4 @@
-import RoundedButton from "../Button/RoundedButton";
+import RoundedButton from "../Button/RiArrowButton";
const navLinks = [
{
diff --git a/src/components/SocialMediaLinks.tsx b/src/components/SocialMediaLinks.tsx
index 84e9371..eab415c 100644
--- a/src/components/SocialMediaLinks.tsx
+++ b/src/components/SocialMediaLinks.tsx
@@ -9,18 +9,33 @@ import { IoLogoFreebsdDevil } from "react-icons/io";
//Edit any changes to the SoDA URLs here
//Icons can be found at: https://react-icons.github.io/react-icons/
const socialMediaLinks = [
- { href: "https://thesoda.io/", icon: },
- { href: "https://www.linkedin.com/company/thesoda/", icon: },
- { href: "https://www.instagram.com/soda.asu/", icon: },
+ {
+ href: "https://thesoda.io/",
+ icon: ,
+ },
+ {
+ href: "https://www.linkedin.com/company/thesoda/",
+ icon: ,
+ },
+ {
+ href: "https://www.instagram.com/soda.asu/",
+ icon: ,
+ },
{
href: "https://discord.gg/the-software-developers-association-762811961238618122",
icon: ,
},
- { href: "https://www.facebook.com/SoDAASU/", icon: },
- { href: "https://github.com/asusoda", icon: },
+ {
+ href: "https://www.facebook.com/SoDAASU/",
+ icon: ,
+ },
+ {
+ href: "https://github.com/asusoda",
+ icon: ,
+ },
{
href: "https://asu.campuslabs.com/engage/organization/soda",
- icon: ,
+ icon: ,
},
];
diff --git a/src/components/Sponsors/Sponsors.tsx b/src/components/Sponsors/Sponsors.tsx
index db461cf..a2b8b79 100644
--- a/src/components/Sponsors/Sponsors.tsx
+++ b/src/components/Sponsors/Sponsors.tsx
@@ -63,7 +63,15 @@ function SponsorsMarquee() {
key={index}
src={logoMap[element.name as SponsorLogo]} // Casting element.name to SponsorLogo
alt={element.name}
- className="w-[12vw] object-contain"
+ className="w-[10vw] object-contain"
+ />
+ ))}
+ {sponsors.map((element, index) => (
+
))}
diff --git a/src/components/Stats/Statistics.tsx b/src/components/Stats/Statistics.tsx
index 056d77d..6a3cd01 100644
--- a/src/components/Stats/Statistics.tsx
+++ b/src/components/Stats/Statistics.tsx
@@ -1,7 +1,7 @@
import AnimatedNumber from "../logic/AnimatedNumber";
import { Statistic } from "semantic-ui-react";
import teamsData from "../../assets/teams.json";
-import RoundedButton from "../Button/RoundedButton";
+import RoundedButton from "../Button/RiArrowButton";
const dollarFormatter = new Intl.NumberFormat("US", {
style: "currency",
diff --git a/src/styles/index.css b/src/styles/index.css
index 940939f..db3ede2 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -271,6 +271,10 @@ footer {
@apply px-3 py-2 bg-soda-red rounded-full;
}
+.right-arrow-btn {
+ @apply flex px-3 py-3 bg-soda-red rounded-full items-center hover:bg-[#c12654] justify-center;
+}
+
.regular-btn {
@apply px-3 py-1 bg-soda-red rounded-lg;
}