-
- );
-}
-
-export type Feature = {
- readonly title: string;
- readonly tagline?: string;
- readonly description?: string;
- readonly annotaion?: string;
-};
-
-export function HeroFeature(props: PropsWithChildren
-
- - None - Bot CLI -
-- {siteConfig.tagline} -
-
-
- 开始使用
-
-
-
-
- - {tagline} -
-- {title} -
-{description}
- {children} -{annotaion}
- - ); -} - -export function HeroFeatureSingle( - props: PropsWithChildren
-
- );
-}
-
-export function HeroFeatureDouble(
- props: PropsWithChildren<{ features: [Feature, Feature] }>
-): JSX.Element {
- const {
- features: [feature1, feature2],
- children,
- } = props;
-
- let children1, children2;
- if (Array.isArray(children) && children.length === 2) {
- [children1, children2] = children;
- }
-
- return (
-
-
- );
-}
diff --git a/website/src/components/Home/Feature.tsx b/website/src/components/Home/Feature.tsx
new file mode 100644
index 00000000..59af9fb1
--- /dev/null
+++ b/website/src/components/Home/Feature.tsx
@@ -0,0 +1,129 @@
+import React from "react";
+
+import CodeBlock from "@theme/CodeBlock";
+
+export type Feature = {
+ title: string;
+ tagline?: string;
+ description?: string;
+ annotaion?: string;
+ children?: React.ReactNode;
+};
+
+export function HomeFeature({
+ title,
+ tagline,
+ description,
+ annotaion,
+ children,
+}: Feature): React.ReactNode {
+ return (
+
-
-
-
-
+
+ );
+}
+
+function HomeFeatureSingleColumn(props: Feature): React.ReactNode {
+ return (
+ + {tagline} +
++ {title} +
+{description}
+ {children} +{annotaion}
+
+
+ );
+}
+
+function HomeFeatureDoubleColumn({
+ features: [feature1, feature2],
+ children,
+}: {
+ features: [Feature, Feature];
+ children?: [React.ReactNode, React.ReactNode];
+}): React.ReactNode {
+ const [children1, children2] = children ?? [];
+
+ return (
+
+ {children1}
+ {children2}
+
+ );
+}
+
+function HomeFeatures(): React.ReactNode {
+ return (
+ <>
+
+ 
+
+ );
+}
+
+export default React.memo(HomeHero);
diff --git a/website/src/components/Home/index.tsx b/website/src/components/Home/index.tsx
new file mode 100644
index 00000000..3a7131e2
--- /dev/null
+++ b/website/src/components/Home/index.tsx
@@ -0,0 +1,15 @@
+import React from "react";
+
+import HomeFeatures from "./Feature";
+import HomeHero from "./Hero";
+
+import "./styles.css";
+
+export default function HomeContent(): React.ReactNode {
+ return (
+ + None + Bot CLI +
+{tagline}
+
+
+ 开始使用
+
+
+
+
+ );
+}
diff --git a/website/src/components/Home/styles.css b/website/src/components/Home/styles.css
new file mode 100644
index 00000000..fd15a2b9
--- /dev/null
+++ b/website/src/components/Home/styles.css
@@ -0,0 +1,41 @@
+.home {
+ &-container {
+ @apply -mt-16;
+ }
+
+ &-hero {
+ @apply relative flex flex-col items-center justify-center gap-4 h-screen;
+
+ &-logo {
+ @apply h-48 w-auto;
+ }
+
+ &-title {
+ @apply text-5xl font-normal tracking-tight;
+ }
+
+ &-tagline {
+ @apply text-sm font-medium uppercase tracking-wide text-base-content/70;
+ }
+
+ &-actions {
+ @apply flex flex-col sm:flex-row gap-4;
+ }
+
+ &-copy {
+ @apply font-normal normal-case text-base-content/70;
+ }
+
+ &-next {
+ @apply absolute bottom-4;
+
+ & svg {
+ @apply animate-bounce text-primary text-4xl;
+ }
+ }
+ }
+
+ &-codeblock {
+ @apply inline-block !max-w-[600px];
+ }
+}
diff --git a/website/src/components/RunCLI.tsx b/website/src/components/RunCLI.tsx
deleted file mode 100644
index c2d3b24a..00000000
--- a/website/src/components/RunCLI.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import React from "react";
-
-import RunPython from "./RunPython";
-
-function RunCLI({
- code,
- placeholder = "Loading Python Modules...",
- className = "",
-}: {
- code: string;
- placeholder?: string;
- className?: string;
-}) {
- return (
-
-
-
- {[
- "$ pipx install nb-cli",
- "$ nb",
- "d8b db .d88b. d8b db d88888b d8888b. .d88b. d888888b",
- "888o 88 .8P Y8. 888o 88 88' 88 `8D .8P Y8. `~~88~~'",
- "88V8o 88 88 88 88V8o 88 88ooooo 88oooY' 88 88 88",
- "88 V8o88 88 88 88 V8o88 88~~~~~ 88~~~b. 88 88 88",
- "88 V888 `8b d8' 88 V888 88. 88 8D `8b d8' 88",
- "VP V8P `Y88P' VP V8P Y88888P Y8888P' `Y88P' YP",
- "[?] What do you want to do?",
- "❯ Create a NoneBot project.",
- " Run the bot in current folder",
- " Generate entry file of your bot",
- " Manage bot plugins.",
- " Manage bot adapters.",
- " Manage bot driver.",
- " ...",
- ].join("\n")}
-
-
-
-
-
+
-
-
- {[
- "[project.entry-points.nb]",
- 'plugin_name = "cli_plugin.plugin:install"',
- "",
- "[project.entry-points.nb_scripts]",
- 'foo = "awesome_bot.module:function"',
- ].join("\n")}
-
-
-
-
-
-
- {[
- "[?] 你想要进行什么操作?",
- "❯ 创建一个 NoneBot 项目.",
- " 管理 bot 插件.",
- " 管理 bot 适配器.",
- " 管理 bot 驱动器.",
- ].join("\n")}
-
-
-
-
-
-
- );
-}
-
-export default FooterCopyright;
diff --git a/website/src/theme/LayoutProviders/index.tsx b/website/src/theme/LayoutProviders/index.tsx
deleted file mode 100644
index 21fca118..00000000
--- a/website/src/theme/LayoutProviders/index.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import React from "react";
-
-import OriginProvider from "@theme-original/LayoutProviders";
-import type { Props } from "@theme/LayoutProviders";
-import PyodideProvider from "@theme/PyodideProvider";
-
-function LayoutProvider(props: Props): JSX.Element {
- return (
- - - Deployed by - - - - -
-