diff --git a/documentation/src/pages/docs/index.tsx b/documentation/src/pages/docs/index.tsx
index 6b982592..e765984f 100644
--- a/documentation/src/pages/docs/index.tsx
+++ b/documentation/src/pages/docs/index.tsx
@@ -1,10 +1,20 @@
 import Head from "@docusaurus/Head";
+import { FooterRedditIcon as RedditIcon } from "@site/src/refine-theme/icons/footer-reddit";
 import { BlogFooter } from "@site/src/refine-theme/blog-footer";
 import { CommonHeader } from "@site/src/refine-theme/common-header";
 import { CommonLayout } from "@site/src/refine-theme/common-layout";
+import { GithubIcon } from "@site/src/refine-theme/icons/github";
+import { JoinUsIcon } from "@site/src/refine-theme/icons/join-us";
+import { MailIcon } from "@site/src/refine-theme/icons/mail";
+import { MarkerIcon } from "@site/src/refine-theme/icons/marker";
+import { OpenSourceIcon } from "@site/src/refine-theme/icons/open-source";
+import { DiscordIcon, TwitterIcon } from "@site/src/refine-theme/icons/popover";
+import Link from "@docusaurus/Link";
 import clsx from "clsx";
 import React from "react";
 import { useColorMode } from "@docusaurus/theme-common";
+import { YCombinatorCircleIcon } from "@site/src/refine-theme/icons/ycombinator-circle";
+import { CommonThemedImage } from "@site/src/refine-theme/common-themed-image";
 
 const About: React.FC = () => {
     const { colorMode } = useColorMode();
@@ -51,7 +61,6 @@ const About: React.FC = () => {
 Whether you are a new user or an experienced administrator, our comprehensive documentation is designed to get you up and running quickly, while also providing deep insights into advanced features and customization options. Explore our resources below to make the most out of our products.
 </p>      
 
-    
 <div className="flex">
                         {/* First Column */}
                         <div className="w-1/2 pr-4">