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"; const features = [ // { // title: <>Easy to Use, // imageUrl: 'img/undraw_docusaurus_mountain.svg', // description: ( // <> // Docusaurus was designed from the ground up to be easily installed and // used to get your website up and running quickly. // // ), // }, // { // title: <>Focus on What Matters, // imageUrl: 'img/undraw_docusaurus_tree.svg', // description: ( // <> // Docusaurus lets you focus on your docs, and we'll do the chores. Go // ahead and move your docs into the docs directory. // // ), // }, // { // title: <>Powered by React, // imageUrl: 'img/undraw_docusaurus_react.svg', // description: ( // <> // Extend or customize your website layout by reusing React. Docusaurus can // be extended while reusing the same header and footer. // // ), // }, ]; function Feature({ imageUrl, title, description }) { const imgUrl = useBaseUrl(imageUrl); return (
{imgUrl && (
{title}
)}

{title}

{description}

); } 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;