Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 ChineseChikki
|
bef973023b |
@@ -5,14 +5,12 @@ REACT_APP_YEAR=2023
|
||||
REACT_APP_ANDROID_URL="https://play.google.com/store/apps/details?id=com.mermsemr.myfit"
|
||||
REACT_APP_IOS_URL="https://play.google.com/store/apps/details?id=com.mermsemr.myfit"
|
||||
|
||||
|
||||
REACT_APP_APPSITE=" https://mermsemr.com"
|
||||
#REACT_APP_APPSITE="http://localhost:7012"
|
||||
|
||||
# Social Media Links
|
||||
REACT_APP_FACEBOOK="https://www.facebook.com/profile.php?id=100066498622246"
|
||||
REACT_APP_TWITTER="https://twitter.com/fluxtra"
|
||||
|
||||
REACT_APP_APPSITE=" https://myfitapp.mermsemr.com"
|
||||
#REACT_APP_APPSITE="http://localhost:7012"
|
||||
|
||||
|
||||
REACT_APP_AUX_ENDPOINT = "https://devapi.mermsemr.com/en/desktop/api/v2/myfit"
|
||||
REACT_APP_FORM_TIMEOUT = 10000
|
||||
|
||||
+41
-96
@@ -3008,17 +3008,11 @@ header.fix_style.white_header {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.blog_detail_section .blog_inner_pannel span.blog_date {
|
||||
.blog_detail_section .blog_inner_pannel .review span {
|
||||
line-height: 1;
|
||||
color: var(--purple);
|
||||
display: flex;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/* .blog_detail_section .blog_inner_pannel .review span:first-child {
|
||||
.blog_detail_section .blog_inner_pannel .review span:first-child {
|
||||
color: var(--purple);
|
||||
display: inline-block;
|
||||
font-weight: 700;
|
||||
@@ -3030,7 +3024,7 @@ header.fix_style.white_header {
|
||||
margin-left: 15px;
|
||||
padding-left: 15px;
|
||||
border-left: 1px solid var(--dark-purple);
|
||||
} */
|
||||
}
|
||||
|
||||
.blog_detail_section .blog_inner_pannel .section_title {
|
||||
margin-bottom: 40px;
|
||||
@@ -3049,29 +3043,29 @@ header.fix_style.white_header {
|
||||
}
|
||||
|
||||
.blog_detail_section .blog_inner_pannel .info h3 {
|
||||
font-weight: 700;
|
||||
color: var(--dark-purple);
|
||||
margin-top: 30px;
|
||||
font-size: 25px;
|
||||
margin-bottom: 15px;
|
||||
font-weight: 700;
|
||||
color: var(--dark-purple);
|
||||
margin-top: 30px;
|
||||
font-size: 25px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
/* To highlight the link in the terms section */
|
||||
.blog_detail_section .blog_inner_pannel .info p span a {
|
||||
color: var(--dark-purple);
|
||||
text-decoration: underline;
|
||||
.blog_detail_section .blog_inner_pannel .info p span a{
|
||||
color: var(--dark-purple);
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* To reduce the fonts for sub-headers */
|
||||
.blog_detail_section .blog_inner_pannel .info h4 {
|
||||
font-weight: 700;
|
||||
color: var(--dark-purple);
|
||||
margin-top: 30px;
|
||||
font-size: 20px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
font-weight: 700;
|
||||
color: var(--dark-purple);
|
||||
margin-top: 30px;
|
||||
font-size: 20px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
/* To align the text for proper readability */
|
||||
/* To align the text for proper readability */
|
||||
.blog_detail_section .blog_inner_pannel .info p {
|
||||
text-align: justify;
|
||||
}
|
||||
@@ -3532,71 +3526,39 @@ header.fix_style.white_header {
|
||||
}
|
||||
|
||||
/* Textarea scrollbar */
|
||||
.contact_page_section
|
||||
.contact_inner
|
||||
.contact_form
|
||||
form
|
||||
.form-group
|
||||
textarea::-webkit-scrollbar {
|
||||
.contact_page_section .contact_inner .contact_form form .form-group textarea::-webkit-scrollbar {
|
||||
width: 12px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.contact_page_section
|
||||
.contact_inner
|
||||
.contact_form
|
||||
form
|
||||
.form-group
|
||||
textarea::-webkit-scrollbar-track {
|
||||
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
|
||||
.contact_page_section .contact_inner .contact_form form .form-group textarea::-webkit-scrollbar-track {
|
||||
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
|
||||
border-radius: 10px;
|
||||
background-color: var(--light-bg);
|
||||
}
|
||||
|
||||
.contact_page_section
|
||||
.contact_inner
|
||||
.contact_form
|
||||
form
|
||||
.form-group
|
||||
textarea::-webkit-scrollbar-thumb {
|
||||
.contact_page_section .contact_inner .contact_form form .form-group textarea::-webkit-scrollbar-thumb {
|
||||
border-radius: 10px;
|
||||
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
|
||||
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
|
||||
background-color: var(--body-text-purple);
|
||||
}
|
||||
|
||||
.contact_page_section
|
||||
.contact_inner
|
||||
.contact_form
|
||||
form
|
||||
.form-group
|
||||
.contact_btn {
|
||||
.contact_page_section .contact_inner .contact_form form .form-group .contact_btn{
|
||||
display: flex !important;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.contact_page_section
|
||||
.contact_inner
|
||||
.contact_form
|
||||
form
|
||||
.form-group
|
||||
.contact_btn
|
||||
p {
|
||||
.contact_page_section .contact_inner .contact_form form .form-group .contact_btn p{
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.contact_page_section
|
||||
.contact_inner
|
||||
.contact_form
|
||||
form
|
||||
.form-group
|
||||
.contact_btn
|
||||
> span {
|
||||
.contact_page_section .contact_inner .contact_form form .form-group .contact_btn > span{
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
#contact_body {
|
||||
#contact_body{
|
||||
min-height: 48rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@@ -3605,7 +3567,7 @@ header.fix_style.white_header {
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.contact_body {
|
||||
.contact_body{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-content: center;
|
||||
@@ -3636,44 +3598,28 @@ header.fix_style.white_header {
|
||||
}
|
||||
|
||||
/* For the err msg */
|
||||
#errText {
|
||||
#errText{
|
||||
text-align: center;
|
||||
color: tomato;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.contact_page_section .contact_inner .contact_form form .form-group span {
|
||||
.contact_page_section .contact_inner .contact_form form .form-group span{
|
||||
font-size: 12px;
|
||||
color: tomato;
|
||||
padding: 3px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.contact_page_section
|
||||
.contact_inner
|
||||
.contact_form
|
||||
form
|
||||
.form-group
|
||||
input:valid[focused="true"] {
|
||||
.contact_page_section .contact_inner .contact_form form .form-group input:valid[focused="true"]{
|
||||
border: 1px solid var(--dark-purple);
|
||||
}
|
||||
|
||||
.contact_page_section
|
||||
.contact_inner
|
||||
.contact_form
|
||||
form
|
||||
.form-group
|
||||
input:invalid[focused="true"] {
|
||||
.contact_page_section .contact_inner .contact_form form .form-group input:invalid[focused="true"]{
|
||||
border: 1px solid tomato;
|
||||
}
|
||||
|
||||
.contact_page_section
|
||||
.contact_inner
|
||||
.contact_form
|
||||
form
|
||||
.form-group
|
||||
input:invalid[focused="true"]
|
||||
~ span {
|
||||
.contact_page_section .contact_inner .contact_form form .form-group input:invalid[focused="true"] ~ span{
|
||||
display: block;
|
||||
}
|
||||
|
||||
@@ -4743,20 +4689,19 @@ header.fix_style.white_header {
|
||||
|
||||
/* Loader */
|
||||
|
||||
.loader {
|
||||
.loader{
|
||||
border-radius: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.loader-sm {
|
||||
.loader-sm{
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
/* LOADER 1 */
|
||||
|
||||
#loader-1:before,
|
||||
#loader-1:after {
|
||||
#loader-1:before, #loader-1:after{
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
@@ -4766,24 +4711,24 @@ header.fix_style.white_header {
|
||||
border-top-color: var(--body-text-purple);
|
||||
}
|
||||
|
||||
#loader-1:before {
|
||||
#loader-1:before{
|
||||
z-index: 100;
|
||||
animation: spin 1.5s infinite;
|
||||
}
|
||||
|
||||
#loader-1:after {
|
||||
#loader-1:after{
|
||||
border: 3.5px solid #ccc;
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
0% {
|
||||
@keyframes spin{
|
||||
0%{
|
||||
-webkit-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
100%{
|
||||
-webkit-transform: rotate(360deg);
|
||||
-ms-transform: rotate(360deg);
|
||||
-o-transform: rotate(360deg);
|
||||
|
||||
@@ -19,7 +19,6 @@ const Main = ({brdcum}) => {
|
||||
title3: 'Ease of Use',
|
||||
title4: 'Support'
|
||||
}
|
||||
let queryDesc = 'If you have an query, please get in touch with us, we will revert back quickly.'
|
||||
|
||||
return (
|
||||
<>
|
||||
@@ -174,45 +173,45 @@ const Main = ({brdcum}) => {
|
||||
<div className="section_title" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100">
|
||||
<h2> <span>We focus on quality,</span> never
|
||||
focus on quantity</h2>
|
||||
|
||||
<p>{innovativeDesc}</p>
|
||||
<p>
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting industry lorem Ipsum has been the industrys standard dummy text ever since the when an unknown printer took a galley of type and.
|
||||
</p>
|
||||
</div>
|
||||
<ul className="app_statstic" id="counter" data-aos="fade-in" data-aos-duration="1500">
|
||||
<li>
|
||||
{/* <div className="icon">
|
||||
<div className="icon">
|
||||
<img src="assets/images/download.png" alt="image" />
|
||||
</div> */}
|
||||
<div className="text">
|
||||
<h3>Manage</h3>
|
||||
<p>health plan</p>
|
||||
</div>
|
||||
|
||||
<div className="text">
|
||||
<p><span className="counter-value" data-count="17">0</span><span>M+</span></p>
|
||||
<p>Download</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
{/* <div className="icon">
|
||||
<div className="icon">
|
||||
<img src="assets/images/followers.png" alt="image" />
|
||||
</div> */}
|
||||
</div>
|
||||
<div className="text">
|
||||
<h3>Health Record</h3>
|
||||
<p>with you</p>
|
||||
<p><span className="counter-value" data-count="08">0 </span><span>M+</span></p>
|
||||
<p>Followers</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
{/* <div className="icon">
|
||||
<div className="icon">
|
||||
<img src="assets/images/reviews.png" alt="image" />
|
||||
</div> */}
|
||||
</div>
|
||||
<div className="text">
|
||||
<h3>Health</h3>
|
||||
<p>reminders</p>
|
||||
<p><span className="counter-value" data-count="2300">1500</span><span>+</span></p>
|
||||
<p>Reviews</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
{/* <div className="icon">
|
||||
<div className="icon">
|
||||
<img src="assets/images/countries.png" alt="image" />
|
||||
</div> */}
|
||||
</div>
|
||||
<div className="text">
|
||||
<h3>Quick</h3>
|
||||
<p>Schedule</p>
|
||||
<p><span className="counter-value" data-count="150">0</span><span>+</span></p>
|
||||
<p>Countries</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -231,7 +230,7 @@ const Main = ({brdcum}) => {
|
||||
|
||||
<div className="section_title">
|
||||
<h2>Have any query about ?</h2>
|
||||
<p>{queryDesc}</p>
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and typese tting <br/> indus orem Ipsum has beenthe standard dummy.</p>
|
||||
</div>
|
||||
<Link to="/contact" className="btn white_btn">CONTACT US NOW</Link>
|
||||
</div>
|
||||
|
||||
@@ -1,6 +1,8 @@
|
||||
import React, { useEffect, useState } from "react";
|
||||
import { Link } from "react-router-dom";
|
||||
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";
|
||||
const Main = ({ brdcum, bgimg }) => {
|
||||
const [blogData, setBlogData] = useState([]);
|
||||
@@ -93,12 +95,9 @@ const Main = ({ brdcum, bgimg }) => {
|
||||
<div className="section_title">
|
||||
<h2>{data.post_title}</h2>
|
||||
<div dangerouslySetInnerHTML={{__html: data.post_content.substring(0,400)+' . . .'}}></div>
|
||||
{/* <Link to={`/blog-single/${data.id}`} state={{data}}>
|
||||
<Link to={`/blog-single/${data.id}`} state={{data}}>
|
||||
READ MORE
|
||||
</Link> */}
|
||||
<Link to={`/blogdetails/${data.id}`} state={{data, allData: blogData}}>
|
||||
READ MORE
|
||||
</Link>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -126,7 +125,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={`/blogdetails/${data.id}`} state={{data, allData: blogData}}>
|
||||
<Link to={`/blog-single/${data.id}`} state={{data, allData: blogData}}>
|
||||
READ MORE
|
||||
</Link>
|
||||
</div>
|
||||
@@ -141,8 +140,7 @@ const Main = ({ brdcum, bgimg }) => {
|
||||
<div className="pagination_block">
|
||||
<ul>
|
||||
<li>
|
||||
<Link to={process.env.REACT_APP_BLOGSITE}
|
||||
className="prev">
|
||||
<Link to="#" className="prev">
|
||||
{" "}
|
||||
Visit our blog
|
||||
</Link>
|
||||
|
||||
@@ -149,27 +149,25 @@ const Main = ({brdcum}) => {
|
||||
</div>
|
||||
<div className="social_media">
|
||||
<ul>
|
||||
<li>
|
||||
<a href={process.env.REACT_APP_FACEBOOK}>
|
||||
<i className="icofont-facebook"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href={process.env.REACT_APP_TWITTER}>
|
||||
<i className="icofont-twitter"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li><Link to="#"><i className="icofont-facebook"></i></Link></li>
|
||||
<li><Link to="#"><i className="icofont-twitter"></i></Link></li>
|
||||
<li><Link to="#"><i className="icofont-instagram"></i></Link></li>
|
||||
<li><Link to="#"><i className="icofont-pinterest"></i></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="blog_tags">
|
||||
<a href={process.env.REACT_APP_BLOGSITE}>Visit Blog Site </a>
|
||||
<ul>
|
||||
<li className="tags"><p>Tags:</p></li>
|
||||
<li><span>app,</span></li>
|
||||
<li><span>rating,</span></li>
|
||||
<li><span>development</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* <section className="row_am comment_section">
|
||||
<section className="row_am comment_section">
|
||||
<div className="container">
|
||||
<div className="section_title">
|
||||
<h2>3 Comments</h2>
|
||||
@@ -262,7 +260,7 @@ const Main = ({brdcum}) => {
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</section> */}
|
||||
</section>
|
||||
|
||||
<section className="row_am latest_story" id="blog">
|
||||
<div className="container">
|
||||
@@ -285,10 +283,7 @@ const Main = ({brdcum}) => {
|
||||
<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> */}
|
||||
<Link to={`/blogdetails/${data.id}`} state={{data, allData: blogData}}>
|
||||
<Link to={`/blog-single/${data.id}`} state={{data}}>
|
||||
READ MORE
|
||||
</Link>
|
||||
</div>
|
||||
@@ -296,6 +291,10 @@ const Main = ({brdcum}) => {
|
||||
</div>
|
||||
|
||||
)})}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
{/* <div className="col-md-4">
|
||||
<div className="story_box" data-aos="fade-up" data-aos-duration="1500">
|
||||
|
||||
@@ -64,9 +64,7 @@ const Main = ({ brdcum }) => {
|
||||
country: "",
|
||||
}); //initial state values
|
||||
const [countries, setCountries] = useState([]); // initial state for country dropdown
|
||||
|
||||
const [myData, setMyData] = useState(null);
|
||||
|
||||
// Gave a generic name for multiple calls
|
||||
const API_CALL = new SiteService(); // instantiating the class
|
||||
// API CALL
|
||||
@@ -80,6 +78,7 @@ const Main = ({ brdcum }) => {
|
||||
const onChange = (e) => {
|
||||
setValues((prev) => ({ ...prev, [e.target.name]: e.target.value }));
|
||||
};
|
||||
console.log(values);
|
||||
|
||||
// Submitting form
|
||||
const handleSubmit = async (e) => {
|
||||
@@ -94,10 +93,10 @@ const Main = ({ brdcum }) => {
|
||||
setMyData(contact);
|
||||
|
||||
// Checking for errors
|
||||
if (contact?.data?.status < 1 || contact?.data?.message_id == ""){
|
||||
errText.textContent = "unable to send your message, please try again";
|
||||
response.innerHTML = `<p> SEND MESSAGE </p>`;
|
||||
}else {
|
||||
if (contact?.data?.status < 1 || contact?.data?.message_id == "")
|
||||
return (errText.textContent =
|
||||
"unable to send your message, please try able");
|
||||
else {
|
||||
response.innerHTML = `<p> SEND MESSAGE </p>`;
|
||||
|
||||
contact_body.innerHTML = `<div class='contact_body animate pop'>
|
||||
@@ -107,23 +106,23 @@ const Main = ({ brdcum }) => {
|
||||
setTimeout(() => {
|
||||
navigate("/");
|
||||
}, 10000);
|
||||
|
||||
setValues((prev) => ({ ...prev, [e.target.name]: "" }));
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
errText.textContent = "unable to send your message, please try again";
|
||||
response.innerHTML = `<p> SEND MESSAGE </p>`;
|
||||
.catch((error) => {
|
||||
console.log(error);
|
||||
});
|
||||
};
|
||||
|
||||
//CALLS THE API AFTER COMPONENT LOADS
|
||||
useEffect(() => {
|
||||
allCountry().then((data) => setCountries(Object.keys(data.data))).catch((err)=>console.log(err.message));
|
||||
allCountry().then((data) => setCountries(Object.values(data.data)));
|
||||
}, []);
|
||||
|
||||
|
||||
// useEffect(() => {
|
||||
// myData
|
||||
// }, [myData]);
|
||||
useEffect(() => {
|
||||
console.log(myData);
|
||||
}, [myData]);
|
||||
|
||||
return (
|
||||
<>
|
||||
@@ -197,12 +196,12 @@ const Main = ({ brdcum }) => {
|
||||
name="name"
|
||||
type="text"
|
||||
placeholder="Name"
|
||||
errorMessage="Please enter your first and last name. (e.g: Mark John)"
|
||||
errorMessage="Please enter your name"
|
||||
required={true}
|
||||
maxLenght={35}
|
||||
value={values.name}
|
||||
onChange={onChange}
|
||||
pattern="^$|^[a-zA-Z]+( [a-zA-Z]+)?$+( [a-zA-Z]+)?$"
|
||||
pattern="^[A-Za-z]{1,35}$"
|
||||
/>
|
||||
|
||||
<FormInput
|
||||
@@ -223,7 +222,9 @@ const Main = ({ brdcum }) => {
|
||||
value={values.country}
|
||||
onChange={onChange}
|
||||
required>
|
||||
<option value={""}>
|
||||
<option
|
||||
value={""}
|
||||
onCha>
|
||||
Country
|
||||
</option>
|
||||
{countries.length > 0 &&
|
||||
@@ -250,10 +251,11 @@ const Main = ({ brdcum }) => {
|
||||
|
||||
<div className="form-group">
|
||||
<textarea
|
||||
name="message"
|
||||
name="msg"
|
||||
className="form-control"
|
||||
placeholder="Your message"
|
||||
value={values.message}
|
||||
value={values.msg}
|
||||
errorMessage='words have exceeded 350 characters!'
|
||||
onChange={onChange}
|
||||
maxLength={300}
|
||||
pattern="^[A-Za-z0-9]{5, 300}$"
|
||||
@@ -281,7 +283,7 @@ const Main = ({ brdcum }) => {
|
||||
</div>
|
||||
</form>
|
||||
{/* Error Tag */}
|
||||
<p id="errText"></p>
|
||||
<p id="errText" />
|
||||
</div>
|
||||
|
||||
{/* Contact Info */}
|
||||
@@ -353,9 +355,7 @@ const Main = ({ brdcum }) => {
|
||||
</div>
|
||||
</section>
|
||||
<section className="row_am map_section">
|
||||
<div className="container">
|
||||
|
||||
</div>
|
||||
<div className="container" />
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
|
||||
@@ -1,5 +1,4 @@
|
||||
import { Link } from "react-router-dom";
|
||||
import { HashLink } from 'react-router-hash-link';
|
||||
import React from "react";
|
||||
import line from "../../assets/images/anim_line.png";
|
||||
import blueapp from "../../assets/images/appstore_blue.png";
|
||||
@@ -101,7 +100,7 @@ const Main = ({ footer }) => {
|
||||
<Link to="/faq">FAQs</Link>
|
||||
</li>
|
||||
<li>
|
||||
<HashLink to="/#how_it_work">How it works</HashLink>
|
||||
<a href="#how_it_work">How it works</a>
|
||||
</li>
|
||||
<li>
|
||||
<Link to="/terms">Terms & conditions</Link>
|
||||
@@ -238,7 +237,7 @@ const Main = ({ footer }) => {
|
||||
<Link to="/faq">FAQs</Link>
|
||||
</li>
|
||||
<li>
|
||||
<HashLink to="/#how_it_work">How it works</HashLink>
|
||||
<a href="/how_it_work">How it works</a>
|
||||
</li>
|
||||
<li>
|
||||
<Link to="/terms">Terms & conditions</Link>
|
||||
@@ -368,7 +367,7 @@ const Main = ({ footer }) => {
|
||||
<Link to="#">Support</Link>
|
||||
</li>
|
||||
<li>
|
||||
<HashLink to="/#how_it_work">How it works</HashLink>
|
||||
<a href="/how_it_work">How it works</a>
|
||||
</li>
|
||||
<li>
|
||||
<Link to="/terms">Terms & conditions</Link>
|
||||
@@ -493,7 +492,7 @@ const Main = ({ footer }) => {
|
||||
<Link to="#">Support</Link>
|
||||
</li>
|
||||
<li>
|
||||
<HashLink to="/#how_it_work">How it works</HashLink>
|
||||
<a href="/how_it_work">How it works</a>
|
||||
</li>
|
||||
<li>
|
||||
<Link to="/terms">Terms & conditions</Link>
|
||||
@@ -625,7 +624,7 @@ const Main = ({ footer }) => {
|
||||
<Link to="#">Support</Link>
|
||||
</li>
|
||||
<li>
|
||||
<HashLink to="/#how_it_work">How it works</HashLink>
|
||||
<a href="/how_it_work">How it works</a>
|
||||
</li>
|
||||
<li>
|
||||
<Link to="/terms">Terms & conditions</Link>
|
||||
|
||||
@@ -103,22 +103,6 @@ const Main = ({ setfooter, setnavbar, setbrdcum }) => {
|
||||
</p>
|
||||
</div>
|
||||
<ul className="app_btn">
|
||||
<li>
|
||||
<a href={process.env.REACT_APP_ANDROID_URL}>
|
||||
<img src={blueapp} alt="image" />
|
||||
<img className="white_img" src={whiteapp} alt="image" />
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href={process.env.REACT_APP_IOS_URL}>
|
||||
<img src={blue} alt="image" />
|
||||
<img className="white_img" src={white} alt="image" />
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
{/* <ul className="app_btn">
|
||||
<li>
|
||||
<Link to="https://play.google.com/store/apps/details?id=com.mermsemr.myfit">
|
||||
<img className="blue_img" src={blueapp} alt="image" />
|
||||
@@ -131,9 +115,7 @@ const Main = ({ setfooter, setnavbar, setbrdcum }) => {
|
||||
<img className="white_img" src={white} alt="image" />
|
||||
</Link>
|
||||
</li>
|
||||
</ul> */}
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<div
|
||||
className="col-lg-6 col-md-12"
|
||||
|
||||
@@ -1,68 +1,20 @@
|
||||
import React, { useEffect, useState } from "react";
|
||||
import { Link } from 'react-router-dom';
|
||||
// import story1 from '../../../assets/images/story01.png';
|
||||
// import story2 from '../../../assets/images/story02.png';
|
||||
// import story3 from '../../../assets/images/story03.png';
|
||||
import SiteService from "../../../vendors/service/siteService";
|
||||
|
||||
import { Link } from 'react-router-dom'
|
||||
import React from 'react'
|
||||
import story1 from '../../../assets/images/story01.png'
|
||||
import story2 from '../../../assets/images/story02.png'
|
||||
import story3 from '../../../assets/images/story03.png'
|
||||
|
||||
const Main = () => {
|
||||
const [blogData, setBlogData] = useState([]);
|
||||
|
||||
let api = new SiteService();
|
||||
useEffect(() => {
|
||||
getBlogData();
|
||||
}, []);
|
||||
|
||||
const getBlogData = async () => {
|
||||
try {
|
||||
let res = await api.blogData();
|
||||
setBlogData(res.data);
|
||||
|
||||
} catch (error) {
|
||||
console.log("Error from blog data ", error);
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<section className="row_am latest_story" id="blog">
|
||||
<div className="container">
|
||||
<div className="section_title" data-aos="fade-in" data-aos-duration="1500" data-aos-delay="100">
|
||||
<h2>Read latest <span>story</span></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="row">
|
||||
|
||||
{blogData.slice(1, 4).map((data, index) => (
|
||||
<div
|
||||
className="col-md-4"
|
||||
key={index}>
|
||||
<div
|
||||
className="story_box"
|
||||
data-aos="fade-up"
|
||||
data-aos-duration="1500">
|
||||
<div className="story_img">
|
||||
<img
|
||||
src={data.meta_value}
|
||||
alt="image"
|
||||
/>
|
||||
<span>{new Date(data.post_date).toDateString()}</span>
|
||||
</div>
|
||||
<div className="story_text">
|
||||
<h3>{data.post_title}</h3>
|
||||
<div
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: data.post_content.substring(0, 100) + " . . .",
|
||||
}}></div>
|
||||
<Link to={`/blogdetails/${data.id}`} state={{data, allData: blogData}}>
|
||||
READ MORE
|
||||
</Link>
|
||||
{/* <Link to={`/blogdetails/${item.id}`}>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={story1} alt="image" />
|
||||
@@ -101,7 +53,7 @@ const Main = () => {
|
||||
<Link to="/blog-single">READ MORE</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -55,7 +55,7 @@ const Main = ({navbar}) => {
|
||||
<Link to="/contact" className="nav-link" >Contact</Link>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<a href={process.env.REACT_APP_APPSITE} className="nav-link dark_btn">GET STARTED</a>
|
||||
<Link to={process.env.REACT_APP_APPSITE} className="nav-link dark_btn">GET STARTED</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -31,7 +31,7 @@ const Main = ({brdcum}) => {
|
||||
<Bredcrumb
|
||||
no={1}
|
||||
title="Have questions? look here"
|
||||
paragraph="Learn more about myFit through answers to frequently asked questions."
|
||||
paragraph="Lorem Ipsum is simply dummy text of the printing and typesetting"
|
||||
tag="Faq"
|
||||
bgimg={BGImg}/>}
|
||||
|
||||
@@ -39,7 +39,7 @@ const Main = ({brdcum}) => {
|
||||
<Bredcrumb
|
||||
no={2}
|
||||
title="Have questions? look here"
|
||||
paragraph="Learn more about myFit through answers to frequently asked questions."
|
||||
paragraph="Lorem Ipsum is simply dummy text of the printing and typesetting"
|
||||
tag="Faq"
|
||||
bgimg={BGImg1}/>}
|
||||
|
||||
@@ -47,7 +47,7 @@ const Main = ({brdcum}) => {
|
||||
<Bredcrumb
|
||||
no={5}
|
||||
title="Have questions? look here"
|
||||
paragraph="Learn more about myFit through answers to frequently asked questions."
|
||||
paragraph="Lorem Ipsum is simply dummy text of the printing and typesetting"
|
||||
tag="Faq"
|
||||
bgimg={BGImg}/>}
|
||||
|
||||
@@ -55,14 +55,14 @@ const Main = ({brdcum}) => {
|
||||
<Bredcrumb
|
||||
no={3}
|
||||
title="Have questions? look here"
|
||||
paragraph="Learn more about myFit through answers to frequently asked questions."
|
||||
paragraph="Lorem Ipsum is simply dummy text of the printing and typesetting"
|
||||
tag="Faq" />}
|
||||
|
||||
{brdcum.b4 &&
|
||||
<Bredcrumb
|
||||
no={4}
|
||||
title="Have questions? look here"
|
||||
paragraph="Learn more about myFit through answers to frequently asked questions."
|
||||
paragraph="Lorem Ipsum is simply dummy text of the printing and typesetting"
|
||||
tag="Faq"
|
||||
bgimg={BGImg2}/>}
|
||||
|
||||
|
||||
@@ -6,8 +6,6 @@ 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 blueapp from "../../assets/images/appstore_blue.png";
|
||||
import blue from "../../assets/images/googleplay_blue.png";
|
||||
|
||||
|
||||
const Main = ({brdcum}) => {
|
||||
|
||||
+1
-1
@@ -85,7 +85,7 @@ const Routing = () => {
|
||||
<Route path="/sign-up" element={<SignUp />} />
|
||||
<Route path="/pricing" element={<Pricing brdcum={brdcum} />} />
|
||||
<Route path="/blog" element={<Blog brdcum={brdcum} />} />
|
||||
<Route path="/blogdetails/: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} />} />
|
||||
|
||||
|
||||
Vendored
+2
-2
@@ -16,8 +16,8 @@ class SiteService {
|
||||
}
|
||||
|
||||
// Contact Data{POST}
|
||||
contactData(value) {
|
||||
return this.postAuxEnd("/contact", value)
|
||||
contactData() {
|
||||
return this.postAuxEnd("/contact", null)
|
||||
}
|
||||
|
||||
faqData() {
|
||||
|
||||
Reference in New Issue
Block a user