microsoft/hve-core
Publicmirrored from https://github.com/microsoft/hve-coreAvailable
docs/docusaurus/src/components/HeroSection/index.tsx
22lines · modecode
| 1 | import React from 'react'; |
| 2 | import styles from './styles.module.css'; |
| 3 | |
| 4 | interface HeroSectionProps { |
| 5 | title: string; |
| 6 | subtitle: string; |
| 7 | } |
| 8 | |
| 9 | export default function HeroSection({ |
| 10 | title, |
| 11 | subtitle, |
| 12 | }: HeroSectionProps): React.ReactElement { |
| 13 | return ( |
| 14 | <header className={styles.hero}> |
| 15 | <div className={styles.heroPattern} /> |
| 16 | <div className={styles.heroContent}> |
| 17 | <h1 className={styles.heroTitle}>{title}</h1> |
| 18 | <p className={styles.heroSubtitle}>{subtitle}</p> |
| 19 | </div> |
| 20 | </header> |
| 21 | ); |
| 22 | } |
| 23 | |