import React from "react"; import classnames from "classnames"; import Layout from "@theme/Layout"; import Link from "@docusaurus/Link"; import useDocusaurusContext from "@docusaurus/useDocusaurusContext"; import useBaseUrl from "@docusaurus/useBaseUrl"; import styles from "./styles.module.css"; import PropTypes from "prop-types"; const features = [ { title: <>Powered by Zephyr™, imageUrl: "img/undraw_zephyr.svg", description: ( <> With a wide range of architecture support, ZMK is ready for many existing keyboards. ), }, { title: <>Permissive Licensing, imageUrl: "img/undraw_open_source.svg", description: ( <>MIT licensed to remove any future limitations in innovation. ), }, { title: <>Wireless First, imageUrl: "img/undraw_wireless.svg", description: <>Designed for the future, including wireless support., }, ]; function Feature({ imageUrl, title, description }) { const imgUrl = useBaseUrl(imageUrl); return (
{imgUrl && (
{title}
)}

{title}

{description}

); } Feature.propTypes = { imageUrl: PropTypes.string.isRequired, title: PropTypes.string.isRequired, description: PropTypes.string.isRequired, }; function Home() { const context = useDocusaurusContext(); const { siteConfig = {} } = context; return (

{siteConfig.title}

{siteConfig.tagline}

Get Started
{features && features.length > 0 && (
{features.map((props, idx) => ( ))}
)}
); } export default Home;