updated Connect, Documentation, and Support pages with "Coming Soon!" message and illustration
This commit is contained in:
parent
f2a77b0685
commit
66c4e44ded
@ -1,7 +1,21 @@
|
|||||||
import React from "react";
|
import React from "react";
|
||||||
|
|
||||||
const Connect = () => {
|
const Connect = () => {
|
||||||
return <div>Connect</div>;
|
return <div className="misc-wrapper">
|
||||||
|
<h2 className="mb-2 mx-2">Coming Soon!</h2>
|
||||||
|
<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>;
|
||||||
};
|
};
|
||||||
|
|
||||||
export default Connect;
|
export default Connect;
|
||||||
|
@ -1,7 +1,21 @@
|
|||||||
import React from "react";
|
import React from "react";
|
||||||
|
|
||||||
const Documentation = () => {
|
const Documentation = () => {
|
||||||
return <div>Documentation</div>;
|
return <div className="misc-wrapper">
|
||||||
|
<h2 className="mb-2 mx-2">Coming Soon!</h2>
|
||||||
|
<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>;
|
||||||
};
|
};
|
||||||
|
|
||||||
export default Documentation;
|
export default Documentation;
|
||||||
|
@ -1,7 +1,21 @@
|
|||||||
import React from "react";
|
import React from "react";
|
||||||
|
|
||||||
const Support = () => {
|
const Support = () => {
|
||||||
return <div>Support</div>;
|
return <div className="misc-wrapper">
|
||||||
|
<h2 className="mb-2 mx-2">Coming Soon!</h2>
|
||||||
|
<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>;
|
||||||
};
|
};
|
||||||
|
|
||||||
export default Support;
|
export default Support;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user