Update

resources/js/pages/home/home.tsx

@@ -1,3 +1,4 @@
+import EditorSkeleton from '@/components/editor/EditorSkeleton.jsx';
 import { useEffect, useState } from 'react';
 import BrandLogo from './partials/BrandLogo.jsx';
 import FAQDiscord from './partials/FAQDiscord.jsx';
@@ -24,13 +25,7 @@ const Home = ({ faqData, popularKeywords }) => {
         <div className="min-h-[100vh] space-y-0 bg-neutral-50 py-6 dark:bg-black">
             <BrandLogo className="pb-2" />
             <div className="to-muted/10 w-full bg-gradient-to-b from-transparent dark:from-transparent dark:to-neutral-900">
-                {isClient && Editor ? (
-                    <Editor />
-                ) : (
-                    <div className="flex h-96 items-center justify-center">
-                        <div className="text-muted-foreground">Loading editor...</div>
-                    </div>
-                )}
+                {isClient && Editor ? <Editor /> : <EditorSkeleton />}
             </div>
             <div className="space-y-16">
                 <Hero />