diff --git a/docs/docs/overview/Introduction.mdx b/docs/docs/overview/Introduction.mdx
index a78264768c..4d82470c52 100644
--- a/docs/docs/overview/Introduction.mdx
+++ b/docs/docs/overview/Introduction.mdx
@@ -11,9 +11,16 @@ import {
   LinkBreak1Icon,
   StackIcon,
 } from '@radix-ui/react-icons';
+import { BsFunnel } from 'react-icons/bs';
+import {
+  PiPlugsLight,
+  PiArrowsSplitLight,
+  PiRocketLaunchLight,
+} from 'react-icons/pi';
 import { CustomCard } from '@site/src/CustomComponents/CustomCard.tsx';
 import { CustomCardList } from '@site/src/CustomComponents/CustomCardList.tsx';
 import { DocPageHeader } from '@site/src/CustomComponents/DocPageHeader.tsx';
+import { HeroImage } from '@site/src/CustomComponents/HeroImage.tsx';
 <DocPageHeader title="Welcome to the Neosync Docs" />;
 
 Neosync is an open-source, developer-first way to create safe, anonymized test data from production data and sync it across all environments for high-quality local, stage and CI testing.