misselliev

import React from 'react';
import './App.css';
import Menubar from './components/Menubar';
import Banner from './components/Banner';

const App: React.FC = () => {
    return (
        <div className="App">
            <Menubar />
            <Banner BannerImg="https://i.imgur.com/dMVpKDa.jpg" AltImg="The 1975 iliwys banner" />

misselliev

import React from 'react';
import { Switch, Route } from 'react-router-dom';
import TourDates from './pages/TourDates';
import Home from './pages/Home';

const Routes: React.FC = () => (
    <Switch>
        <Route exact path="/" component={Home} />
        <Route path="/dates" component={TourDates} />
    </Switch>

misselliev

import React from 'react';

const Home: React.FC = () => {
    return (
        <div className="container mx-auto">
            <div className="font-bold text-white">You are home</div>
        </div>
    );
};

misselliev

import React from 'react';

const TourDates: React.FC = () => {
    return (
        <div className="container mx-auto">
            <div className="text-white">Tour Dates go here</div>
        </div>
    );
};

misselliev

import React from 'react';
import './App.css';
import { BrowserRouter as Router } from 'react-router-dom';
import Menubar from './components/Menubar';
import Banner from './components/Banner';
import Footer from './components/Footer';
import Routes from './Routes';

const App: React.FC = () => {
    return (