fixed contact page image

.dockerignore

@@ -0,0 +1,4 @@
+node_modules
+.next
+.git
+*.log

.env

@@ -1,13 +1,21 @@
 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_LOGIN_URL=https://panel.mermsemr.com
-NEXT_PUBLIC_SIGNUP_URL=https://dev-panel.mermsemr.com/auth/signup
+NEXT_PUBLIC_SIGNUP_URL=https://panel.mermsemr.com/auth/signup
+NEXT_PUBLIC_MERMS_WEBSITE_BASE_URL='https://blogdata.chiefsoft.net'
+NEXT_PUBLIC_APP_MAIN_API="https://devapi.mermsemr.com"
 
 # 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://blog.mermsemr.com/
+
+#SITE API
+NEXT_SITE_BACKEND_SERVER=https://api.mermsemr.com/

.env.development

@@ -5,9 +5,17 @@ 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'
+NEXT_PUBLIC_APP_MAIN_API="https://devapi.mermsemr.com"
 
 # 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://blog.mermsemr.com/
+
+#SITE API
+NEXT_SITE_BACKEND_SERVER=https://devapi.mermsemr.com/

.env.local

@@ -5,9 +5,17 @@ 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'
+NEXT_PUBLIC_APP_MAIN_API="https://devapi.mermsemr.com"
 
 # 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://blog.mermsemr.com/
+
+#SITE API
+NEXT_SITE_BACKEND_SERVER=https://api.mermsemr.com/

.env.production

@@ -0,0 +1,21 @@
+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'
+NEXT_PUBLIC_APP_MAIN_API="https://devapi.mermsemr.com"
+
+# 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://blog.mermsemr.com/
+
+#SITE API
+NEXT_SITE_BACKEND_SERVER=https://api.mermsemr.com/

.env.test

@@ -5,9 +5,17 @@ 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'
+NEXT_PUBLIC_APP_MAIN_API="https://devapi.mermsemr.com"
 
 # 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://blog.mermsemr.com/
+
+#SITE API
+NEXT_SITE_BACKEND_SERVER=https://devapi.mermsemr.com/

README.md

