diff --git a/documentation/src/refine-theme/landing-hero-section.tsx b/documentation/src/refine-theme/landing-hero-section.tsx
index b6d4372d..cedd5d41 100644
--- a/documentation/src/refine-theme/landing-hero-section.tsx
+++ b/documentation/src/refine-theme/landing-hero-section.tsx
@@ -2,21 +2,13 @@ import React from "react";
 import clsx from "clsx";
 import { LandingHeroGithubStars } from "./landing-hero-github-stars";
 import { LandingStartActionIcon } from "./icons/landing-start-action";
+
 import { LandingHeroAnimation } from "./landing-hero-animation";
 import { LandingCopyCommandButton } from "./landing-copy-command-button";
 import Link from "@docusaurus/Link";
 import { LandingHeroShowcaseSection } from "./landing-hero-showcase-section";
-import { useTypewriter, Cursor } from 'react-simple-typewriter';
 
 export const LandingHeroSection = ({ className }: { className?: string }) => {
-    const [text] = useTypewriter({
-        words: ['Hosting Panel', 'WP Manager', 'User Isolation'],
-        loop: 0, // 0 = infinite
-        typeSpeed: 70,
-        deleteSpeed: 50,
-        delaySpeed: 1000,
-    });
-
     return (
         <div
             className={clsx(
@@ -67,13 +59,7 @@ export const LandingHeroSection = ({ className }: { className?: string }) => {
                                 "text-gray-900 dark:text-gray-0",
                             )}
                         >
-                            <span className="text-transparent bg-clip-text bg-gradient-to-r from-[#0FBDBD] to-[#26D97F]">
-                                Next Generation
-                            </span>
-                            <span>
-                                {text}
-                                <Cursor />
-                            </span>
+			<span class="text-transparent bg-clip-text bg-gradient-to-r text-gradient-to-r from-[#0FBDBD] to-[#26D97F]">Next Generation</span> Hosting Panel
                         </h1>
                         <p
                             className={clsx(
@@ -83,8 +69,7 @@ export const LandingHeroSection = ({ className }: { className?: string }) => {
                                 "landing-xs:max-w-[384px]",
                             )}
                         >
-                            Deliver a VPS-like experience to your users at a fraction of the cost, with all-inclusive features such as resource limiting, and enhanced security seamlessly integrated for worry-free hosting.
-                        </p>
+Deliver a VPS-like experience to your users at a fraction of the cost, with all-inclusive features such as resource limiting, and enhanced security seamlessly integrated for worry-free hosting.                        </p>
                     </div>
                     <div
                         className={clsx(
@@ -95,9 +80,9 @@ export const LandingHeroSection = ({ className }: { className?: string }) => {
                             "landing-lg:gap-6",
                         )}
                     >
-                        <LandingCopyCommandButton
-                            className={clsx("hidden", "landing-sm:block")}
-                        />
+			<LandingCopyCommandButton
+			className={clsx("hidden", "landing-sm:block")}
+			/>
                     </div>
                 </div>
                 <div