Header.tsx 929 Bytes
Newer Older
1
import * as React from 'react';
David Haynes's avatar
David Haynes committed
2
3
4
import { Col, Row } from 'reactstrap';

require('../css/iconbadge.css');
5
6

const Header = () => (
David Haynes's avatar
David Haynes committed
7
    <div>
David Haynes's avatar
David Haynes committed
8
        {/* TODO Extract into its own components with state management. */}
David Haynes's avatar
David Haynes committed
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
        <Row className="justify-content-end my-5 px-3">
            <span className="fa-stack fa-3x has-badge" data-count="0">
                <i className="fa fas fa-shopping-bag fa-stack-1x" />
            </span>
        </Row>
        <Row className="justify-content-center my-5">
            <h1>
                <i className="far fa-calendar-alt" /> Schedules
            </h1>
            <div className="w-100 mb-3" />
            <Col md="6">
                <p>
                    This is a catchy slogan that concisely describes the site with a lot of words that looks good on
                    mobile ahh.
                </p>
            </Col>
        </Row>
    </div>
27
28
29
);

export default Header;