BackGroundImage.jsx

BackGroundImage.jsx

<LandingBackground className={"z-depth-5"} url={URL}>
    <FullRow>
        <PaddedCol xs={{ span: 10, offset: 1 }} sm={{ span: 5, offset: 1 }}>
            <ResponsiveHeader2>Grow the community by spreading the message</ResponsiveHeader2>
            <ResponsiveParagraph>and get kittens in the process</ResponsiveParagraph>
        </PaddedCol>
        <PaddedCol xs={{ span: 10, offset: 1 }} sm={{ span: 5, offset: 1 }}>
            <VerticalCenterWrapper>
                <LoginButton className={"z-depth-5"} size="lg">
                    Join the movement{" "}
                    <span role="img" aria-label="rocket">
                        🚀
                    </span>
                </LoginButton>
            </VerticalCenterWrapper>
        </PaddedCol>
    </FullRow>
</LandingBackground>