import React from 'react'
import { Link } from 'react-router-dom'

export const ComingSoonPage = () => {
    return (
        <>
            <div className="misc-wrapper pt-10">
                <h5 className="mb-2 mx-2">Coming Soon!</h5>
                <p className="mb-4 mx-2">We're currently working on this feature and will have it ready shortly.
                    Thank you for your patience!</p>
                <div className="mt-4">
                    <img
                        src="../assets/img/illustrations/girl-doing-yoga-light.png"
                        alt="girl-doing-yoga-light"
                        aria-label="Girl doing yoga light"
                        width="500"
                        className="img-fluid"
                        data-app-dark-img="illustrations/girl-doing-yoga-dark.png"
                        data-app-light-img="illustrations/girl-doing-yoga-light.png" />
                </div>
            </div>
        </>
    )
}