Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 DESKTOP-QHP1O2H\MIKE
|
aa84b05b62 | ||
|
DESKTOP-QHP1O2H\MIKE
|
abea493248 | ||
|
DESKTOP-QHP1O2H\MIKE
|
16313a24d3 | ||
|
DESKTOP-QHP1O2H\MIKE
|
a23a2449ad | ||
|
DESKTOP-QHP1O2H\MIKE
|
05f30c224c | ||
|
DESKTOP-QHP1O2H\MIKE
|
138544c463 | ||
|
Michael
|
37b49e5e41 |
Generated
-8
@@ -1,8 +0,0 @@
|
||||
# Default ignored files
|
||||
/shelf/
|
||||
/workspace.xml
|
||||
# Datasource local storage ignored files
|
||||
/dataSources/
|
||||
/dataSources.local.xml
|
||||
# Editor-based HTTP Client requests
|
||||
/httpRequests/
|
||||
Generated
-8
@@ -1,8 +0,0 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="ProjectModuleManager">
|
||||
<modules>
|
||||
<module fileurl="file://$PROJECT_DIR$/.idea/www-myfit.iml" filepath="$PROJECT_DIR$/.idea/www-myfit.iml" />
|
||||
</modules>
|
||||
</component>
|
||||
</project>
|
||||
Generated
-6
@@ -1,6 +0,0 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="VcsDirectoryMappings">
|
||||
<mapping directory="$PROJECT_DIR$" vcs="Git" />
|
||||
</component>
|
||||
</project>
|
||||
Generated
-8
@@ -1,8 +0,0 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<module type="WEB_MODULE" version="4">
|
||||
<component name="NewModuleRootManager">
|
||||
<content url="file://$MODULE_DIR$" />
|
||||
<orderEntry type="inheritedJdk" />
|
||||
<orderEntry type="sourceFolder" forTests="false" />
|
||||
</component>
|
||||
</module>
|
||||
+1
-1
@@ -6,7 +6,7 @@ services:
|
||||
dockerfile: Dockerfile
|
||||
restart: unless-stopped
|
||||
ports:
|
||||
- 7010:3000
|
||||
- 9057:3000
|
||||
stdin_open: true
|
||||
working_dir: /usr/src/app
|
||||
volumes:
|
||||
|
||||
+2
-2
@@ -7,7 +7,7 @@
|
||||
|
||||
<!-- favicons Icons -->
|
||||
<link rel="manifest" href="%PUBLIC_URL%/manifest.json">
|
||||
<meta name="description" content="Cloud-based electronic health record platform for all users. patient health record, family health record">
|
||||
<meta name="description" content="APPER:: App Landing Page" />
|
||||
|
||||
<!-- fonts -->
|
||||
<link rel="stylesheet" href="assets/css/icofont.min.css">
|
||||
@@ -36,6 +36,6 @@
|
||||
<script src="assets/js/bootstrap.min.js"></script>
|
||||
<script src="assets/js/aos.js"></script>
|
||||
<script src="assets/js/main.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -1119,7 +1119,7 @@ header.fixed .navbar {
|
||||
.how_it_works .how_it_inner {
|
||||
background-color: var(--bg-white);
|
||||
padding: 70px 0;
|
||||
padding-bottom: 10px;
|
||||
padding-bottom: 250px;
|
||||
border-radius: 30px;
|
||||
box-shadow: 0px 4px 30px #ede9fe;
|
||||
}
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 55 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 37 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 69 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 46 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 46 KiB |
@@ -9,17 +9,6 @@ import BGImg2 from "../../assets/images/bread_crumb_bg_two.png"
|
||||
const Main = ({brdcum}) => {
|
||||
const [ytShow , setytShow] = useState (false)
|
||||
|
||||
// About us text variables
|
||||
let innovativeDesc = 'The team at myFit by Flxuxtra LLC works with you to achieve your health objectives without getting in your way. Do your health your way to get the best result for you and your family. We are you, always ready and always engaged with the users to help get the best out of our solution.'
|
||||
'We work with you to achieve your health and fitness goals by providing solutions that fit your goals.'
|
||||
let whyWeAreDiff = {
|
||||
desc:'We work with you to achieve your health and fitness goals by providing solutions that fit your goals.',
|
||||
title1: 'Secure',
|
||||
title2: 'Rich Features',
|
||||
title3: 'Ease of Use',
|
||||
title4: 'Support'
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
{brdcum.b1 &&
|
||||
@@ -67,13 +56,17 @@ const Main = ({brdcum}) => {
|
||||
life easy to grow.</h2>
|
||||
</div>
|
||||
<p data-aos="fade-up" data-aos-duration="1500">
|
||||
{innovativeDesc}
|
||||
Lorem Ipsum is simply dummy text of the printing and type
|
||||
setting industry lorem Ipsum has been the industrys standard dummy text ever since the when an unknown
|
||||
printer took a galley of type and scrambled it to make a type specimen book. It has survived not only
|
||||
five centuries, but also the leap into electronic typesetting, remaining to make a type speci
|
||||
men book. It has survived essentially unchanged.
|
||||
</p>
|
||||
{/* <p data-aos="fade-up" data-aos-duration="1500">
|
||||
<p data-aos="fade-up" data-aos-duration="1500">
|
||||
Standard dummy text ever since the when an unknown printer took a galley of type and scrambled it to
|
||||
make a type specien book. It has survived not only five centuries, but also the leap into electronic
|
||||
typesetting.
|
||||
</p> */}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
@@ -105,16 +98,17 @@ const Main = ({brdcum}) => {
|
||||
<div className="container">
|
||||
<div className="section_title" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100">
|
||||
<h2><span>Why we are different</span> from others!</h2>
|
||||
<p>{whyWeAreDiff.desc}</p>
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and typese tting <br/> indus orem Ipsum has beenthe standard
|
||||
dummy.</p>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-md-6 col-lg-3">
|
||||
<div className="why_box" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100">
|
||||
{/* <div className="icon">
|
||||
<div className="icon">
|
||||
<img src="assets/images/secure.png" alt="image"/>
|
||||
</div> */}
|
||||
</div>
|
||||
<div className="text">
|
||||
<h3>{whyWeAreDiff.title1}</h3>
|
||||
<h3>Secure code</h3>
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and type
|
||||
setting indus ideas.
|
||||
</p>
|
||||
@@ -123,22 +117,22 @@ const Main = ({brdcum}) => {
|
||||
</div>
|
||||
<div className="col-md-6 col-lg-3">
|
||||
<div className="why_box" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="200">
|
||||
{/* <div className="icon">
|
||||
<div className="icon">
|
||||
<img src="assets/images/abt_functional.png" alt="image"/>
|
||||
</div> */}
|
||||
</div>
|
||||
<div className="text">
|
||||
<h3>{whyWeAreDiff.title2}</h3>
|
||||
<h3>Fully functional</h3>
|
||||
<p>Simply dummy text of the printing and typesetting indus lorem Ipsum is dummy.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-6 col-lg-3">
|
||||
<div className="why_box" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="300">
|
||||
{/* <div className="icon">
|
||||
<div className="icon">
|
||||
<img src="assets/images/communication.png" alt="image"/>
|
||||
</div> */}
|
||||
</div>
|
||||
<div className="text">
|
||||
<h3>{whyWeAreDiff.title3}</h3>
|
||||
<h3>Best communication</h3>
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and type
|
||||
setting indus ideas.
|
||||
</p>
|
||||
@@ -147,11 +141,11 @@ const Main = ({brdcum}) => {
|
||||
</div>
|
||||
<div className="col-md-6 col-lg-3">
|
||||
<div className="why_box" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="400">
|
||||
{/* <div className="icon">
|
||||
<div className="icon">
|
||||
<img src="assets/images/abt_support.png" alt="image"/>
|
||||
</div> */}
|
||||
</div>
|
||||
<div className="text">
|
||||
<h3>{whyWeAreDiff.title4}</h3>
|
||||
<h3>24-7 Support</h3>
|
||||
<p>Simply dummy text of the printing and typesetting indus lorem Ipsum is dummy.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -4,22 +4,26 @@ import BGImg from "../../../assets/images/bread_crumb_bg.png";
|
||||
import BGImg1 from "../../../assets/images/bread_crumb_bg_one.png";
|
||||
import BGImg2 from "../../../assets/images/bread_crumb_bg_two.png";
|
||||
import SiteService from "../../../vendors/service/siteService";
|
||||
import Aos from "aos";
|
||||
const Main = ({ brdcum, bgimg }) => {
|
||||
// const [firstBlog, setFirstBlog] = useState([]);
|
||||
const [blogData, setBlogData] = useState([]);
|
||||
console.log(blogData);
|
||||
|
||||
const api = new SiteService();
|
||||
useEffect(() => {
|
||||
getBlogData();
|
||||
Aos.init();
|
||||
}, []);
|
||||
|
||||
const getBlogData = async () => {
|
||||
try {
|
||||
const res = await api.blogData();
|
||||
// let firstBlogData = res.data.slice(0,1);
|
||||
|
||||
setBlogData(res.data);
|
||||
// setFirstBlog(firstBlogData);
|
||||
|
||||
// console.log(res.data);
|
||||
console.log(res.data);
|
||||
|
||||
|
||||
} catch (error) {
|
||||
@@ -125,7 +129,7 @@ const Main = ({ brdcum, bgimg }) => {
|
||||
<div className="story_text">
|
||||
<h3>{data.post_title}</h3>
|
||||
<div dangerouslySetInnerHTML={{__html: data && data.post_content.substring(0,100)+' . . .'}}></div>
|
||||
<Link to={`/blog-single/${data.id}`} state={{data, allData: blogData}}>
|
||||
<Link to={`/blog-single/${data.id}`} state={{data}}>
|
||||
READ MORE
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
@@ -5,46 +5,15 @@ import BGImg from "../../../assets/images/bread_crumb_bg.png"
|
||||
import BGImg1 from "../../../assets/images/bread_crumb_bg_one.png"
|
||||
import BGImg2 from "../../../assets/images/bread_crumb_bg_two.png"
|
||||
import { useParams } from "react-router-dom";
|
||||
import SiteService from "../../../vendors/service/siteService";
|
||||
|
||||
|
||||
const Main = ({brdcum}) => {
|
||||
|
||||
const { id } = useParams();
|
||||
const location = useLocation();
|
||||
const [blogData, setBlogData] = useState([]);
|
||||
const [newAllData, setNewAllData] = useState([]);
|
||||
|
||||
|
||||
useEffect(() => {
|
||||
getBlogData();
|
||||
getLatestBlog();
|
||||
}, [location.state?.data]);
|
||||
|
||||
const api = new SiteService();
|
||||
const data = location.state?.data;
|
||||
const allData = location.state?.allData;
|
||||
|
||||
|
||||
const getLatestBlog = () =>{
|
||||
const arrData = [ ...allData ];
|
||||
const itemIndex = arrData.findIndex(x => x.id === data.id)
|
||||
arrData.splice(itemIndex, 1);
|
||||
const newAllData = arrData.splice(0, 3);
|
||||
setNewAllData(newAllData);
|
||||
|
||||
console.log('All data ', arrData, newAllData);
|
||||
}
|
||||
|
||||
const getBlogData = async () => {
|
||||
try {
|
||||
const res = await api.blogData();
|
||||
setBlogData(res.data);
|
||||
|
||||
} catch (error) {
|
||||
console.log("Error from blog data ", error);
|
||||
}
|
||||
};
|
||||
|
||||
const data = location.state?.data;
|
||||
|
||||
console.log("location", location, data);
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
@@ -173,7 +142,7 @@ const Main = ({brdcum}) => {
|
||||
<h2>3 Comments</h2>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
{/* <li>
|
||||
<div className="authore_info">
|
||||
<div className="avtar">
|
||||
<img src="assets/images/blog_d01.png" alt="image" />
|
||||
@@ -201,7 +170,7 @@ const Main = ({brdcum}) => {
|
||||
<div className="comment">
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and typesetting in dustry lorem Ipsum has been the industrys standard dummy text ev er since the when.</p>
|
||||
</div>
|
||||
</li>
|
||||
</li> */}
|
||||
<li>
|
||||
<div className="authore_info">
|
||||
<div className="avtar">
|
||||
@@ -269,34 +238,21 @@ const Main = ({brdcum}) => {
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and typese tting <br/> indus orem Ipsum has beenthe standard dummy.</p>
|
||||
</div>
|
||||
<div className="row">
|
||||
|
||||
{newAllData.map((data) => {
|
||||
|
||||
return (
|
||||
|
||||
<div className="col-md-4">
|
||||
<div className="story_box" data-aos="fade-up" data-aos-duration="1500">
|
||||
<div className="story_img">
|
||||
<img src={data.meta_value} alt="image" />
|
||||
<span>45 min ago</span>
|
||||
</div>
|
||||
<div className="story_text">
|
||||
<h3>{data.post_title}</h3>
|
||||
<div dangerouslySetInnerHTML={{__html: data.post_content.substring(0,300)+' . . .'}}></div>
|
||||
<Link to={`/blog-single/${data.id}`} state={{data}}>
|
||||
READ MORE
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
)})}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
{/* <div className="col-md-4">
|
||||
<div className="col-md-4">
|
||||
<div className="story_box" data-aos="fade-up" data-aos-duration="1500">
|
||||
<div className="story_img">
|
||||
<img src="assets/images/story01.png" alt="image" />
|
||||
<span>45 min ago</span>
|
||||
</div>
|
||||
<div className="story_text">
|
||||
<h3>Cool features added!</h3>
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and typesetting
|
||||
industry lorem Ipsum has.</p>
|
||||
<Link to="#">READ MORE</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-4">
|
||||
<div className="story_box" data-aos="fade-up" data-aos-duration="1500">
|
||||
<div className="story_img">
|
||||
<img src="assets/images/story02.png" alt="image" />
|
||||
@@ -321,7 +277,7 @@ const Main = ({brdcum}) => {
|
||||
<Link to="#">READ MORE</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -61,14 +61,14 @@ const Main = ({ footer }) => {
|
||||
</ul>
|
||||
<ul className="social_media">
|
||||
<li>
|
||||
<a href={process.env.REACT_APP_FACEBOOK}>
|
||||
<Link to="#">
|
||||
<i className="icofont-facebook"></i>
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<a href ={process.env.REACT_APP_TWITTER}>
|
||||
<Link to="#">
|
||||
<i className="icofont-twitter"></i>
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -94,13 +94,13 @@ const Main = ({ footer }) => {
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-12">
|
||||
<div className="links">
|
||||
<h3>Help & Support</h3>
|
||||
<h3>Help & Suport</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<Link to="/faq">FAQs</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link to="/how_it_work">How it works</Link>
|
||||
<Link to="/#how_it_work">How it works</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link to="/terms">Terms & conditions</Link>
|
||||
@@ -116,14 +116,14 @@ const Main = ({ footer }) => {
|
||||
<h3>Let’s Try Out</h3>
|
||||
<ul className="app_btn">
|
||||
<li>
|
||||
<a href={process.env.REACT_APP_ANDROID_URL}>
|
||||
<Link to="https://play.google.com/store/apps/details?id=com.mermsemr.myfit">
|
||||
<img src={blueapp} alt="image" />
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<a href={process.env.REACT_APP_IOS_URL}>
|
||||
<Link to="https://play.google.com/store/apps/details?id=com.mermsemr.myfit">
|
||||
<img src={blue} alt="image" />
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -197,15 +197,15 @@ const Main = ({ footer }) => {
|
||||
</li>
|
||||
</ul>
|
||||
<ul className="social_media">
|
||||
<li>
|
||||
<a href={process.env.REACT_APP_FACEBOOK}>
|
||||
<i className="icofont-facebook"></i>
|
||||
</a>
|
||||
<li>
|
||||
<Link to="#">
|
||||
<i className="icofont-facebook"></i>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<a href ={process.env.REACT_APP_TWITTER}>
|
||||
<i className="icofont-twitter"></i>
|
||||
</a>
|
||||
<Link to="#">
|
||||
<i className="icofont-twitter"></i>
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -231,13 +231,13 @@ const Main = ({ footer }) => {
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-12">
|
||||
<div className="links">
|
||||
<h3>Help & Support</h3>
|
||||
<h3>Help & Suport</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<Link to="/faq">FAQs</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link to="/how_it_work">How it works</Link>
|
||||
<Link to="/#how_it_work">How it works</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link to="/terms">Terms & conditions</Link>
|
||||
@@ -253,14 +253,20 @@ const Main = ({ footer }) => {
|
||||
<h3>Let’s Try Out</h3>
|
||||
<ul className="app_btn">
|
||||
<li>
|
||||
<a href={process.env.REACT_APP_ANDROID_URL}>
|
||||
<img src={blueapp} alt="image" />
|
||||
</a>
|
||||
<Link to="https://play.google.com/store/apps/details?id=com.mermsemr.myfit">
|
||||
<img
|
||||
src="assets/images/appstore_blue.png"
|
||||
alt="image"
|
||||
/>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<a href={process.env.REACT_APP_IOS_URL}>
|
||||
<img src={blue} alt="image" />
|
||||
</a>
|
||||
<Link to="https://play.google.com/store/apps/details?id=com.mermsemr.myfit">
|
||||
<img
|
||||
src="assets/images/googleplay_blue.png"
|
||||
alt="image"
|
||||
/>
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -321,14 +327,14 @@ const Main = ({ footer }) => {
|
||||
</ul>
|
||||
<ul className="social_media">
|
||||
<li>
|
||||
<a href={process.env.REACT_APP_FACEBOOK}>
|
||||
<Link to="#">
|
||||
<i className="icofont-facebook"></i>
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<a href ={process.env.REACT_APP_TWITTER}>
|
||||
<Link to="#">
|
||||
<i className="icofont-twitter"></i>
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -367,7 +373,7 @@ const Main = ({ footer }) => {
|
||||
<Link to="#">Support</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link to="/how_it_work">How it works</Link>
|
||||
<Link to="/work">How it works</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link to="/terms">Terms & conditions</Link>
|
||||
@@ -383,15 +389,21 @@ const Main = ({ footer }) => {
|
||||
<div className="try_out">
|
||||
<h3>Let’s Try Out</h3>
|
||||
<ul className="app_btn">
|
||||
<li>
|
||||
<a href={process.env.REACT_APP_ANDROID_URL}>
|
||||
<img src={blueapp} alt="image" />
|
||||
</a>
|
||||
<li>
|
||||
<Link to="https://play.google.com/store/apps/details?id=com.mermsemr.myfit">
|
||||
<img
|
||||
src="assets/images/appstore_blue.png"
|
||||
alt="image"
|
||||
/>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<a href={process.env.REACT_APP_IOS_URL}>
|
||||
<img src={blue} alt="image" />
|
||||
</a>
|
||||
<Link to="https://play.google.com/store/apps/details?id=com.mermsemr.myfit">
|
||||
<img
|
||||
src="assets/images/googleplay_blue.png"
|
||||
alt="image"
|
||||
/>
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -446,14 +458,14 @@ const Main = ({ footer }) => {
|
||||
</ul>
|
||||
<ul className="social_media">
|
||||
<li>
|
||||
<a href={process.env.REACT_APP_FACEBOOK}>
|
||||
<Link to="#">
|
||||
<i className="icofont-facebook"></i>
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<a href ={process.env.REACT_APP_TWITTER}>
|
||||
<Link to="#">
|
||||
<i className="icofont-twitter"></i>
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -483,7 +495,7 @@ const Main = ({ footer }) => {
|
||||
|
||||
<div className="col-lg-3 col-md-6 col-12">
|
||||
<div className="links">
|
||||
<h3>Help & Support</h3>
|
||||
<h3>Help & Suport</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<Link to="/faq">FAQs</Link>
|
||||
@@ -492,7 +504,7 @@ const Main = ({ footer }) => {
|
||||
<Link to="#">Support</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link to="/how_it_work">How it works</Link>
|
||||
<Link to="/work">How it works</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link to="/terms">Terms & conditions</Link>
|
||||
@@ -509,14 +521,20 @@ const Main = ({ footer }) => {
|
||||
<h3>Let’s Try Out</h3>
|
||||
<ul className="app_btn">
|
||||
<li>
|
||||
<a href={process.env.REACT_APP_ANDROID_URL}>
|
||||
<img src={blueapp} alt="image" />
|
||||
</a>
|
||||
<Link to="https://play.google.com/store/apps/details?id=com.mermsemr.myfit">
|
||||
<img
|
||||
src="assets/images/appstore_blue.png"
|
||||
alt="image"
|
||||
/>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<a href={process.env.REACT_APP_IOS_URL}>
|
||||
<img src={blue} alt="image" />
|
||||
</a>
|
||||
<Link to="https://play.google.com/store/apps/details?id=com.mermsemr.myfit">
|
||||
<img
|
||||
src="assets/images/googleplay_blue.png"
|
||||
alt="image"
|
||||
/>
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -579,14 +597,14 @@ const Main = ({ footer }) => {
|
||||
</ul>
|
||||
<ul className="social_media">
|
||||
<li>
|
||||
<a href={process.env.REACT_APP_FACEBOOK}>
|
||||
<Link to="#">
|
||||
<i className="icofont-facebook"></i>
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<a href ={process.env.REACT_APP_TWITTER}>
|
||||
<Link to="#">
|
||||
<i className="icofont-twitter"></i>
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -615,7 +633,7 @@ const Main = ({ footer }) => {
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6 col-12">
|
||||
<div className="links">
|
||||
<h3>Help & Support</h3>
|
||||
<h3>Help & Suport</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<Link to="/faq">FAQs</Link>
|
||||
@@ -624,7 +642,7 @@ const Main = ({ footer }) => {
|
||||
<Link to="#">Support</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link to="/how_it_work">How it works</Link>
|
||||
<Link to="/work">How it works</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link to="/terms">Terms & conditions</Link>
|
||||
@@ -639,15 +657,21 @@ const Main = ({ footer }) => {
|
||||
<div className="try_out">
|
||||
<h3>Let’s Try Out</h3>
|
||||
<ul className="app_btn">
|
||||
<li>
|
||||
<a href={process.env.REACT_APP_ANDROID_URL}>
|
||||
<img src={blueapp} alt="image" />
|
||||
</a>
|
||||
<li>
|
||||
<Link to="https://play.google.com/store/apps/details?id=com.mermsemr.myfit">
|
||||
<img
|
||||
src="assets/images/appstore_blue.png"
|
||||
alt="image"
|
||||
/>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<a href={process.env.REACT_APP_IOS_URL}>
|
||||
<img src={blue} alt="image" />
|
||||
</a>
|
||||
<Link to="https://play.google.com/store/apps/details?id=com.mermsemr.myfit">
|
||||
<img
|
||||
src="assets/images/googleplay_blue.png"
|
||||
alt="image"
|
||||
/>
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -47,18 +47,19 @@ const Main = () => {
|
||||
<div className="free_text">
|
||||
<div className="section_title">
|
||||
<h2>Let’s download free from apple and play store</h2>
|
||||
<p>Instant free download from apple and play store. All you need is an iPhone or Android device to enjoy all personalized metrics for personal use. Welcome to myFit App.</p>
|
||||
<p>Instant free download from apple and play store orem Ipsum is simply dummy text of the printing.
|
||||
and typese tting indus orem Ipsum has beenthe standard</p>
|
||||
</div>
|
||||
<ul className="app_btn">
|
||||
<li>
|
||||
<a href={process.env.REACT_APP_ANDROID_URL}>
|
||||
<Link to="https://play.google.com/store/apps/details?id=com.mermsemr.myfit">
|
||||
<img src={blueapp} alt="image" />
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<a href={process.env.REACT_APP_IOS_URL}>
|
||||
<Link to="https://play.google.com/store/apps/details?id=com.mermsemr.myfit">
|
||||
<img src={blue} alt="image" />
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -24,7 +24,8 @@ const Main = ({gredient}) => {
|
||||
<div className="container">
|
||||
<div className="section_title" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="300">
|
||||
<h2><span>FAQ</span> - Frequently Asked Questions</h2>
|
||||
<p>Organizing all types of wellness activity you desire.<br/>Proven step to increase pleasure and commitment.</p>
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and typese tting <br/> indus orem Ipsum has beenthe
|
||||
standard dummy.</p>
|
||||
</div>
|
||||
<div className="faq_panel">
|
||||
<div className="accordion" id="accordionExample">
|
||||
|
||||
@@ -33,10 +33,9 @@ const Main = () => {
|
||||
<section className="row_am interface_section">
|
||||
<div className="container-fluid">
|
||||
<div className="section_title" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="300">
|
||||
<h2>Beautiful <span>interface</span></h2>
|
||||
<h2>Beautifull <span>interface</span></h2>
|
||||
<p>
|
||||
myFit appends a fun yet simple process to keep you consistently<br/> motivated,engaged and moving again without any shrewdness.
|
||||
|
||||
Lorem Ipsum is simply dummy text of the printing and typese tting <br/> indus orem Ipsum has beenthe standard dummy.
|
||||
</p>
|
||||
</div>
|
||||
<div className="screen_slider" >
|
||||
|
||||
@@ -41,7 +41,7 @@ const Main = ({gredient , video}) => {
|
||||
<span className={`tog_btn ${tog && "month_active"}`} onClick = {() => setTog(tog === true ? false : true)}></span>
|
||||
</div>
|
||||
<span className="years">Yearly</span>
|
||||
{/* <span className="offer">50% off</span> */}
|
||||
<span className="offer">50% off</span>
|
||||
</div>
|
||||
|
||||
<div className={`pricing_pannel monthly_plan ${tog ? '' : 'active'}`}>
|
||||
@@ -49,9 +49,10 @@ const Main = ({gredient , video}) => {
|
||||
|
||||
{prices.length > 0 &&
|
||||
prices.map((price, index) => {
|
||||
if (index % 2 == 0) {
|
||||
return (
|
||||
<div key={index} className="col-md-4">
|
||||
<div className={`pricing_block ${index % 2 == 0? '' : 'highlited_block'}`}>
|
||||
<div className="pricing_block">
|
||||
<div className="icon">
|
||||
{ video ? <img src="assets/images/standard-one.png" alt="image" /> : <img src={price.icon} alt="image" /> }
|
||||
</div>
|
||||
@@ -61,12 +62,32 @@ const Main = ({gredient , video}) => {
|
||||
</div>
|
||||
<span className="price">{price.price}</span>
|
||||
<ul className="benifits">
|
||||
{price.features.map((feature, index)=> <li key={index}><p>{feature}</p></li>)}
|
||||
{price.features.map((feature, index)=> <p key={index}>{feature}</p>)}
|
||||
</ul>
|
||||
<Link to="/" className="btn white_btn">Start Now</Link>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
} else {
|
||||
return (
|
||||
<div key={index} className="col-md-4">
|
||||
<div className="pricing_block highlited_block">
|
||||
<div className="icon">
|
||||
{ video ? <img src="assets/images/standard-one.png" alt="image" /> : <img src={price.icon} alt="image" /> }
|
||||
</div>
|
||||
<div className="pkg_name">
|
||||
<h3>{price.title}</h3>
|
||||
<span>{price.text}</span>
|
||||
</div>
|
||||
<span className="price">{price.price}</span>
|
||||
<ul className="benifits">
|
||||
{price.features.map((feature, index)=> <p key={index}>{feature}</p>)}
|
||||
</ul>
|
||||
<Link to="/" className="btn white_btn">Start Now</Link>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
@@ -109,9 +130,10 @@ const Main = ({gredient , video}) => {
|
||||
|
||||
{prices.length > 0 &&
|
||||
prices.map((price, index) => {
|
||||
if (index % 2 == 0) {
|
||||
return (
|
||||
<div key={index} className="col-md-4">
|
||||
<div className={`pricing_block ${index % 2 == 0? '' : 'highlited_block'}`}>
|
||||
<div className="pricing_block">
|
||||
<div className="icon">
|
||||
{ video ? <img src="assets/images/standard-one.png" alt="image" /> : <img src={price.icon} alt="image" /> }
|
||||
</div>
|
||||
@@ -119,14 +141,34 @@ const Main = ({gredient , video}) => {
|
||||
<h3>{price.title}</h3>
|
||||
<span>{price.text}</span>
|
||||
</div>
|
||||
<span className="price">{price.price_anual}</span>
|
||||
<span className="price">{price.price}</span>
|
||||
<ul className="benifits">
|
||||
{price.features.map((feature, index)=> <li key={index}><p>{feature}</p></li>)}
|
||||
{price.features.map((feature, index)=> <p key={index}>{feature}</p>)}
|
||||
</ul>
|
||||
<Link to="/" className="btn white_btn">Start Now</Link>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
} else {
|
||||
return (
|
||||
<div key={index} className="col-md-4">
|
||||
<div className="pricing_block highlited_block">
|
||||
<div className="icon">
|
||||
{ video ? <img src="assets/images/standard-one.png" alt="image" /> : <img src={price.icon} alt="image" /> }
|
||||
</div>
|
||||
<div className="pkg_name">
|
||||
<h3>{price.title}</h3>
|
||||
<span>{price.text}</span>
|
||||
</div>
|
||||
<span className="price">{price.price}</span>
|
||||
<ul className="benifits">
|
||||
{price.features.map((feature, index)=> <p key={index}>{feature}</p>)}
|
||||
</ul>
|
||||
<Link to="/" className="btn white_btn">Start Now</Link>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
@@ -150,7 +192,7 @@ const Main = ({gredient , video}) => {
|
||||
<span className={`tog_btn ${tog && "month_active"}`} onClick = {() => setTog(tog === true ? false : true)}></span>
|
||||
</div>
|
||||
<span className="years">Yearly</span>
|
||||
{/* <span className="offer">50% off</span> */}
|
||||
<span className="offer">50% off</span>
|
||||
</div>
|
||||
|
||||
<div className={`pricing_pannel monthly_plan ${tog ? '' : 'active'}`}>
|
||||
@@ -158,9 +200,10 @@ const Main = ({gredient , video}) => {
|
||||
|
||||
{prices.length > 0 &&
|
||||
prices.map((price, index) => {
|
||||
if (index % 2 == 0) {
|
||||
return (
|
||||
<div key={index} className="col-md-4">
|
||||
<div className={`pricing_block ${index % 2 == 0? '' : 'highlited_block'}`}>
|
||||
<div className="pricing_block">
|
||||
<div className="icon">
|
||||
{ video ? <img src="assets/images/standard-one.png" alt="image" /> : <img src={price.icon} alt="image" /> }
|
||||
</div>
|
||||
@@ -170,13 +213,33 @@ const Main = ({gredient , video}) => {
|
||||
</div>
|
||||
<span className="price">{price.price}</span>
|
||||
<ul className="benifits">
|
||||
{price.features.map((feature, index)=> <li key={index}><p>{feature}</p></li>)}
|
||||
{price.features.map((feature, index)=> <p key={index}>{feature}</p>)}
|
||||
</ul>
|
||||
<Link to="/" className="btn white_btn">Start Now</Link>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
})
|
||||
} else {
|
||||
return (
|
||||
<div key={index} className="col-md-4">
|
||||
<div className="pricing_block highlited_block">
|
||||
<div className="icon">
|
||||
{ video ? <img src="assets/images/standard-one.png" alt="image" /> : <img src={price.icon} alt="image" /> }
|
||||
</div>
|
||||
<div className="pkg_name">
|
||||
<h3>{price.title}</h3>
|
||||
<span>{price.text}</span>
|
||||
</div>
|
||||
<span className="price">{price.price}</span>
|
||||
<ul className="benifits">
|
||||
{price.features.map((feature, index)=> <p key={index}>{feature}</p>)}
|
||||
</ul>
|
||||
<Link to="/" className="btn white_btn">Start Now</Link>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
</div>
|
||||
@@ -187,9 +250,10 @@ const Main = ({gredient , video}) => {
|
||||
|
||||
{prices.length > 0 &&
|
||||
prices.map((price, index) => {
|
||||
if (index % 2 == 0) {
|
||||
return (
|
||||
<div key={index} className="col-md-4">
|
||||
<div className={`pricing_block ${index % 2 == 0? '' : 'highlited_block'}`}>
|
||||
<div className="pricing_block">
|
||||
<div className="icon">
|
||||
{ video ? <img src="assets/images/standard-one.png" alt="image" /> : <img src={price.icon} alt="image" /> }
|
||||
</div>
|
||||
@@ -197,14 +261,34 @@ const Main = ({gredient , video}) => {
|
||||
<h3>{price.title}</h3>
|
||||
<span>{price.text}</span>
|
||||
</div>
|
||||
<span className="price">{price.price_anual}</span>
|
||||
<span className="price">{price.price}</span>
|
||||
<ul className="benifits">
|
||||
{price.features.map((feature, index)=> <li key={index}><p>{feature}</p></li>)}
|
||||
{price.features.map((feature, index)=> <p key={index}>{feature}</p>)}
|
||||
</ul>
|
||||
<Link to="/" className="btn white_btn">Start Now</Link>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
} else {
|
||||
return (
|
||||
<div key={index} className="col-md-4">
|
||||
<div className="pricing_block highlited_block">
|
||||
<div className="icon">
|
||||
{ video ? <img src="assets/images/standard-one.png" alt="image" /> : <img src={price.icon} alt="image" /> }
|
||||
</div>
|
||||
<div className="pkg_name">
|
||||
<h3>{price.title}</h3>
|
||||
<span>{price.text}</span>
|
||||
</div>
|
||||
<span className="price">{price.price}</span>
|
||||
<ul className="benifits">
|
||||
{price.features.map((feature, index)=> <p key={index}>{feature}</p>)}
|
||||
</ul>
|
||||
<Link to="/" className="btn white_btn">Start Now</Link>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
import React , {useState} from 'react'
|
||||
import { Link } from 'react-router-dom'
|
||||
import img from '../../../assets/images/download_app1.png'
|
||||
import img1 from '../../../assets/images/create_account2.png'
|
||||
import img2 from '../../../assets/images/enjoy_app01.png'
|
||||
import img from '../../../assets/images/download_app.jpg'
|
||||
import img1 from '../../../assets/images/create_account.jpg'
|
||||
import img2 from '../../../assets/images/enjoy_app.jpg'
|
||||
import line from '../../../assets/images/anim_line.png'
|
||||
import banner from '../../../assets/images/banner-shape1.png'
|
||||
import banner1 from '../../../assets/images/banner-shape2.png'
|
||||
@@ -43,7 +43,7 @@ const Main = ({dark}) => {
|
||||
<li>
|
||||
<div className="step_text" data-aos="fade-left" data-aos-duration="1500">
|
||||
<h4>Create account</h4>
|
||||
<span>Free Account</span>
|
||||
<span>14 days free trial</span>
|
||||
<p>Sign up free for App account. One account for all devices.</p>
|
||||
</div>
|
||||
<div className="step_number">
|
||||
@@ -56,7 +56,7 @@ const Main = ({dark}) => {
|
||||
<li>
|
||||
<div className="step_text" data-aos="fade-right" data-aos-duration="1500">
|
||||
<h4>It’s done, enjoy the app</h4>
|
||||
<span>Have any questions check our <Link to="/faq">FAQs</Link></span>
|
||||
<span>Have any questions check our <Link to="#">FAQs</Link></span>
|
||||
<p>Get most amazing app experience,Explore and share the app</p>
|
||||
</div>
|
||||
<div className="step_number">
|
||||
|
||||
@@ -134,7 +134,7 @@ const Main = ({navbar}) => {
|
||||
<Link smooth to="/#features" className="nav-link">Features</Link>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<Link smooth to="#how_it_work" className="nav-link">How it works</Link>
|
||||
<Link smooth to="/#how_it_work" className="nav-link">How it works</Link>
|
||||
</li>
|
||||
<li className="nav-item" >
|
||||
<Link to="/blog" className="nav-link">Blog</Link>
|
||||
@@ -286,7 +286,7 @@ const Main = ({navbar}) => {
|
||||
<span className="drp_btn" ><i className="icofont-rounded-down"></i></span>
|
||||
<div className="sub_menu" style={{ display: show ? "block" : "none" }}>
|
||||
<ul>
|
||||
<li><Link to="/">Home Default</Link></li>
|
||||
<li><Link to="/">Home Defoult</Link></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
@@ -359,7 +359,7 @@ const Main = ({navbar}) => {
|
||||
<span className="drp_btn" ><i className="icofont-rounded-down"></i></span>
|
||||
<div className="sub_menu">
|
||||
<ul>
|
||||
<li><Link to="/">Home Default</Link></li>
|
||||
<li><Link to="/">Home Defoult</Link></li>
|
||||
|
||||
|
||||
</ul>
|
||||
@@ -404,7 +404,7 @@ const Main = ({navbar}) => {
|
||||
<span className="drp_btn" ><i className="icofont-rounded-down"></i></span>
|
||||
<div className="sub_menu" style={{ display: show ? "block" : "none" }}>
|
||||
<ul>
|
||||
<li><Link to="/">Home Default</Link></li>
|
||||
<li><Link to="/">Home Defoult</Link></li>
|
||||
|
||||
|
||||
</ul>
|
||||
@@ -477,7 +477,7 @@ const Main = ({navbar}) => {
|
||||
<span className="drp_btn" ><i className="icofont-rounded-down"></i></span>
|
||||
<div className="sub_menu">
|
||||
<ul>
|
||||
<li><Link to="/">Home Default</Link></li>
|
||||
<li><Link to="/">Home Defoult</Link></li>
|
||||
|
||||
|
||||
</ul>
|
||||
@@ -533,7 +533,7 @@ const Main = ({navbar}) => {
|
||||
<span className="drp_btn" ><i className="icofont-rounded-down"></i></span>
|
||||
<div className="sub_menu" style={{ display: show ? "block" : "none" }}>
|
||||
<ul>
|
||||
<li><Link to="/">Home Default</Link></li>
|
||||
<li><Link to="/">Home Defoult</Link></li>
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
@@ -4,25 +4,24 @@ import Bredcrumb from '../../Bredcrumb/Main'
|
||||
import BGImg from "../../../assets/images/bread_crumb_bg.png"
|
||||
import BGImg1 from "../../../assets/images/bread_crumb_bg_one.png"
|
||||
import BGImg2 from "../../../assets/images/bread_crumb_bg_two.png"
|
||||
import Faq from '../../HomeMain/Faq/Main'
|
||||
|
||||
import SiteService from '../../../vendors/service/siteService'
|
||||
|
||||
const Main = ({brdcum}) => {
|
||||
|
||||
// const[activeFaq, setActiveFaq] = useState({btn0 : false})
|
||||
const[activeFaq, setActiveFaq] = useState({btn0 : false})
|
||||
|
||||
// const [faqs, setFaqs] = useState([]); // initial state for FAQs before API call
|
||||
const [faqs, setFaqs] = useState([]); // initial state for FAQs before API call
|
||||
|
||||
// let faqServices = new SiteService(); // instantiating the class
|
||||
let faqServices = new SiteService(); // instantiating the class
|
||||
|
||||
// const allFaqData = () => {
|
||||
// return faqServices.faqData();
|
||||
// };
|
||||
const allFaqData = () => {
|
||||
return faqServices.faqData();
|
||||
};
|
||||
|
||||
// useEffect(() => {
|
||||
// allFaqData().then((data) => setFaqs(data.data));
|
||||
// }, []);
|
||||
useEffect(() => {
|
||||
allFaqData().then((data) => setFaqs(data.data));
|
||||
}, []);
|
||||
return (
|
||||
<>
|
||||
{brdcum.b1 &&
|
||||
@@ -65,12 +64,12 @@ const Main = ({brdcum}) => {
|
||||
bgimg={BGImg2}/>}
|
||||
|
||||
|
||||
{/* <section className="row_am faq_section">
|
||||
<section className="row_am faq_section">
|
||||
<div className="container">
|
||||
<div className="faq_panel">
|
||||
<div className="accordion" id="accordionExample">
|
||||
|
||||
<div className="card" data-aos="fade-up" >
|
||||
{/* <div className="card" data-aos="fade-up" >
|
||||
<div className="card-header" id="headingOne">
|
||||
<h2 className="mb-0">
|
||||
<button type="button" className={`btn btn-link ${activeFaq.a && "active"}`} onClick= {() => setActiveFaq(activeFaq.a ? {a : false} : {a : true})} data-toggle="collapse" data-target="#collapseOne">
|
||||
@@ -85,9 +84,9 @@ const Main = ({brdcum}) => {
|
||||
leap into electronic typesetting, remaining essentially unchanged.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
|
||||
<div className="card" data-aos="fade-up" >
|
||||
{/* <div className="card" data-aos="fade-up" >
|
||||
<div className="card-header" id="headingTwo">
|
||||
<h2 className="mb-0">
|
||||
<button type="button" className={`btn btn-link collapsed ${activeFaq.b && "active"}`} onClick= {() => setActiveFaq(activeFaq.b ? {b : false} : {b : true})} data-toggle="collapse"
|
||||
@@ -102,9 +101,9 @@ const Main = ({brdcum}) => {
|
||||
leap into electronic typesetting, remaining essentially unchanged.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
|
||||
<div className="card" data-aos="fade-up" >
|
||||
{/* <div className="card" data-aos="fade-up" >
|
||||
<div className="card-header" id="headingThree">
|
||||
<h2 className="mb-0">
|
||||
<button type="button" className={`btn btn-link collapsed ${activeFaq.c && "active"}`} onClick= {() => setActiveFaq(activeFaq.c ? {c : false} : {c : true})} data-toggle="collapse"
|
||||
@@ -120,9 +119,9 @@ const Main = ({brdcum}) => {
|
||||
leap into electronic typesetting, remaining essentially unchanged.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
|
||||
<div className="card" data-aos="fade-up" >
|
||||
{/* <div className="card" data-aos="fade-up" >
|
||||
<div className="card-header" id="headingFour">
|
||||
<h2 className="mb-0">
|
||||
<button type="button" className={`btn btn-link collapsed ${activeFaq.d && "active"}`} onClick= {() => setActiveFaq(activeFaq.d ? {d : false} : {d : true})} data-toggle="collapse"
|
||||
@@ -139,9 +138,9 @@ const Main = ({brdcum}) => {
|
||||
leap into electronic typesetting, remaining essentially unchanged.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
|
||||
<div className="card" data-aos="fade-up" >
|
||||
{/* <div className="card" data-aos="fade-up" >
|
||||
<div className="card-header" id="headingFive">
|
||||
<h2 className="mb-0">
|
||||
<button type="button" className={`btn btn-link collapsed ${activeFaq.e && "active"}`} onClick= {() => setActiveFaq(activeFaq.e ? {e : false} : {e : true})} data-toggle="collapse"
|
||||
@@ -158,9 +157,9 @@ const Main = ({brdcum}) => {
|
||||
leap into electronic typesetting, remaining essentially unchanged.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
|
||||
<div className="card" data-aos="fade-up" >
|
||||
{/* <div className="card" data-aos="fade-up" >
|
||||
<div className="card-header" id="headingSix">
|
||||
<h2 className="mb-0">
|
||||
<button type="button" className={`btn btn-link collapsed ${activeFaq.f && "active"}`} onClick= {() => setActiveFaq(activeFaq.f ? {f : false} : {f : true})} data-toggle="collapse"
|
||||
@@ -177,9 +176,9 @@ const Main = ({brdcum}) => {
|
||||
leap into electronic typesetting, remaining essentially unchanged.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
|
||||
<div className="card" data-aos="fade-up" >
|
||||
{/* <div className="card" data-aos="fade-up" >
|
||||
<div className="card-header" id="headingSeven">
|
||||
<h2 className="mb-0">
|
||||
<button type="button" className={`btn btn-link collapsed ${activeFaq.g && "active"}`} onClick= {() => setActiveFaq(activeFaq.g ? {g : false} : {g : true})} data-toggle="collapse"
|
||||
@@ -196,14 +195,37 @@ const Main = ({brdcum}) => {
|
||||
leap into electronic typesetting, remaining essentially unchanged.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
|
||||
{/* displays loading ... while the page fetches the FAQs */}
|
||||
{faqs.length < 1 && <h3>Loading...</h3>}
|
||||
|
||||
{faqs.length > 0 && faqs.map((faq, index) => {
|
||||
let id = `heading${index}`; //headingSeven
|
||||
let target = `collapse${index}`; //#collapseSeven
|
||||
|
||||
return(
|
||||
<div key={index} className="card" data-aos="fade-up" >
|
||||
<div className="card-header" id={id}>
|
||||
<h2 className="mb-0">
|
||||
<button type="button" className={`btn btn-link collapsed ${activeFaq.b && "active"}`} data-toggle="collapse"
|
||||
data-target={`#${target}`}>{activeFaq.b ? <i className="icon_faq icofont-minus"></i> : <i className="icon_faq icofont-plus"></i>}{faq.title}
|
||||
</button>
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<div id={target} className="collapse" aria-labelledby={id} data-parent="#accordionExample">
|
||||
<div className="card-body">
|
||||
<p>{faq.text}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
})}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section> */}
|
||||
|
||||
<Faq />
|
||||
|
||||
</section>
|
||||
<section className="row_am free_app_section review_freeapp" id="getstarted">
|
||||
<div className="container">
|
||||
<div className="free_app_inner aos-init" data-aos="fade-in" data-aos-duration="1500" data-aos-delay="100">
|
||||
@@ -223,20 +245,20 @@ const Main = ({brdcum}) => {
|
||||
<div className="free_text">
|
||||
<div className="section_title">
|
||||
<h2>Let’s download free from apple and play store</h2>
|
||||
<p>Instant free download from apple and play store. All you need is an iPhone or Android device to enjoy all personalized metrics for personal use. Welcome to myFit App.</p>
|
||||
<p>Instant free download from apple and play store orem Ipsum is simply dummy text of the printing.
|
||||
and typese tting indus orem Ipsum has beenthe standard</p>
|
||||
</div>
|
||||
<ul className="app_btn">
|
||||
<li>
|
||||
<a href={process.env.REACT_APP_ANDROID_URL}>
|
||||
<img src={blueapp} alt="image" />
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href={process.env.REACT_APP_IOS_URL}>
|
||||
<img src={blue} alt="image" />
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<Link to="#">
|
||||
<img src="assets/images/appstore_blue.png" alt="image" />
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link to="#">
|
||||
<img src="assets/images/googleplay_blue.png" alt="image" />
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -326,18 +326,19 @@ const Main = ({brdcum}) => {
|
||||
<div className="free_text">
|
||||
<div className="section_title">
|
||||
<h2>Let’s download free from apple and play store</h2>
|
||||
<p>Instant free download from apple and play store. All you need is an iPhone or Android device to enjoy all personalized metrics for personal use. Welcome to myFit App.</p>
|
||||
<p>Instant free download from apple and play store orem Ipsum is simply dummy text of the printing.
|
||||
and typese tting indus orem Ipsum has beenthe standard</p>
|
||||
</div>
|
||||
<ul className="app_btn">
|
||||
<ul className="app_btn">
|
||||
<li>
|
||||
<a href={process.env.REACT_APP_ANDROID_URL}>
|
||||
<img src={blueapp} alt="image" />
|
||||
</a>
|
||||
<Link to="#">
|
||||
<img src="assets/images/appstore_blue.png" alt="image" />
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<a href={process.env.REACT_APP_IOS_URL}>
|
||||
<img src={blue} alt="image" />
|
||||
</a>
|
||||
<Link to="#">
|
||||
<img src="assets/images/googleplay_blue.png" alt="image" />
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,7 +1,6 @@
|
||||
import { Link } from 'react-router-dom'
|
||||
import React , {useState ,useEffect} from 'react'
|
||||
import Pricing from '../HomeMain/Pricing/Main'
|
||||
import Faq from '../HomeMain/Faq/Main'
|
||||
import Bredcrumb from '../Bredcrumb/Main'
|
||||
import BGImg from "../../assets/images/bread_crumb_bg.png"
|
||||
import BGImg1 from "../../assets/images/bread_crumb_bg_one.png"
|
||||
@@ -54,8 +53,7 @@ const Main = ({brdcum}) => {
|
||||
bgimg={BGImg2}/>}
|
||||
|
||||
<Pricing/>
|
||||
<Faq />
|
||||
{/* <section className="row_am faq_section">
|
||||
<section className="row_am faq_section">
|
||||
<div className="container">
|
||||
<div className="faq_panel">
|
||||
<div className="accordion" id="accordionExample">
|
||||
@@ -189,7 +187,7 @@ const Main = ({brdcum}) => {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section> */}
|
||||
</section>
|
||||
<section className="row_am free_app_section review_freeapp" id="getstarted">
|
||||
<div className="container">
|
||||
<div className="free_app_inner aos-init" data-aos="fade-in" data-aos-duration="1500" data-aos-delay="100">
|
||||
@@ -209,20 +207,20 @@ const Main = ({brdcum}) => {
|
||||
<div className="free_text">
|
||||
<div className="section_title">
|
||||
<h2>Let’s download free from apple and play store</h2>
|
||||
<p>Instant free download from apple and play store. All you need is an iPhone or Android device to enjoy all personalized metrics for personal use. Welcome to myFit App.</p>
|
||||
<p>Instant free download from apple and play store orem Ipsum is simply dummy text of the printing.
|
||||
and typese tting indus orem Ipsum has beenthe standard</p>
|
||||
</div>
|
||||
<ul className="app_btn">
|
||||
<li>
|
||||
<a href={process.env.REACT_APP_ANDROID_URL}>
|
||||
<img src={blueapp} alt="image" />
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href={process.env.REACT_APP_IOS_URL}>
|
||||
<img src={blue} alt="image" />
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<Link to="#">
|
||||
<img src="assets/images/appstore_blue.png" alt="image" />
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link to="#">
|
||||
<img src="assets/images/googleplay_blue.png" alt="image" />
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
+4
-6
@@ -3,7 +3,6 @@ import { Route, Routes, useLocation } from "react-router-dom";
|
||||
import Navbar from "../component/Navbar/Main";
|
||||
import Footer from "../component/Footer/Main";
|
||||
import Home from "../component/Home/Main";
|
||||
import Work from "../component/HomeMain/Work/Main"
|
||||
import AboutUs from "../component/AboutUs/Main";
|
||||
import Review from "../component/Pages/Review/Main";
|
||||
import Contact from "../component/Contact/Main";
|
||||
@@ -13,8 +12,6 @@ import SignUp from "../component/Pages/SignUp/Main";
|
||||
import Pricing from "../component/Pricing/Main";
|
||||
import Blog from "../component/Blog/Blog/Main";
|
||||
import BlogSingle from "../component/Blog/BlogSingle/Main";
|
||||
|
||||
|
||||
import Terms from "../component/Terms/Main";
|
||||
import Privacy from "../component/Privacy/Main";
|
||||
|
||||
@@ -86,11 +83,12 @@ const Routing = () => {
|
||||
<Route path="/sign-up" element={<SignUp />} />
|
||||
<Route path="/pricing" element={<Pricing brdcum={brdcum} />} />
|
||||
<Route path="/blog" element={<Blog brdcum={brdcum} />} />
|
||||
<Route path="/blog-single/:id" element={<BlogSingle brdcum={brdcum} />} />
|
||||
<Route
|
||||
path="/blog-single/:id"
|
||||
element={<BlogSingle brdcum={brdcum} />}
|
||||
/>
|
||||
<Route path="/terms" element={<Terms brdcum={brdcum} />} />
|
||||
<Route path="/privacy" element={<Privacy brdcum={brdcum} />} />
|
||||
<Route path="/how_it_work" element={<Work brdcum={brdcum} />} />
|
||||
|
||||
</Routes>
|
||||
{footerpage && <Footer footer={footer} />}
|
||||
</>
|
||||
|
||||
Vendored
+3
-3
@@ -6,8 +6,8 @@ class SiteService {
|
||||
console.log("Er are here anyway");
|
||||
}
|
||||
// Blog Data {Get}
|
||||
blogData(id) {
|
||||
return this.getAuxEnd("/blogdata", null);
|
||||
blogData() {
|
||||
return this.getAuxEnd(`/blogdata`, null);
|
||||
}
|
||||
|
||||
// Country Data {GET}
|
||||
@@ -30,7 +30,7 @@ class SiteService {
|
||||
|
||||
//---------------------------------------- -----
|
||||
//---------------------------------------- -----
|
||||
// Unified call below
|
||||
// Unified call below
|
||||
//---------------------------------------- -----
|
||||
//---------------------------------------- -----
|
||||
getAuxEnd(uri, reqData) {
|
||||
|
||||
Reference in New Issue
Block a user