Differential D9087 Diff 27478 web/docs/src/pages/index.js

Changeset View

Standalone View

web/docs/src/pages/index.js

This file was added.

				import React from 'react';
				import clsx from 'clsx';
				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: 'Simple 😎',
				imageUrl: '',
				description: (
				<>
				Cashtab's REST API and React components library do the heavy
				lifting, so you can focus on your app.
				</>
				),
				},
				{
				title: 'Portable 🛩',
				imageUrl: '',
				description: (
				<>
				Cashtab is a mobile friendly web wallet that works on any device
				with a web browser.
				</>
				),
				},
				{
				title: 'Powerful 🚂',
				imageUrl: '',
				description: (
				<>Instantly add in-browser cash payments to your website.</>
				),
				},
				];

				function Feature({ imageUrl, title, description }) {
				const imgUrl = useBaseUrl(imageUrl);
				return (
				<div className={clsx('col col--4', styles.feature)}>
				{imgUrl && (
				<div className="text--center">
				<img
				className={styles.featureImage}
				src={imgUrl}
				alt={title}
				/>
				</div>
				)}
				<h3>{title}</h3>
				<p>{description}</p>
				</div>
				);
				}

				function Home() {
				const context = useDocusaurusContext();
				const { siteConfig = {} } = context;
				return (
				<Layout
				title={`Hello from ${siteConfig.title}`}
				description="Description will go into a meta tag in <head />"
				>
				<header className={clsx('hero hero--primary', styles.heroBanner)}>
				<div className="container">
				<h1 className="hero__title">{siteConfig.title}</h1>
				<p className="hero__subtitle">{siteConfig.tagline}</p>
				<div className={styles.buttons}>
				<Link
				className={clsx(
				'button button--outline button--secondary button--lg',
				styles.getStarted,
				)}
				to={useBaseUrl('docs/')}
				>
				Get Started
				</Link>
				</div>
				</div>
				</header>
				<main>
				{features && features.length > 0 && (
				<section className={styles.features}>
				<div className="container">
				<div className="row">
				{features.map((props, idx) => (
				<Feature key={idx} {...props} />
				))}
				</div>
				</div>
				</section>
				)}
				</main>
				</Layout>
				);
				}

				export default Home;