Compare commits
46 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 victorAnumudu
|
43fc6b639a | ||
 ameye
|
815ef7867f | ||
|
victorAnumudu
|
9440b273ec | ||
|
CHIEFSOFT\ameye
|
9616d28ce8 | ||
|
CHIEFSOFT\ameye
|
19c81a875e | ||
|
CHIEFSOFT\ameye
|
78d4eda01f | ||
|
CHIEFSOFT\ameye
|
a1607b01ba | ||
|
CHIEFSOFT\ameye
|
9916a13482 | ||
|
CHIEFSOFT\ameye
|
f453541501 | ||
|
CHIEFSOFT\ameye
|
5035ee0cd8 | ||
|
CHIEFSOFT\ameye
|
ce69510b77 | ||
|
CHIEFSOFT\ameye
|
f862e600ac | ||
|
Olusesan Ameye
|
f6d0904c2b | ||
|
Olusesan Ameye
|
dbf68b8a9d | ||
|
Olusesan Ameye
|
c5bce223d5 | ||
|
Olusesan Ameye
|
d74686d384 | ||
|
Olusesan Ameye
|
27d96062d2 | ||
|
Olusesan Ameye
|
91d126e56a | ||
|
Olusesan Ameye
|
b344f8ed3d | ||
|
CHIEFSOFT\ameye
|
121e58ccf5 | ||
|
ameye
|
c766e3ce30 | ||
|
victorAnumudu
|
df042867f5 | ||
|
CHIEFSOFT\ameye
|
cee4ba65fe | ||
|
CHIEFSOFT\ameye
|
fed15318ac | ||
|
CHIEFSOFT\ameye
|
ada7e1b252 | ||
|
CHIEFSOFT\ameye
|
431a4e6110 | ||
|
CHIEFSOFT\ameye
|
cb90610a5f | ||
|
CHIEFSOFT\ameye
|
f5001a3681 | ||
|
CHIEFSOFT\ameye
|
2ac43833e6 | ||
|
Olusesan Ameye
|
bb63903268 | ||
|
victorAnumudu
|
962b8e6193 | ||
|
victorAnumudu
|
c89b98401c | ||
|
victorAnumudu
|
64ee38d49e | ||
|
victorAnumudu
|
8a043c953d | ||
 victor.ebuka
