34 lines
858 B
JavaScript
34 lines
858 B
JavaScript
|
import PropTypes from "prop-types";
|
||
|
import React from "react";
|
||
|
import Avatar from "../components/Avatar";
|
||
|
import Infos from "../components/Infos";
|
||
|
import Presentation from "../components/Presentation";
|
||
|
import styles from "./modules/HomeSection.module.css";
|
||
|
import Section from "./Section";
|
||
|
|
||
|
export default function HomeSection(props) {
|
||
|
const person = props.person;
|
||
|
return (
|
||
|
<Section>
|
||
|
<div className={styles.bg} />
|
||
|
|
||
|
<div className={styles.flexCenter}>
|
||
|
<div className={styles.container}>
|
||
|
<Presentation
|
||
|
firstName={person.firstName}
|
||
|
lastName={person.lastName}
|
||
|
description={person.description}
|
||
|
/>
|
||
|
<Avatar />
|
||
|
|
||
|
<Infos infos={person.infos} />
|
||
|
</div>
|
||
|
</div>
|
||
|
</Section>
|
||
|
);
|
||
|
}
|
||
|
|
||
|
HomeSection.propTypes = {
|
||
|
person: PropTypes.object.isRequired,
|
||
|
};
|