Changeset View
Changeset View
Standalone View
Standalone View
doc/chronik/src/components/HomepageFeatures/index.js
- This file was added.
// Copyright (c) 2024 The Bitcoin developers | |||||
// Distributed under the MIT software license, see the accompanying | |||||
// file COPYING or http://www.opensource.org/licenses/mit-license.php. | |||||
import clsx from 'clsx'; | |||||
import Heading from '@theme/Heading'; | |||||
import styles from './styles.module.css'; | |||||
const FeatureList = [ | |||||
{ | |||||
title: 'Easy to Use', | |||||
Svg: require('@site/static/img/undraw_docusaurus_mountain.svg').default, | |||||
description: ( | |||||
<> | |||||
Chronik was designed from the ground up to be easy to use to get | |||||
your app using Chronik quickly. | |||||
</> | |||||
), | |||||
}, | |||||
{ | |||||
title: 'Focus on What Matters', | |||||
Svg: require('@site/static/img/undraw_docusaurus_tree.svg').default, | |||||
description: ( | |||||
<> | |||||
Chronik lets you focus on your app, Chronik will do all the heavy lifting. | |||||
</> | |||||
), | |||||
}, | |||||
{ | |||||
title: 'Highly optimized', | |||||
Svg: require('@site/static/img/undraw_docusaurus_react.svg').default, | |||||
description: ( | |||||
<> | |||||
We spent a lot of time making Chronik the fastest blockchain indexer out there, | |||||
so you don't waste time re-indexing. | |||||
</> | |||||
), | |||||
}, | |||||
]; | |||||
function Feature({Svg, title, description}) { | |||||
return ( | |||||
<div className={clsx('col col--4')}> | |||||
<div className="text--center"> | |||||
<Svg className={styles.featureSvg} role="img" /> | |||||
</div> | |||||
<div className="text--center padding-horiz--md"> | |||||
<Heading as="h3">{title}</Heading> | |||||
<p>{description}</p> | |||||
</div> | |||||
</div> | |||||
); | |||||
} | |||||
export default function HomepageFeatures() { | |||||
return ( | |||||
<section className={styles.features}> | |||||
<div className="container"> | |||||
<div className="row"> | |||||
{FeatureList.map((props, idx) => ( | |||||
<Feature key={idx} {...props} /> | |||||
))} | |||||
</div> | |||||
</div> | |||||
</section> | |||||
); | |||||
} |