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