fix: fix imports

Author: mehdibha

content/components/marketing/hero-simple.mdx content/components/marketing/hero-section.mdx

@@ -4,4 +4,4 @@ title: Centered Hero section
 thumbnail: https://h2rsi9anqnqbkvkf.public.blob.vercel-storage.com/rOFvfTa-V4dK55wvEkjUz652JrOHzAdtQqNC70.png
 ---
 
-<ComponentPreview name="components/marketing/hero/hero-simple" />
+<ComponentPreview name="components/marketing/hero-section" />

content/components/marketing/hero-simple.tsx content/components/marketing/hero-section.tsx

@@ -1,24 +1,21 @@
-// This file is autogenerated by scripts/build-preview-imports.ts
-// Do not edit this file directly.
-import React from "react";
-
-export const previews = {
-  "components/animations/sparkle-button": {
-    component: React.lazy<React.FC>(
-      () => import("~/content/components/animations/sparkle-button")
-    ),
-    code: `import { Button } from "@/modules/components/sparkle-button";
+
+// This file is autogenerated by scripts/build-preview-imports.ts
+// Do not edit this file directly.
+import React from "react";
+
+export const previews = {
+  "components/animations/sparkle-button": {
+    component: React.lazy<React.FC>(() => import("~/content/components/animations/sparkle-button")),
+    code : `import { Button } from "@/modules/components/sparkle-button";
 
 export default function SparkleButton() {
   return <Button variant="sparkle">Get started</Button>;
 }
-`,
-  },
-  "components/marketing/hero-simple": {
-    component: React.lazy<React.FC>(
-      () => import("~/content/components/marketing/hero-simple")
-    ),
-    code: `import React from "react";
+`
+  },
+  "components/marketing/hero-section": {
+    component: React.lazy<React.FC>(() => import("~/content/components/marketing/hero-section")),
+    code : `import React from "react";
 import Link from "next/link";
 import { ArrowRightIcon, SearchIcon, SparklesIcon } from "lucide-react";
 import { badgeVariants } from "@/components/ui/badge";
@@ -57,18 +54,18 @@ export default function Demo() {
     </section>
   );
 }
-`,
-  },
-  "hooks/use-continuous-retry": {
-    component: React.lazy<React.FC>(() => import("~/content/hooks/use-continuous-retry")),
-    code: `export default function Demo() {
+`
+  },
+  "hooks/use-continuous-retry": {
+    component: React.lazy<React.FC>(() => import("~/content/hooks/use-continuous-retry")),
+    code : `export default function Demo() {
   return <div>demo</div>;
 }
-`,
-  },
-  "hooks/use-debounce": {
-    component: React.lazy<React.FC>(() => import("~/content/hooks/use-debounce")),
-    code: `"use client";
+`
+  },
+  "hooks/use-debounce": {
+    component: React.lazy<React.FC>(() => import("~/content/hooks/use-debounce")),
+    code : `"use client";
 
 import * as React from "react";
 import { Loader2Icon, SearchIcon } from "lucide-react";
@@ -121,94 +118,88 @@ export default function UseDebounceDemo() {
     </div>
   );
 }
-`,
-  },
-  "hooks/use-fetch": {
-    component: React.lazy<React.FC>(() => import("~/content/hooks/use-fetch")),
-    code: `export default function Demo() {
+`
+  },
+  "hooks/use-fetch": {
+    component: React.lazy<React.FC>(() => import("~/content/hooks/use-fetch")),
+    code : `export default function Demo() {
   return <div>demo</div>;
 }
-`,
-  },
-  "hooks/use-intersection-observer": {
-    component: React.lazy<React.FC>(
-      () => import("~/content/hooks/use-intersection-observer")
-    ),
-    code: `export default function Demo() {
+`
+  },
+  "hooks/use-intersection-observer": {
+    component: React.lazy<React.FC>(() => import("~/content/hooks/use-intersection-observer")),
+    code : `export default function Demo() {
   return <div>demo</div>;
 }
-`,
-  },
-  "hooks/use-local-storage": {
-    component: React.lazy<React.FC>(() => import("~/content/hooks/use-local-storage")),
-    code: `export default function Demo() {
+`
+  },
+  "hooks/use-local-storage": {
+    component: React.lazy<React.FC>(() => import("~/content/hooks/use-local-storage")),
+    code : `export default function Demo() {
   return <div>demo</div>;
 }
-`,
-  },
-  "hooks/use-media-query": {
-    component: React.lazy<React.FC>(() => import("~/content/hooks/use-media-query")),
-    code: `export default function Demo() {
+`
+  },
+  "hooks/use-media-query": {
+    component: React.lazy<React.FC>(() => import("~/content/hooks/use-media-query")),
+    code : `export default function Demo() {
   return <div>demo</div>;
 }
-`,
-  },
-  "hooks/use-network-state": {
-    component: React.lazy<React.FC>(() => import("~/content/hooks/use-network-state")),
-    code: `export default function Demo() {
+`
+  },
+  "hooks/use-network-state": {
+    component: React.lazy<React.FC>(() => import("~/content/hooks/use-network-state")),
+    code : `export default function Demo() {
   return <div>demo</div>;
 }
-`,
-  },
-  "hooks/use-orientation": {
-    component: React.lazy<React.FC>(() => import("~/content/hooks/use-orientation")),
-    code: `export default function Demo() {
+`
+  },
+  "hooks/use-orientation": {
+    component: React.lazy<React.FC>(() => import("~/content/hooks/use-orientation")),
+    code : `export default function Demo() {
   return <div>demo</div>;
 }
-`,
-  },
-  "hooks/use-preferred-language": {
-    component: React.lazy<React.FC>(
-      () => import("~/content/hooks/use-preferred-language")
-    ),
-    code: `export default function Demo() {
+`
+  },
+  "hooks/use-preferred-language": {
+    component: React.lazy<React.FC>(() => import("~/content/hooks/use-preferred-language")),
+    code : `export default function Demo() {
   return <div>demo</div>;
 }
-`,
-  },
-  "hooks/use-previous": {
-    component: React.lazy<React.FC>(() => import("~/content/hooks/use-previous")),
-    code: `export default function Demo() {
+`
+  },
+  "hooks/use-previous": {
+    component: React.lazy<React.FC>(() => import("~/content/hooks/use-previous")),
+    code : `export default function Demo() {
   return <div>demo</div>;
 }
-`,
-  },
-  "hooks/use-session-storage": {
-    component: React.lazy<React.FC>(() => import("~/content/hooks/use-session-storage")),
-    code: `export default function Demo() {
+`
+  },
+  "hooks/use-session-storage": {
+    component: React.lazy<React.FC>(() => import("~/content/hooks/use-session-storage")),
+    code : `export default function Demo() {
   return <div>demo</div>;
 }
-`,
-  },
-  "hooks/use-visibility-change": {
-    component: React.lazy<React.FC>(
-      () => import("~/content/hooks/use-visibility-change")
-    ),
-    code: `export default function Demo() {
+`
+  },
+  "hooks/use-visibility-change": {
+    component: React.lazy<React.FC>(() => import("~/content/hooks/use-visibility-change")),
+    code : `export default function Demo() {
   return <div>demo</div>;
 }
-`,
-  },
-  "hooks/use-window-size": {
-    component: React.lazy<React.FC>(() => import("~/content/hooks/use-window-size")),
-    code: `export default function Demo() {
+`
+  },
+  "hooks/use-window-size": {
+    component: React.lazy<React.FC>(() => import("~/content/hooks/use-window-size")),
+    code : `export default function Demo() {
   return <div>demo</div>;
 }
-`,
-  },
-  "pages/about": {
-    component: React.lazy<React.FC>(() => import("~/content/pages/about")),
-    code: `export default function About() {
+`
+  },
+  "pages/about": {
+    component: React.lazy<React.FC>(() => import("~/content/pages/about")),
+    code : `export default function About() {
   return (
     <div className="min-h-screen">
       <h1>About</h1>
@@ -219,11 +210,11 @@ export default function UseDebounceDemo() {
     </div>
   );
 }
-`,
-  },
-  "pages/account": {
-    component: React.lazy<React.FC>(() => import("~/content/pages/account")),
-    code: `export default function Account() {
+`
+  },
+  "pages/account": {
+    component: React.lazy<React.FC>(() => import("~/content/pages/account")),
+    code : `export default function Account() {
   return (
     <div className="min-h-screen">
       <h1>Account</h1>
@@ -234,11 +225,11 @@ export default function UseDebounceDemo() {
     </div>
   );
 }
-`,
-  },
-  "pages/landing": {
-    component: React.lazy<React.FC>(() => import("~/content/pages/landing")),
-    code: `export default function Landing() {
+`
+  },
+  "pages/landing": {
+    component: React.lazy<React.FC>(() => import("~/content/pages/landing")),
+    code : `export default function Landing() {
   return (
     <div className="min-h-screen">
       <h1>Landing</h1>
@@ -249,11 +240,11 @@ export default function UseDebounceDemo() {
     </div>
   );
 }
-`,
-  },
-  "pages/login": {
-    component: React.lazy<React.FC>(() => import("~/content/pages/login")),
-    code: `export default function Login() {
+`
+  },
+  "pages/login": {
+    component: React.lazy<React.FC>(() => import("~/content/pages/login")),
+    code : `export default function Login() {
   return (
     <div className="min-h-screen">
       <h1>Login</h1>
@@ -264,11 +255,11 @@ export default function UseDebounceDemo() {
     </div>
   );
 }
-`,
-  },
-  "pages/pricing": {
-    component: React.lazy<React.FC>(() => import("~/content/pages/pricing")),
-    code: `export default function Pricing() {
+`
+  },
+  "pages/pricing": {
+    component: React.lazy<React.FC>(() => import("~/content/pages/pricing")),
+    code : `export default function Pricing() {
   return (
     <div className="min-h-screen">
       <h1>Pricing</h1>
@@ -279,11 +270,11 @@ export default function UseDebounceDemo() {
     </div>
   );
 }
-`,
-  },
-  "pages/register": {
-    component: React.lazy<React.FC>(() => import("~/content/pages/register")),
-    code: `export default function Register() {
+`
+  },
+  "pages/register": {
+    component: React.lazy<React.FC>(() => import("~/content/pages/register")),
+    code : `export default function Register() {
   return (
     <div className="min-h-screen">
       <h1>Register</h1>
@@ -294,6 +285,6 @@ export default function UseDebounceDemo() {
     </div>
   );
 }
-`,
-  },
-};
+`
+  }
+}