diff --git a/src/components/card/FeatureCard.jsx b/src/components/card/FeatureCard.jsx
new file mode 100644
index 0000000..142f74f
--- /dev/null
+++ b/src/components/card/FeatureCard.jsx
@@ -0,0 +1,15 @@
+import React from "react";
+
+function FeatureCard(props) {
+ const { children, title, description } = props;
+
+ return (
+
+ {children}
+
{title}
+
{description}
+
+ );
+}
+
+export default FeatureCard;
diff --git a/src/components/homepage/FeatureCards.astro b/src/components/homepage/FeatureCards.astro
new file mode 100644
index 0000000..46f308c
--- /dev/null
+++ b/src/components/homepage/FeatureCards.astro
@@ -0,0 +1,52 @@
+---
+import FeatureCard from "../card/FeatureCard.jsx";
+---
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/pages/index.astro b/src/pages/index.astro
index a83581c..fa0b681 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -8,6 +8,7 @@ import RealTimeEffects from "../components/homepage/features/RealTimeEffects.ast
import ShareToAudio from "../components/homepage/features/ShareToAudio.astro";
import RecordAnything from "../components/homepage/RecordAnything.astro";
import ShareYourSounds from "../components/homepage/ShareYourSounds.astro"
+import FeatureCards from "../components/homepage/FeatureCards.astro";
---
@@ -16,6 +17,7 @@ import ShareYourSounds from "../components/homepage/ShareYourSounds.astro"
+