diff --git a/src/assets/logos/NIDDK.svg b/src/assets/logos/NIDDK.svg
new file mode 100644
index 00000000..d5876afe
--- /dev/null
+++ b/src/assets/logos/NIDDK.svg
@@ -0,0 +1,9 @@
+
diff --git a/src/assets/logos/NIDM.svg b/src/assets/logos/NIDM.svg
new file mode 100644
index 00000000..bc69da6c
--- /dev/null
+++ b/src/assets/logos/NIDM.svg
@@ -0,0 +1,9 @@
+
diff --git a/src/assets/logos/NIF.svg b/src/assets/logos/NIF.svg
new file mode 100644
index 00000000..e666fd28
--- /dev/null
+++ b/src/assets/logos/NIF.svg
@@ -0,0 +1,9 @@
+
diff --git a/src/assets/logos/RRID.svg b/src/assets/logos/RRID.svg
new file mode 100644
index 00000000..4321eeda
--- /dev/null
+++ b/src/assets/logos/RRID.svg
@@ -0,0 +1,9 @@
+
diff --git a/src/assets/logos/SPARC.svg b/src/assets/logos/SPARC.svg
new file mode 100644
index 00000000..58a044a0
--- /dev/null
+++ b/src/assets/logos/SPARC.svg
@@ -0,0 +1,9 @@
+
diff --git a/src/assets/logos/drugDesign.svg b/src/assets/logos/drugDesign.svg
new file mode 100644
index 00000000..7c68fa62
--- /dev/null
+++ b/src/assets/logos/drugDesign.svg
@@ -0,0 +1,9 @@
+
diff --git a/src/assets/logos/openDataCommons.svg b/src/assets/logos/openDataCommons.svg
new file mode 100644
index 00000000..c4b01c72
--- /dev/null
+++ b/src/assets/logos/openDataCommons.svg
@@ -0,0 +1,9 @@
+
diff --git a/src/components/Partners/index.jsx b/src/components/Partners/index.jsx
index a6880fa7..dce5006e 100644
--- a/src/components/Partners/index.jsx
+++ b/src/components/Partners/index.jsx
@@ -1,12 +1,12 @@
import { Box, Container, Typography } from "@mui/material";
import { vars } from "../../theme/variables";
-import BOLTSHIFT from "../../Icons/svg/boltshift.svg";
-import LIGHTBOX from "../../Icons/svg/lightbox.svg";
-import FEATHERDEV from "../../Icons/svg/featherdev.svg";
-import SPHERULE from "../../Icons/svg/spherule.svg";
-import GLOBALBANK from "../../Icons/svg/globalbank.svg";
-import NIETZSCHE from "../../Icons/svg/nietzsche.svg";
-import PartnersData from "../../static/Partners.json";
+import NIDDK from "../../assets/logos/NIDDK.svg";
+import NIDM from "../../assets/logos/NIDM.svg";
+import NIF from "../../assets/logos/NIF.svg";
+import RRID from "../../assets/logos/RRID.svg";
+import SPARC from "../../assets/logos/SPARC.svg";
+import drugDesign from "../../assets/logos/drugDesign.svg";
+import openDataCommons from "../../assets/logos/openDataCommons.svg";
const { gray50, gray600 } = vars;
@@ -23,36 +23,42 @@ const style = {
fontWeight: 500,
mb: '2rem',
lineHeight: '150%'
+ },
+
+ logo: {
+ width: 'auto',
+ height: '120px', // Double the typical size
+ maxWidth: '400px', // Prevent logos from becoming too wide
+ paddingLeft: '4rem',
+ paddingRight: '4rem',
+ objectFit: 'contain',
+ transition: 'transform 0.3s ease',
}
}
-const imageMap = {
- BOLTSHIFT,
- LIGHTBOX,
- FEATHERDEV,
- SPHERULE,
- GLOBALBANK,
- NIETZSCHE,
-};
+const logos = [
+ { src: NIDDK, alt: "NIDDK" },
+ { src: NIDM, alt: "NIDM" },
+ { src: NIF, alt: "NIF" },
+ { src: RRID, alt: "RRID" },
+ { src: SPARC, alt: "SPARC" },
+ { src: drugDesign, alt: "Drug Design" },
+ { src: openDataCommons, alt: "Open Data Commons" }
+];
+
const Partners = () => {
return (
- Join 4,000+ companies already growing
+ Affiliates
- {PartnersData?.images?.map((image, index) => {
- const imageSrc = imageMap[image.name];
- if (imageSrc) {
- return (
- 
- );
- }
- return null;
- })}
+ {logos.map((logo, index) => (
+ 
+ ))}
)
}
-export default Partners;
\ No newline at end of file
+export default Partners;