diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..6dca9a4
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,9 @@
+{
+ "editor.codeActionsOnSave": {
+ "source.fixAll.biome": "explicit",
+ "source.organizeImports.biome": "explicit"
+ },
+ "files.associations": {
+ "*.css": "tailwindcss"
+ }
+}
diff --git a/app/(home)/layout.tsx b/app/(home)/layout.tsx
index ef73501..6773757 100644
--- a/app/(home)/layout.tsx
+++ b/app/(home)/layout.tsx
@@ -1,5 +1,5 @@
-import type { ReactNode } from "react";
import { HomeLayout } from "fumadocs-ui/layouts/home";
+import type { ReactNode } from "react";
import { baseOptions } from "@/app/layout.config";
export default function Layout({ children }: { children: ReactNode }) {
diff --git a/app/(home)/page.tsx b/app/(home)/page.tsx
index 157c272..2192752 100644
--- a/app/(home)/page.tsx
+++ b/app/(home)/page.tsx
@@ -1,3 +1,4 @@
+"use client";
import { OpenInV0Button } from "@/components/open-in-v0-button";
import {
DiscordChat,
@@ -9,6 +10,21 @@ import {
DiscordMessageContent,
DiscordMessageGroup
} from "@/registry/discord-base/discord-base";
+import {
+ DiscordEmbed,
+ DiscordEmbedAuthor,
+ DiscordEmbedAuthorImage,
+ DiscordEmbedAuthorName,
+ DiscordEmbedDescription,
+ DiscordEmbedFields,
+ DiscordEmbedFieldWrapper,
+ DiscordEmbedFooter,
+ DiscordEmbedFooterImage,
+ DiscordEmbedFooterText,
+ DiscordEmbedImages,
+ DiscordEmbedImageWrapper,
+ DiscordEmbedTitle
+} from "@/registry/discord-embeds/discord-embeds";
export default function Home() {
return (
@@ -21,8 +37,8 @@ export default function Home() {
Example of basic discord messages