Home.jsx 1.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. import React, { Component } from 'react'
  2. import Card from '../component/common/Card/Card.jsx'
  3. import CardHeader from '../component/common/Card/CardHeader.jsx'
  4. import CardBody from '../component/common/Card/CardBody.jsx'
  5. import LogoHomepage from '../img/logoHeader.svg'
  6. class Home extends Component {
  7. render () {
  8. return (
  9. <section className='homepage'>
  10. <div className='container-fluid nopadding'>
  11. <Card customClass='homepagecard'>
  12. <CardHeader /> {/* @TODO fix architecture of this component */}
  13. <CardBody customClass='homepagecard'>
  14. <div>
  15. <div className='homepagecard__title text-center my-4'>
  16. Bienvenue sur Tracim
  17. </div>
  18. <div className='homepagecard__thanks text-center'>
  19. Merci de nous faire confiance et d'utiliser notre outil collaboratif
  20. </div>
  21. <div className='homepagecard__delimiter delimiter' />
  22. <div className='homepagecard__text text-center mb-5'>
  23. Vous allez créez votre premier espace de travail
  24. </div>
  25. <div className='homepagecard__btn btn btn-outline-primary'>
  26. Créer votre espace de travail
  27. </div>
  28. <div className='homepagecard__logo mt-5 mb-3'>
  29. <img src={LogoHomepage} alt='logo homepage' />
  30. </div>
  31. </div>
  32. </CardBody>
  33. </Card>
  34. </div>
  35. </section>
  36. )
  37. }
  38. }
  39. export default Home