diff options
| author | Fabian Mastenbroek <mail.fabianm@gmail.com> | 2021-07-15 15:10:04 +0200 |
|---|---|---|
| committer | Fabian Mastenbroek <mail.fabianm@gmail.com> | 2021-07-15 15:45:25 +0200 |
| commit | 829be3c973f5ca837431c3ca10909412b675e668 (patch) | |
| tree | 4228b7173d5a058f1a4f2fd77fb4691cf29bc90f /opendc-web/opendc-web-ui/src/components/home/IntroSection.js | |
| parent | 1a2416043f0b877f570e89da74e0d0a4aff1d8ae (diff) | |
refactor(ui): Extract OpenDC landing page from web interface
This change extracts the landing page from the web interface in order to
separate the development of the two. This allows the landing page to be
developed independently of the actual OpenDC web application.
Diffstat (limited to 'opendc-web/opendc-web-ui/src/components/home/IntroSection.js')
| -rw-r--r-- | opendc-web/opendc-web-ui/src/components/home/IntroSection.js | 50 |
1 files changed, 0 insertions, 50 deletions
diff --git a/opendc-web/opendc-web-ui/src/components/home/IntroSection.js b/opendc-web/opendc-web-ui/src/components/home/IntroSection.js deleted file mode 100644 index f9000d32..00000000 --- a/opendc-web/opendc-web-ui/src/components/home/IntroSection.js +++ /dev/null @@ -1,50 +0,0 @@ -import PropTypes from 'prop-types' -import React from 'react' -import Image from 'next/image' -import { Container, Row, Col } from 'reactstrap' - -const IntroSection = ({ className }) => ( - <section id="intro" className={className}> - <Container className="pt-5 pb-3"> - <Row className="justify-content-center"> - <Col xl="4" lg="4" md="4" sm="8"> - <h4>The datacenter (DC) industry...</h4> - <ul> - <li>Is worth over $15 bn, and growing</li> - <li>Has many hard-to-grasp concepts</li> - <li>Needs to become accessible to many</li> - </ul> - </Col> - <Col xl="4" lg="4" md="4" sm="8"> - <Image - src="/img/datacenter-drawing.png" - className="col-12" - layout="intrinsic" - width={350} - height={197} - alt="Schematic top-down view of a datacenter" - /> - <p className="col-12 figure-caption text-center"> - <a href="http://www.dolphinhosts.co.uk/wp-content/uploads/2013/07/data-centers.gif"> - Image source - </a> - </p> - </Col> - <Col xl="4" lg="4" md="4" sm="8"> - <h4>OpenDC provides...</h4> - <ul> - <li>Collaborative online DC modeling</li> - <li>Diverse and effective DC simulation</li> - <li>Exploratory DC performance feedback</li> - </ul> - </Col> - </Row> - </Container> - </section> -) - -IntroSection.propTypes = { - className: PropTypes.string, -} - -export default IntroSection |