diff --git a/src/components/card/FeatureCard.jsx b/src/components/card/FeatureCard.jsx
index 11fcc1f..d16fdbc 100644
--- a/src/components/card/FeatureCard.jsx
+++ b/src/components/card/FeatureCard.jsx
@@ -1,13 +1,14 @@
import React from "react";
+import '../../styles/icons.css'
function FeatureCard(props) {
- const { children, title, description } = props;
+ const { icon, title, description } = props;
return (
-
- {children}
-
{title}
-
{description}
+
+
+
{title}
+
{description}
);
}
diff --git a/src/components/homepage/FeatureCards.astro b/src/components/homepage/FeatureCards.astro
index e02066c..1549d64 100644
--- a/src/components/homepage/FeatureCards.astro
+++ b/src/components/homepage/FeatureCards.astro
@@ -2,65 +2,29 @@
import FeatureCard from "../card/FeatureCard.jsx";
---
-
-
-
+
+
+
-
-
+ />
-
-
+ />
-
-
+ />
-
-
+ />
diff --git a/src/components/homepage/HeroBanner.astro b/src/components/homepage/HeroBanner.astro
index 6fb7a40..6844fdf 100644
--- a/src/components/homepage/HeroBanner.astro
+++ b/src/components/homepage/HeroBanner.astro
@@ -17,7 +17,7 @@ import DownloadMuseHubButton from "../button/DownloadMuseHubButton";
-
+
diff --git a/src/styles/icons.css b/src/styles/icons.css
index f1c8826..8fa070e 100644
--- a/src/styles/icons.css
+++ b/src/styles/icons.css
@@ -40,4 +40,20 @@
.icon-arrow-right:before {
content: "\EF34"
+}
+
+.icon-monitor:before {
+ content: "\F35E"
+}
+
+.icon-file:before {
+ content: "\EF22"
+}
+
+.icon-plug:before {
+ content: "\F440"
+}
+
+.icon-waveform:before {
+ content: "\F43C"
}
\ No newline at end of file