HeroSection.tsx•1.42 kB
// SPDX-FileCopyrightText: Copyright Orangebot, Inc. and Medplum contributors
// SPDX-License-Identifier: Apache-2.0
import Link from '@docusaurus/Link';
import { JSX } from 'react';
import { Container } from '../Container';
import { Jumbotron } from './Jumbotron';
import styles from './LandingPage.module.css';
export function HeroSection(): JSX.Element {
return (
<div className={styles.heroSection}>
<Container>
<Jumbotron>
<div className={styles.heroContent}>
<h1 className={styles.heroTitle}>
Accelerating
<br />
healthcare tech
</h1>
<p className={styles.heroText}>
Medplum is the open source healthcare developer platform that helps you build, test, and deliver any
healthcare product or service.
</p>
<Link href="/docs" className={styles.getStartedButton}>
<div>Get Started</div>
<img src="/img/btn-arrow.svg" alt="Go arrow" width="32" height="32" />
</Link>
</div>
<div className={styles.heroImage}>
<img
src="/img/hero/hero-interop-and-data-platform-square.webp"
alt="Robot working in a medical office"
width="450"
height="450"
/>
</div>
</Jumbotron>
</Container>
</div>
);
}