diff --git a/docs/src/pages/index.js b/docs/src/pages/index.js
index e6ee7317e..4fc97e902 100644
--- a/docs/src/pages/index.js
+++ b/docs/src/pages/index.js
@@ -22,8 +22,6 @@ import useIsBrowser from '@docusaurus/useIsBrowser'
import useDocusaurusContext from '@docusaurus/useDocusaurusContext'
-import Svg from '@site/static/img/homepage/features01dark.svg'
-
import { twMerge } from 'tailwind-merge'
import Testimonial from '@site/src/containers/Testimonial'
@@ -340,7 +338,42 @@ export default function Home() {
-
+ {activeFeature === 0 && (
+
+ )}
+ {activeFeature === 1 && (
+
+ )}
+ {activeFeature === 2 && (
+
+ )}
+ {activeFeature === 3 && (
+
+ )}
diff --git a/docs/static/img/homepage/features01.svg b/docs/static/img/homepage/features01.svg
new file mode 100644
index 000000000..ea0468fa8
--- /dev/null
+++ b/docs/static/img/homepage/features01.svg
@@ -0,0 +1,6 @@
+
diff --git a/docs/static/img/homepage/features01dark.svg b/docs/static/img/homepage/features01dark.svg
index 04e1f2e85..84c83f381 100644
--- a/docs/static/img/homepage/features01dark.svg
+++ b/docs/static/img/homepage/features01dark.svg
@@ -1,3 +1,6 @@
diff --git a/docs/static/img/homepage/features02.svg b/docs/static/img/homepage/features02.svg
new file mode 100644
index 000000000..a8b8e5c4b
--- /dev/null
+++ b/docs/static/img/homepage/features02.svg
@@ -0,0 +1,6 @@
+
diff --git a/docs/static/img/homepage/features02dark.svg b/docs/static/img/homepage/features02dark.svg
new file mode 100644
index 000000000..b5189422c
--- /dev/null
+++ b/docs/static/img/homepage/features02dark.svg
@@ -0,0 +1,6 @@
+