|
954933888e | ||
|
victorAnumudu
|
5aa834d846 | ||
|
victor.ebuka
|
d77242a571 | ||
|
victorAnumudu
|
298c4a9e8c | ||
|
CHIEFSOFT\ameye
|
9aba07763a | ||
|
CHIEFSOFT\ameye
|
5779313e26 | ||
|
CHIEFSOFT\ameye
|
e3669ad48d | ||
|
victor.ebuka
|
48a573dc50 | ||
|
victorAnumudu
|
cacb32b319 | ||
|
CHIEFSOFT\ameye
|
ed72ce43a1 | ||
|
CHIEFSOFT\ameye
|
e713b91689 | ||
|
victor.ebuka
|
e6970dbfaf |
@@ -1,13 +1,17 @@
|
||||
APP_PORT=8091
|
||||
ESLINT_NO_DEV_ERRORS=true
|
||||
PANEL_URL=https://dev-panel.mermsemr.com
|
||||
PANEL_URL=https://panel.mermsemr.com
|
||||
|
||||
# auth routes
|
||||
NEXT_PUBLIC_LOGIN_URL=https://dev-panel.mermsemr.com
|
||||
NEXT_PUBLIC_SIGNUP_URL=https://dev-panel.mermsemr.com/auth/signup
|
||||
NEXT_PUBLIC_LOGIN_URL=https://panel.mermsemr.com
|
||||
NEXT_PUBLIC_SIGNUP_URL=https://panel.mermsemr.com/auth/signup
|
||||
NEXT_PUBLIC_MERMS_WEBSITE_BASE_URL='https://blogdata.chiefsoft.net'
|
||||
|
||||
# social links
|
||||
NEXT_PUBLIC_FACEBOOK_URL=https://www.facebook.com/people/Mermsemr/100066498622246/
|
||||
NEXT_PUBLIC_TWITTER_URL=#
|
||||
NEXT_PUBLIC_INSTAGRAM_URL=#
|
||||
NEXT_PUBLIC_YOUTUBE_URL=#
|
||||
NEXT_PUBLIC_YOUTUBE_URL=#
|
||||
|
||||
#forum
|
||||
NEXT_SITE_FORUM=https://forum.automedsys.ai/
|
||||
@@ -0,0 +1,17 @@
|
||||
APP_PORT=8091
|
||||
ESLINT_NO_DEV_ERRORS=true
|
||||
PANEL_URL=https://dev-panel.mermsemr.com
|
||||
|
||||
# auth routes
|
||||
NEXT_PUBLIC_LOGIN_URL=https://dev-panel.mermsemr.com
|
||||
NEXT_PUBLIC_SIGNUP_URL=https://dev-panel.mermsemr.com/auth/signup
|
||||
NEXT_PUBLIC_MERMS_WEBSITE_BASE_URL='https://blogdata.chiefsoft.net'
|
||||
|
||||
# social links
|
||||
NEXT_PUBLIC_FACEBOOK_URL=https://www.facebook.com/people/Mermsemr/100066498622246/
|
||||
NEXT_PUBLIC_TWITTER_URL=#
|
||||
NEXT_PUBLIC_INSTAGRAM_URL=#
|
||||
NEXT_PUBLIC_YOUTUBE_URL=#
|
||||
|
||||
#forum
|
||||
NEXT_SITE_FORUM=https://forum.automedsys.ai/
|
||||
+17
@@ -0,0 +1,17 @@
|
||||
APP_PORT=8091
|
||||
ESLINT_NO_DEV_ERRORS=true
|
||||
PANEL_URL=https://panel.mermsemr.com
|
||||
|
||||
# auth routes
|
||||
NEXT_PUBLIC_LOGIN_URL=https://panel.mermsemr.com
|
||||
NEXT_PUBLIC_SIGNUP_URL=https://panel.mermsemr.com/auth/signup
|
||||
NEXT_PUBLIC_MERMS_WEBSITE_BASE_URL='https://blogdata.chiefsoft.net'
|
||||
|
||||
# social links
|
||||
NEXT_PUBLIC_FACEBOOK_URL=https://www.facebook.com/people/Mermsemr/100066498622246/
|
||||
NEXT_PUBLIC_TWITTER_URL=#
|
||||
NEXT_PUBLIC_INSTAGRAM_URL=#
|
||||
NEXT_PUBLIC_YOUTUBE_URL=#
|
||||
|
||||
#forum
|
||||
NEXT_SITE_FORUM=https://forum.automedsys.ai/
|
||||
@@ -0,0 +1,17 @@
|
||||
APP_PORT=8091
|
||||
ESLINT_NO_DEV_ERRORS=true
|
||||
PANEL_URL=https://panel.mermsemr.com
|
||||
|
||||
# auth routes
|
||||
NEXT_PUBLIC_LOGIN_URL=https://panel.mermsemr.com
|
||||
NEXT_PUBLIC_SIGNUP_URL=https://panel.mermsemr.com/auth/signup
|
||||
NEXT_PUBLIC_MERMS_WEBSITE_BASE_URL='https://blogdata.chiefsoft.net'
|
||||
|
||||
# social links
|
||||
NEXT_PUBLIC_FACEBOOK_URL=https://www.facebook.com/people/Mermsemr/100066498622246/
|
||||
NEXT_PUBLIC_TWITTER_URL=#
|
||||
NEXT_PUBLIC_INSTAGRAM_URL=#
|
||||
NEXT_PUBLIC_YOUTUBE_URL=#
|
||||
|
||||
#forum
|
||||
NEXT_SITE_FORUM=https://forum.automedsys.ai/
|
||||
@@ -0,0 +1,17 @@
|
||||
APP_PORT=8091
|
||||
ESLINT_NO_DEV_ERRORS=true
|
||||
PANEL_URL=https://qa-panel.mermsemr.com
|
||||
|
||||
# auth routes
|
||||
NEXT_PUBLIC_LOGIN_URL=https://qa-panel.mermsemr.com
|
||||
NEXT_PUBLIC_SIGNUP_URL=https://qa-panel.mermsemr.com/auth/signup
|
||||
NEXT_PUBLIC_MERMS_WEBSITE_BASE_URL='https://blogdata.chiefsoft.net'
|
||||
|
||||
# social links
|
||||
NEXT_PUBLIC_FACEBOOK_URL=https://www.facebook.com/people/Mermsemr/100066498622246/
|
||||
NEXT_PUBLIC_TWITTER_URL=#
|
||||
NEXT_PUBLIC_INSTAGRAM_URL=#
|
||||
NEXT_PUBLIC_YOUTUBE_URL=#
|
||||
|
||||
#forum
|
||||
NEXT_SITE_FORUM=https://forum.automedsys.ai/
|
||||
@@ -0,0 +1,34 @@
|
||||
# MermsWebsite2025
|
||||
|
||||
## Running
|
||||
|
||||
### Development
|
||||
|
||||
Docker:
|
||||
```
|
||||
NODE_ENV=development docker compose --env-file .env.development up -d
|
||||
```
|
||||
Direct:
|
||||
```
|
||||
NODE_ENV=development npm run dev
|
||||
```
|
||||
### QA
|
||||
|
||||
Docker:
|
||||
```
|
||||
NODE_ENV=test docker compose --env-file .env.test up -d
|
||||
```
|
||||
Direct:
|
||||
```
|
||||
NODE_ENV=test npm run dev
|
||||
```
|
||||
### Production
|
||||
|
||||
Docker:
|
||||
```
|
||||
NODE_ENV=live docker compose --env-file .env up -d
|
||||
```
|
||||
Direct:
|
||||
```
|
||||
NODE_ENV=live npm run dev
|
||||
```
|
||||
@@ -9,15 +9,15 @@ export default function Menu() {
|
||||
<ul className="wsmenu-list nav-theme">
|
||||
{/* DROPDOWN SUB MENU */}
|
||||
<li aria-haspopup="true">
|
||||
<Link href="#" className="h-link">
|
||||
<Link href="/#" className="h-link">
|
||||
About <span className="wsarrow" />
|
||||
</Link>
|
||||
<ul className="sub-menu">
|
||||
<li aria-haspopup="true">
|
||||
<Link href="#merms-about">Why MERMS?</Link>
|
||||
<Link href="/#merms-about">Why MERMS?</Link>
|
||||
</li>
|
||||
<li aria-haspopup="true">
|
||||
<Link href="#merms-works">How It Works</Link>
|
||||
<Link href="/#merms-works">How It Works</Link>
|
||||
</li>
|
||||
<li aria-haspopup="true">
|
||||
<Link href="/contacts">Contacts Us</Link>
|
||||
@@ -33,6 +33,13 @@ export default function Menu() {
|
||||
Features
|
||||
</Link>
|
||||
</li>
|
||||
|
||||
<li className="nl-simple" aria-haspopup="true">
|
||||
<Link href="/merms-blog" className="h-link">
|
||||
Forum
|
||||
</Link>
|
||||
</li>
|
||||
|
||||
<li
|
||||
className="nl-simple reg-fst-link mobile-last-link"
|
||||
aria-haspopup="true"
|
||||
|
||||
@@ -3,12 +3,12 @@ import Link from "next/link"
|
||||
export default function MermsFooter() {
|
||||
return (
|
||||
<>
|
||||
<footer id="footer-3" className="pt-100 footer ft-3-ntr">
|
||||
<footer id="footer-3" className="pt-100 footer ft-3-ntr" style={{backgroundColor: "#F6FFFB"}}>
|
||||
<div className="container">
|
||||
{/* FOOTER CONTENT */}
|
||||
<div className="row">
|
||||
{/* FOOTER LOGO */}
|
||||
<div className="col-xl-4">
|
||||
<div className="col-md-6 col-xl-4">
|
||||
<div className="footer-info">
|
||||
<img className="footer-logo" src="/images/logo-pink.png" alt="footer-logo" />
|
||||
</div>
|
||||
@@ -18,50 +18,61 @@ export default function MermsFooter() {
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row col-xl-8">
|
||||
<div className="col-12 col-md-6 col-xl-8 row">
|
||||
{/* FOOTER LINKS */}
|
||||
<div className="col-xl-4">
|
||||
<div className="col-6 col-sm-4 col-md-4 col-xl-4">
|
||||
<div className="footer-links fl-1">
|
||||
{/* Title */}
|
||||
<h6 className="s-17 w-700">Company</h6>
|
||||
<h6 className="s-17 w-700">Site</h6>
|
||||
{/* Links */}
|
||||
<ul className="foo-links clearfix">
|
||||
<li>
|
||||
<p><Link href="/">Home</Link></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><Link href="/about">About Us</Link></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><Link href="/contacts">Contact Us</Link></p>
|
||||
<p><Link href="/merms-blog">Use Cases</Link></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><Link href="/merms-blog">Our Blog</Link></p>
|
||||
<p><Link href="/contacts">Contact Us</Link></p>
|
||||
</li>
|
||||
{/*<li>*/}
|
||||
{/* <p><Link href="/merms-blog">Our Blog</Link></p>*/}
|
||||
{/*</li>*/}
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END FOOTER LINKS */}
|
||||
{/* FOOTER LINKS */}
|
||||
<div className="col-xl-4">
|
||||
<div className="col-6 col-sm-4 col-md-4 col-xl-4">
|
||||
<div className="footer-links fl-2">
|
||||
{/* Title */}
|
||||
<h6 className="s-17 w-700">Product</h6>
|
||||
<h6 className="s-17 w-700">Resources</h6>
|
||||
{/* Links */}
|
||||
<ul className="foo-links clearfix1">
|
||||
|
||||
|
||||
<li>
|
||||
<p><Link href="/features">Features</Link></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><Link href="/merms-updates">What's New</Link></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><Link href="/pricing">Pricing</Link></p>
|
||||
</li>
|
||||
{/*<li>*/}
|
||||
{/* <p><Link href="/pricing">Pricing</Link></p>*/}
|
||||
{/*</li>*/}
|
||||
<li>
|
||||
<p><Link href="/help-center">Help Center</Link></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><Link href="https://forum.automedsys.ai/">Our Forum</Link></p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END FOOTER LINKS */}
|
||||
{/* FOOTER LINKS */}
|
||||
<div className="col-xl-4">
|
||||
<div className="col-6 col-sm-4 col-md-4 col-xl-4">
|
||||
<div className="footer-links fl-3">
|
||||
{/* Title */}
|
||||
<h6 className="s-17 w-700">Legal</h6>
|
||||
@@ -73,9 +84,9 @@ export default function MermsFooter() {
|
||||
<li>
|
||||
<p><Link href="/privacy">Privacy Policy</Link></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><Link href="/cookies">Cookie Policy</Link></p>
|
||||
</li>
|
||||
{/*<li>*/}
|
||||
{/* <p><Link href="/cookies">Cookie Policy</Link></p>*/}
|
||||
{/*</li>*/}
|
||||
{/*<li>*/}
|
||||
{/* <p><Link href="#">Site Map</Link></p>*/}
|
||||
{/*</li>*/}
|
||||
@@ -99,7 +110,7 @@ export default function MermsFooter() {
|
||||
<ul className="bottom-footer-socials ico-20 text-end">
|
||||
<li><Link href={process.env.NEXT_PUBLIC_FACEBOOK_URL}><span className="flaticon-facebook" /></Link></li>
|
||||
<li><Link href={process.env.NEXT_PUBLIC_TWITTER_URL}><span className="flaticon-twitter" /></Link></li>
|
||||
<li><Link href={process.env.NEXT_PUBLIC_INSTAGRAM_URL}><span className="flaticon-instagram" /></Link></li>
|
||||
{/*<li><Link href={process.env.NEXT_PUBLIC_INSTAGRAM_URL}><span className="flaticon-instagram" /></Link></li>*/}
|
||||
<li><Link href={process.env.NEXT_PUBLIC_YOUTUBE_URL}><span className="flaticon-youtube" /></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -8,7 +8,7 @@ function QueryClientContext({children}) {
|
||||
refetchOnWindowFocus: false,
|
||||
retry: 3,
|
||||
// refetchOnMount: false,
|
||||
staleTime: 60000,
|
||||
staleTime: Infinity,
|
||||
},
|
||||
},
|
||||
})
|
||||
|
||||
@@ -0,0 +1,45 @@
|
||||
import Link from "next/link";
|
||||
|
||||
export default function MermsBlogFix() {
|
||||
return (
|
||||
<>
|
||||
<div className="blog-post square-post">
|
||||
<div className="row">
|
||||
<div className="col">
|
||||
<div className="square-post-wrapper bg--black-400 block-shadow r-16 wow fadeInUp">
|
||||
<div className="row d-flex align-items-center">
|
||||
|
||||
<div className="col-md-6 order-last order-md-2">
|
||||
<div className="blog-post-txt color--white">
|
||||
|
||||
<h4 className="s-34 w-700 mb-20">
|
||||
<Link href="/merms-blogview">Lipsum sodales sapien Martex aliquet blandit
|
||||
augue gravida posuere
|
||||
</Link>
|
||||
</h4>
|
||||
|
||||
<p>Aliqum mullam blandit vitae and tempor sapien and donec lipsum gravida porta
|
||||
undo velna dolor libero risus aliquet tempus posuere vitae tempor
|
||||
</p>
|
||||
|
||||
<div className="blog-post-meta mt-30">
|
||||
<ul className="post-meta-list ico-10">
|
||||
<li><p className="w-500">MermsEmr Team</p></li>
|
||||
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-6 order-first order-md-2">
|
||||
<div className="blog-post-img video-preview">
|
||||
<img className="img-fluid" src="/images/blog/post-10-img.jpg" alt="video-preview" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,70 @@
|
||||
|
||||
|
||||
|
||||
|
||||
export default function MermsFeatureSection4 (){
|
||||
|
||||
return (
|
||||
<>
|
||||
<section className="pt-100 ct-04 content-section division">
|
||||
<div className="container">
|
||||
{/* SECTION CONTENT (ROW) */}
|
||||
<div className="row d-flex align-items-center">
|
||||
{/* TEXT BLOCK */}
|
||||
<div className="col-md-6 order-last order-md-2">
|
||||
<div className="txt-block left-column wow fadeInRight">
|
||||
{/* CONTENT BOX #1 */}
|
||||
<div className="cbox-2 process-step">
|
||||
{/* Icon */}
|
||||
<div className="ico-wrap">
|
||||
<div className="cbox-2-ico bg--theme color--white">1</div>
|
||||
<span className="cbox-2-line" />
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="cbox-2-txt">
|
||||
<h5 className="s-22 w-700">Simple, Secure & Intuitive</h5>
|
||||
<p>Accomplish your task in one easy-to-navigate dashboard that adapts to your priority. With a user-friendly interface, access important updates at a glance and make informed decisions quickly.
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* END CONTENT BOX #1 */}
|
||||
{/* CONTENT BOX #2 */}
|
||||
<div className="cbox-2 process-step">
|
||||
{/* Icon */}
|
||||
<div className="ico-wrap">
|
||||
<div className="cbox-2-ico bg--theme color--white">2</div>
|
||||
<span className="cbox-2-line" />
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="cbox-2-txt">
|
||||
<h5 className="s-22 w-700">Active Status Reports</h5>
|
||||
<p>Our Active Status Reports provide real-time insights into your ongoing products and tasks, ensuring you are always in the loop. These reports adapt dynamically to your needs, highlighting key metrics and progress indicators, allowing you to respond proactively to changes or challenges.
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* END CONTENT BOX #2 */}
|
||||
{/* CONTENT BOX #3 */}
|
||||
<div className="cbox-2 process-step">
|
||||
{/* Icon */}
|
||||
<div className="ico-wrap">
|
||||
<div className="cbox-2-ico bg--theme color--white">3</div>
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="cbox-2-txt">
|
||||
<h5 className="s-22 w-700">Secure at Core</h5>
|
||||
<p className="mb-0">With "Secure at Core," you can focus on what matters most—growing your business—while we take care of your security needs. Security is an ongoing commitment. We provide 24/7 monitoring and support.
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* END CONTENT BOX #3 */}
|
||||
</div>
|
||||
</div> {/* END TEXT BLOCK */}
|
||||
{/* IMAGE BLOCK */}
|
||||
<div className="col-md-6 order-first order-md-2">
|
||||
<div className="img-block wow fadeInLeft">
|
||||
<img className="img-fluid" src="/images/tablet-01.png" alt="content-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END SECTION CONTENT (ROW) */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END TEXT CONTENT */}
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,76 @@
|
||||
|
||||
|
||||
export default function MermsFeaturesSection1(){
|
||||
|
||||
return (
|
||||
<>
|
||||
<section id="features-2" className="pt-100 features-section division">
|
||||
<div className="container">
|
||||
{/* SECTION TITLE */}
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-md-10 col-lg-9">
|
||||
<div className="section-title mb-80">
|
||||
{/* Title */}
|
||||
<h2 className="s-50 w-700">We pay attention to details</h2>
|
||||
{/* Text */}
|
||||
<p className="s-21 color--grey">Continually evolving digital space means that we are constantly updating the tools you will need by:</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* FEATURES-2 WRAPPER */}
|
||||
<div className="fbox-wrapper text-center">
|
||||
<div className="row row-cols-1 row-cols-md-3">
|
||||
{/* FEATURE BOX #1 */}
|
||||
<div className="col">
|
||||
<div className="fbox-2 fb-1 wow fadeInUp">
|
||||
{/* Image */}
|
||||
<div className="fbox-img gr--whitesmoke h-175">
|
||||
<img className="img-fluid light-theme-img" src="/images/f_01.png" alt="feature-image" />
|
||||
<img className="img-fluid dark-theme-img" src="/images/f_01_dark.png" alt="feature-image" />
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
<h6 className="s-22 w-700">Intuitive Dashboard</h6>
|
||||
<p>Easy-to-follow and user-adaptive dashboard that optimizes your targets.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END FEATURE BOX #1 */}
|
||||
{/* FEATURE BOX #2 */}
|
||||
<div className="col">
|
||||
<div className="fbox-2 fb-2 wow fadeInUp">
|
||||
{/* Image */}
|
||||
<div className="fbox-img gr--whitesmoke h-175">
|
||||
<img className="img-fluid light-theme-img" src="/images/f_05.png" alt="feature-image" />
|
||||
<img className="img-fluid dark-theme-img" src="/images/f_05_dark.png" alt="feature-image" />
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
<h6 className="s-22 w-700">Effortless Integration</h6>
|
||||
<p>Connect your tools to a target goal. Add and update what you need when required.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END FEATURE BOX #2 */}
|
||||
{/* FEATURE BOX #3 */}
|
||||
<div className="col">
|
||||
<div className="fbox-2 fb-3 wow fadeInUp">
|
||||
{/* Image */}
|
||||
<div className="fbox-img gr--whitesmoke h-175">
|
||||
<img className="img-fluid light-theme-img" src="/images/f_02.png" alt="feature-image" />
|
||||
<img className="img-fluid dark-theme-img" src="/images/f_02_dark.png" alt="feature-image" />
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
<h6 className="s-22 w-700">Real-time Analytics</h6>
|
||||
<p>Reporting that gives visibility to trends with AI assistance for recommendations.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END FEATURE BOX #3 */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* END FEATURES-2 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END FEATURES-2 */}
|
||||
|
||||
<hr className="divider" />
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,124 @@
|
||||
|
||||
|
||||
export default function MermsFeaturesSectionTwo(){
|
||||
|
||||
return (
|
||||
<>
|
||||
<section id="features-12" className="shape--bg shape--white-400 pt-100 features-section division">
|
||||
<div className="container">
|
||||
<div className="row d-flex align-items-center">
|
||||
{/* TEXT BLOCK */}
|
||||
<div className="col-md-5">
|
||||
<div className="txt-block left-column wow fadeInRight">
|
||||
|
||||
<h2 className="s-46 w-700">Innovative solutions, real-time results</h2>
|
||||
{/* Text */}
|
||||
<p>Bring your vision to life with the website builder that gives you the tools you need to succeed.
|
||||
</p>
|
||||
{/* List */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Design your website using our modern templates, designer fonts, and color palettes in minutes.
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p className="mb-0">Promote your business and grow. Create a blog to grow your community and drive more traffic.
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END TEXT BLOCK */}
|
||||
{/* FEATURES-12 WRAPPER */}
|
||||
<div className="col-md-7">
|
||||
<div className="fbox-12-wrapper wow fadeInLeft">
|
||||
<div className="row">
|
||||
<div className="col-md-6">
|
||||
{/* FEATURE BOX #1 */}
|
||||
<div id="fb-12-1" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico ico-50">
|
||||
<div className="shape-ico color--theme">
|
||||
{/* Vector Icon */}
|
||||
<span className="flaticon-layers-1" />
|
||||
{/* Shape */}
|
||||
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
|
||||
</svg>
|
||||
</div>
|
||||
</div> {/* End Icon */}
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
<h5 className="s-20 w-700">Website in Seconds</h5>
|
||||
<p>Build a website in seconds with MERMS AI website builder.</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* FEATURE BOX #2 */}
|
||||
<div id="fb-12-2" className="fbox-12 bg--white-100 block-shadow r-12">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico ico-50">
|
||||
<div className="shape-ico color--theme">
|
||||
{/* Vector Icon */}
|
||||
<span className="flaticon-click-1" />
|
||||
{/* Shape */}
|
||||
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
|
||||
</svg>
|
||||
</div>
|
||||
</div> {/* End Icon */}
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
<h5 className="s-20 w-700">Digital Marketing</h5>
|
||||
<p>Promote your presence and grow with MERMS SEO tools.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-6">
|
||||
{/* FEATURE BOX #3 */}
|
||||
<div id="fb-12-3" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico ico-50">
|
||||
<div className="shape-ico color--theme">
|
||||
{/* Vector Icon */}
|
||||
<span className="flaticon-prioritize" />
|
||||
{/* Shape */}
|
||||
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
|
||||
</svg>
|
||||
</div>
|
||||
</div> {/* End Icon */}
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
<h5 className="s-20 w-700">Useful Addons</h5>
|
||||
<p>Explore our expanding addons to improve your applications.</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* FEATURE BOX #4 */}
|
||||
<div id="fb-12-4" className="fbox-12 bg--white-100 block-shadow r-12">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico ico-50">
|
||||
<div className="shape-ico color--theme">
|
||||
{/* Vector Icon */}
|
||||
<span className="flaticon-analytics" />
|
||||
{/* Shape */}
|
||||
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
|
||||
</svg>
|
||||
</div>
|
||||
</div> {/* End Icon */}
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
<h5 className="s-20 w-700">Unified Management</h5>
|
||||
<p>Manage everything from one portal with MERMS AI Assist Tools.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* END FEATURES-12 WRAPPER */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
|
||||
}
|
||||
@@ -11,11 +11,11 @@ export default function MersmHero() {
|
||||
<div className="col-md-5">
|
||||
<div className="hero-13-txt wow fadeInRight">
|
||||
{/* Section ID */}
|
||||
<span className="section-id">Online Reputation That Work</span>
|
||||
{/*<span className="section-id">Online Reputation That Work</span>*/}
|
||||
{/* Title */}
|
||||
<h2 className="s-54 w-700">Your practice’s reputation is strategic for your success</h2>
|
||||
<h2 className="s-54 w-700">Supercharge Your Practice Efficiency with MERMS AI Agent Today!</h2>
|
||||
{/* Text */}
|
||||
<p className="p-lg">In the digital age, your online reputation has to work for you for your practice to be effective and create trust.
|
||||
<p className="p-lg">Streamline workflows across practice with powerful AI agents. Build and deploy automated workflows with ease.
|
||||
</p>
|
||||
{/* Button */}
|
||||
<Link href={process.env.NEXT_PUBLIC_SIGNUP_URL} className="btn r-04 btn--theme hover--tra-black">Get started for free</Link>
|
||||
@@ -27,7 +27,7 @@ export default function MersmHero() {
|
||||
{/* HERO IMAGE */}
|
||||
<div className="col-md-7">
|
||||
<div className="hero-13-img wow fadeInLeft">
|
||||
<img className="img-fluid" src="/images/hero-13-img.png" alt="hero-image" />
|
||||
<img className="img-fluid" src="/images/hero-13-b-img.png" alt="hero-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
|
||||
@@ -0,0 +1,61 @@
|
||||
import axios from "axios"
|
||||
|
||||
|
||||
axios.interceptors.request.use(
|
||||
config => {
|
||||
config.headers = {
|
||||
Accept: "application/json",
|
||||
"Access-Control-Allow-Origin": "*",
|
||||
// "Access-Control-Expose-Headers": "Access-Control-Allow-Origin",
|
||||
// "Access-Control-Allow-Headers": "Origin, X-API-KEY, X-Requested-With, Content-Type, Accept, Access-Control-Request-Method, Access-Control-Allow-Headers, Authorization, observe, enctype, Content-Length, X-Csrf-Token",
|
||||
// "Content-Type": "application/json;charset=UTF-8",
|
||||
// 'Authorization': (localStorage && localStorage.getItem('access_token')) ? `Bearer ${localStorage.getItem('access_token')}` : '',
|
||||
};
|
||||
// config.headers['Authorization'] = `Bearer ${localStorage.getItem('token')}`;
|
||||
// config.baseURL = process.env.REACT_APP_MAIN_API
|
||||
return config;
|
||||
},
|
||||
error => {
|
||||
return Promise.reject(error);
|
||||
}
|
||||
);
|
||||
|
||||
const postAuxEnd = (path, postData, media=false) => {
|
||||
const basePath = media ? 'https://blogdata.chiefsoft.net' : 'https://blogdata.chiefsoft.net'
|
||||
let newPostData = {}
|
||||
if(!media){
|
||||
newPostData = {...postData}
|
||||
}else{
|
||||
newPostData = new FormData();
|
||||
for (let data in postData) {
|
||||
newPostData.append(data, postData[data]);
|
||||
}
|
||||
}
|
||||
return axios.post(`${basePath}${path}`, newPostData).then(res => {
|
||||
return res
|
||||
}).catch(err => {
|
||||
// throw new Error(err.response.data.error_message);
|
||||
throw new Error(err);
|
||||
})
|
||||
}
|
||||
|
||||
const getAuxEnd = (path, reqData= null) => {
|
||||
const basePath = 'https://blogdata.chiefsoft.net'
|
||||
return axios.get(`${basePath}${path}`,{ params: reqData }).then(res => {
|
||||
return res
|
||||
// localStorage.clear();
|
||||
// window.location.href = `/login?sessionExpired=true`;
|
||||
}).catch(err => {
|
||||
throw new Error(err);
|
||||
// throw new Error(err.response.data.message);
|
||||
// return err
|
||||
})
|
||||
}
|
||||
|
||||
// FUNCTION TO GET MERMS BLOGS
|
||||
export const getMermsBlogs = (reqData) => {
|
||||
let postData = {
|
||||
...reqData
|
||||
}
|
||||
return getAuxEnd('/mermsblogdata/mermsemr', postData, false)
|
||||
}
|
||||
+4
-1
@@ -13,11 +13,14 @@ services:
|
||||
- ./node_modules:/app_backup/node_modules
|
||||
# - ./run.sh:/app/run.sh
|
||||
# - ./next:/app/.next
|
||||
image: registry.chiefsoft.net/merms-web-2025:latest
|
||||
extra_hosts:
|
||||
- blogdata.chiefsoft.net:10.10.33.15
|
||||
- blog.mermsemr.com:10.10.33.15
|
||||
- backend.wrenchboard.api.test:10.10.33.15
|
||||
tty: true
|
||||
stdin_open: true
|
||||
environment:
|
||||
- NODE_ENV=${NODE_ENV:-live}
|
||||
volumes:
|
||||
src:
|
||||
src:
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
#!/bin/sh
|
||||
set -e
|
||||
|
||||
echo "NODE_ENV=$NODE_ENV"
|
||||
# Run command with node if the first argument contains a "-" or is not a system command. The last
|
||||
# part inside the "{}" is a workaround for the following bug in ash/dash:
|
||||
# https://bugs.debian.org/cgi-bin/bugreport.cgi?bug=874264
|
||||
@@ -8,4 +9,4 @@ if [ "${1#-}" != "${1}" ] || [ -z "$(command -v "${1}")" ] || { [ -f "${1}" ] &&
|
||||
set -- node "$@"
|
||||
fi
|
||||
|
||||
exec "$@"
|
||||
exec "$@"
|
||||
|
||||
+4
-1
@@ -12,8 +12,10 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@tanstack/react-query": "^5.62.16",
|
||||
"axios": "^1.13.2",
|
||||
"eslint": "8.41.0",
|
||||
"eslint-config-next": "13.4.3",
|
||||
"formik": "^2.4.9",
|
||||
"next": "^13.5.8",
|
||||
"react": "18.2.0",
|
||||
"react-dom": "18.2.0",
|
||||
@@ -21,6 +23,7 @@
|
||||
"sass": "^1.62.1",
|
||||
"server-only": "^0.0.1",
|
||||
"swiper": "^10.0.4",
|
||||
"wowjs": "^1.1.3"
|
||||
"wowjs": "^1.1.3",
|
||||
"yup": "^1.7.1"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,518 @@
|
||||
import Layout from "../components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import { useState } from "react"
|
||||
export default function Home() {
|
||||
const [activeIndex, setActiveIndex] = useState(1)
|
||||
const handleOnClick = (index) => {
|
||||
setActiveIndex(index)
|
||||
}
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
})
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
})
|
||||
}
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark inner-page-header">
|
||||
<div>
|
||||
<section id="faqs-4" className="gr--whitesmoke inner-page-hero pb-100 faqs-section division">
|
||||
<div className="container">
|
||||
{/* SECTION TITLE */}
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-lg-11 col-xl-10">
|
||||
<div className="inner-page-title">
|
||||
<h2 className="s-52 w-700">How Can We Help?</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* TABS NAVIGATION */}
|
||||
<div className="row">
|
||||
<div className="col">
|
||||
<div className="tabs-nav tabs--theme clearfix">
|
||||
<ul className="tabs-1">
|
||||
{/* TAB-1 LINK */}
|
||||
<li className={activeIndex === 1 ? "tab-link ico-45 r-16 current" : "tab-link ico-45 r-16"} onClick={() => handleOnClick(1)}>
|
||||
<div className="tab-link-ico"><span className="flaticon-mechanics" /></div>
|
||||
<p>Getting Started</p>
|
||||
</li>
|
||||
{/* TAB-2 LINK */}
|
||||
<li className={activeIndex === 2 ? "tab-link ico-45 r-16 current" : "tab-link ico-45 r-16"} onClick={() => handleOnClick(2)}>
|
||||
<div className="tab-link-ico"><span className="flaticon-suit" /></div>
|
||||
<p>My Account</p>
|
||||
</li>
|
||||
{/* TAB-3 LINK */}
|
||||
<li className={activeIndex === 3 ? "tab-link ico-45 r-16 current" : "tab-link ico-45 r-16"} onClick={() => handleOnClick(3)}>
|
||||
<div className="tab-link-ico"><span className="flaticon-price-label" /></div>
|
||||
<p>Pricing Plans</p>
|
||||
</li>
|
||||
{/* TAB-4 LINK */}
|
||||
<li className={activeIndex === 4 ? "tab-link ico-45 r-16 current" : "tab-link ico-45 r-16"} onClick={() => handleOnClick(4)}>
|
||||
<div className="tab-link-ico"><span className="flaticon-screenplay" /></div>
|
||||
<p>Other Questions</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END TABS NAVIGATION */}
|
||||
{/* TABS CONTENT */}
|
||||
<div className="tabs-content">
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-xl-10">
|
||||
{/* TAB-1 CONTENT */}
|
||||
<div id="tab-1" className={activeIndex === 1 ? "tab-content current" : "tab-content "}>
|
||||
<div className="accordion-wrapper">
|
||||
<ul className="accordion">
|
||||
{/* QUESTION #1 */}
|
||||
<li className={isActive.key == 1 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(1)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">What is MERMS, and how does it work?</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 1 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>MERMS operates on a cloud-based model, allowing users to access the software from anywhere, at any time. By leveraging advanced technology, MERMS streamlines processes, enhances collaboration, and provides real-time data analytics. This system automates routine tasks, enabling teams to focus on more strategic initiatives.
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #1 */}
|
||||
{/* QUESTION #2 */}
|
||||
<li className={isActive.key == 2 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(2)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">What can I do with MERMS?</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 2 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>With MERMS, users can manage projects, track budgets, oversee inventory, and collaborate across different departments. Whether you're in finance, marketing, or operations, MERMS offers customizable solutions to cater to your specific needs. Not only can you streamline processes, but you can also improve decision-making with data-driven insights.
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #2 */}
|
||||
{/* QUESTION #3 */}
|
||||
<li className={isActive.key == 3 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(3)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">Which Product and Tools does MERMS support?</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 3 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>MERMS supports a wide array of tools, including CRM systems, project management software, and financial applications. It integrates seamlessly with popular platforms like Slack, Microsoft Teams, and Google Workspace, allowing for a comprehensive management experience without losing functionality.
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #3 */}
|
||||
{/* QUESTION #4 */}
|
||||
<li className={isActive.key == 4 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(4)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">Can I Automate with MERMS?</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 4 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>Yes! MERMS offers robust automation capabilities. Users can set up automated workflows for routine tasks, such as reporting, notifications, and data entry, minimizing human error and saving valuable time. This feature enhances productivity, making it easier for organizations to scale and adapt to changing needs.
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #4 */}
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END TAB-1 CONTENT */}
|
||||
{/* TAB-2 CONTENT */}
|
||||
<div id="tab-2" className={activeIndex === 2 ? "tab-content current" : "tab-content "}>
|
||||
<div className="accordion-wrapper">
|
||||
<ul className="accordion">
|
||||
{/* QUESTION #1 */}
|
||||
<li className={isActive.key == 6 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(6)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">Sign up and manage your account</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 6 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<ol className="digit-list">
|
||||
<li className="list-item">
|
||||
<p>Curabitur ac dapibus libero eu congue tristique neque</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Sagittis congue augue egestas volutpat egestas</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>An aliquam justo suscipit congue augue</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Gestas integer congue a lectus porta</p>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</li> {/* END QUESTION #1 */}
|
||||
{/* QUESTION #2 */}
|
||||
<li className={isActive.key == 7 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(7)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">Manage account settings</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 7 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris lectus
|
||||
laoreet gestas neque and vitae undo auctor dolor luctus placerat a magna
|
||||
cursus congue magna mpedit ligula congue maecenas gravida augue porttitor
|
||||
nunc, quis vehicula magna luctus tempor. Quisque vel laoreet turpis. Viverra
|
||||
augue, a augue tempor, dictum tempor diam. Sed pulvinar a consectetur nibh,
|
||||
imperdiet varius viverra
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #2 */}
|
||||
{/* QUESTION #3 */}
|
||||
<li className={isActive.key == 8 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(8)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">Change language or location settings</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 8 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris lectus
|
||||
laoreet gestas neque and vitae undo auctor dolor luctus placerat a magna
|
||||
cursus congue magna mpedit ligula congue maecenas gravida augue porttitor
|
||||
nunc, quis vehicula magna luctus tempor. Quisque vel laoreet turpis. Viverra
|
||||
augue, a augue tempor, dictum tempor diam. Sed pulvinar a consectetur nibh,
|
||||
imperdiet varius viverra
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #3 */}
|
||||
{/* QUESTION #4 */}
|
||||
<li className={isActive.key == 9 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(9)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">Troubleshoot account issues</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 9 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>An augue cubilia laoreet and magna suscipit egestas magna ipsum purus
|
||||
ipsum primis an augue ultrice ligula egestas suscipit lectus gestas
|
||||
integer congue a lectus porta tristique phasellus neque a blandit and
|
||||
tristique justo aliquam justo suscipit congue augue egestas volutpat
|
||||
egestas magna sem congue
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>An augue cubilia laoreet and magna suscipit egestas magna ipsum purus
|
||||
ipsum primis and augue efficitur ligula egestas suscipit lectus gestas
|
||||
integer congue a lectus porta phasellus neque
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #4 */}
|
||||
{/* QUESTION #5 */}
|
||||
<li className={isActive.key == 10 ? "accordion-item acc-last-item is-active" : "accordion-item acc-last-item"} onClick={() => handleToggle(10)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">Manage accessibility settings</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 10 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris
|
||||
lectus laoreet gestas neque and vitae undo auctor dolor luctus placerat
|
||||
a magna cursus congue magna mpedit ligula congue maecenas gravida augue
|
||||
porttitor nunc, quis vehicula magna luctus tempor. Quisque vel laoreet
|
||||
turpis. Viverra augue, a augue tempor, dictum tempor diam. Sed pulvinar
|
||||
a consectetur nibh, imperdiet varius viverra
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
|
||||
and magna ipsum vitae purus and efficitur ipsum primis in cubilia laoreet
|
||||
tempor gravida
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #5 */}
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END TAB-2 CONTENT */}
|
||||
{/* TAB-3 CONTENT */}
|
||||
<div id="tab-3" className={activeIndex === 3 ? "tab-content current" : "tab-content "}>
|
||||
<div className="accordion-wrapper">
|
||||
<ul className="accordion">
|
||||
{/* QUESTION #1 */}
|
||||
<li className={isActive.key == 11 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(11)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">How much does MERMS cost?</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 11 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>An augue cubilia laoreet and magna suscipit egestas magna ipsum purus
|
||||
ipsum primis undo augue ultrice ligula egestas suscipit lectus gestas
|
||||
integer congue a lectus porta neque blandit tristique
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #1 */}
|
||||
{/* QUESTION #2 */}
|
||||
<li className={isActive.key == 12 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(12)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">I didn't receive the license key after purchased</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 12 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Curabitur ac dapibus libero. Quisque eu congue tristique neque.
|
||||
Phasellus blandit tristique aliquam justo undo. Aliquam vitae molestie nunc. Quisque sapien justo, aliquet non molestie purus
|
||||
tempor
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit
|
||||
egestas magna ipsum vitae purus undo efficitur ipsum primis in
|
||||
cubilia laoreet augue egestas luctus donec curabitur dapibus libero
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li> {/* END QUESTION #2 */}
|
||||
{/* QUESTION #3 */}
|
||||
<li className={isActive.key == 13 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(13)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">Do you offer discounts for annual plans?</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 13 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Curabitur ac dapibus libero. Quisque eu congue justo undo
|
||||
tristique neque phasellus and blandit tristique aliquam. Aliquam
|
||||
vitae molestie nunc. Quisque sapien justo, aliquet non molestie
|
||||
purus tempor
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit
|
||||
egestas magna ipsum vitae purus undo efficitur ipsum primis in
|
||||
cubilia laoreet augue egestas luctus donec curabitur dapibus libero
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li> {/* END QUESTION #3 */}
|
||||
{/* QUESTION #4 */}
|
||||
<li className={isActive.key == 14 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(14)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">How safe is my data?</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 14 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>An augue cubilia laoreet and magna suscipit egestas magna an ipsum
|
||||
purus ipsum primis an augue ultrice ligula egestas suscipit lectus
|
||||
gestas integer congue a lectus porta tristique phasellus neque a blandit
|
||||
undo tristique justo aliquam justo suscipit congue augue egestas volutpat
|
||||
egestas magna sem
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>An augue cubilia laoreet and magna suscipit egestas magna ipsum purus
|
||||
ipsum primis and augue efficitur ligula egestas suscipit lectus gestas
|
||||
integer congue a lectus porta phasellus neque
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #4 */}
|
||||
{/* QUESTION #5 */}
|
||||
<li className={isActive.key == 15 ? "accordion-item acc-last-item is-active" : "accordion-item acc-last-item"} onClick={() => handleToggle(15)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">How to request a refund?</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 15 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Curabitur ac dapibus libero. Quisque eu congue tristique</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Congue tristique neque phasellus blandit tristique justo
|
||||
undo aliquam. Aliquam vitae molestie quisque sapien justo,
|
||||
aliquet non molestie purus tempor
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit
|
||||
egestas magna ipsum
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li> {/* END QUESTION #5 */}
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END TAB-3 CONTENT */}
|
||||
{/* TAB-4 CONTENT */}
|
||||
<div id="tab-4" className={activeIndex === 4 ? "tab-content current" : "tab-content "}>
|
||||
<div className="accordion-wrapper">
|
||||
<ul className="accordion">
|
||||
{/* QUESTION #1 */}
|
||||
<li className={isActive.key == 16 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(16)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">How do I get the error log?</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 16 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
|
||||
and magna ipsum vitae
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas and magna suscipit an
|
||||
egestas magna ipsum vitae purus congue efficitur ipsum primis in cubilia
|
||||
laoreet augue egestas luctus donec and curabitur dapibus
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #1 */}
|
||||
{/* QUESTION #2 */}
|
||||
<li className={isActive.key == 17 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(17)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">I forgot my folder password, what should I do?</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 17 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
|
||||
magna ipsum vitae purus congue efficitur ipsum primis in cubilia laoreet
|
||||
augue egestas luctus donec and curabitur dapibus
|
||||
</p>
|
||||
{/* Text */}
|
||||
<ol className="digit-list">
|
||||
<li className="list-item">
|
||||
<p>Gestas integer congue a lectus porta</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>An aliquam justo suscipit congue augue</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Sagittis congue augue egestas volutpat egestas</p>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</li> {/* END QUESTION #2 */}
|
||||
{/* QUESTION #3 */}
|
||||
<li className={isActive.key == 18 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(18)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">Limitations of folder password protection</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 18 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris
|
||||
lectus laoreet gestas neque and vitae undo auctor dolor luctus placerat
|
||||
a magna cursus congue magna mpedit ligula congue maecenas gravida augue
|
||||
porttitor nunc, quis vehicula magna luctus tempor. Quisque vel laoreet
|
||||
turpis. Viverra augue, a augue tempor, dictum tempor diam. Sed pulvinar
|
||||
a consectetur nibh, imperdiet varius viverra
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #3 */}
|
||||
{/* QUESTION #4 */}
|
||||
<li className={isActive.key == 19 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(19)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">Import existing library</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 19 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris
|
||||
lectus laoreet gestas neque and vitae undo auctor dolor luctus placerat
|
||||
a magna cursus congue magna mpedit ligula congue maecenas gravida augue
|
||||
porttitor nunc, quis vehicula magna luctus tempor. Quisque vel laoreet
|
||||
turpis. Viverra augue, a augue tempor, dictum tempor diam. Sed pulvinar
|
||||
a consectetur nibh, imperdiet varius viverra
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
|
||||
and magna ipsum vitae purus and efficitur ipsum primis in cubilia laoreet
|
||||
tempor gravida
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #4 */}
|
||||
{/* QUESTION #5 */}
|
||||
<li className={isActive.key == 20 ? "accordion-item acc-last-item is-active" : "accordion-item acc-last-item"} onClick={() => handleToggle(20)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">I lost my license. Can you send it to me?</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 20 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>An augue cubilia laoreet and magna suscipit egestas magna ipsum purus
|
||||
ipsum primis undo augue ultrice ligula egestas suscipit lectus gestas
|
||||
integer congue phasellus neque blandit tristique
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
|
||||
and magna ipsum vitae
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #5 */}
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END TAB-4 CONTENT */}
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* END TABS CONTENT */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END FAQs-4 */}
|
||||
{/* BANNER-9
|
||||
============================================= */}
|
||||
<section id="banner-9" className="bg--02 py-70 x-border banner-section">
|
||||
<div className="container">
|
||||
{/* BANNER-9 WRAPPER */}
|
||||
<div className="banner-7-wrapper">
|
||||
<div className="row justify-content-center d-flex align-items-center">
|
||||
{/* BANNER-9 TEXT */}
|
||||
<div className="col-md-7 col-xl-5">
|
||||
<div className="banner-9-txt">
|
||||
{/* Title */}
|
||||
<h3 className="s-40 w-700">Still need help?</h3>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Don't hesitate to contact us about any question you might be interested in</p>
|
||||
{/* Button */}
|
||||
<Link href="/contacts" className="btn r-04 btn--theme hover--theme">Ask your question here</Link>
|
||||
</div>
|
||||
</div>
|
||||
{/* BANNER-9 IMAGE */}
|
||||
<div className="col-md-5 col-xl-5">
|
||||
<div className="banner-9-img text-end">
|
||||
<img className="img-fluid" src="/images/help.png" alt="banner-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* END BANNER-9 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,161 @@
|
||||
import { useRouter } from "next/router"
|
||||
import Layout from "../../../components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import { useQuery } from "@tanstack/react-query"
|
||||
import queryKeys from "../../../components/queryclientProvider/queryKeys"
|
||||
|
||||
export default function Home() {
|
||||
|
||||
const {data, isFetching, isError, error} = useQuery({
|
||||
queryKey: queryKeys.blog,
|
||||
queryFn: async () => {
|
||||
try {
|
||||
const blog_url = 'https://blogdata.chiefsoft.net/mermsblogdata/mermsemr';
|
||||
const res = await fetch(blog_url)
|
||||
const data = await res.json()
|
||||
return data
|
||||
}
|
||||
catch(e){
|
||||
return(e)
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
let {query} = useRouter()
|
||||
|
||||
const blogData = data?.payload?.blogdata
|
||||
const imageURL = data?.payload?.image_url
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark inner-page-header">
|
||||
<div>
|
||||
{isFetching ?
|
||||
<div className="pb-90 inner-page-hero blog-page-section">
|
||||
<div className="">
|
||||
<p className='text-mute text-center'>Loading...</p>
|
||||
</div>
|
||||
</div>
|
||||
: isError ?
|
||||
<div className="pb-90 inner-page-hero blog-page-section">
|
||||
<div className="">
|
||||
<p className='text-danger text-center'>{error.message}</p>
|
||||
</div>
|
||||
</div>
|
||||
:
|
||||
<>
|
||||
<section id="single-post" className="pb-90 inner-page-hero blog-page-section">
|
||||
<div className="container">
|
||||
<div className="row justify-content-center">
|
||||
{/* SINGLE POST CONTENT */}
|
||||
<div className="col-xl-10">
|
||||
{blogData?.filter(item => item?.id == query?.id).length > 0 ?
|
||||
<>
|
||||
{blogData?.filter(item => item?.id == query?.id).map(blog => {
|
||||
return (
|
||||
<div key={blog?.id} className="post-content">
|
||||
{/* SINGLE POST TITLE */}
|
||||
<div className="single-post-title text-center">
|
||||
{/* Post Tag */}
|
||||
{/* <span className="post-tag color--green-400">Community</span> */}
|
||||
{/* Title */}
|
||||
<h2 className="s-46 w-700">{blog?.post_title}</h2>
|
||||
{/* Post Meta */}
|
||||
<div className="blog-post-meta mt-35">
|
||||
<ul className="post-meta-list ico-10">
|
||||
<li><p className="w-500">MERMS </p></li>
|
||||
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
|
||||
<li><p>{new Date(blog?.post_date).toDateString()}</p></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END SINGLE POST TITLE */}
|
||||
{/* SINGLE POST IMAGE */}
|
||||
<div className="blog-post-img py-50">
|
||||
<img className="img-fluid r-16" src={`${imageURL}/${blog?.meta_value}`} alt="blog-post-image" />
|
||||
</div>
|
||||
{/* SINGLE POST TEXT */}
|
||||
<p dangerouslySetInnerHTML={{ __html: blog?.post_content }} />
|
||||
{/* END SINGLE POST TEXT */}
|
||||
|
||||
</div>
|
||||
)
|
||||
})}
|
||||
</>
|
||||
:
|
||||
<div className="">
|
||||
<p className='text-danger text-center'>Error! Blog not found.</p>
|
||||
</div>
|
||||
}
|
||||
</div> {/* END SINGLE POST CONTENT */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END SINGLE POST */}
|
||||
{/* BLOG-1
|
||||
============================================= */}
|
||||
<section id="blog-1" className="bg--white-300 py-100 blog-section division">
|
||||
<div className="container">
|
||||
{/* SECTION TITLE */}
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-md-10 col-lg-9">
|
||||
<div className="section-title mb-70">
|
||||
<h2 className="s-50 w-700">Recent Postings</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
{/* BLOG POST #1 */}
|
||||
{blogData?.filter(item => item.id != query?.id).map((item, index)=>{
|
||||
if(index < 3){
|
||||
return (
|
||||
<div key={item.id || index} className="col-md-6 col-lg-4">
|
||||
<div className="blog-post mb-40 wow fadeInUp clearfix">
|
||||
{/* BLOG POST IMAGE */}
|
||||
<div className="blog-post-img mb-35">
|
||||
<img
|
||||
className="img-fluid r-16"
|
||||
src={`${imageURL}/${item.meta_value}`}
|
||||
alt="blog-post-image"
|
||||
/>
|
||||
</div>
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="blog-post-txt">
|
||||
{/* Post Tag */}
|
||||
{/* <span className="post-tag color--red-400">Product News</span> */}
|
||||
{/* Post Link */}
|
||||
<h6 className="s-20 w-700">
|
||||
{/* <Link href={item.guid}> {item.post_title}</Link> */}
|
||||
<Link
|
||||
href={`/blogview/${item.id}`}
|
||||
// href={{pathname: '/merms-blogview', query:{...item, image_url:data?.payload?.image_url}}}
|
||||
>
|
||||
{item.post_title}
|
||||
</Link>
|
||||
</h6>
|
||||
{/* Text */}
|
||||
<p dangerouslySetInnerHTML={{ __html: item.post_content.length > 250 ? item.post_content.substring(0, 250) + ' ...' : item.post_content.substring(0, 250) }} />
|
||||
{/* Post Meta */}
|
||||
<div className="blog-post-meta mt-20">
|
||||
<ul className="post-meta-list ico-10">
|
||||
<li><p className="p-sm w-500">Merms</p></li>
|
||||
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
|
||||
<li><p className="p-sm">{new Date(item.post_date).toDateString()}</p></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END BLOG POST TEXT */}
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
})}
|
||||
{/* END BLOG POST #1 */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
</>
|
||||
}
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
+105
-75
@@ -1,7 +1,49 @@
|
||||
import { useMutation } from '@tanstack/react-query';
|
||||
import Layout from "../components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import { Form, Formik } from 'formik';
|
||||
import * as Yup from "yup";
|
||||
export default function Home() {
|
||||
|
||||
const validationSchema = Yup.object().shape({
|
||||
subject: Yup.string().required("Required"),
|
||||
name: Yup.string().required("Required"),
|
||||
email: Yup.string().required("Required"),
|
||||
message: Yup.string().required("Required"),
|
||||
})
|
||||
|
||||
const initialValues = {
|
||||
subject: '',
|
||||
name: '',
|
||||
email: '',
|
||||
message: ''
|
||||
};
|
||||
|
||||
const contactMutation = useMutation({
|
||||
mutationFn: (fields) => {
|
||||
return null //completePWDReset(fields)
|
||||
},
|
||||
onSuccess: (res) => {
|
||||
if(res?.data?.resultCode != '0'){
|
||||
throw({message: res?.data?.resultDescription})
|
||||
}
|
||||
},
|
||||
// onError: (err) => {
|
||||
// console.log('err', err)
|
||||
// }
|
||||
})
|
||||
|
||||
const handleContactMutation = (values) => {
|
||||
let reqData = {
|
||||
...values
|
||||
}
|
||||
console.log(reqData)
|
||||
setTimeout(()=>{
|
||||
contactMutation.reset()
|
||||
},3000)
|
||||
// contactMutation.mutate(reqData)
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark inner-page-header">
|
||||
@@ -25,52 +67,68 @@ export default function Home() {
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-md-11 col-lg-10 col-xl-8">
|
||||
<div className="form-holder">
|
||||
<form name="contactform" className="row contact-form">
|
||||
{/* Form Select */}
|
||||
<div className="col-md-12 input-subject">
|
||||
<p className="p-lg">This question is about: </p>
|
||||
<span>Choose a topic, so we know who to send your request to: </span>
|
||||
<select className="form-select subject" aria-label="Default select example">
|
||||
<option>This question is about...</option>
|
||||
<option>Registering/Authorising</option>
|
||||
<option>Using Application</option>
|
||||
<option>Troubleshooting</option>
|
||||
<option>Backup/Restore</option>
|
||||
<option>Other</option>
|
||||
</select>
|
||||
</div>
|
||||
{/* Contact Form Input */}
|
||||
<div className="col-md-12">
|
||||
<p className="p-lg">Your Name: </p>
|
||||
<span>Please enter your real name: </span>
|
||||
<input type="text" name="name" className="form-control name" placeholder="Your Name*" />
|
||||
</div>
|
||||
<div className="col-md-12">
|
||||
<p className="p-lg">Your Email Address: </p>
|
||||
<span>Please carefully check your email address for accuracy</span>
|
||||
<input type="text" name="email" className="form-control email" placeholder="Email Address*" />
|
||||
</div>
|
||||
<div className="col-md-12">
|
||||
<p className="p-lg">Explain your question in details: </p>
|
||||
<span>Your OS version, MERMS version & build, steps you did. Be VERY precise!</span>
|
||||
<textarea className="form-control message" name="message" rows={6} placeholder="I have a problem with..." />
|
||||
</div>
|
||||
{/* Contact Form Button */}
|
||||
<div className="col-md-12 mt-15 form-btn text-right">
|
||||
<button type="submit" className="btn btn--theme hover--theme submit">Submit Request</button>
|
||||
</div>
|
||||
<div className="contact-form-notice">
|
||||
<p className="p-sm">We are committed to your privacy. MERMS uses the information you
|
||||
provide us to contact you about our relevant content, products, and services.
|
||||
You may unsubscribe from these communications at any time. For more information,
|
||||
check out our <Link href="/privacy">Privacy Policy</Link>.
|
||||
</p>
|
||||
</div>
|
||||
{/* Contact Form Message */}
|
||||
<div className="col-lg-12 contact-form-msg">
|
||||
<span className="loading" />
|
||||
</div>
|
||||
</form>
|
||||
<Formik
|
||||
initialValues={initialValues}
|
||||
validationSchema={validationSchema}
|
||||
onSubmit={handleContactMutation}
|
||||
>
|
||||
{(props) => {
|
||||
return (
|
||||
<Form name="contactform" className="row contact-form">
|
||||
{/* Form Select */}
|
||||
<div className="col-md-12 input-subject">
|
||||
<p className="p-lg">This question is about:{(props.errors.subject && props.touched.subject) && <span style={{display: 'inline'}} className='text-danger'>{props.errors.subject}</span>}</p>
|
||||
<span>Choose a topic, so we know who to send your request to: </span>
|
||||
<select name='subject' onChange={props.handleChange} className="form-select subject" aria-label="Default select example">
|
||||
<option value=''>This question is about...</option>
|
||||
<option value='registering/authorising'>Registering/Authorising</option>
|
||||
<option value='using application'>Using Application</option>
|
||||
<option value='troubleshooting'>Troubleshooting</option>
|
||||
<option value='backup/restore'>Backup/Restore</option>
|
||||
<option value='others'>Other</option>
|
||||
</select>
|
||||
</div>
|
||||
{/* Contact Form Input */}
|
||||
<div className="col-md-12">
|
||||
<p className="p-lg">Your Name:{(props.errors.name && props.touched.name) && <span style={{display: 'inline'}} className='text-danger'>{props.errors.name}</span>}</p>
|
||||
<span>Please enter your real name: </span>
|
||||
<input type="text" onChange={props.handleChange} name="name" className="form-control name" placeholder="Your Name*" />
|
||||
</div>
|
||||
<div className="col-md-12">
|
||||
<p className="p-lg">Your Email Address:{(props.errors.email && props.touched.email) && <span style={{display: 'inline'}} className='text-danger'>{props.errors.email}</span>}</p>
|
||||
<span>Please carefully check your email address for accuracy</span>
|
||||
<input type="text" onChange={props.handleChange} name="email" className="form-control email" placeholder="Email Address*" />
|
||||
</div>
|
||||
<div className="col-md-12">
|
||||
<p className="p-lg">Explain your question in details:{(props.errors.message && props.touched.message) && <span style={{display: 'inline'}} className='text-danger'>{props.errors.message}</span>}</p>
|
||||
<span>Your OS version, MERMS version & build, steps you did. Be VERY precise!</span>
|
||||
<textarea onChange={props.handleChange} className="form-control message" name="message" rows={6} placeholder="I have a problem with..." />
|
||||
</div>
|
||||
{/* Contact Form Button */}
|
||||
<div className="d-flex justify-content-end mt-15 form-btn">
|
||||
<button
|
||||
type="submit"
|
||||
className="btn btn--theme hover--theme submit"
|
||||
disabled={contactMutation.isPending || contactMutation.isSuccess}
|
||||
>
|
||||
{contactMutation.isPending ? 'Sending' : contactMutation.isSuccess ? 'Message Sent' : 'Submit Request'}
|
||||
</button>
|
||||
</div>
|
||||
<div className="contact-form-notice">
|
||||
<p className="p-sm">We are committed to your privacy. MERMS uses the information you
|
||||
provide us to contact you about our relevant content, products, and services.
|
||||
You may unsubscribe from these communications at any time. For more information,
|
||||
check out our <Link href="/privacy">Privacy Policy</Link>.
|
||||
</p>
|
||||
</div>
|
||||
{/* Contact Form Message */}
|
||||
<div className="col-lg-12 contact-form-msg">
|
||||
<span className="loading" />
|
||||
</div>
|
||||
</Form>
|
||||
);
|
||||
}}
|
||||
</Formik>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END CONTACT FORM */}
|
||||
@@ -80,35 +138,7 @@ export default function Home() {
|
||||
<hr className="divider" />
|
||||
{/* NEWSLETTER-1
|
||||
============================================= */}
|
||||
<section id="newsletter-1" className="newsletter-section">
|
||||
<div className="newsletter-overlay">
|
||||
<div className="container">
|
||||
<div className="row d-flex align-items-center row-cols-1 row-cols-lg-2">
|
||||
{/* NEWSLETTER TEXT */}
|
||||
<div className="col">
|
||||
<div className="newsletter-txt">
|
||||
<h4 className="s-34 w-700">Stay up to date with our news, ideas and updates</h4>
|
||||
</div>
|
||||
</div>
|
||||
{/* NEWSLETTER FORM */}
|
||||
<div className="col">
|
||||
<form className="newsletter-form">
|
||||
<div className="input-group">
|
||||
<input type="email" autoComplete="off" className="form-control" placeholder="Your email address" required id="s-email" />
|
||||
<span className="input-group-btn">
|
||||
<button type="submit" className="btn btn--theme hover--theme">Subscribe Now</button>
|
||||
</span>
|
||||
</div>
|
||||
{/* Newsletter Form Notification */}
|
||||
<label htmlFor="s-email" className="form-notification" />
|
||||
</form>
|
||||
</div> {/* END NEWSLETTER FORM */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</div> {/* End newsletter-overlay */}
|
||||
</section> {/* END NEWSLETTER-1 */}
|
||||
{/* DIVIDER LINE */}
|
||||
<hr className="divider" />
|
||||
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
|
||||
+52
-402
@@ -4,400 +4,15 @@ import Layout from "../components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import MermsAboutFeautures from "../components/sections/MermsAboutFeautures";
|
||||
import MermsBanner from "../components/sections/MermsBanner";
|
||||
import MermsFeatureSection4 from "../components/sections/MermsFeatureSection4";
|
||||
import MermsFeaturesSection1 from "../components/sections/MermsFeaturesSection1";
|
||||
import MermsFeaturesSectionTwo from "../components/sections/MermsFeaturesSectionTwo";
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark inner-page-header">
|
||||
<div>
|
||||
<section className="ct-01 inner-page-hero content-section division">
|
||||
<div className="container">
|
||||
{/* SECTION CONTENT (ROW) */}
|
||||
<div className="row d-flex align-items-center">
|
||||
{/* TEXT BLOCK */}
|
||||
<div className="col-md-6 order-last order-md-2">
|
||||
<div className="txt-block left-column wow fadeInRight">
|
||||
{/* Section ID */}
|
||||
<span className="section-id">Productivity Focused</span>
|
||||
{/* Title */}
|
||||
<h2 className="s-46 w-700">Achieve more with better workflows</h2>
|
||||
{/* Text */}
|
||||
<p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
|
||||
vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
|
||||
</p>
|
||||
{/* List */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice
|
||||
ipsum aliquam undo congue dolor cursus
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
|
||||
sapien turpis ultrice auctor congue placerat
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END TEXT BLOCK */}
|
||||
{/* IMAGE BLOCK */}
|
||||
<div className="col-md-6 order-first order-md-2">
|
||||
<div className="img-block right-column wow fadeInLeft">
|
||||
<img className="img-fluid" src="/images/img-06.png" alt="content-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END SECTION CONTENT (ROW) */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END TEXT CONTENT */}
|
||||
|
||||
<MermsAboutFeautures />
|
||||
|
||||
<section className="pt-100 ws-wrapper content-section">
|
||||
<div className="container">
|
||||
<div className="bc-1-wrapper bg--white-400 bg--fixed r-16">
|
||||
<div className="section-overlay">
|
||||
<div className="row d-flex align-items-center">
|
||||
{/* TEXT BLOCK */}
|
||||
<div className="col-md-6 order-last order-md-2">
|
||||
<div className="txt-block left-column wow fadeInRight">
|
||||
{/* Section ID */}
|
||||
<span className="section-id">Enhance Engagement</span>
|
||||
{/* Title */}
|
||||
<h2 className="s-46 w-700">Automate your way to success</h2>
|
||||
{/* Text */}
|
||||
<p>Sodales tempor sapien quaerat congue eget ipsum laoreet turpis neque auctor
|
||||
vitae eros dolor luctus placerat magna ligula cursus and purus pretium
|
||||
</p>
|
||||
{/* Small Title */}
|
||||
<h5 className="s-24 w-700 h5-title">The smarter way to work</h5>
|
||||
{/* Text */}
|
||||
<p className="mb-0">Sapien tempor sodales quaerat ipsum undo congue laoreet turpis neque
|
||||
auctor turpis vitae dolor luctus placerat magna and ligula cursus purus vitae
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* END TEXT BLOCK */}
|
||||
{/* IMAGE BLOCK */}
|
||||
<div className="col-md-6 order-first order-md-2">
|
||||
<div className="img-block right-column wow fadeInLeft">
|
||||
<img className="img-fluid" src="/images/img-05.png" alt="content-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End section overlay */}
|
||||
</div> {/* End content wrapper */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END BOX CONTENT */}
|
||||
{/* TEXT CONTENT
|
||||
============================================= */}
|
||||
<section className="pt-100 ct-02 content-section division">
|
||||
<div className="container">
|
||||
{/* SECTION CONTENT (ROW) */}
|
||||
<div className="row d-flex align-items-center">
|
||||
{/* IMAGE BLOCK */}
|
||||
<div className="col-md-6">
|
||||
<div className="img-block left-column wow fadeInRight">
|
||||
<img className="img-fluid" src="/images/img-03.png" alt="content-image" />
|
||||
</div>
|
||||
</div>
|
||||
{/* TEXT BLOCK */}
|
||||
<div className="col-md-6">
|
||||
<div className="txt-block right-column wow fadeInLeft">
|
||||
{/* TEXT BOX */}
|
||||
<div className="txt-box">
|
||||
{/* Title */}
|
||||
<h5 className="s-24 w-700">Solution that grows with you</h5>
|
||||
{/* Text */}
|
||||
<p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
|
||||
vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
|
||||
</p>
|
||||
</div> {/* END TEXT BOX */}
|
||||
{/* TEXT BOX */}
|
||||
<div className="txt-box mb-0">
|
||||
{/* Title */}
|
||||
<h5 className="s-24 w-700">Connect your data sources</h5>
|
||||
{/* Text */}
|
||||
<p>Tempor sapien sodales quaerat ipsum undo congue laoreet turpis neque auctor turpis
|
||||
vitae dolor luctus placerat magna and ligula cursus purus an ipsum vitae suscipit
|
||||
purus
|
||||
</p>
|
||||
{/* List */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum
|
||||
aliquam undo congue dolor cursus
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p className="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
|
||||
sapien turpis ultrice auctor congue magna placerat
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div> {/* END TEXT BOX */}
|
||||
</div>
|
||||
</div> {/* END TEXT BLOCK */}
|
||||
</div> {/* END SECTION CONTENT (ROW) */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END TEXT CONTENT */}
|
||||
{/* FEATURES-12
|
||||
============================================= */}
|
||||
<section id="features-12" className="shape--bg shape--white-400 pt-100 features-section division">
|
||||
<div className="container">
|
||||
<div className="row d-flex align-items-center">
|
||||
{/* TEXT BLOCK */}
|
||||
<div className="col-md-5">
|
||||
<div className="txt-block left-column wow fadeInRight">
|
||||
{/* Section ID */}
|
||||
<span className="section-id">One-Stop Solution</span>
|
||||
{/* Title */}
|
||||
<h2 className="s-46 w-700">Smart solutions, real-time results</h2>
|
||||
{/* Text */}
|
||||
<p>Sodales tempor sapien quaerat ipsum and congue undo laoreet turpis neque auctor turpis
|
||||
vitae dolor luctus placerat magna ligula and cursus vitae
|
||||
</p>
|
||||
{/* List */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Tempor sapien quaerat undo ipsum laoreet diam purus sapien a dolor ociis ultrice
|
||||
ipsum aliquam congue a dolor cursus congue varius magnis
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p className="mb-0">Cursus purus suscipit vitae cubilia magnis diam volute egestas
|
||||
sapien ultrice auctor
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END TEXT BLOCK */}
|
||||
{/* FEATURES-12 WRAPPER */}
|
||||
<div className="col-md-7">
|
||||
<div className="fbox-12-wrapper wow fadeInLeft">
|
||||
<div className="row">
|
||||
<div className="col-md-6">
|
||||
{/* FEATURE BOX #1 */}
|
||||
<div id="fb-12-1" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico ico-50">
|
||||
<div className="shape-ico color--theme">
|
||||
{/* Vector Icon */}
|
||||
<span className="flaticon-layers-1" />
|
||||
{/* Shape */}
|
||||
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
|
||||
</svg>
|
||||
</div>
|
||||
</div> {/* End Icon */}
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
<h5 className="s-20 w-700">Integrated</h5>
|
||||
<p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* FEATURE BOX #2 */}
|
||||
<div id="fb-12-2" className="fbox-12 bg--white-100 block-shadow r-12">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico ico-50">
|
||||
<div className="shape-ico color--theme">
|
||||
{/* Vector Icon */}
|
||||
<span className="flaticon-click-1" />
|
||||
{/* Shape */}
|
||||
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
|
||||
</svg>
|
||||
</div>
|
||||
</div> {/* End Icon */}
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
<h5 className="s-20 w-700">Intuitive</h5>
|
||||
<p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-6">
|
||||
{/* FEATURE BOX #3 */}
|
||||
<div id="fb-12-3" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico ico-50">
|
||||
<div className="shape-ico color--theme">
|
||||
{/* Vector Icon */}
|
||||
<span className="flaticon-prioritize" />
|
||||
{/* Shape */}
|
||||
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
|
||||
</svg>
|
||||
</div>
|
||||
</div> {/* End Icon */}
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
<h5 className="s-20 w-700">Flexible</h5>
|
||||
<p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* FEATURE BOX #4 */}
|
||||
<div id="fb-12-4" className="fbox-12 bg--white-100 block-shadow r-12">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico ico-50">
|
||||
<div className="shape-ico color--theme">
|
||||
{/* Vector Icon */}
|
||||
<span className="flaticon-analytics" />
|
||||
{/* Shape */}
|
||||
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
|
||||
</svg>
|
||||
</div>
|
||||
</div> {/* End Icon */}
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
<h5 className="s-20 w-700">Efficient</h5>
|
||||
<p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* END FEATURES-12 WRAPPER */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END FEATURES-12 */}
|
||||
{/* FEATURES-2
|
||||
============================================= */}
|
||||
<section id="features-2" className="pt-100 features-section division">
|
||||
<div className="container">
|
||||
{/* SECTION TITLE */}
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-md-10 col-lg-9">
|
||||
<div className="section-title mb-80">
|
||||
{/* Title */}
|
||||
<h2 className="s-50 w-700">Everything in One Place</h2>
|
||||
{/* Text */}
|
||||
<p className="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* FEATURES-2 WRAPPER */}
|
||||
<div className="fbox-wrapper text-center">
|
||||
<div className="row row-cols-1 row-cols-md-3">
|
||||
{/* FEATURE BOX #1 */}
|
||||
<div className="col">
|
||||
<div className="fbox-2 fb-1 wow fadeInUp">
|
||||
{/* Image */}
|
||||
<div className="fbox-img gr--whitesmoke h-175">
|
||||
<img className="img-fluid light-theme-img" src="/images/f_01.png" alt="feature-image" />
|
||||
<img className="img-fluid dark-theme-img" src="/images/f_01_dark.png" alt="feature-image" />
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
<h6 className="s-22 w-700">Intuitive Dashboard</h6>
|
||||
<p>Luctus egestas augue undo ultrice aliquam in lacus congue dapibus</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END FEATURE BOX #1 */}
|
||||
{/* FEATURE BOX #2 */}
|
||||
<div className="col">
|
||||
<div className="fbox-2 fb-2 wow fadeInUp">
|
||||
{/* Image */}
|
||||
<div className="fbox-img gr--whitesmoke h-175">
|
||||
<img className="img-fluid light-theme-img" src="/images/f_05.png" alt="feature-image" />
|
||||
<img className="img-fluid dark-theme-img" src="/images/f_05_dark.png" alt="feature-image" />
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
<h6 className="s-22 w-700">Effortless Integration</h6>
|
||||
<p>Tempor laoreet augue undo ultrice aliquam in lacusq luctus feugiat</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END FEATURE BOX #2 */}
|
||||
{/* FEATURE BOX #3 */}
|
||||
<div className="col">
|
||||
<div className="fbox-2 fb-3 wow fadeInUp">
|
||||
{/* Image */}
|
||||
<div className="fbox-img gr--whitesmoke h-175">
|
||||
<img className="img-fluid light-theme-img" src="/images/f_02.png" alt="feature-image" />
|
||||
<img className="img-fluid dark-theme-img" src="/images/f_02_dark.png" alt="feature-image" />
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
<h6 className="s-22 w-700">Real-time Analytics</h6>
|
||||
<p>Egestas luctus augue undo ultrice aliquam in lacus feugiat cursus</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END FEATURE BOX #3 */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* END FEATURES-2 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END FEATURES-2 */}
|
||||
|
||||
<hr className="divider" />
|
||||
|
||||
|
||||
<section className="pt-100 ct-04 content-section division">
|
||||
<div className="container">
|
||||
{/* SECTION CONTENT (ROW) */}
|
||||
<div className="row d-flex align-items-center">
|
||||
{/* TEXT BLOCK */}
|
||||
<div className="col-md-6 order-last order-md-2">
|
||||
<div className="txt-block left-column wow fadeInRight">
|
||||
{/* CONTENT BOX #1 */}
|
||||
<div className="cbox-2 process-step">
|
||||
{/* Icon */}
|
||||
<div className="ico-wrap">
|
||||
<div className="cbox-2-ico bg--theme color--white">1</div>
|
||||
<span className="cbox-2-line" />
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="cbox-2-txt">
|
||||
<h5 className="s-22 w-700">Simple, Secure & Intuitive</h5>
|
||||
<p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus
|
||||
sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
|
||||
quaerat
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* END CONTENT BOX #1 */}
|
||||
{/* CONTENT BOX #2 */}
|
||||
<div className="cbox-2 process-step">
|
||||
{/* Icon */}
|
||||
<div className="ico-wrap">
|
||||
<div className="cbox-2-ico bg--theme color--white">2</div>
|
||||
<span className="cbox-2-line" />
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="cbox-2-txt">
|
||||
<h5 className="s-22 w-700">Weekly Email Reports</h5>
|
||||
<p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus
|
||||
sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
|
||||
quaerat
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* END CONTENT BOX #2 */}
|
||||
{/* CONTENT BOX #3 */}
|
||||
<div className="cbox-2 process-step">
|
||||
{/* Icon */}
|
||||
<div className="ico-wrap">
|
||||
<div className="cbox-2-ico bg--theme color--white">3</div>
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="cbox-2-txt">
|
||||
<h5 className="s-22 w-700">No Personal Data Collected</h5>
|
||||
<p className="mb-0">Ligula risus auctor tempus feugiat dolor lacinia nemo purus in
|
||||
lipsum purus sapien quaerat a primis viverra tellus vitae luctus dolor ipsum n
|
||||
eque ligula quaerat
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* END CONTENT BOX #3 */}
|
||||
</div>
|
||||
</div> {/* END TEXT BLOCK */}
|
||||
{/* IMAGE BLOCK */}
|
||||
<div className="col-md-6 order-first order-md-2">
|
||||
<div className="img-block wow fadeInLeft">
|
||||
<img className="img-fluid" src="/images/tablet-01.png" alt="content-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END SECTION CONTENT (ROW) */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END TEXT CONTENT */}
|
||||
{/* TEXT CONTENT
|
||||
============================================= */}
|
||||
<section className="pt-100 ct-02 content-section division">
|
||||
<div className="container">
|
||||
{/* SECTION CONTENT (ROW) */}
|
||||
@@ -414,20 +29,18 @@ export default function Home() {
|
||||
{/* Section ID */}
|
||||
<span className="section-id">Strategies That Work</span>
|
||||
{/* Title */}
|
||||
<h2 className="s-46 w-700">Right strategies & implementations</h2>
|
||||
<h2 className="s-46 w-700">Modern Strategies & implementations</h2>
|
||||
{/* Text */}
|
||||
<p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
|
||||
vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
|
||||
</p>
|
||||
<p>In the agent world, we fit your solution to what works with attention to how your audience wants to reach you. We are an AI-first solution to your online and pipeline optimization practice.</p>
|
||||
{/* Small Title */}
|
||||
<h5 className="s-24 w-700">Get more done in less time</h5>
|
||||
<h5 className="s-24 w-700">Providing solutions that provable work</h5>
|
||||
{/* CONTENT BOX #1 */}
|
||||
<div className="cbox-1 ico-15">
|
||||
<div className="ico-wrap color--theme">
|
||||
<div className="cbox-1-ico"><span className="flaticon-check" /></div>
|
||||
</div>
|
||||
<div className="cbox-1-txt">
|
||||
<p>Magna dolor luctus at egestas sapien</p>
|
||||
<p>Made to suit different circumstances or requirements with ease.</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* CONTENT BOX #2 */}
|
||||
@@ -436,9 +49,7 @@ export default function Home() {
|
||||
<div className="cbox-1-ico"><span className="flaticon-check" /></div>
|
||||
</div>
|
||||
<div className="cbox-1-txt">
|
||||
<p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien
|
||||
turpis ultrice auctor congue varius magnis
|
||||
</p>
|
||||
<p>Promote your brand, accomplish tasks quickly and effectively, and maximize productivity.</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* CONTENT BOX #3 */}
|
||||
@@ -447,20 +58,59 @@ export default function Home() {
|
||||
<div className="cbox-1-ico"><span className="flaticon-check" /></div>
|
||||
</div>
|
||||
<div className="cbox-1-txt">
|
||||
<p className="mb-0">Volute turpis dolores and sagittis congue</p>
|
||||
<p className="mb-0">Create and grow your digital community and drive relevant traffic.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END TEXT BLOCK */}
|
||||
</div> {/* END SECTION CONTENT (ROW) */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END TEXT CONTENT */}
|
||||
</section>
|
||||
<MermsFeaturesSectionTwo />
|
||||
|
||||
<MermsFeaturesSection1 />
|
||||
|
||||
<MermsFeatureSection4 />
|
||||
|
||||
<MermsAboutFeautures />
|
||||
|
||||
<section className="pt-100 ws-wrapper content-section">
|
||||
<div className="container">
|
||||
<div className="bc-1-wrapper bg--white-400 bg--fixed r-16">
|
||||
<div className="section-overlay">
|
||||
<div className="row d-flex align-items-center">
|
||||
{/* TEXT BLOCK */}
|
||||
<div className="col-md-6 order-last order-md-2">
|
||||
<div className="txt-block left-column wow fadeInRight">
|
||||
{/* Section ID */}
|
||||
<span className="section-id">Enhance Engagement</span>
|
||||
{/* Title */}
|
||||
<h2 className="s-46 w-700">Automate your way to success</h2>
|
||||
{/* Text */}
|
||||
<p>Leverage our automation tools to present and manage your healthcare online presence and your practice tools with AI-Assist.
|
||||
</p>
|
||||
{/* Small Title */}
|
||||
<h5 className="s-24 w-700 h5-title">Modern & Smarter for your Practice</h5>
|
||||
{/* Text */}
|
||||
<p className="mb-0">Up to date tools to manage all you need for effective online presence and your practice management. Effective practice campaign, easy adoptions of tools and visibility to trends.
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* END TEXT BLOCK */}
|
||||
{/* IMAGE BLOCK */}
|
||||
<div className="col-md-6 order-first order-md-2">
|
||||
<div className="img-block right-column wow fadeInLeft">
|
||||
<img className="img-fluid" src="/images/img-05.png" alt="content-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End section overlay */}
|
||||
</div> {/* End content wrapper */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END BOX CONTENT */}
|
||||
|
||||
<hr className="divider" />
|
||||
<MermsBanner />
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
|
||||
+108
-506
@@ -1,14 +1,62 @@
|
||||
import Layout from "../components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import { useState } from "react"
|
||||
import {useState} from "react"
|
||||
|
||||
const tabs = [
|
||||
{name: 'Getting Started', icon: 'flaticon-mechanics'},
|
||||
{name: 'My Account', icon: 'flaticon-suit'},
|
||||
{name: 'Pricing Plans', icon: 'flaticon-price-label'},
|
||||
{name: 'Other Questions', icon: 'flaticon-screenplay'}
|
||||
]
|
||||
|
||||
const tabContents = {
|
||||
'Getting Started': [
|
||||
{
|
||||
title: 'What is MERMS, and how does it work?',
|
||||
desc: `MERMS operates on a cloud-based model, allowing users to access the software from anywhere, at any time. By leveraging advanced technology, MERMS streamlines processes, enhances collaboration, and provides real-time data analytics. This system automates routine tasks, enabling teams to focus on more strategic initiatives.`
|
||||
},
|
||||
{
|
||||
title: 'What can I do with MERMS?',
|
||||
desc: `With MERMS, users can manage projects, track budgets, oversee inventory, and collaborate across different departments. Whether you're in finance, marketing, or operations, MERMS offers customizable solutions to cater to your specific needs. Not only can you streamline processes, but you can also improve decision-making with data-driven insights.`
|
||||
},
|
||||
{
|
||||
title: 'Which Product and Tools does MERMS support?',
|
||||
desc: `MERMS supports a wide array of tools, including CRM systems, project management software, and financial applications. It integrates seamlessly with popular platforms like Slack, Microsoft Teams, and Google Workspace, allowing for a comprehensive management experience without losing functionality.`
|
||||
},
|
||||
{
|
||||
title: 'Can I Automate with MERMS?',
|
||||
desc: `Yes! MERMS offers robust automation capabilities. Users can set up automated workflows for routine tasks, such as reporting, notifications, and data entry, minimizing human error and saving valuable time. This feature enhances productivity, making it easier for organizations to scale and adapt to changing needs.`
|
||||
}
|
||||
],
|
||||
|
||||
'My Account': [
|
||||
{title: 'Sign up and manage your account', desc: `Curabitur ac dapibus libero eu congue tristique neque.`},
|
||||
],
|
||||
|
||||
'Pricing Plans': [
|
||||
{title: 'How much does MERMS cost?', desc: `Curabitur ac dapibus libero eu congue tristique neque.`},
|
||||
],
|
||||
|
||||
'Other Questions': [
|
||||
{
|
||||
title: 'How do I get a custom solution from MERMS?',
|
||||
desc: `Simply contact our product team and describe your need. We will engage to understand and help reach your objectives.`
|
||||
},
|
||||
{title: 'How do I get the error log?', desc: `Curabitur ac dapibus libero eu congue tristique neque.`},
|
||||
]
|
||||
|
||||
}
|
||||
|
||||
export default function Home() {
|
||||
const [activeIndex, setActiveIndex] = useState(1)
|
||||
const handleOnClick = (index) => {
|
||||
setActiveIndex(index)
|
||||
const [activeTab, setActiveTab] = useState(tabs[0])
|
||||
const handleOnClick = (tab) => {
|
||||
setActiveTab(tab)
|
||||
}
|
||||
|
||||
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: 1,
|
||||
key: 0,
|
||||
})
|
||||
|
||||
const handleToggle = (key) => {
|
||||
@@ -43,510 +91,59 @@ export default function Home() {
|
||||
<div className="tabs-nav tabs--theme clearfix">
|
||||
<ul className="tabs-1">
|
||||
{/* TAB-1 LINK */}
|
||||
<li className={activeIndex === 1 ? "tab-link ico-45 r-16 current" : "tab-link ico-45 r-16"} onClick={() => handleOnClick(1)}>
|
||||
<div className="tab-link-ico"><span className="flaticon-mechanics" /></div>
|
||||
<p>Getting Started</p>
|
||||
</li>
|
||||
{/* TAB-2 LINK */}
|
||||
<li className={activeIndex === 2 ? "tab-link ico-45 r-16 current" : "tab-link ico-45 r-16"} onClick={() => handleOnClick(2)}>
|
||||
<div className="tab-link-ico"><span className="flaticon-suit" /></div>
|
||||
<p>My Account</p>
|
||||
</li>
|
||||
{/* TAB-3 LINK */}
|
||||
<li className={activeIndex === 3 ? "tab-link ico-45 r-16 current" : "tab-link ico-45 r-16"} onClick={() => handleOnClick(3)}>
|
||||
<div className="tab-link-ico"><span className="flaticon-price-label" /></div>
|
||||
<p>Pricing Plans</p>
|
||||
</li>
|
||||
{/* TAB-4 LINK */}
|
||||
<li className={activeIndex === 4 ? "tab-link ico-45 r-16 current" : "tab-link ico-45 r-16"} onClick={() => handleOnClick(4)}>
|
||||
<div className="tab-link-ico"><span className="flaticon-screenplay" /></div>
|
||||
<p>Other Questions</p>
|
||||
</li>
|
||||
{tabs.map((tab, index) => (
|
||||
<li key={index}
|
||||
className={activeTab?.name === tab?.name ? "tab-link ico-45 r-16 current" : "tab-link ico-45 r-16"}
|
||||
onClick={() => handleOnClick(tab)}>
|
||||
<div className="tab-link-ico"><span className={tab.icon}/></div>
|
||||
<p>{tab.name}</p>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END TABS NAVIGATION */}
|
||||
</div>
|
||||
{/* END TABS NAVIGATION */}
|
||||
{/* TABS CONTENT */}
|
||||
<div className="tabs-content">
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-xl-10">
|
||||
{/* TAB-1 CONTENT */}
|
||||
<div id="tab-1" className={activeIndex === 1 ? "tab-content current" : "tab-content "}>
|
||||
<div className="accordion-wrapper">
|
||||
<ul className="accordion">
|
||||
{/* QUESTION #1 */}
|
||||
<li className={isActive.key == 1 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(1)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">What is MERMS and how does it work?</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 1 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit
|
||||
egestas magna ipsum vitae purus congue efficitur and ipsum primis
|
||||
in cubilia laoreet augue egestas luctus donec and curabitur dapibus
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #1 */}
|
||||
{/* QUESTION #2 */}
|
||||
<li className={isActive.key == 2 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(2)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">What's inside the package?</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 2 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
|
||||
tempor magna undo ipsum vitae purus and efficitur ipsum primis in
|
||||
cubilia laoreet tempor gravida luctus neque purus ipsum neque
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris
|
||||
lectus laoreet and gestas neque vitae auctor dolor luctus placerat
|
||||
a magna cursus congue magna mpedit ligula undo congue. Maecenas
|
||||
agravida augue porttitor nunc, quis vehicula magna luctus tempor.
|
||||
Quisque vel laoreet turpis. Viverra augue, a augue tempor, dictum
|
||||
tempor diam. Sed pulvinar a consectetur nibh, imperdiet varius viverra
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #2 */}
|
||||
{/* QUESTION #3 */}
|
||||
<li className={isActive.key == 3 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(3)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">General settings</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 3 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>An augue cubilia laoreet magna suscipit egestas magna ipsum purus
|
||||
ipsum a primis an augue ultrice ligula egestas suscipit lectus gestas
|
||||
integer congue a lectus porta phasellus neque blandit tristique
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
|
||||
and magna and vehicula
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit lipsum
|
||||
egestas magna ipsum vitae a purus ipsum congue efficitur ipsum primis
|
||||
in cubilia laoreet augue egestas luctus donec and curabitur
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #3 */}
|
||||
{/* QUESTION #4 */}
|
||||
<li className={isActive.key == 4 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(4)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">Which languages does MERMS support?</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 4 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>An augue cubilia laoreet and magna suscipit egestas magna ipsum purus
|
||||
ipsum primis undo augue ultrice ligula egestas suscipit lectus gestas
|
||||
integer congue a lectus porta tristique phasellus neque a blandit and
|
||||
tristique justo aliquam justo suscipit congue augue egestas volutpat
|
||||
egestas magna sem congue
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>An augue cubilia laoreet and magna suscipit egestas magna ipsum purus
|
||||
ipsum primis and augue efficitur ligula egestas suscipit lectus gestas
|
||||
integer congue a lectus porta phasellus neque
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #4 */}
|
||||
{/* QUESTION #5 */}
|
||||
<li className={isActive.key == 5 ? "accordion-item acc-last-item is-active" : "accordion-item acc-last-item"} onClick={() => handleToggle(5)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">Automate testing with API</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 5 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Curabitur ac dapibus libero quisque eu congue tristique egestas
|
||||
phasellus blandit tristique justo aliquam. Aliquam vitae molestie
|
||||
quisque sapien justo, aliquet aliquam molestie sed purus undo
|
||||
venenatis tempor gravida eget lacinia. Augue aliquam a suscipit
|
||||
tincidunt tincidunt massa
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Aliquam vitae molestie nunc. Quisque sapien justo, aliquet non
|
||||
molestie sed purus, venenatis
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit
|
||||
egestas magna ipsum vitae an efficitur purus undo ipsum primis
|
||||
in cubilia laoreet augue egestas luctus donec curabitur dapibus
|
||||
libero
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li> {/* END QUESTION #5 */}
|
||||
</ul>
|
||||
{/* CONTENT */}
|
||||
{tabs.map((tab, index) => (
|
||||
<div key={index} id="tab-1"
|
||||
className={activeTab?.name === tab?.name ? "tab-content current" : "tab-content "}>
|
||||
<div className="accordion-wrapper">
|
||||
<ul className="accordion">
|
||||
{tabContents[activeTab.name]?.map((content, index) => (
|
||||
<li key={index}
|
||||
className={isActive.key == index ? "accordion-item is-active" : "accordion-item"}
|
||||
onClick={() => handleToggle(index)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">{content?.title}</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey"
|
||||
style={{display: `${isActive.key == index ? "block" : "none"}`}}>
|
||||
{/* Text */}
|
||||
<p>{content?.desc}</p>
|
||||
</div>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END TAB-1 CONTENT */}
|
||||
{/* TAB-2 CONTENT */}
|
||||
<div id="tab-2" className={activeIndex === 2 ? "tab-content current" : "tab-content "}>
|
||||
<div className="accordion-wrapper">
|
||||
<ul className="accordion">
|
||||
{/* QUESTION #1 */}
|
||||
<li className={isActive.key == 6 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(6)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">Sign up and manage your account</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 6 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<ol className="digit-list">
|
||||
<li className="list-item">
|
||||
<p>Curabitur ac dapibus libero eu congue tristique neque</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Sagittis congue augue egestas volutpat egestas</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>An aliquam justo suscipit congue augue</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Gestas integer congue a lectus porta</p>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</li> {/* END QUESTION #1 */}
|
||||
{/* QUESTION #2 */}
|
||||
<li className={isActive.key == 7 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(7)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">Manage account settings</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 7 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris lectus
|
||||
laoreet gestas neque and vitae undo auctor dolor luctus placerat a magna
|
||||
cursus congue magna mpedit ligula congue maecenas gravida augue porttitor
|
||||
nunc, quis vehicula magna luctus tempor. Quisque vel laoreet turpis. Viverra
|
||||
augue, a augue tempor, dictum tempor diam. Sed pulvinar a consectetur nibh,
|
||||
imperdiet varius viverra
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #2 */}
|
||||
{/* QUESTION #3 */}
|
||||
<li className={isActive.key == 8 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(8)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">Change language or location settings</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 8 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris lectus
|
||||
laoreet gestas neque and vitae undo auctor dolor luctus placerat a magna
|
||||
cursus congue magna mpedit ligula congue maecenas gravida augue porttitor
|
||||
nunc, quis vehicula magna luctus tempor. Quisque vel laoreet turpis. Viverra
|
||||
augue, a augue tempor, dictum tempor diam. Sed pulvinar a consectetur nibh,
|
||||
imperdiet varius viverra
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #3 */}
|
||||
{/* QUESTION #4 */}
|
||||
<li className={isActive.key == 9 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(9)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">Troubleshoot account issues</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 9 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>An augue cubilia laoreet and magna suscipit egestas magna ipsum purus
|
||||
ipsum primis an augue ultrice ligula egestas suscipit lectus gestas
|
||||
integer congue a lectus porta tristique phasellus neque a blandit and
|
||||
tristique justo aliquam justo suscipit congue augue egestas volutpat
|
||||
egestas magna sem congue
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>An augue cubilia laoreet and magna suscipit egestas magna ipsum purus
|
||||
ipsum primis and augue efficitur ligula egestas suscipit lectus gestas
|
||||
integer congue a lectus porta phasellus neque
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #4 */}
|
||||
{/* QUESTION #5 */}
|
||||
<li className={isActive.key == 10 ? "accordion-item acc-last-item is-active" : "accordion-item acc-last-item"} onClick={() => handleToggle(10)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">Manage accessibility settings</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 10 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris
|
||||
lectus laoreet gestas neque and vitae undo auctor dolor luctus placerat
|
||||
a magna cursus congue magna mpedit ligula congue maecenas gravida augue
|
||||
porttitor nunc, quis vehicula magna luctus tempor. Quisque vel laoreet
|
||||
turpis. Viverra augue, a augue tempor, dictum tempor diam. Sed pulvinar
|
||||
a consectetur nibh, imperdiet varius viverra
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
|
||||
and magna ipsum vitae purus and efficitur ipsum primis in cubilia laoreet
|
||||
tempor gravida
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #5 */}
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END TAB-2 CONTENT */}
|
||||
{/* TAB-3 CONTENT */}
|
||||
<div id="tab-3" className={activeIndex === 3 ? "tab-content current" : "tab-content "}>
|
||||
<div className="accordion-wrapper">
|
||||
<ul className="accordion">
|
||||
{/* QUESTION #1 */}
|
||||
<li className={isActive.key == 11 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(11)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">How much does MERMS cost?</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 11 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>An augue cubilia laoreet and magna suscipit egestas magna ipsum purus
|
||||
ipsum primis undo augue ultrice ligula egestas suscipit lectus gestas
|
||||
integer congue a lectus porta neque blandit tristique
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #1 */}
|
||||
{/* QUESTION #2 */}
|
||||
<li className={isActive.key == 12 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(12)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">I didn't receive the license key after purchased</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 12 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Curabitur ac dapibus libero. Quisque eu congue tristique neque.
|
||||
Phasellus blandit tristique aliquam justo undo. Aliquam vitae molestie nunc. Quisque sapien justo, aliquet non molestie purus
|
||||
tempor
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit
|
||||
egestas magna ipsum vitae purus undo efficitur ipsum primis in
|
||||
cubilia laoreet augue egestas luctus donec curabitur dapibus libero
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li> {/* END QUESTION #2 */}
|
||||
{/* QUESTION #3 */}
|
||||
<li className={isActive.key == 13 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(13)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">Do you offer discounts for annual plans?</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 13 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Curabitur ac dapibus libero. Quisque eu congue justo undo
|
||||
tristique neque phasellus and blandit tristique aliquam. Aliquam
|
||||
vitae molestie nunc. Quisque sapien justo, aliquet non molestie
|
||||
purus tempor
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit
|
||||
egestas magna ipsum vitae purus undo efficitur ipsum primis in
|
||||
cubilia laoreet augue egestas luctus donec curabitur dapibus libero
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li> {/* END QUESTION #3 */}
|
||||
{/* QUESTION #4 */}
|
||||
<li className={isActive.key == 14 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(14)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">How safe is my data?</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 14 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>An augue cubilia laoreet and magna suscipit egestas magna an ipsum
|
||||
purus ipsum primis an augue ultrice ligula egestas suscipit lectus
|
||||
gestas integer congue a lectus porta tristique phasellus neque a blandit
|
||||
undo tristique justo aliquam justo suscipit congue augue egestas volutpat
|
||||
egestas magna sem
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>An augue cubilia laoreet and magna suscipit egestas magna ipsum purus
|
||||
ipsum primis and augue efficitur ligula egestas suscipit lectus gestas
|
||||
integer congue a lectus porta phasellus neque
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #4 */}
|
||||
{/* QUESTION #5 */}
|
||||
<li className={isActive.key == 15 ? "accordion-item acc-last-item is-active" : "accordion-item acc-last-item"} onClick={() => handleToggle(15)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">How to request a refund?</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 15 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Curabitur ac dapibus libero. Quisque eu congue tristique</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Congue tristique neque phasellus blandit tristique justo
|
||||
undo aliquam. Aliquam vitae molestie quisque sapien justo,
|
||||
aliquet non molestie purus tempor
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit
|
||||
egestas magna ipsum
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li> {/* END QUESTION #5 */}
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END TAB-3 CONTENT */}
|
||||
{/* TAB-4 CONTENT */}
|
||||
<div id="tab-4" className={activeIndex === 4 ? "tab-content current" : "tab-content "}>
|
||||
<div className="accordion-wrapper">
|
||||
<ul className="accordion">
|
||||
{/* QUESTION #1 */}
|
||||
<li className={isActive.key == 16 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(16)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">How do I get the error log?</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 16 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
|
||||
and magna ipsum vitae
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas and magna suscipit an
|
||||
egestas magna ipsum vitae purus congue efficitur ipsum primis in cubilia
|
||||
laoreet augue egestas luctus donec and curabitur dapibus
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #1 */}
|
||||
{/* QUESTION #2 */}
|
||||
<li className={isActive.key == 17 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(17)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">I forgot my folder password, what should I do?</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 17 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
|
||||
magna ipsum vitae purus congue efficitur ipsum primis in cubilia laoreet
|
||||
augue egestas luctus donec and curabitur dapibus
|
||||
</p>
|
||||
{/* Text */}
|
||||
<ol className="digit-list">
|
||||
<li className="list-item">
|
||||
<p>Gestas integer congue a lectus porta</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>An aliquam justo suscipit congue augue</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Sagittis congue augue egestas volutpat egestas</p>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</li> {/* END QUESTION #2 */}
|
||||
{/* QUESTION #3 */}
|
||||
<li className={isActive.key == 18 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(18)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">Limitations of folder password protection</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 18 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris
|
||||
lectus laoreet gestas neque and vitae undo auctor dolor luctus placerat
|
||||
a magna cursus congue magna mpedit ligula congue maecenas gravida augue
|
||||
porttitor nunc, quis vehicula magna luctus tempor. Quisque vel laoreet
|
||||
turpis. Viverra augue, a augue tempor, dictum tempor diam. Sed pulvinar
|
||||
a consectetur nibh, imperdiet varius viverra
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #3 */}
|
||||
{/* QUESTION #4 */}
|
||||
<li className={isActive.key == 19 ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(19)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">Import existing library</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 19 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>Sapien egestas, congue gestas posuere cubilia congue ipsum mauris
|
||||
lectus laoreet gestas neque and vitae undo auctor dolor luctus placerat
|
||||
a magna cursus congue magna mpedit ligula congue maecenas gravida augue
|
||||
porttitor nunc, quis vehicula magna luctus tempor. Quisque vel laoreet
|
||||
turpis. Viverra augue, a augue tempor, dictum tempor diam. Sed pulvinar
|
||||
a consectetur nibh, imperdiet varius viverra
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
|
||||
and magna ipsum vitae purus and efficitur ipsum primis in cubilia laoreet
|
||||
tempor gravida
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #4 */}
|
||||
{/* QUESTION #5 */}
|
||||
<li className={isActive.key == 20 ? "accordion-item acc-last-item is-active" : "accordion-item acc-last-item"} onClick={() => handleToggle(20)}>
|
||||
{/* Question */}
|
||||
<div className="accordion-thumb">
|
||||
<h5 className="s-22 w-700">I lost my license. Can you send it to me?</h5>
|
||||
</div>
|
||||
{/* Answer */}
|
||||
<div className="accordion-panel color--grey" style={{ display: `${isActive.key == 20 ? "block" : "none"}` }}>
|
||||
{/* Text */}
|
||||
<p>An augue cubilia laoreet and magna suscipit egestas magna ipsum purus
|
||||
ipsum primis undo augue ultrice ligula egestas suscipit lectus gestas
|
||||
integer congue phasellus neque blandit tristique
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas volutpat egestas magna suscipit egestas
|
||||
and magna ipsum vitae
|
||||
</p>
|
||||
</div>
|
||||
</li> {/* END QUESTION #5 */}
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END TAB-4 CONTENT */}
|
||||
))}
|
||||
{/* END OF CONTENT */}
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* END TABS CONTENT */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END FAQs-4 */}
|
||||
</div>
|
||||
{/* End row */}
|
||||
</div>
|
||||
{/* END TABS CONTENT */}
|
||||
</div>
|
||||
{/* End container */}
|
||||
</section>
|
||||
{/* END FAQs-4 */}
|
||||
{/* BANNER-9
|
||||
============================================= */}
|
||||
<section id="banner-9" className="bg--02 py-70 x-border banner-section">
|
||||
@@ -560,20 +157,25 @@ export default function Home() {
|
||||
{/* Title */}
|
||||
<h3 className="s-40 w-700">Still need help?</h3>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Don't hesitate to contact us about any question you might be interested in</p>
|
||||
<p className="p-lg">Don't hesitate to contact us about any question you
|
||||
might be interested in</p>
|
||||
{/* Button */}
|
||||
<Link href="/contacts" className="btn r-04 btn--theme hover--theme">Ask your question here</Link>
|
||||
<Link href="/contacts" className="btn r-04 btn--theme hover--theme">Ask your
|
||||
question here</Link>
|
||||
</div>
|
||||
</div>
|
||||
{/* BANNER-9 IMAGE */}
|
||||
<div className="col-md-5 col-xl-5">
|
||||
<div className="banner-9-img text-end">
|
||||
<img className="img-fluid" src="/images/help.png" alt="banner-image" />
|
||||
<img className="img-fluid" src="/images/help.png" alt="banner-image"/>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* END BANNER-9 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</div>
|
||||
{/* End row */}
|
||||
</div>
|
||||
{/* END BANNER-9 WRAPPER */}
|
||||
</div>
|
||||
{/* End container */}
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
+22
-48
@@ -4,14 +4,18 @@ import VideoPopup from "../components/elements/VidepPopup"
|
||||
import Layout from "../components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import queryKeys from "../components/queryclientProvider/queryKeys";
|
||||
import MermsBlogFix from "../components/sections/MermsBlogFix";
|
||||
import { getMermsBlogs } from "../components/services/services";
|
||||
|
||||
export default function Home() {
|
||||
|
||||
const {data, isFetching, isError, error} = useQuery({
|
||||
queryKey: queryKeys.blog,
|
||||
// queryFn: () => getMermsBlogs(),
|
||||
staleTime: 0,
|
||||
queryFn: async () => {
|
||||
try {
|
||||
const blog_url = 'https://blogdata.chiefsoft.net/mermsblogdata/mermsemr';
|
||||
const blog_url = `${process.env.NEXT_PUBLIC_MERMS_WEBSITE_BASE_URL}/mermsblogdata/mermsemr`;
|
||||
const res = await fetch(blog_url)
|
||||
const data = await res.json()
|
||||
return data
|
||||
@@ -21,6 +25,7 @@ export default function Home() {
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
return (
|
||||
<>
|
||||
@@ -61,7 +66,13 @@ export default function Home() {
|
||||
<div className="blog-post-txt">
|
||||
|
||||
<h3 className="s-38 w-700">
|
||||
<Link href={data?.payload?.blogdata[0].guid}> {data?.payload?.blogdata[0].post_title}</Link>
|
||||
{/*<Link href={data?.payload?.blogdata[0].guid}> {data?.payload?.blogdata[0].post_title}</Link>*/}
|
||||
<Link
|
||||
href={`/blogview/${data?.payload?.blogdata[0].id}`}
|
||||
// href={{pathname: '/merms-blogview', query:{...data?.payload?.blogdata[0], image_url:data?.payload?.image_url}}}
|
||||
>
|
||||
{data?.payload?.blogdata[0].post_title}
|
||||
</Link>
|
||||
</h3>
|
||||
{/* Text */}
|
||||
{/* <p>{data?.payload?.blogdata[0].post_content.substring(0, 250)}</p> */}
|
||||
@@ -83,7 +94,7 @@ export default function Home() {
|
||||
<div className="row">
|
||||
{/* BLOG POST #1 */}
|
||||
{data?.payload?.blogdata.map((item, index)=>{
|
||||
if(index > 0){
|
||||
if(index > 0 && index < 10){
|
||||
return (
|
||||
<div key={item.id || index} className="col-md-6 col-lg-4">
|
||||
<div className="blog-post mb-40 wow fadeInUp clearfix">
|
||||
@@ -101,7 +112,13 @@ export default function Home() {
|
||||
{/* <span className="post-tag color--red-400">Product News</span> */}
|
||||
{/* Post Link */}
|
||||
<h6 className="s-20 w-700">
|
||||
<Link href={item.guid}> {item.post_title}</Link>
|
||||
{/* <Link href={item.guid}> {item.post_title}</Link> */}
|
||||
<Link
|
||||
href={`/blogview/${item.id}`}
|
||||
// href={{pathname: '/merms-blogview', query:{...item, image_url:data?.payload?.image_url}}}
|
||||
>
|
||||
{item.post_title}
|
||||
</Link>
|
||||
</h6>
|
||||
{/* Text */}
|
||||
<p dangerouslySetInnerHTML={{ __html: item.post_content.length > 250 ? item.post_content.substring(0, 250) + ' ...' : item.post_content.substring(0, 250) }} />
|
||||
@@ -122,50 +139,7 @@ export default function Home() {
|
||||
{/* END BLOG POST #1 */}
|
||||
</div>
|
||||
</div> {/* END POSTS WRAPPER */}
|
||||
|
||||
<div className="blog-post square-post">
|
||||
<div className="row">
|
||||
<div className="col">
|
||||
{/* SQUARE BLOG POST WRAPPER */}
|
||||
<div className="square-post-wrapper bg--black-400 block-shadow r-16 wow fadeInUp">
|
||||
<div className="row d-flex align-items-center">
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="col-md-6 order-last order-md-2">
|
||||
<div className="blog-post-txt color--white">
|
||||
|
||||
<h4 className="s-34 w-700 mb-20">
|
||||
<Link href="/single-post">Lipsum sodales sapien Martex aliquet blandit
|
||||
augue gravida posuere
|
||||
</Link>
|
||||
</h4>
|
||||
{/* Text */}
|
||||
<p>Aliqum mullam blandit vitae and tempor sapien and donec lipsum gravida porta
|
||||
undo velna dolor libero risus aliquet tempus posuere vitae tempor
|
||||
</p>
|
||||
{/* Post Meta */}
|
||||
<div className="blog-post-meta mt-30">
|
||||
<ul className="post-meta-list ico-10">
|
||||
<li><p className="w-500">MermsEmr Team</p></li>
|
||||
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
|
||||
<li><p>Feb 12, 2023</p></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* BLOG POST IMAGE */}
|
||||
<div className="col-md-6 order-first order-md-2">
|
||||
<div className="blog-post-img video-preview">
|
||||
{/* Play Icon */}
|
||||
<VideoPopup style={1}/>
|
||||
{/* Preview Image */}
|
||||
<img className="img-fluid" src="/images/blog/post-10-img.jpg" alt="video-preview" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* END SQUARE BLOG POST WRAPPER */}
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* END SQUARE BLOG POST */}
|
||||
{/*<MermsBlogFix />*/}
|
||||
</>
|
||||
:
|
||||
<div className="">
|
||||
|
||||
@@ -0,0 +1,159 @@
|
||||
import { usePathname } from "next/navigation"
|
||||
import { useRouter } from "next/router"
|
||||
import VideoPopup from "../components/elements/VidepPopup"
|
||||
import Layout from "../components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
export default function Home() {
|
||||
|
||||
let {query} = useRouter()
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark inner-page-header">
|
||||
<div>
|
||||
<section id="single-post" className="pb-90 inner-page-hero blog-page-section">
|
||||
<div className="container">
|
||||
<div className="row justify-content-center">
|
||||
{/* SINGLE POST CONTENT */}
|
||||
<div className="col-xl-10">
|
||||
<div className="post-content">
|
||||
{/* SINGLE POST TITLE */}
|
||||
<div className="single-post-title text-center">
|
||||
{/* Post Tag */}
|
||||
{/* <span className="post-tag color--green-400">Community</span> */}
|
||||
{/* Title */}
|
||||
<h2 className="s-46 w-700">{query.post_title}</h2>
|
||||
{/* Post Meta */}
|
||||
<div className="blog-post-meta mt-35">
|
||||
<ul className="post-meta-list ico-10">
|
||||
<li><p className="w-500">MERMS </p></li>
|
||||
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
|
||||
<li><p>{new Date(query?.post_date).toDateString()}</p></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END SINGLE POST TITLE */}
|
||||
{/* SINGLE POST IMAGE */}
|
||||
<div className="blog-post-img py-50">
|
||||
<img className="img-fluid r-16" src={`${query?.image_url}/${query.meta_value}`} alt="blog-post-image" />
|
||||
</div>
|
||||
{/* SINGLE POST TEXT */}
|
||||
<p dangerouslySetInnerHTML={{ __html: query.post_content }} />
|
||||
{/* END SINGLE POST TEXT */}
|
||||
|
||||
</div>
|
||||
</div> {/* END SINGLE POST CONTENT */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END SINGLE POST */}
|
||||
{/* BLOG-1
|
||||
============================================= */}
|
||||
<section id="blog-1" className="bg--white-300 py-100 blog-section division">
|
||||
<div className="container">
|
||||
{/* SECTION TITLE */}
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-md-10 col-lg-9">
|
||||
<div className="section-title mb-70">
|
||||
<h2 className="s-50 w-700">Recent Postings</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
{/* BLOG POST #1 */}
|
||||
<div className="col-md-6 col-lg-4">
|
||||
<div id="bp-1-1" className="blog-post wow fadeInUp">
|
||||
{/* BLOG POST IMAGE */}
|
||||
<div className="blog-post-img mb-35">
|
||||
<img className="img-fluid r-16" src="/images/blog/post-8-img.jpg" alt="blog-post-image" />
|
||||
</div>
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="blog-post-txt">
|
||||
{/* Post Tag */}
|
||||
<span className="post-tag color--pink-400">Product News</span>
|
||||
{/* Post Link */}
|
||||
<h6 className="s-20 w-700">
|
||||
<Link href="/single-post">Aliqum mullam porta blandit: tempor sapien and gravida</Link>
|
||||
</h6>
|
||||
{/* Text */}
|
||||
<p>Egestas luctus vitae augue and ipsum ultrice quisque in cursus lacus feugiat congue
|
||||
diam ultrice laoreet sagittis
|
||||
</p>
|
||||
{/* Post Meta */}
|
||||
<div className="blog-post-meta mt-20">
|
||||
<ul className="post-meta-list ico-10">
|
||||
<li><p className="p-sm w-500">By Helen J.</p></li>
|
||||
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
|
||||
<li><p className="p-sm">Apr 28, 2023</p></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END BLOG POST TEXT */}
|
||||
</div>
|
||||
</div> {/* END BLOG POST #1 */}
|
||||
{/* BLOG POST #2 */}
|
||||
<div className="col-md-6 col-lg-4">
|
||||
<div id="bp-1-2" className="blog-post wow fadeInUp">
|
||||
{/* BLOG POST IMAGE */}
|
||||
<div className="blog-post-img mb-35">
|
||||
<img className="img-fluid r-16" src="/images/blog/post-2-img.jpg" alt="blog-post-image" />
|
||||
</div>
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="blog-post-txt">
|
||||
{/* Post Tag */}
|
||||
<span className="post-tag color--green-400">Community</span>
|
||||
{/* Post Link */}
|
||||
<h6 className="s-20 w-700">
|
||||
<Link href="/single-post">Porttitor cursus fusce egestas CEO cursus at magna sapien
|
||||
suscipit and egestas ipsum
|
||||
</Link>
|
||||
</h6>
|
||||
{/* Text */}
|
||||
<p>Aliqum mullam ipsum vitae and blandit vitae tempor sapien and donec lipsum</p>
|
||||
{/* Post Meta */}
|
||||
<div className="blog-post-meta mt-20">
|
||||
<ul className="post-meta-list ico-10">
|
||||
<li><p className="p-sm w-500">By Martex Team</p></li>
|
||||
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
|
||||
<li><p className="p-sm">Apr 14, 2023</p></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END BLOG POST TEXT */}
|
||||
</div>
|
||||
</div> {/* END BLOG POST #2 */}
|
||||
{/* BLOG POST #3 */}
|
||||
<div className="col-md-12 col-lg-4">
|
||||
<div id="bp-1-3" className="blog-post wow fadeInUp">
|
||||
{/* BLOG POST IMAGE */}
|
||||
<div className="blog-post-img mb-35">
|
||||
<img className="img-fluid r-16" src="/images/blog/post-5-img.jpg" alt="blog-post-image" />
|
||||
</div>
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="blog-post-txt">
|
||||
{/* Post Tag */}
|
||||
<span className="post-tag color--purple-400">Freelancer Tips</span>
|
||||
{/* Post Link */}
|
||||
<h6 className="s-20 w-700">
|
||||
<Link href="/single-post">Cubilia laoreet augue egestas and Martex magna impedit</Link>
|
||||
</h6>
|
||||
{/* Text */}
|
||||
<p>Luctus vitae egestas augue and ipsum ultrice quisque in cursus lacus feugiat egets
|
||||
congue ultrice sagittis laoreet
|
||||
</p>
|
||||
{/* Post Meta */}
|
||||
<div className="blog-post-meta mt-20">
|
||||
<ul className="post-meta-list ico-10">
|
||||
<li><p className="p-sm w-500">By Miranda Green</p></li>
|
||||
<li className="meta-list-divider"><p><span className="flaticon-minus" /></p></li>
|
||||
<li><p className="p-sm">Mar 27, 2023</p></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END BLOG POST TEXT */}
|
||||
</div>
|
||||
</div> {/* END BLOG POST #3 */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</section>
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
+4
-134
@@ -19,9 +19,9 @@ export default function Home() {
|
||||
<div className="rel">
|
||||
<span className="version-data">4.13.019</span>
|
||||
<span className="release-date">2023-05-31 <span>68.91 MB</span></span>
|
||||
<Link href="download/example.zip" download="example.zip" className="btn btn--theme hover--tra-grey ico-20 ico-left release-download">
|
||||
<span className="flaticon-down-arrow-1" /> Download 4.13.019
|
||||
</Link>
|
||||
{/*<Link href="download/example.zip" download="example.zip" className="btn btn--theme hover--tra-grey ico-20 ico-left release-download">*/}
|
||||
{/* <span className="flaticon-down-arrow-1" /> Download 4.13.019*/}
|
||||
{/*</Link>*/}
|
||||
</div>
|
||||
</div>
|
||||
{/* Release Highlights */}
|
||||
@@ -35,137 +35,7 @@ export default function Home() {
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END VERSION RELEASE */}
|
||||
{/* VERSION RELEASE */}
|
||||
<div className="version-release">
|
||||
{/* Release Data */}
|
||||
<div className="release-data">
|
||||
<h5 className="s-28 w-700">Older Versions</h5>
|
||||
{/* Version Data */}
|
||||
<div className="rel">
|
||||
<span className="version-data">4.11.020</span>
|
||||
<span className="release-date">2023-05-18 <span>62.46 MB</span></span>
|
||||
<Link href="download/example.zip" download="example.zip" className="btn btn--tra-grey hover--theme ico-20 ico-left release-download">
|
||||
<span className="flaticon-down-arrow-1" /> Download 4.11.020
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
{/* Release Highlights */}
|
||||
<div className="release-highlights">
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Quaerat sodales sapien undo euismod purus and blandit egestas magna on macOS 10.12.*</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Fixed suscipit lectus auctor integer cursus orci vitae auctor integer</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Fixed Fringilla risus nec, luctus mauris auctor integer an auctor cursus euismod</p>
|
||||
</li>
|
||||
<li className="list-item"><p>Fixed Crash#8341682687</p></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END VERSION RELEASE */}
|
||||
{/* VERSION RELEASE */}
|
||||
<div className="version-release">
|
||||
{/* Release Data */}
|
||||
<div className="release-data">
|
||||
{/* Version Data */}
|
||||
<div className="rel">
|
||||
<span className="version-data">4.08.106</span>
|
||||
<span className="release-date">2023-04-12 <span>58.83 MB</span></span>
|
||||
<Link href="download/example.zip" download="example.zip" className="btn btn--tra-grey hover--theme ico-20 ico-left release-download">
|
||||
<span className="flaticon-down-arrow-1" /> Download 4.08.106
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
{/* Release Highlights */}
|
||||
<div className="release-highlights">
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Quaerat sodales sapien undo euismod magna on 10.12 (Sierra)</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Fixed suscipit lectus auctor integer cursus orci vitae auctor integer</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Fixed risus nec luctus mauris auctor integer an integera congue magna</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Fixed cubilia laoreet magna at auctor integer congue egestas</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Fringilla risus nec, luctus mauris auctor integer an auctor cursus euismod purus
|
||||
pretium efficitur ipsum ligula undo cubilia laoreet magna and dolor suscipit
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Fixes other minor bugs</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END VERSION RELEASE */}
|
||||
{/* VERSION RELEASE */}
|
||||
<div className="version-release">
|
||||
{/* Release Data */}
|
||||
<div className="release-data">
|
||||
{/* Version Data */}
|
||||
<div className="rel">
|
||||
<span className="version-data">4.0.018</span>
|
||||
<span className="release-date">2023-02-26 <span>64.95 MB</span></span>
|
||||
<Link href="download/example.zip" download="example.zip" className="btn btn--tra-grey hover--theme ico-20 ico-left release-download">
|
||||
<span className="flaticon-down-arrow-1" /> Download 4.0.018
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
{/* Release Highlights */}
|
||||
<div className="release-highlights">
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Fixes integer cursus orci bugs on 10.13 (High Sierra)</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Fixed auctor integer cursus orci vitae auctor integer</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Fixed Crash#8341689840</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Fixes other minor bugs</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END VERSION RELEASE */}
|
||||
{/* VERSION RELEASE */}
|
||||
<div className="version-release">
|
||||
{/* Release Data */}
|
||||
<div className="release-data">
|
||||
{/* Version Data */}
|
||||
<div className="rel">
|
||||
<span className="version-data">3.76.231</span>
|
||||
<span className="release-date">2022-12-08 <span>57.39 MB</span></span>
|
||||
<Link href="download/example.zip" download="example.zip" className="btn btn--tra-grey hover--theme ico-20 ico-left release-download">
|
||||
<span className="flaticon-down-arrow-1" /> Download 3.76.231
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
{/* Release Highlights */}
|
||||
<div className="release-highlights">
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Quaerat sodales sapien undo euismod magna on 10.12 (Sierra)</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Fixed suscipit lectus auctor integer cursus orci vitae auctor integer</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Fixes integer cursus orci bugs on 10.13 (High Sierra)</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Fixed auctor integer cursus orci vitae auctor integer</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END VERSION RELEASE */}
|
||||
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
|
||||
+66
-213
@@ -11,245 +11,98 @@ export default function Home() {
|
||||
<div className="col-xl-10">
|
||||
{/* INNER PAGE TITLE */}
|
||||
<div className="inner-page-title">
|
||||
<h2 className="s-52 w-700">Privacy Policy</h2>
|
||||
<p className="p-lg">This policy is effective as of 11th November 2022</p>
|
||||
<h2 className="s-52 w-700">Privacy Policy for MERMS</h2>
|
||||
<p className="p-lg"><strong>Effective Date:</strong> 23rd October, 2024</p>
|
||||
</div>
|
||||
{/* TEXT BLOCK */}
|
||||
<div className="txt-block legal-info">
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>1.</span> Introduction</h4>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque blandit fusce lacinia placerat and nulla justo molestie blandit justo
|
||||
diam aliquet tortor molestie sagittis lacinia undo and mullam molestie diam luctus donec
|
||||
bibendum aliquet massa elementum. Libero quisque lacus and ligula massa lorem.
|
||||
<p>
|
||||
Thank you for choosing MERMS . Your privacy is important to us. This Privacy Policy outlines how we collect, use, disclose, and protect your information when you use our software as a service (SaaS) offerings.
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque blandit fusce an aliquam nulla lacinia justo molestie blandit justo
|
||||
diam aliquet tortor molestie non sagittis lacinia
|
||||
</p>
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>2.</span> Personal Information We Collect</h4>
|
||||
{/* Small Title */}
|
||||
<h5 className="s-24 w-700"><span>2.1.</span> Information you provide to us</h5>
|
||||
{/* Text */}
|
||||
<p>Congue augue sagittis egestas integer velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque blandit fusce lorem nulla an aliquam acinia justo molestie blandit
|
||||
justo diam an aliquet tortor sagittis lacinia molestie diam egestas
|
||||
</p>
|
||||
{/* List */}
|
||||
|
||||
{/* Information We Collect */}
|
||||
<h4 className="s-30 w-700"><span>1.</span> Information We Collect</h4>
|
||||
<p>We may collect the following types of information:</p>
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Quaerat sodales sapien undo velna purus euismod purus velna blandit vitae auctor
|
||||
and congue magna tempor sapien gravida laoreet turpis urna augue, viverra a augue
|
||||
eget dictum tempor
|
||||
<p><span>Personal Information:</span> This includes any data that identifies you, such as your name, email address, phone number, billing information, and any other personal details you provide when you register or interact with our services.
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien congue
|
||||
and augue egestas
|
||||
<p><span>Usage Data:</span> We automatically collect information about your interactions with our services, including your IP address, browser type, device information, and pages visited.
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien congue
|
||||
augue egestas sagittis massa lorem fusce cursus fusce nulla vitae massa placerat
|
||||
vulputate purus
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Sapien sodales quaerat undo velna purus euismod purus velna blandit vitae auctor
|
||||
and congue magna tempor sapien gravida laoreet turpis urna augue, viverra a augue
|
||||
eget dictum pulvinar
|
||||
<p><span>Cookies and Tracking Technologies:</span> We use cookies and similar technologies to enhance your experience and analyze how our services are used. You can manage your cookie preferences through your browser settings.
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
{/* Small Title */}
|
||||
<h5 className="s-24 w-700"><span>2.2.</span> Automatic data collection</h5>
|
||||
{/* Text */}
|
||||
<p>Congue sagittis augue egestas integer velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque blandit fusce aliquam
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque blandit fusce an aliquam nulla lacinia justo molestie blandit justo
|
||||
diam aliquet tortor molestie non sagittis lacinia
|
||||
</p>
|
||||
{/* Small Title */}
|
||||
<h5 className="s-24 w-700"><span>2.3.</span> User comments and content</h5>
|
||||
{/* Text */}
|
||||
<p>Integer congue sagittis augue egestas velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque diam augue fusce sapien nulla a primis lacinia ipsum a molestie blandit
|
||||
and justo an aliquet eget molestie sagittis at quaerat sodales
|
||||
</p>
|
||||
{/* List */}
|
||||
|
||||
{/* How We Use Your Information */}
|
||||
<h4 className="s-30 w-700"><span>2.</span> How We Use Your Information</h4>
|
||||
<p>We use the information we collect for various purposes, including:</p>
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Quaerat sodales sapien undo velna purus euismod purus velna blandit vitae auctor
|
||||
and congue magna tempor sapien gravida laoreet turpis urna augue, viverra a augue
|
||||
eget dictum tempor
|
||||
<p>To provide and maintain our services.</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>To process transactions and send you related information.</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>To improve our services, understand user behavior, and enhance user experience.</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>To communicate with you, including sending updates, security alerts, and support messages.</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>To comply with legal obligations and protect our rights.</p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
{/* Information Sharing and Disclosure */}
|
||||
<h4 className="s-30 w-700"><span>3.</span> Information Sharing and Disclosure</h4>
|
||||
<p>
|
||||
We do not sell your personal information. We may share your information in the following circumstances:
|
||||
</p>
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p><span>Service Providers:</span> We may employ third-party companies to facilitate our services or to provide services on our behalf, such as payment processing, data analysis, or email communication.
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien congue
|
||||
and augue egestas
|
||||
<p><span>Legal Requirements:</span> We may disclose your information if required to do so by law or in response to valid requests by public authorities.
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p><span>Business Transfers:</span> In the event of a merger, acquisition, or sale of all or a portion of our assets, your information may be transferred as part of that business transaction.
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
{/* Small Title */}
|
||||
<h5 className="s-24 w-700"><span>2.4.</span> Information from other sources</h5>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque blandit fusce lacinia placerat and nulla justo molestie blandit justo
|
||||
diam aliquet tortor molestie sagittis lacinia undo and mullam molestie diam luctus donec
|
||||
bibendum aliquet massa elementum. Libero quisque lacus and ligula massa lorem.
|
||||
|
||||
|
||||
{/* Data Security */}
|
||||
<h4 className="s-30 w-700"><span>4.</span> Data Security</h4>
|
||||
<p>
|
||||
YWe take the security of your information seriously and implement reasonable technical and organizational measures to protect it from unauthorized access, loss, or misuse. However, please be aware that no method of transmission over the internet or method of electronic storage is 100% secure.
|
||||
</p>
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>3.</span> Types of Information</h4>
|
||||
{/* Text */}
|
||||
<p>Integer congue sagittis augue egestas velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque diam augue fusce sapien nulla a primis lacinia ipsum a molestie blandit
|
||||
and justo an aliquet eget molestie sagittis at quaerat sodales
|
||||
|
||||
{/* Your Rights */}
|
||||
<h4 className="s-30 w-700"><span>5.</span> Your Rights</h4>
|
||||
<p>
|
||||
Depending on your location, you may have certain rights regarding your personal information, including the right to access, correct, delete, or restrict its processing. You can exercise these rights by contacting us at support@mermsemr.com.
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Aliqum mullam tincidunt a sapien gravida and diam donec porta.</p>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque blandit fusce lacinia placerat and nulla justo molestie blandit justo
|
||||
diam aliquet tortor molestie sagittis lacinia undo and mullam molestie diam luctus donec
|
||||
bibendum aliquet massa elementum. Libero quisque lacus and ligula massa lorem.
|
||||
</p>
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>4.</span> How We Use Personal Information</h4>
|
||||
{/* Text */}
|
||||
<p>Congue augue sagittis egestas integer velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque blandit fusce lorem nulla an aliquam lacinia justo molestie blandit
|
||||
justo diam an aliquet tortor sagittis lacinia molestie diam egestas
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Sagittis augue congue egestas integer velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque aliquam fusce blandit
|
||||
</p>
|
||||
{/* Small Title */}
|
||||
<h5 className="s-24 w-700"><span>4.1.</span> In mails and contact forms</h5>
|
||||
{/* Text */}
|
||||
<p>Integer congue sagittis augue egestas velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque diam augue fusce sapien
|
||||
</p>
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>5.</span> Price and Taxes</h4>
|
||||
{/* List */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Quaerat sodales sapien undo velna purus euismod purus velna blandit vitae auctor
|
||||
and congue magna tempor sapien gravida laoreet turpis urna augue, viverra a augue
|
||||
eget tempor pulvinar
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien congue
|
||||
and augue egestas
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
{/* Text */}
|
||||
<p>Augue congue sagittis egestas integer velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque donec and ipsum porta diam lorem sodales an aliquam lacinia justo
|
||||
sapien congue aliquet and sodales a quaerat tortor lacinia egestas
|
||||
</p>
|
||||
{/* Small Title */}
|
||||
<h4 className="s-30 w-700"><span>5.</span> Children's Privacy</h4>
|
||||
{/* Text */}
|
||||
<p>Integer congue sagittis augue egestas velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque diam augue fusce sapien
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Sagittis augue congue egestas integer velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec and augue
|
||||
luctus congue
|
||||
</p>
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>6.</span> Data Shared with Third Parties</h4>
|
||||
{/* Text */}
|
||||
<p>Integer congue sagittis augue egestas velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque diam augue fusce sapien nulla a primis lacinia ipsum a molestie blandit
|
||||
and justo an aliquet eget molestie sagittis at quaerat sodales
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Aliqum mullam tincidunt a sapien gravida and diam donec porta.</p>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque blandit fusce lacinia placerat and nulla justo molestie blandit justo
|
||||
diam aliquet tortor molestie sagittis lacinia undo and mullam molestie diam luctus donec
|
||||
bibendum aliquet massa elementum. Libero quisque lacus and ligula massa lorem.
|
||||
</p>
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>7.</span> Security Measures</h4>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque blandit fusce lacinia placerat and nulla justo molestie blandit justo
|
||||
diam aliquet tortor molestie sagittis lacinia undo and mullam molestie diam luctus donec
|
||||
bibendum aliquet massa elementum. Libero quisque lacus and ligula massa lorem fusce cursus
|
||||
fusce nulla vitae massa placerat and mollis, sapien gravida aliquet ipsum ultrices aliquet
|
||||
lorem diam purus undo vitae aliquam auris dapibus libero fusce blandit.
|
||||
</p>
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>8.</span> Changes in the Privacy Policy</h4>
|
||||
{/* Text */}
|
||||
<p>Congue augue sagittis egestas integer velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque blandit fusce lorem nulla an aliquam lacinia justo molestie blandit
|
||||
justo diam an aliquet tortor sagittis lacinia molestie diam egestas
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Aliqum mullam tincidunt a sapien gravida and diam donec porta.</p>
|
||||
{/* Text */}
|
||||
<p>Sagittis augue congue egestas integer velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque aliquam fusce blandit
|
||||
</p>
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>9.</span> How to Contact Us</h4>
|
||||
{/* Text */}
|
||||
<p>If you have any questions or suggestions about this Terms of Service, do not hesitate to
|
||||
contact us at <Link href="mailto:yourdomain@mail.com" className="color--theme">hello@yourdomain.com</Link>
|
||||
|
||||
{/* Changes to This Privacy Policy */}
|
||||
<h4 className="s-30 w-700"><span>6.</span> Changes to This Privacy Policy</h4>
|
||||
<p>
|
||||
We may update our Privacy Policy from time to time. We will notify you of any significant changes by posting the new Privacy Policy on our website and updating the effective date. Your continued use of our services after changes to the Privacy Policy will signify your acceptance of those changes.
|
||||
</p>
|
||||
|
||||
{/* Contact Us */}
|
||||
<h4 className="s-30 w-700"><span>7.</span> Contact Us</h4>
|
||||
<p>If you have any questions or concerns about this Privacy Policy or our data practices, please contact us at:</p>
|
||||
<p>MermsEmr(MERMS) <br /> support@mermsemr.com</p>
|
||||
<p>Thank you for trusting MERMS with your information.</p>
|
||||
</div> {/* END TEXT BLOCK */}
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
|
||||
+86
-156
@@ -12,190 +12,120 @@ export default function Home() {
|
||||
{/* INNER PAGE TITLE */}
|
||||
<div className="inner-page-title">
|
||||
<h2 className="s-52 w-700">Terms of Service</h2>
|
||||
<p className="p-lg">This policy is effective as of 23th October 2022</p>
|
||||
<p className="p-lg"><strong>Effective Date:</strong> 23rd October, 2024</p>
|
||||
</div>
|
||||
{/* TEXT BLOCK */}
|
||||
<div className="txt-block legal-info">
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>1.</span> Ownership</h4>
|
||||
{/* Text */}
|
||||
<p>Donec sodales nibh vel (the <span>"Terms"</span>) aliquet tristique purus
|
||||
justo suscipit mauris tempus sed laoreet nulla ante purus. Donec dolor and magna undo
|
||||
suscipit magna at tortor laoreet dignissim, undo porttitor massa quisque and mollis,
|
||||
sapien gravida aliquet ipsum ultrices aliquet lorem purus and vitae auris aliquam
|
||||
|
||||
{/* Introduction */}
|
||||
<h4 className="s-30 w-700"><span>1.</span> Introduction</h4>
|
||||
<p>
|
||||
Welcome to MERMS. By accessing or using our services, you agree to be bound by these Terms of Service (<span>"Terms"</span>). If you do not agree to these Terms, please do not use our services.
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque blandit fusce an aliquam nulla lacinia justo molestie blandit justo
|
||||
diam aliquet tortor molestie non sagittis lacinia
|
||||
|
||||
{/* Services Provided */}
|
||||
<h4 className="s-30 w-700"><span>2.</span> Services Provided</h4>
|
||||
<p>
|
||||
MERMS provides hosting and support for medical software, including but not limited to [list specific services and software offered]. Our services aim to assist healthcare providers in managing patient information, scheduling, billing, and other medical practice needs.
|
||||
</p>
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>2.</span> Acceptance of Terms</h4>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque blandit fusce lacinia placerat and nulla justo molestie blandit justo
|
||||
diam aliquet tortor molestie sagittis lacinia undo and mullam molestie diam luctus donec
|
||||
bibendum aliquet massa elementum. Libero quisque lacus and ligula massa lorem fusce cursus
|
||||
fusce nulla vitae massa placerat and mollis, sapien gravida aliquet ipsum ultrices aliquet
|
||||
lorem diam purus undo vitae aliquam auris dapibus libero fusce blandit.
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Congue augue sagittis egestas integer velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque blandit fusce lorem nulla an aliquam lacinia justo molestie blandit
|
||||
justo diam an aliquet tortor sagittis lacinia molestie diam egestas
|
||||
</p>
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>3.</span> Service Description</h4>
|
||||
{/* Text */}
|
||||
<p>Congue sagittis augue egestas integer velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque blandit fusce aliquam
|
||||
</p>
|
||||
{/* List */}
|
||||
|
||||
{/* User Accounts */}
|
||||
<h4 className="s-30 w-700"><span>3.</span> User Accounts</h4>
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Quaerat sodales sapien undo velna purus euismod purus velna blandit vitae auctor
|
||||
and congue magna tempor sapien gravida laoreet turpis urna augue, viverra a augue
|
||||
eget diam pulvinar
|
||||
<p>- <span>Eligibility:</span> To use our services, you must create an account. You represent that you are at least 18 years old and have the legal capacity to enter into a contract.
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien congue
|
||||
and augue egestas
|
||||
<p>- <span>Account Security:</span> You are responsible for maintaining the confidentiality of your account credentials and for all activities under your account. Notify us immediately of any unauthorized use of your account.
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
{/* Small Title */}
|
||||
<h5 className="s-24 w-700"><span>3.1.</span> Subscription</h5>
|
||||
{/* Text */}
|
||||
<p>Integer congue sagittis augue egestas velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque diam augue fusce sapien nulla a primis lacinia ipsum a molestie blandit
|
||||
and justo an aliquet eget molestie sagittis at quaerat sodales
|
||||
|
||||
{/* Acceptable Use */}
|
||||
<h4 className="s-30 w-700"><span>4.</span> Acceptable Use</h4>
|
||||
<p>
|
||||
You agree to use our services only for lawful purposes and in accordance with all applicable laws. You agree not to:
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Aliqum mullam tincidunt a sapien gravida and diam donec porta.</p>
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>4.</span> Account Information</h4>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque blandit fusce lacinia placerat and nulla justo molestie blandit justo
|
||||
diam aliquet tortor molestie sagittis lacinia undo and mullam molestie diam luctus donec
|
||||
bibendum aliquet massa elementum. Libero quisque lacus and ligula massa lorem.
|
||||
</p>
|
||||
{/* Small Title */}
|
||||
<h5 className="s-24 w-700"><span>4.1.</span> Registering for an account</h5>
|
||||
{/* Text */}
|
||||
<p>Congue augue sagittis egestas integer velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque blandit fusce lorem nulla an aliquam lacinia justo molestie blandit
|
||||
justo diam an aliquet tortor sagittis lacinia molestie diam egestas
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Sagittis augue congue egestas integer velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque aliquam fusce blandit
|
||||
</p>
|
||||
{/* Small Title */}
|
||||
<h5 className="s-24 w-700"><span>4.2.</span> Your responsibility for your account</h5>
|
||||
{/* Text */}
|
||||
<p>Integer congue sagittis augue egestas velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque diam augue fusce sapien
|
||||
</p>
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>5.</span> Price and Taxes</h4>
|
||||
{/* List */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Quaerat sodales sapien undo velna purus euismod purus velna blandit vitae auctor
|
||||
and congue magna tempor sapien gravida laoreet turpis urna augue, viverra a augue
|
||||
eget tempor diam
|
||||
<p>Share any sensitive personal health information without proper authorization.</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Transmit any harmful or malicious code.</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Engage in any activity that could harm our systems or interfere with other users' access to our services.</p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
{/* Data Protection and Privacy */}
|
||||
<h4 className="s-30 w-700"><span>5.</span> Data Protection and Privacy</h4>
|
||||
<p>
|
||||
MERMS is committed to protecting your personal information and ensuring compliance with applicable laws, including HIPAA. Please review our Privacy Policy for more details on how we collect, use, and protect your information.
|
||||
</p>
|
||||
|
||||
{/* Intellectual Property */}
|
||||
<h4 className="s-30 w-700"><span>6.</span> Intellectual Property</h4>
|
||||
<p>
|
||||
All content, features, and functionality of our services, including but not limited to software, text, graphics, logos, and designs, are the exclusive property of MERMS and are protected by intellectual property laws. You may not reproduce, distribute, or create derivative works without our express written permission.
|
||||
</p>
|
||||
|
||||
{/* Payment Terms */}
|
||||
<h4 className="s-30 w-700"><span>7.</span> Payment Terms</h4>
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p><span>Fees:</span> You agree to pay all fees associated with your use of our services as outlined in your subscription plan.
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p>Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien congue
|
||||
and augue egestas
|
||||
<p><span>Billing Cycle:</span> Payments will be billed on a [monthly/annual] basis, and your payment method will be charged accordingly.
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p><span>Refund Policy:</span> All fees are non-refundable once the service period has commenced, unless otherwise specified in your subscription plan.
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
{/* Text */}
|
||||
<p>Augue congue sagittis egestas integer velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque donec and ipsum porta diam lorem sodales an aliquam lacinia justo
|
||||
sapien congue aliquet and sodales a quaerat tortor lacinia egestas
|
||||
|
||||
{/* Termination */}
|
||||
<h4 className="s-30 w-700"><span>8.</span> Termination</h4>
|
||||
<p>
|
||||
We reserve the right to suspend or terminate your access to our services at our discretion, without notice, for conduct that we believe violates these Terms or is harmful to other users or our business interests.
|
||||
</p>
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>6.</span> Method of Payment</h4>
|
||||
{/* Text */}
|
||||
<p>Integer congue sagittis augue egestas velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque diam augue fusce sapien
|
||||
|
||||
{/* Limitation of Liability */}
|
||||
<h4 className="s-30 w-700"><span>9.</span> Limitation of Liability</h4>
|
||||
<p>
|
||||
To the fullest extent permitted by law, MERMS shall not be liable for any indirect, incidental, special, consequential, or punitive damages arising out of or in connection with your use of our services. Our total liability shall not exceed the amount paid by you for the services in the 12 months prior to the claim.
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Sagittis augue congue egestas integer velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec and augue
|
||||
luctus congue
|
||||
|
||||
{/* Changes to Terms */}
|
||||
<h4 className="s-30 w-700"><span>10.</span> Changes to Terms</h4>
|
||||
<p>
|
||||
We may update these Terms from time to time. We will notify you of any changes by posting the new Terms on our website. Your continued use of our services following any changes constitutes your acceptance of the new Terms.
|
||||
</p>
|
||||
{/* Small Title */}
|
||||
<h5 className="s-24 w-700"><span>6.1.</span> Refunds</h5>
|
||||
{/* Text */}
|
||||
<p>Integer congue sagittis augue egestas velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque diam augue fusce sapien nulla a primis lacinia ipsum a molestie blandit
|
||||
and justo an aliquet eget molestie sagittis at quaerat sodales
|
||||
|
||||
{/* Governing Law */}
|
||||
<h4 className="s-30 w-700"><span>11.</span> Governing Law</h4>
|
||||
<p>
|
||||
These Terms shall be governed by and construed in accordance with the laws of Georgia, USA. Any disputes arising from these Terms shall be subject to the exclusive jurisdiction of the courts located in Georgia, USA.
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Aliqum mullam tincidunt a sapien gravida and diam donec porta.</p>
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>7.</span> Security</h4>
|
||||
{/* Text */}
|
||||
<p>Sagittis congue augue egestas integer velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque blandit fusce lacinia placerat and nulla justo molestie blandit justo
|
||||
diam aliquet tortor molestie sagittis lacinia undo and mullam molestie diam luctus donec
|
||||
bibendum aliquet massa elementum. Libero quisque lacus and ligula massa lorem fusce cursus
|
||||
fusce nulla vitae massa placerat and mollis, sapien gravida aliquet ipsum ultrices aliquet
|
||||
lorem diam purus undo vitae aliquam auris dapibus libero fusce blandit.
|
||||
|
||||
{/* Contact Information */}
|
||||
<h4 className="s-30 w-700"><span>12.</span> Contact Information</h4>
|
||||
<p>If you have any questions about these Terms, please contact us at {" "}
|
||||
<Link href="mailto:support@mermsemr.com" className="color--theme">support@mermsemr.com.</Link>
|
||||
</p>
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>8.</span> Changes to This Terms of Service</h4>
|
||||
{/* Text */}
|
||||
<p>Congue augue sagittis egestas integer velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque blandit fusce lorem nulla an aliquam lacinia justo molestie blandit
|
||||
justo diam an aliquet tortor sagittis lacinia molestie diam egestas
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p>Sagittis augue congue egestas integer velna purus purus magna nec suscipit and egestas
|
||||
magna aliquam ipsum vitae purus justo lacus ligula ipsum primis cubilia donec undo augue
|
||||
luctus vitae egestas a molestie donec libero sapien dapibus congue tempor undo quisque
|
||||
fusce cursus neque aliquam fusce blandit
|
||||
</p>
|
||||
{/* Title */}
|
||||
<h4 className="s-30 w-700"><span>9.</span> How to Contact Us</h4>
|
||||
{/* Text */}
|
||||
<p>If you have any questions or suggestions about this Terms of Service, do not hesitate to
|
||||
contact us at <Link href="mailto:yourdomain@mail.com" className="color--theme">hello@yourdomain.com</Link>
|
||||
<p>
|
||||
Please consult with a legal professional to make sure that these Terms of Service comply with local laws and regulations specific to your business and its offerings.
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
{/* Commonly used headings */}
|
||||
{/* <h4 className="s-30 w-700"><span>1.</span> Ownership</h4>
|
||||
<h5 className="s-24 w-700"><span>3.1.</span> Subscription</h5> */}
|
||||
</div> {/* END TEXT BLOCK */}
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
|
||||
@@ -3078,7 +3078,7 @@ p.video-txt-sm {
|
||||
line-height: 1;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.5px;
|
||||
text-transform: uppercase;
|
||||
/* text-transform: uppercase; */
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 387 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 18 KiB |
Reference in New Issue
Block a user