import React, {FunctionComponent} from "react"
import {SpaceForEveryEquation} from "/imports/ui/components/landing/SpaceForEveryEquation";
import {LandingHero} from "/imports/ui/components/landing/LandingHero";
import {HowEverySpaceWorks} from "/imports/ui/components/landing/HowEverySpaceWorks";
import {WhatAreYouLookingFor} from "/imports/ui/components/landing/WhatAreYouLookingFor";
import {DiscoverSpacesAcrossSouthAfrica} from "/imports/ui/components/landing/DiscoverSpacesAcrossSouthAfrica";
import {GetInspiredForYourNextBooking} from "/imports/ui/components/landing/GetInspiredForYourNextBooking";
import {OwnASpaceShareIt} from "/imports/ui/components/landing/OwnASpaceShareIt";
import {ExploreLocationsSlider} from "/imports/ui/components/marketing/ExploreLocationsSlider";

interface EveryspaceLandingPageProps {

}

export const EveryspaceLandingPage: FunctionComponent<EveryspaceLandingPageProps> = () => {
    return <div>
        <LandingHero />

        <div className="custom-landing-spacer" />

        <SpaceForEveryEquation />

        <HowEverySpaceWorks />

        <WhatAreYouLookingFor />

        <ExploreLocationsSlider />

        <DiscoverSpacesAcrossSouthAfrica />

        <GetInspiredForYourNextBooking />

        <OwnASpaceShareIt />
    </div>
}