@@ -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
+```

components/layout/Menu.js

@@ -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"

components/layout/footer/MermsFooter.js

@@ -1,5 +1,5 @@
-
 import Link from "next/link"
+
 export default function MermsFooter() {
     return (
         <>
@@ -10,11 +10,13 @@ export default function MermsFooter() {
                         {/* FOOTER LOGO */}
                         <div className="col-md-6 col-xl-4">
                             <div className="footer-info">
-                                <img className="footer-logo" src="/images/logo-pink.png" alt="footer-logo" />
+                                <img className="footer-logo" src="/images/logo-pink.png" alt="footer-logo"/>
                             </div>
                             <div>
                                 <p>
-                                    Do you need a secure online presence for your healthcare brand with reliable SEO and online marketing to grow? MermEmr helps healthcare professionals to achieve their online marketing service needs
+                                    Are you looking for secure cloud-based tools and a strong online presence for your
+                                    healthcare brand? MermEmr provides healthcare professionals with reliable SEO,
+                                    online marketing, and clinical solutions to help you grow.
                                 </p>
                             </div>
                         </div>
@@ -23,43 +25,57 @@ export default function MermsFooter() {
                             <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="/merms-blog">Use Cases</Link></p>*/}
+                                        {/*</li>*/}
                                         <li>
                                             <p><Link href="/contacts">Contact Us</Link></p>
                                         </li>
-                                        <li>
+                                        {/*<li>*/}
-                                            <p><Link href="/merms-blog">Our Blog</Link></p>
+                                        {/*    <p><Link href="/merms-blog">Our Blog</Link></p>*/}
-                                        </li>
+                                        {/*</li>*/}
                                     </ul>
                                 </div>
-                            </div> {/* END FOOTER LINKS */}
+                            </div>
+                            {/* END FOOTER LINKS */}
                             {/* FOOTER LINKS */}
                             <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>
+                                        {/*<li>*/}
-                                            <p><Link href="/merms-updates">What's New</Link></p>
+                                        {/*    <p><Link href="/merms-updates">What's New</Link></p>*/}
-                                        </li>
+                                        {/*</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://blog.mermsemr.com/" target={"_blank"}>Our
+                                                Forum</Link></p>
+                                        </li>
                                     </ul>
                                 </div>
-                            </div> {/* END FOOTER LINKS */}
+                            </div>
+                            {/* END FOOTER LINKS */}
                             {/* FOOTER LINKS */}
                             <div className="col-6 col-sm-4 col-md-4 col-xl-4">
                                 <div className="footer-links fl-3">
@@ -83,29 +99,35 @@ export default function MermsFooter() {
                                 </div>
                             </div>
                         </div>
-                    </div> {/* END FOOTER CONTENT */}
+                    </div>
-                    <hr />
+                    {/* END FOOTER CONTENT */}
+                    <hr/>
 
                     <div className="bottom-footer">
                         <div className="row row-cols-1 row-cols-md-2 d-flex align-items-center">
                             {/* FOOTER COPYRIGHT */}
                             <div className="col">
                                 <div className="footer-copyright">
-                                    <p className="p-sm">© 2025 autoMedSys A.I. <span>All Rights Reserved</span></p>
+                                    <p className="p-sm">© 2026 autoMedSys(AI) <span>All Rights Reserved</span></p>
                                 </div>
                             </div>
                             {/* FOOTER SOCIALS */}
                             <div className="col">
                                 <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_FACEBOOK_URL}><span
-                                    <li><Link href={process.env.NEXT_PUBLIC_TWITTER_URL}><span className="flaticon-twitter" /></Link></li>
+                                        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_YOUTUBE_URL}><span className="flaticon-youtube" /></Link></li>
+                                    {/*<li><Link href={process.env.NEXT_PUBLIC_YOUTUBE_URL}><span className="flaticon-youtube" /></Link></li>*/}
                                 </ul>
                             </div>
-                        </div> {/* End row */}
+                        </div>
-                    </div> {/* END BOTTOM FOOTER */}
+                        {/* End row */}
-                </div> {/* End container */}
+                    </div>
+                    {/* END BOTTOM FOOTER */}
+                </div>
+                {/* End container */}
             </footer>
 
         </>

components/sections/MermsBanner.js

@@ -4,7 +4,7 @@ import Link from "next/link"
 export default function MermsBanner() {
     return (
         <>
-            <section id="banner-13" className="pt-100 banner-section">
+            <section id="banner-13" className="pt-100 banner-section" style={{paddingBottom: '15px'}} >
                 <div className="container">
                     {/* BANNER-13 WRAPPER */}
                     <div className="banner-13-wrapper bg--03 bg--scroll r-16 block-shadow">
@@ -13,20 +13,14 @@ export default function MermsBanner() {
                                 {/* BANNER-5 TEXT */}
                                 <div className="col-md-7">
                                     <div className="banner-13-txt color--white">
-                                        {/* Title */}
                                         <h2 className="s-46 w-700">Getting started with MERMS today!</h2>
-                                        {/* Text */}
-                                        {/*<p className="p-lg">Congue laoreet turpis neque auctor turpis vitae dolor a luctus*/}
-                                        {/*    placerat and magna ligula cursus*/}
-                                        {/*</p>*/}
-                                        {/* Button */}
                                         <Link href={process.env.NEXT_PUBLIC_SIGNUP_URL} className="btn r-04 btn--theme hover--tra-white" data-bs-toggle="modal" data-bs-target="#modal-3">Get Started Now</Link>
                                     </div>
                                 </div>	{/* END BANNER-13 TEXT */}
                                 {/* BANNER-13 IMAGE */}
                                 <div className="col-md-5">
                                     <div className="banner-13-img text-center">
-                                        <img className="img-fluid" src="/images/start-banner.png" alt="banner-image" />
+                                        <img className="img-fluid" src="/images/start-banner-01.png" alt="banner-image" />
                                     </div>
                                 </div>
                             </div>   {/* End row */}

components/sections/MermsFeatures.js

@@ -1,33 +1,30 @@
-
-
 export default function MermsFeatures() {
     return (
         <>
-            <section id="merms-features" className="shape--bg shape--purple-100 pt-100 features-section division">
+            <section id="merms-features" className="shape--bg shape--purple-100 pt-100 features-section division"
+                     style={{paddingBottom: '15px'}}>
                 <div className="container">
                     <div className="row d-flex align-items-center">
-                        {/* FEATURES-13 WRAPPER */}
                         <div className="col-md-7 order-last order-md-2">
                             <div className="fbox-13-wrapper wow fadeInRight">
                                 <div className="row">
                                     <div className="col-md-6">
-                                        {/* FEATURE BOX #1 */}
                                         <div id="fb-12-1" className="fbox-12 bg--green-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-graphics" />
+                                                    <span className="flaticon-graphics"/>
-                                                    {/* 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)" />
+                                                        <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 */}
+                                            </div>
-                                            {/* Text */}
                                             <div className="fbox-txt">
-                                                <h5 className="s-20 w-700">Website in Seconds</h5>
+                                                <h5 className="s-20 w-700">Deploy in Seconds</h5>
-                                                <p>Build a website in seconds with MERMS AI website builder.</p>
+                                                <p>Easily deploy the tools you need with our automated system.</p>
                                             </div>
                                         </div>
                                         {/* FEATURE BOX #2 */}
@@ -36,14 +33,15 @@ export default function MermsFeatures() {
                                             <div className="fbox-ico ico-50">
                                                 <div className="shape-ico color--theme">
                                                     {/* Vector Icon */}
-                                                    <span className="flaticon-idea" />
+                                                    <span className="flaticon-idea"/>
                                                     {/* 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)" />
+                                                        <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 */}
+                                            </div>
-                                            {/* Text */}
                                             <div className="fbox-txt">
                                                 <h5 className="s-20 w-700">Useful Addons</h5>
                                                 <p>Explore our expanding addons to improve your applications.</p>
@@ -51,38 +49,37 @@ export default function MermsFeatures() {
                                         </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-graphic"/>
-                                                    <span className="flaticon-graphic" />
-                                                    {/* 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)" />
+                                                        <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 */}
+                                            </div>
-                                            {/* 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>
-                                        {/* FEATURE BOX #4 */}
                                         <div id="fb-12-4" className="fbox-12 bg--green-100 block-shadow r-12">
                                             {/* Icon */}
                                             <div className="fbox-ico ico-50">
                                                 <div className="shape-ico color--theme">
                                                     {/* Vector Icon */}
-                                                    <span className="flaticon-search-engine-1" />
+                                                    <span className="flaticon-search-engine-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)" />
+                                                        <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 */}
+                                            </div>
+                                            {/* End Icon */}
                                             {/* Text */}
                                             <div className="fbox-txt">
                                                 <h5 className="s-20 w-700">Unified Management</h5>
@@ -91,33 +88,32 @@ export default function MermsFeatures() {
                                         </div>
                                     </div>
                                 </div>
-                            </div>	{/* End row */}
+                            </div>
-                        </div>	{/* END FEATURES-13 WRAPPER */}
+                        </div>
-                        {/* TEXT BLOCK */}
+
                         <div className="col-md-5 order-first order-md-2">
                             <div className="txt-block left-column wow fadeInLeft">
-                                {/* Section ID */}
+                                <h2 className="s-46 w-700">Deploy Tools for Your Practice with Ease in Our Secure
-                                {/*<span className="section-id">One-Stop Solution</span>*/}
+                                    Cloud.</h2>
-                                {/* Title */}
+                                <p>Empower your practice with seamless automation and essential tools for lasting
-                                <h2 className="s-46 w-700">Create a web presence without limits</h2>
+                                    success.
-                                {/* 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>Effortlessly scale your practice with our growing ecosystem of innovative
+                                            tools.
                                         </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 className="mb-0">Boost your online presence and expand your community using
+                                            our intelligent marketing platform.
                                         </p>
                                     </li>
                                 </ul>
                             </div>
-                        </div>	{/* END TEXT BLOCK */}
+                        </div>
-                    </div>    {/* End row */}
+                    </div>
-                </div>     {/* End container */}
+                </div>
             </section>
         </>
     )

components/sections/MermsFeatures2.js

@@ -10,7 +10,7 @@ export default function MermsFeatures2() {
                         <div className="col-md-10 col-lg-9">
                             <div className="section-title mb-80">
                                 {/* Title */}
-                                <h2 className="s-50 w-700">Supercharge your digital presence with AI.</h2>
+                                <h2 className="s-50 w-700">All-in-One Cloud Platform for Practice Management.</h2>
                                 {/* Text */}
                                 <p className="s-21 color--grey">Unified AI-powered solutions for everything that matters to your online reputation and engagement.</p>
                             </div>

components/sections/MermsHowItWorks.js

@@ -1,6 +1,3 @@
-
-
-
 export default function MermsHowItWorks() {
     return (
         <>
@@ -11,56 +8,69 @@ export default function MermsHowItWorks() {
                         {/* TEXT BLOCK */}
                         <div className="col-md-6 order-last order-md-2">
                             <div className="txt-block left-column wow fadeInRight">
+                                <h2 className="s-46 w-700">MERMS-Agent: Always Here to Help You.</h2>
+
                                 {/* CONTENT BOX #2 */}
                                 <div className="cbox-4">
                                     {/* Icon & Title */}
                                     <div className="box-title">
-                                        <span className="flaticon-layers-1 color--theme" />
+                                        <span className="flaticon-layers-1 color--theme"/>
                                         <h5 className="s-24 w-700">Automatic Workflows</h5>
                                     </div>
                                     {/* Text */}
                                     <div className="cbox-4-txt">
-                                        <p>It takes a single touch! Standardize service delivery using visual process workflows and AI-based automation. Get a quick visual summary of all your requests and monitor them in one place.
+                                        <p>It takes a single touch! Standardize service delivery using visual process
+                                            workflows and AI-based automation. Get a quick visual summary of all your
+                                            requests and monitor them in one place.
                                         </p>
                                     </div>
-                                </div>	{/* END CONTENT BOX #2 */}
+                                </div>
+                                {/* END CONTENT BOX #2 */}
                                 {/* CONTENT BOX #1 */}
                                 <div className="cbox-4">
                                     {/* Icon & Title */}
                                     <div className="box-title">
-                                        <span className="flaticon-paper-sizes color--theme" />
+                                        <span className="flaticon-paper-sizes color--theme"/>
                                         <h5 className="s-24 w-700">Efficient A.I Assist</h5>
                                     </div>
                                     {/* Text */}
                                     <div className="cbox-4-txt">
-                                        <p>Drive brand loyalty, boost your brand with social media marketing, and build your digital identity with our A.I. Assist creator tools.
+                                        <p>Drive brand loyalty, boost your brand with social media marketing, and build
+                                            your digital identity with our A.I. Assist creator tools.
                                         </p>
                                     </div>
-                                </div>	{/* END CONTENT BOX #1 */}
+                                </div>
+                                {/* END CONTENT BOX #1 */}
 
                                 {/* CONTENT BOX #3 */}
                                 <div className="cbox-4">
                                     {/* Icon & Title */}
                                     <div className="box-title">
-                                        <span className="flaticon-pie-chart color--theme" />
+                                        <span className="flaticon-pie-chart color--theme"/>
                                         <h5 className="s-24 w-700">Useful Analytics</h5>
                                     </div>
                                     {/* Text */}
                                     <div className="cbox-4-txt">
-                                        <p className="mb-0">Monitor your website performance with our simplified data dashboard. You can stay on top of your website's performance with real-time traffic statistics and trend charts.
+                                        <p className="mb-0">Monitor your website performance with our simplified data
+                                            dashboard. You can stay on top of your website's performance with real-time
+                                            traffic statistics and trend charts.
                                         </p>
                                     </div>
-                                </div>	{/* END CONTENT BOX #3 */}
+                                </div>
+                                {/* END CONTENT BOX #3 */}
                             </div>
-                        </div>	{/* END TEXT BLOCK */}
+                        </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-08.png" alt="content-image" />
+                                <img className="img-fluid" src="/images/img-08.png" alt="content-image"/>
                             </div>
                         </div>
-                    </div>	{/* END SECTION CONTENT (ROW) */}
+                    </div>
-                </div>	   {/* End container */}
+                    {/* END SECTION CONTENT (ROW) */}
+                </div>
+                {/* End container */}
             </section>
         </>
     )

components/sections/MersmHero.js

@@ -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">All-in-One Cloud Platform for Practice Management</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>

components/services/services.js

@@ -0,0 +1,77 @@
+import axios from "axios"
+import {string} from "yup";
+
+
+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 blogBasePath = () => {
+    return 'https://blogdata.chiefsoft.net';
+}
+
+const siteServerPath = () => {
+    // NEXT_PUBLIC_APP_MAIN_API="https://devapi.mermsemr.com"
+    return 'https://devapi.mermsemr.com';
+}
+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 = (basePath, 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(blogBasePath(), '/mermsblogdata/mermsemr', postData)
+}
+
+export const serMermsWebContact = (reqData) => {
+    let postData = {
+        ...reqData
+    }
+    return getAuxEnd(siteServerPath(), '/mermsblogdata/mermsemr', postData)
+}

docker-compose.yml

@@ -10,7 +10,7 @@ services:
     working_dir: /app
     volumes:
       - .:/app
-      - ./node_modules:/app_backup/node_modules
+      - node_modules:/app/node_modules
 #      - ./run.sh:/app/run.sh
 #      - ./next:/app/.next
     image: registry.chiefsoft.net/merms-web-2025:latest
@@ -20,5 +20,8 @@ services:
       - backend.wrenchboard.api.test:10.10.33.15
     tty: true
     stdin_open: true
+    environment:
+      - NODE_ENV=${NODE_ENV:-live}
 volumes:
   src:
+  node_modules:

docker-entrypoint.sh

@@ -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 "$@"

docker/Dockerfile

@@ -1,6 +1,6 @@
-FROM alpine:3.20
+FROM alpine:3.22
 
-ENV NODE_VERSION 22.12.0
+ENV NODE_VERSION=22.12.0
 
 RUN addgroup -g 1000 node \
     && adduser -u 1000 -G node -s /bin/sh -D node \
@@ -77,31 +77,31 @@ RUN addgroup -g 1000 node \
   && node --version \
   && npm --version
 
-ENV YARN_VERSION 1.22.22
+# ENV YARN_VERSION 1.22.22
 
-RUN apk add --no-cache --virtual .build-deps-yarn curl gnupg tar \
+# RUN apk add --no-cache --virtual .build-deps-yarn curl gnupg tar \
-  # use pre-existing gpg directory, see https://github.com/nodejs/docker-node/pull/1895#issuecomment-1550389150
+#   # use pre-existing gpg directory, see https://github.com/nodejs/docker-node/pull/1895#issuecomment-1550389150
-  && export GNUPGHOME="$(mktemp -d)" \
+#   && export GNUPGHOME="$(mktemp -d)" \
-  && for key in \
+#   && for key in \
-    6A010C5166006599AA17F08146C2130DFD2497F5 \
+#     6A010C5166006599AA17F08146C2130DFD2497F5 \
-  ; do \
+#   ; do \
-    gpg --batch --keyserver hkps://keys.openpgp.org --recv-keys "$key" || \
+#     gpg --batch --keyserver hkps://keys.openpgp.org --recv-keys "$key" || \
-    gpg --batch --keyserver keyserver.ubuntu.com --recv-keys "$key" ; \
+#     gpg --batch --keyserver keyserver.ubuntu.com --recv-keys "$key" ; \
-  done \
+#   done \
-  && curl -fsSLO --compressed "https://yarnpkg.com/downloads/$YARN_VERSION/yarn-v$YARN_VERSION.tar.gz" \
+#   && curl -fsSLO --compressed "https://yarnpkg.com/downloads/$YARN_VERSION/yarn-v$YARN_VERSION.tar.gz" \
-  && curl -fsSLO --compressed "https://yarnpkg.com/downloads/$YARN_VERSION/yarn-v$YARN_VERSION.tar.gz.asc" \
+#   && curl -fsSLO --compressed "https://yarnpkg.com/downloads/$YARN_VERSION/yarn-v$YARN_VERSION.tar.gz.asc" \
-  && gpg --batch --verify yarn-v$YARN_VERSION.tar.gz.asc yarn-v$YARN_VERSION.tar.gz \
+#   && gpg --batch --verify yarn-v$YARN_VERSION.tar.gz.asc yarn-v$YARN_VERSION.tar.gz \
-  && gpgconf --kill all \
+#   && gpgconf --kill all \
-  && rm -rf "$GNUPGHOME" \
+#   && rm -rf "$GNUPGHOME" \
-  && mkdir -p /opt \
+#   && mkdir -p /opt \
-  && tar -xzf yarn-v$YARN_VERSION.tar.gz -C /opt/ \
+#   && tar -xzf yarn-v$YARN_VERSION.tar.gz -C /opt/ \
-  && ln -s /opt/yarn-v$YARN_VERSION/bin/yarn /usr/local/bin/yarn \
+#   && ln -s /opt/yarn-v$YARN_VERSION/bin/yarn /usr/local/bin/yarn \
-  && ln -s /opt/yarn-v$YARN_VERSION/bin/yarnpkg /usr/local/bin/yarnpkg \
+#   && ln -s /opt/yarn-v$YARN_VERSION/bin/yarnpkg /usr/local/bin/yarnpkg \
-  && rm yarn-v$YARN_VERSION.tar.gz.asc yarn-v$YARN_VERSION.tar.gz \
+#   && rm yarn-v$YARN_VERSION.tar.gz.asc yarn-v$YARN_VERSION.tar.gz \
-  && apk del .build-deps-yarn \
+#   && apk del .build-deps-yarn \
-  # smoke test
+#   # smoke test
-  && yarn --version \
+#   && yarn --version \
-  && rm -rf /tmp/*
+#   && rm -rf /tmp/*
 
 COPY docker-entrypoint.sh /usr/local/bin/
 # ENTRYPOINT ["docker-entrypoint.sh"]
@@ -118,19 +118,18 @@ COPY package.json /app/
 # Install app dependencies
 RUN npm install --save
 RUN npm install react-scripts
-RUN npm install -g next
 RUN npm install sharp
 RUN npm install react-modal-video
 RUN npm install wowjs
 
 # Bundle app source
 COPY . /app
-RUN cp -a /app/. /app_backup
+# RUN cp -a /app/. /app_backup
 
 RUN chmod a+x /usr/local/bin/docker-entrypoint.sh
 
 EXPOSE 3000
 ENTRYPOINT [ "/usr/local/bin/docker-entrypoint.sh" ]
 
-#CMD ["sh", "-c", "next build && next start"]
+CMD ["sh", "-c", "npm run build && npm run start"]
-CMD [ "npm" ,"run","dev"]
+# CMD [ "npm" ,"run","dev"]

next.config.js

@@ -1,9 +1,9 @@
 /** @type {import('next').NextConfig} */
+const path = require('path')
+
 const nextConfig = {
   reactStrictMode: true,
-  experimental: {
+  outputFileTracingRoot: path.join(__dirname),
-    serverActions: true,
-  },
 }
 
 module.exports = nextConfig

package.json

@@ -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"
     }
 }

pages/contacts.js

@@ -1,7 +1,51 @@
+import {useMutation} from '@tanstack/react-query';
 import Layout from "../components/layout/Layout"
 import Link from "next/link"
+import {Form, Formik} from 'formik';
+//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">
@@ -15,69 +59,133 @@ export default function Home() {
                                         {/* Title */}
                                         <h2 className="s-52 w-700">Questions? Let's Talk</h2>
                                         {/* Text */}
-                                        <p className="p-lg">Want to learn more about MERMS, get a quote, or speak with an expert?
+                                        <p className="p-lg">Want to learn more about MERMS, get a quote, or speak with
+                                            an expert?
                                             Let us know what you are looking for and we’ll get back to you right away
                                         </p>
                                     </div>
                                 </div>
                             </div>
                             {/* CONTACT FORM */}
-                            <div className="row justify-content-center">
+
-                                <div className="col-md-11 col-lg-10 col-xl-8">
+                            <div>
-                                    <div className="form-holder">
+                                <div className="row d-flex align-items-start">
-                                        <form name="contactform" className="row contact-form">
+                                    {/* IMAGE BLOCK */}
-                                            {/* Form Select */}
+                                    <div className="col-md-6 col-lg-6">
-                                            <div className="col-md-12 input-subject">
+                                        <div className="img-block left-column wow fadeInRight">
-                                                <p className="p-lg">This question is about: </p>
+                                            <img className="img-fluid" src="/images/contact-us-page.png" alt="content-image"/>
-                                                <span>Choose a topic, so we know who to send your request to: </span>
+                                        </div>
-                                                <select className="form-select subject" aria-label="Default select example">
+                                    </div>
-                                                    <option>This question is about...</option>
+                                    
-                                                    <option>Registering/Authorising</option>
+
-                                                    <option>Using Application</option>
+                                    <div className="col-md-6 col-lg-6">
-                                                    <option>Troubleshooting</option>
+                                        <div className="form-holder">
-                                                    <option>Backup/Restore</option>
+                                            <Formik
-                                                    <option>Other</option>
+                                                initialValues={initialValues}
-                                                </select>
+                                                validationSchema={validationSchema}
-                                            </div>
+                                                onSubmit={handleContactMutation}
-                                            {/* Contact Form Input */}
+                                            >
-                                            <div className="col-md-12">
+                                                {(props) => {
-                                                <p className="p-lg">Your Name: </p>
+                                                    return (
-                                                <span>Please enter your real name: </span>
+                                                        <Form name="contactform" className="row contact-form">
-                                                <input type="text" name="name" className="form-control name" placeholder="Your Name*" />
+                                                            {/* Form Select */}
-                                            </div>
+                                                            <div className="col-md-12 input-subject">
-                                            <div className="col-md-12">
+                                                                <p className="p-lg">This question is
-                                                <p className="p-lg">Your Email Address: </p>
+                                                                    about:{(props.errors.subject && props.touched.subject) &&
-                                                <span>Please carefully check your email address for accuracy</span>
+                                                                        <span style={{display: 'inline'}}
-                                                <input type="text" name="email" className="form-control email" placeholder="Email Address*" />
+                                                                              className='text-danger'>{props.errors.subject}</span>}</p>
-                                            </div>
+                                                                <span>Choose a topic, so we can best determine how to handle your request to:</span>
-                                            <div className="col-md-12">
+                                                                <select name='subject' onChange={props.handleChange}
-                                                <p className="p-lg">Explain your question in details: </p>
+                                                                        className="form-select subject"
-                                                <span>Your OS version, MERMS version &amp; build, steps you did. Be VERY precise!</span>
+                                                                        aria-label="Default select example">
-                                                <textarea className="form-control message" name="message" rows={6} placeholder="I have a problem with..." />
+                                                                    <option value=''>This question is about...</option>
-                                            </div>
+                                                                    <option
-                                            {/* Contact Form Button */}
+                                                                        value='registering or account'>Registering or
-                                            <div className="col-md-12 mt-15 form-btn text-right">
+                                                                        Accounts
-                                                <button type="submit" className="btn btn--theme hover--theme submit">Submit Request</button>
+                                                                    </option>
-                                            </div>
+                                                                    <option value='using application'>Application
-                                            <div className="contact-form-notice">
+                                                                    </option>
-                                                <p className="p-sm">We are committed to your privacy. MERMS uses the information you
+                                                                    <option value='troubleshooting'>Troubleshooting
-                                                    provide us to contact you about our relevant content, products, and services.
+                                                                    </option>
-                                                    You may unsubscribe from these communications at any time. For more information,
+                                                                    <option value='data and files'>Data or Files
-                                                    check out our <Link href="/privacy">Privacy Policy</Link>.
+                                                                    </option>
-                                                </p>
+                                                                    <option value='others'>Other</option>
-                                            </div>
+                                                                </select>
-                                            {/* Contact Form Message */}
+                                                            </div>
-                                            <div className="col-lg-12 contact-form-msg">
+                                                            {/* Contact Form Input */}
-                                                <span className="loading" />
+                                                            <div className="col-md-12">
-                                            </div>
+                                                                <p className="p-lg">Your
-                                        </form>
+                                                                    Name:{(props.errors.name && props.touched.name) &&
+                                                                        <span style={{display: 'inline'}}
+                                                                              className='text-danger'>{props.errors.name}</span>}</p>
+                                                                <span>Please enter your 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>Please provide specific details regarding your request or any feedback you wish to share.</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 protecting your privacy. MERMS uses the information you provide to communicate with you regarding our relevant content, products, and services. You may unsubscribe from these communications at any time.
+                                                                </p>
+                                                            </div>
+                                                            {/* Contact Form Message */}
+                                                            <div className="col-lg-12 contact-form-msg">
+                                                                <span className="loading"/>
+                                                            </div>
+                                                        </Form>
+                                                    );
+                                                }}
+                                            </Formik>
+                                        </div>
+                                        {/*</div>*/}
                                     </div>
                                 </div>
-                            </div>	   {/* END CONTACT FORM */}
+                                {/* End row */}
-                        </div>	   {/* End container */}
+                            </div>
-                    </section>	{/* END CONTACTS-1 */}
+
+
+                            {/*<div className="row justify-content-center">*/}
+                            {/*    <div className="col-md-11 col-lg-10 col-xl-8">*/}
+
+                            {/*    </div>*/}
+                            {/*</div>	   */}
+                        </div>
+                        {/* End container */}
+                    </section>
+                    {/* END CONTACTS-1 */}
                     {/* DIVIDER LINE */}
-                    <hr className="divider" />
+                    <hr className="divider"/>
                     {/* NEWSLETTER-1
 			============================================= */}
 

pages/features.js

@@ -66,14 +66,15 @@ export default function Home() {
                             </div>	{/* END SECTION CONTENT (ROW) */}
                         </div>	   {/* End container */}
                     </section>
+                    <hr className="divider" />
                     <MermsFeaturesSectionTwo />
-
+                    <hr className="divider" />
                     <MermsFeaturesSection1 />
-
+                    <hr className="divider" />
                     <MermsFeatureSection4 />
-
+                    <hr className="divider" />
                     <MermsAboutFeautures />
-
+                    <hr className="divider" />
                     <section className="pt-100 ws-wrapper content-section">
                         <div className="container">
                             <div className="bc-1-wrapper bg--white-400 bg--fixed r-16">

pages/help-center.js

@@ -1,34 +1,61 @@
 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: 'Subscriptions', icon: 'flaticon-price-label'},
     {name: 'Other Questions', icon: 'flaticon-screenplay'}
 ]
 
 const tabContents = {
-    'Getting Started' : [
+    '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: 'What is MERMS, and how does it work?',
-            {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.`},
+            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: '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.`}
+        },
-        ],
+        {
+            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.`},
+        {title: 'How do I reset my account password?', desc: `You can reset your password by clicking the “Forgot Password” link on the login page. Follow the instructions sent to your registered email to create a new password.`},
-        ],
+        {title: 'How can I update my email address or personal information?', desc: `Log in to your account, navigate to the Account Settings or Profile section, and update your information as needed. Remember to save your changes before exiting.`},
+        {title: 'What should I do if I suspect unauthorized access to my account?', desc: `Immediately change your password and review your recent account activity. Contact support to report the issue and secure your account.`},
+        {title: 'How do I delete or deactivate my account?', desc: `Go to the Account Settings or Privacy section and look for the option to delete or deactivate your account. Follow the prompts to complete the process. If you need assistance, contact customer support.`},
+        {title: 'How can I view or download my account activity and history?', desc: `Most platforms have an Account Activity or History tab within your account dashboard. You can view or download your activity details from there. If you need a comprehensive report, contact support.`},
+    ],
 
-    'Pricing Plans': [
+    'Subscriptions': [
-            {title: 'How much does MERMS cost?', desc: `Curabitur ac dapibus libero eu congue tristique neque.`},
+        {title: 'What subscription plans are available?', desc: `We offer a variety of subscription plans designed to meet diverse needs, including monthly, annual, and enterprise options. Comprehensive details regarding each plan are available on our Pricing page.`},
-        ],
+        {title: 'How can I upgrade or downgrade my subscription?', desc: `You may upgrade or downgrade your subscription at any time through your Account Settings. Any changes will be applied at the beginning of your next billing cycle.`},
+        {title: 'What is your subscription refund policy?', desc: `Refunds are provided in accordance with our Refund Policy. For eligibility requirements and detailed instructions on submitting a refund request, please consult our policy page.`},
+        {title: 'How do I cancel my subscription?', desc: `To cancel your subscription, please log in to your account, navigate to the Subscription section, and follow the provided cancellation prompts. A confirmation email will be sent to you upon successful completion of the process.`},
+        {title: 'Will I lose access to features immediately after canceling my subscription?', desc: `No, you will continue to have access to all subscription features until the conclusion of your current billing period. Afterward, your account will revert to the free or basic version.`},
+    ],
 
     'Other Questions': [
-            {title: 'How do I get the error log?', desc: `Curabitur ac dapibus libero eu congue tristique neque.`},
+        {
-        ]
+            title: 'Is my personal information secure on your website?',
-    
+            desc: `Yes, we employ industry-standard encryption and advanced security protocols to ensure that your personal information remains protected at all times.`
+        },
+        {title: 'How do I contact customer support?', desc: `You may contact our customer support team through the Contact Us page, by email, or via live chat, according to your preference.`},
+        {title: 'Are there any fees for using the website’s services?', desc: `Our basic services are complimentary. However, certain premium features may require a subscription or a one-time payment. For more information, please refer to our Pricing page.`},
+        {title: 'What browsers are supported by your website?', desc: `Our website is compatible with the latest versions of major web browsers, including Chrome, Firefox, Safari, and Edge.`},
+        {title: 'Can I access the website on my mobile device?', desc: `Yes, our website is fully responsive and optimized for seamless use on smartphones and tablets.`},
+    ]
+
 }
 
 export default function Home() {
@@ -75,33 +102,40 @@ export default function Home() {
                                     <div className="tabs-nav tabs--theme clearfix">
                                         <ul className="tabs-1">
                                             {/* TAB-1 LINK */}
-                                            {tabs.map((tab, index)=>(
+                                            {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)}>
+                                                <li key={index}
-                                                    <div className="tab-link-ico"><span className={tab.icon} /></div>
+                                                    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">
                                         {/* CONTENT */}
-                                        {tabs.map((tab, index)=>(
+                                        {tabs.map((tab, index) => (
-                                            <div key={index} id="tab-1" className={activeTab?.name === tab?.name ? "tab-content current" : "tab-content "}>
+                                            <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)=>(
+                                                        {tabContents[activeTab.name]?.map((content, index) => (
-                                                            <li key={index} className={isActive.key == index ? "accordion-item is-active" : "accordion-item"} onClick={() => handleToggle(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"}` }}>
+                                                                <div className="accordion-panel color--grey"
+                                                                     style={{display: `${isActive.key == index ? "block" : "none"}`}}>
                                                                     {/* Text */}
                                                                     <p>{content?.desc}</p>
                                                                 </div>
