MERMS/MermsWebsite2025
1
0
Fork 0
Code Issues Pull Requests Releases Activity

updated terms and privacy page

Browse Source
This commit was merged in pull request #12.
This commit is contained in:
victorAnumudu
2025-06-29 10:51:26 +01:00
parent cee4ba65fe
commit df042867f5
4 changed files with 734 additions and 863 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/_help-center.js
+518
View File
@@ -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>
</>
)
}
pages/help-center.js
+64 -494
View File
@@ -1,14 +1,46 @@
import Layout from "../components/layout/Layout"
import Link from "next/link"
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 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,25 +75,12 @@ 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>
@@ -70,478 +89,29 @@ export default function Home() {
<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 */}
pages/privacy.js
+66 -213
View File
@@ -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 */}
pages/terms.js
+86 -156
View File
@@ -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 &#91;list specific services and software offered&#93;. 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 */}