Added initial skeleton landing page with place-holder assets and styling

webapp/src/App.tsx

@@ -3,6 +3,7 @@ import AnnualReport from './pages/AnnualReport';
 import DataAnalysis from './pages/DataAnalysis';
 import Navigation from './Navigation';
 import About from './pages/About';
+import Landing from "./pages/Landing";
 import {BrowserRouter as Router,Switch, Route} from 'react-router-dom'
 
 
@@ -19,7 +20,7 @@ function App(): ReactElement {
             <Route exact path="/about" component={About} />
             <Route exact path='/analysis' component={DataAnalysis} />
             <Route exact path="/report" component={AnnualReport} />
-            <Route path="*" component={About} />
+            <Route path="*" component={Landing} />
         </Switch>
 
       </Router>

webapp/src/pages/Landing.tsx

+import React, {ReactElement} from "react";
+import {Card, Container, Row, Col} from "react-bootstrap";
+import SectionDataLogo from "../images/section_data_large.png";
+import SectionReportsLogo from "../images/section_reports_large.png";
+
+function Landing(): ReactElement {
+    return (
+        <Container>
+            <Row className="justify-content-md-center">
+                <Col align={'center'}>
+                    THE GÉANT COMPENDIUM OF NRENS
+                    <br/>
+                    <p>
+                        What the Compendium is, the history of it, the aim, what you can nd in it etc etc etc etc
+                        Lorem ipsum dolor sit amet, consec tetur adi piscing elit, sed do eiusmod tempor inc dolor sit
+                        amet,
+                        consec tetur adi piscing elit, sed do eiusmod tempor inc
+                    </p>
+                </Col>
+            </Row>
+            <Row>
+                <Col>
+                    <Container>
+                        <Row className="justify-content-md-center">
+                            <Col align={'center'}>
+                                <Card style={{ width: '18rem' }}>
+                                    <Card.Img src={SectionDataLogo}></Card.Img>
+                                    <Card.Body>
+                                        <Card.Title>Compendium Data</Card.Title>
+                                        <Card.Text>The results of the Compendium Surveys
+                                            lled in annually by NRENs. Questions cover
+                                            many topics: Network, Connected Users,
+                                            Services, Standards & Policies</Card.Text>
+                                    </Card.Body>
+                                </Card>
+                            </Col>
+                            <Col align={'center'}>
+                                <Card style={{ width: '18rem' }}>
+                                    <Card.Img src={SectionReportsLogo}></Card.Img>
+                                    <Card.Body>
+                                        <Card.Title>Compendium Reports</Card.Title>
+                                        <Card.Text>A GÉANT Compendium Report is published
+                                            annually, drawing on data from the Compendium
+                                            Survey lled in by NRENs, complemented by
+                                            information from other surveys</Card.Text>
+                                    </Card.Body>
+                                </Card>
+                            </Col>
+                        </Row>
+                    </Container>
+                </Col>
+            </Row>
+        </Container>
+    );
+}
+
+export default Landing;
\ No newline at end of file

webapp/src/types/images.d.ts

+declare module '*png';
\ No newline at end of file