@@ -113,10 +147,14 @@ export default function Home() {
                                         ))}
                                         {/* END OF CONTENT */}
                                     </div>
-                                </div> {/* End row */}
+                                </div>
-                            </div>	{/* END TABS CONTENT */}
+                                {/* End row */}
-                        </div>     {/* End container */}
+                            </div>
-                    </section>	{/* END  FAQs-4 */}
+                            {/* 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">
@@ -130,20 +168,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>
-                            </div>    {/* END BANNER-9 WRAPPER */}
+                                {/* End row */}
-                        </div>     {/* End container */}
+                            </div>
+                            {/* END BANNER-9 WRAPPER */}
+                        </div>
+                        {/* End container */}
                     </section>
                 </div>
 

pages/index.js

@@ -1,10 +1,8 @@
-import Link from "next/link"
 import Layout from "../components/layout/Layout"
 import MersmHero from "../components/sections/MersmHero";
 import MermsFeatures from "../components/sections/MermsFeatures";
 import MermsAbout from "../components/sections/MermsAbout";
 import MermsHowItWorks from "../components/sections/MermsHowItWorks";
-import MermsFeatures2 from "../components/sections/MermsFeatures2";
 import MermsBanner from "../components/sections/MermsBanner";
 
 export default function Home() {
@@ -12,14 +10,15 @@ export default function Home() {
     return (
         <>
             <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark">
-                <MersmHero />
+                <MersmHero/>
-                <hr className="divider" />
+                <hr className="divider"/>
-                <MermsAbout />
+                <MermsFeatures/>
-                <hr className="divider" />
+                <hr className="divider"/>
-                <MermsFeatures />
+                <MermsHowItWorks/>
-                <MermsHowItWorks />
+                <hr className="divider"/>
-                {/*<MermsFeatures2 />*/}
+                <MermsAbout/>
-                <MermsBanner />
+                <hr className="divider"/>
+                <MermsBanner/>
             </Layout>
         </>
     )

pages/merms-blog.js

@@ -5,14 +5,17 @@ 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
@@ -136,7 +139,7 @@ export default  function Home() {
                                             {/* END BLOG POST #1 */}
                                         </div>
                                     </div>	{/* END POSTS WRAPPER */}
-                                    <MermsBlogFix />
+                                    {/*<MermsBlogFix />*/}
                                 </>
                                 :
                                 <div className="">

pages/privacy.js

@@ -83,7 +83,7 @@ export default function Home() {
                                     {/* 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.
+                                        We 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>
 
                                     {/* Your Rights */}