updated Connect, Documentation, and Support pages with "Coming Soon!" message and illustration

This commit is contained in:
Vaibhav Surve 2025-04-07 18:30:01 +05:30 committed by Vikas Nale
parent f2a77b0685
commit 66c4e44ded
3 changed files with 45 additions and 3 deletions

View File

@ -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;

View File

@ -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;

View File

@ -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;