diff --git a/src/pages/index.tsx b/src/pages/index.tsx index daf6f7f..7a20d85 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -2,7 +2,8 @@ import Link from "@docusaurus/Link"; import useDocusaurusContext from "@docusaurus/useDocusaurusContext"; import HomepageFeatures from "@site/src/components/HomepageFeatures"; import HomepageSocials from "@site/src/components/HomepageSocials"; -import HeroImage from "@site/static/img/hero-illustration.svg"; +import { useBaseUrlUtils } from "@docusaurus/useBaseUrl"; +import ThemedImage from "@theme/ThemedImage"; import Heading from "@theme/Heading"; import Layout from "@theme/Layout"; import clsx from "clsx"; @@ -11,70 +12,84 @@ import type { ReactNode } from "react"; import styles from "./index.module.css"; function HomepageHeader() { - const { siteConfig } = useDocusaurusContext(); - const brand = (siteConfig.customFields as any)?.brandTitleParts as - | { - lttle: string; - dot: string; - cloud: string; - suffix: string; - taglineHtml: string; - } - | undefined; - return ( -
-
- - {brand ? ( - <> - - - {brand.lttle} - {brand.dot} - {brand.cloud} - - {brand.suffix} - - - ) : ( - siteConfig.title - )} - -

- - curl{" "} - -fsSL{" "} - https://install.lttle.sh |{" "} - bash - -

- - start now - -
-
+ const { withBaseUrl } = useBaseUrlUtils(); + const { siteConfig } = useDocusaurusContext(); + const brand = (siteConfig.customFields as any)?.brandTitleParts as + | { + lttle: string; + dot: string; + cloud: string; + suffix: string; + taglineHtml: string; + } + | undefined; + return ( +
+
+ + {brand ? ( + <> + + + + {brand.lttle} + + + {brand.dot} + + + {brand.cloud} + + + {brand.suffix} + + + ) : ( + siteConfig.title + )} + +

+ + curl{" "} + -fsSL{" "} + https://install.lttle.sh |{" "} + bash + +

+ + start now + +
+
-
- -
-
- ); +
+ +
+
+ ); } export default function Home(): ReactNode { - const { siteConfig } = useDocusaurusContext(); - return ( - - -
- - -
- - ); + const { siteConfig } = useDocusaurusContext(); + return ( + + +
+ + +
+ + ); } diff --git a/static/img/hero-illustration-dark.svg b/static/img/hero-illustration-dark.svg new file mode 100644 index 0000000..26741d0 --- /dev/null +++ b/static/img/hero-illustration-dark.svg @@ -0,0 +1,126 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +