const Hero = () => (
    <div className="wp-block-cover alignfull hero text-center mb-5">
        <div className="wp-block-cover__inner-container">
            <h1>Welcome</h1>
            <p className="has-text-color">Welcome to the WP Decoupled Demo page.</p>
            <p className="has-text-color">
                This is a frontend for a WooCommerce Store created with Next.js and WPGraphQL.
            </p>
        </div>
    </div>
);

export default Hero;
