import { Logo } from "@/components/Logo";
import { css } from "@/styled-system/css";
import { Box } from "@/styled-system/jsx";
import type { BaseLayoutProps } from "fumadocs-ui/layouts/shared";
import {
BracesIcon,
HeartPlusIcon,
LibraryBigIcon,
MessageCircleHeartIcon,
} from "lucide-react";
import Image from "next/image";
export const baseOptions: BaseLayoutProps = {
themeSwitch: {
enabled: false,
},
nav: {
title: (
<>
<Box w="8">
<Logo />
</Box>
Storyden
</>
),
},
links: [
{
type: "menu",
text: "Documentation",
url: "/docs/introduction",
items: [
{
active: "nested-url",
menu: {
className: css({
gridRow: "span 2",
}),
banner: (
<Box
className={css({
margin: "-3",
})}
>
<Image
className={css({
borderRadius: "md",
boxShadow: "lg",
maxWidth: "100%",
objectFit: "cover",
})}
style={{
maskImage:
"linear-gradient(to bottom,white 50%,transparent)",
}}
width="1200"
height="630"
src="/docs_get_started_banner.png"
alt=""
/>
</Box>
),
},
url: "/docs/introduction",
text: "Get started with Storyden",
description: "Deploy a community in minutes",
},
{
icon: <HeartPlusIcon />,
text: "What is Storyden?",
description:
"Get to know your new favourite community + content platform.",
url: "/docs/introduction/what-is-storyden",
menu: {
className: css({
gridColumnStart: "2",
}),
},
},
{
// TODO: Replace with "Use Cases" page once that's done.
icon: <MessageCircleHeartIcon />,
text: "For discussion",
description: "How does Storyden replace forums?",
url: "/docs/introduction/discussion",
menu: {
className: css({
gridColumnStart: "2",
}),
},
},
{
// TODO: Replace with "Comparisons" page once that's done.
icon: <LibraryBigIcon />,
text: "Library",
description:
"An intelligent community knowledgebase, spend less time organising and more time sharing.",
url: "/docs/introduction/library",
menu: {
className: css({
gridColumnStart: "3",
gridRowStart: "1",
}),
},
},
{
icon: <BracesIcon />,
text: "API",
description: "Browse the API reference and build something awesome.",
url: "/docs/api",
menu: {
className: css({
gridColumnStart: "3",
}),
},
},
],
},
{
text: "Blog",
url: "/blog",
active: "nested-url",
},
],
githubUrl: "https://github.com/Southclaws/storyden",
};