Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 ChineseChikki
|
de3f006ec9 |
Generated
+17
@@ -12,6 +12,7 @@
|
||||
"@testing-library/react": "^13.4.0",
|
||||
"@testing-library/user-event": "^13.5.0",
|
||||
"aos": "^2.3.4",
|
||||
"axios": "^0.24.0",
|
||||
"react": "^18.2.0",
|
||||
"react-dom": "^18.2.0",
|
||||
"react-owl-carousel": "^2.3.3",
|
||||
@@ -4998,6 +4999,14 @@
|
||||
"node": ">=4"
|
||||
}
|
||||
},
|
||||
"node_modules/axios": {
|
||||
"version": "0.24.0",
|
||||
"resolved": "https://registry.npmjs.org/axios/-/axios-0.24.0.tgz",
|
||||
"integrity": "sha512-Q6cWsys88HoPgAaFAVUb0WpPk0O8iTeisR9IMqy9G8AbO4NlpVknrnQS03zzF9PGAWgO3cgletO3VjV/P7VztA==",
|
||||
"dependencies": {
|
||||
"follow-redirects": "^1.14.4"
|
||||
}
|
||||
},
|
||||
"node_modules/axobject-query": {
|
||||
"version": "2.2.0",
|
||||
"resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-2.2.0.tgz",
|
||||
@@ -20670,6 +20679,14 @@
|
||||
"resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.5.2.tgz",
|
||||
"integrity": "sha512-u2MVsXfew5HBvjsczCv+xlwdNnB1oQR9HlAcsejZttNjKKSkeDNVwB1vMThIUIFI9GoT57Vtk8iQLwqOfAkboA=="
|
||||
},
|
||||
"axios": {
|
||||
"version": "0.24.0",
|
||||
"resolved": "https://registry.npmjs.org/axios/-/axios-0.24.0.tgz",
|
||||
"integrity": "sha512-Q6cWsys88HoPgAaFAVUb0WpPk0O8iTeisR9IMqy9G8AbO4NlpVknrnQS03zzF9PGAWgO3cgletO3VjV/P7VztA==",
|
||||
"requires": {
|
||||
"follow-redirects": "^1.14.4"
|
||||
}
|
||||
},
|
||||
"axobject-query": {
|
||||
"version": "2.2.0",
|
||||
"resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-2.2.0.tgz",
|
||||
|
||||
+2445
-2552
File diff suppressed because it is too large
Load Diff
@@ -1,117 +1,209 @@
|
||||
import React from 'react'
|
||||
import img1 from '../../../assets/images/secure_data.png'
|
||||
import img2 from '../../../assets/images/functional.png'
|
||||
import img3 from '../../../assets/images/live-chat.png'
|
||||
import img4 from '../../../assets/images/support.png'
|
||||
import img5 from '../../../assets/images/features_frame.png'
|
||||
import React from "react";
|
||||
import img1 from "../../../assets/images/secure_data.png";
|
||||
import img2 from "../../../assets/images/functional.png";
|
||||
import img3 from "../../../assets/images/live-chat.png";
|
||||
import img4 from "../../../assets/images/support.png";
|
||||
import img5 from "../../../assets/images/features_frame.png";
|
||||
|
||||
const Main = ({video}) => {
|
||||
const Main = ({ video }) => {
|
||||
return (
|
||||
<>
|
||||
{video ?
|
||||
<section className="row_am features_section video-features" id="features">
|
||||
<div className="container">
|
||||
<div className="section_title" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100">
|
||||
<h2><span>Features</span> that makes app different!</h2>
|
||||
<p>myFit has powerful connectivity, fitness, health, and safety features <br/>
|
||||
Also makes provision Fitness tracking,Workout tracking,Heart rate monitoring</p>
|
||||
</div>
|
||||
<div className="feature_detail">
|
||||
<div className="left_data feature_box">
|
||||
<div className="data_block" data-aos="fade-right" data-aos-duration="1500">
|
||||
<div className="icon">
|
||||
<img src="assets/images/secure.png" alt="image" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<h4>Secure data</h4>
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and type setting indus ideas.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="data_block" data-aos="fade-right" data-aos-duration="1500">
|
||||
<div className="icon">
|
||||
<img src="assets/images/abt_functional.png" alt="image" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<h4>Fully functional</h4>
|
||||
<p>Simply dummy text of the printing and typesetting indus lorem Ipsum is dummy.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="right_data feature_box">
|
||||
<div className="data_block" data-aos="fade-left" data-aos-duration="1500">
|
||||
<div className="icon">
|
||||
<img src="assets/images/communication.png" alt="image"/>
|
||||
</div>
|
||||
<div className="text">
|
||||
<h4>Live chat</h4>
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and type setting indus ideas.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="data_block" data-aos="fade-left" data-aos-duration="1500">
|
||||
<div className="icon">
|
||||
<img src="assets/images/abt_support.png" alt="image" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<h4>24-7 Support</h4>
|
||||
<p>Simply dummy text of the printing and typesetting indus lorem Ipsum is dummy.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="feature_img" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100">
|
||||
<img src="assets/images/features_frame.png" alt="image" />
|
||||
</div>
|
||||
</div>
|
||||
{video ? (
|
||||
<section
|
||||
className="row_am features_section video-features"
|
||||
id="features"
|
||||
>
|
||||
<div className="container">
|
||||
<div
|
||||
className="section_title"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1500"
|
||||
data-aos-delay="100"
|
||||
>
|
||||
<h2>
|
||||
<span>Features</span> that makes app different!
|
||||
</h2>
|
||||
<p>
|
||||
myFit has powerful connectivity, fitness, health, and
|
||||
safety features <br />
|
||||
Also makes provision Fitness tracking,Workout tracking,Heart
|
||||
rate monitoring
|
||||
</p>
|
||||
</div>
|
||||
<div className="feature_detail">
|
||||
<div className="left_data feature_box">
|
||||
<div
|
||||
className="data_block"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1500"
|
||||
>
|
||||
<div className="icon">
|
||||
<img src="assets/images/secure.png" alt="image" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<h4>Secure data</h4>
|
||||
<p>
|
||||
Lorem Ipsum is simply dummy text of the printing and type
|
||||
setting indus ideas.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="data_block"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1500"
|
||||
>
|
||||
<div className="icon">
|
||||
<img src="assets/images/abt_functional.png" alt="image" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<h4>Fully functional</h4>
|
||||
<p>
|
||||
Simply dummy text of the printing and typesetting indus
|
||||
lorem Ipsum is dummy.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="right_data feature_box">
|
||||
<div
|
||||
className="data_block"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1500"
|
||||
>
|
||||
<div className="icon">
|
||||
<img src="assets/images/communication.png" alt="image" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<h4>Live chat</h4>
|
||||
<p>
|
||||
Lorem Ipsum is simply dummy text of the printing and type
|
||||
setting indus ideas.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="data_block"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1500"
|
||||
>
|
||||
<div className="icon">
|
||||
<img src="assets/images/abt_support.png" alt="image" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<h4>24-7 Support</h4>
|
||||
<p>
|
||||
Simply dummy text of the printing and typesetting indus
|
||||
lorem Ipsum is dummy.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="feature_img"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1500"
|
||||
data-aos-delay="100"
|
||||
>
|
||||
<img src="assets/images/features_frame.png" alt="image" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
:
|
||||
) : (
|
||||
<section className="row_am features_section" id="features">
|
||||
<div className="container">
|
||||
<div className="section_title" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100">
|
||||
<h2><span>Features</span> that makes app different!</h2>
|
||||
<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="feature_detail">
|
||||
<div className="left_data feature_box">
|
||||
<div className="data_block" data-aos="fade-right" data-aos-duration="1500">
|
||||
|
||||
<div className="text">
|
||||
<h4>Health Tips</h4>
|
||||
<p>myFit continuously help you organize both general and the few health questions relevant to you. We can privately help you find answer in our communities to new questions.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="data_block" data-aos="fade-right" data-aos-duration="1500">
|
||||
|
||||
<div className="text">
|
||||
<h4>Health Statistics</h4>
|
||||
<p>Collect your health statistics yourself, weight changes, blood pressure, blood glucose data all helps to ensure that your provider is creating plans that fits you specifically..</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="right_data feature_box">
|
||||
<div className="data_block" data-aos="fade-left" data-aos-duration="1500">
|
||||
|
||||
<div className="text">
|
||||
<h4>Reminders</h4>
|
||||
<p>Miss no appointment, medication schedule and more with myFit reminders. Allow your provider or simply set up whatever you needed reminding for.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="data_block" data-aos="fade-left" data-aos-duration="1500">
|
||||
|
||||
<div className="text">
|
||||
<h4>Health Plan</h4>
|
||||
<p>Your health plan your way - myFit assist you organizing your prescription, health routines, your providers treatment plans in one place.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="feature_img" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100">
|
||||
<img src={img5} alt="image" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="container">
|
||||
<div
|
||||
className="section_title"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1500"
|
||||
data-aos-delay="100"
|
||||
>
|
||||
<h2>
|
||||
<span>Features</span> that makes app different!
|
||||
</h2>
|
||||
<p>
|
||||
Fitness Integration with your health plan in your pocket
|
||||
bolsters healthier life by tracking and experiencing
|
||||
life-changing results .
|
||||
</p>
|
||||
</div>
|
||||
</section>}
|
||||
<div className="feature_detail">
|
||||
<div className="left_data feature_box">
|
||||
<div
|
||||
className="data_block"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1500"
|
||||
>
|
||||
<div className="text">
|
||||
<h4>Health Tips</h4>
|
||||
<p>
|
||||
myFit continuously help you organize both general and the
|
||||
few health questions relevant to you. We can privately
|
||||
help you find answer in our communities to new questions.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="data_block"
|
||||
data-aos="fade-right"
|
||||
data-aos-duration="1500"
|
||||
>
|
||||
<div className="text">
|
||||
<h4>Health Statistics</h4>
|
||||
<p>
|
||||
Collect your health statistics yourself, weight changes,
|
||||
blood pressure, blood glucose data all helps to ensure
|
||||
that your provider is creating plans that fits you
|
||||
specifically..
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="right_data feature_box">
|
||||
<div
|
||||
className="data_block"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1500"
|
||||
>
|
||||
<div className="text">
|
||||
<h4>Reminders</h4>
|
||||
<p>
|
||||
Miss no appointment, medication schedule and more with
|
||||
myFit reminders. Allow your provider or simply set up
|
||||
whatever you needed reminding for.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="data_block"
|
||||
data-aos="fade-left"
|
||||
data-aos-duration="1500"
|
||||
>
|
||||
<div className="text">
|
||||
<h4>Health Plan</h4>
|
||||
<p>
|
||||
Your health plan your way - myFit assist you organizing
|
||||
your prescription, health routines, your providers
|
||||
treatment plans in one place.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="feature_img"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1500"
|
||||
data-aos-delay="100"
|
||||
>
|
||||
<img src={img5} alt="image" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
)}
|
||||
</>
|
||||
)
|
||||
}
|
||||
);
|
||||
};
|
||||
|
||||
export default Main
|
||||
export default Main;
|
||||
|
||||
+80
-1372
File diff suppressed because it is too large
Load Diff
Vendored
-33
@@ -1,33 +0,0 @@
|
||||
const siteService = [
|
||||
{
|
||||
title: "This is the title 1 from backend",
|
||||
text: "Random Text Generator is a web application which provides true random text which you can use in your documents or web designs. How does it work? First we took many books available on project Gutenberg and stored their contents in a database.",
|
||||
},
|
||||
|
||||
{
|
||||
title: "This is the title 2",
|
||||
text: "Random Text Generator is a web application which provides true random text which you can use in your documents or web designs. How does it work? First we took many books available on project Gutenberg and stored their contents in a database.",
|
||||
},
|
||||
|
||||
{
|
||||
title: "This is the title 3",
|
||||
text: "Random Text Generator is a web application which provides true random text which you can use in your documents or web designs. How does it work? First we took many books available on project Gutenberg and stored their contents in a database.",
|
||||
},
|
||||
|
||||
{
|
||||
title: "This is the title 4",
|
||||
text: "Random Text Generator is a web application which provides true random text which you can use in your documents or web designs. How does it work? First we took many books available on project Gutenberg and stored their contents in a database.",
|
||||
},
|
||||
|
||||
{
|
||||
title: "This is the title 5",
|
||||
text: "Random Text Generator is a web application which provides true random text which you can use in your documents or web designs. How does it work? First we took many books available on project Gutenberg and stored their contents in a database.",
|
||||
},
|
||||
|
||||
{
|
||||
title: "This is the title 6",
|
||||
text: "Random Text Generator is a web application which provides true random text which you can use in your documents or web designs. How does it work? First we took many books available on project Gutenberg and stored their contents in a database.",
|
||||
},
|
||||
];
|
||||
|
||||
export default siteService;
|
||||
|
||||
Reference in New Issue
Block a user