diff --git a/src/pages/index.tsx b/src/pages/index.tsx index e45457c5..f68391ab 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -8,6 +8,38 @@ import styles from "./index.module.css"; import ChatIcon from "@site/static/images/chat-icon.svg"; import TerminalIcon from "@site/static/images/terminal-icon.svg"; +const fuseFeatures = [ + { headline: "Quick Setup", description: "Get up and running in seconds with minimal configuration" }, + { + headline: "Reduce Context Switching", + description: "Gain in-depth expertise and tailored assistance directly in your terminal", + }, + { + headline: "Natural Language Commands", + description: "Use simple, conversational commands to interact with your infrastructure", + }, + { + headline: "Seamless Tool Integration", + description: "Integrate with your locally installed tools, with full control over the process", + }, +]; + +const chatPlatformFeatures = [ + { + headline: "Real-Time Collaboration", + description: "Receive alerts and troubleshoot with your team in Slack or Microsoft Teams", + }, + { headline: "Familiar Interface", description: "Get clear, rich messages for quick understanding" }, + { + headline: "K8s Agent Setup", + description: "Requires an agent installed in your Kubernetes cluster for full features", + }, + { + headline: "Admin Access Needed", + description: "Requires admin permissions to set up in Slack, Teams or other chat platform", + }, +]; + function HomepageHeader() { const { siteConfig } = useDocusaurusContext(); return ( @@ -24,6 +56,22 @@ function HomepageHeader() { ); } +interface FeatureListProps { + items: { headline: string; description: string }[]; +} + +function FeatureList({ items }: FeatureListProps) { + return ( + + ); +} + export default function Home(): JSX.Element { const { siteConfig } = useDocusaurusContext(); return ( @@ -42,23 +90,7 @@ export default function Home(): JSX.Element { {" "} Fuse CLI - +
Fuse CLI @@ -81,22 +113,7 @@ export default function Home(): JSX.Element { {" "} Chat Platform - +
Chat Platform