fixed contact page image

.dockerignore

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

.env

@@ -6,6 +6,7 @@ PANEL_URL=https://panel.mermsemr.com
 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/
@@ -14,4 +15,7 @@ NEXT_PUBLIC_INSTAGRAM_URL=#
 NEXT_PUBLIC_YOUTUBE_URL=#
 
 #forum
-NEXT_SITE_FORUM=https://forum.automedsys.ai/
+NEXT_SITE_FORUM=https://blog.mermsemr.com/
+
+#SITE API
+NEXT_SITE_BACKEND_SERVER=https://api.mermsemr.com/

.env.development

@@ -6,6 +6,7 @@ PANEL_URL=https://dev-panel.mermsemr.com
 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/
@@ -14,4 +15,7 @@ NEXT_PUBLIC_INSTAGRAM_URL=#
 NEXT_PUBLIC_YOUTUBE_URL=#
 
 #forum
-NEXT_SITE_FORUM=https://forum.automedsys.ai/
+NEXT_SITE_FORUM=https://blog.mermsemr.com/
+
+#SITE API
+NEXT_SITE_BACKEND_SERVER=https://devapi.mermsemr.com/

.env.local

@@ -6,6 +6,7 @@ PANEL_URL=https://panel.mermsemr.com
 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/
@@ -14,4 +15,7 @@ NEXT_PUBLIC_INSTAGRAM_URL=#
 NEXT_PUBLIC_YOUTUBE_URL=#
 
 #forum
-NEXT_SITE_FORUM=https://forum.automedsys.ai/
+NEXT_SITE_FORUM=https://blog.mermsemr.com/
+
+#SITE API
+NEXT_SITE_BACKEND_SERVER=https://api.mermsemr.com/

.env.production

@@ -6,6 +6,7 @@ PANEL_URL=https://panel.mermsemr.com
 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/
@@ -14,4 +15,7 @@ NEXT_PUBLIC_INSTAGRAM_URL=#
 NEXT_PUBLIC_YOUTUBE_URL=#
 
 #forum
-NEXT_SITE_FORUM=https://forum.automedsys.ai/
+NEXT_SITE_FORUM=https://blog.mermsemr.com/
+
+#SITE API
+NEXT_SITE_BACKEND_SERVER=https://api.mermsemr.com/

.env.test

@@ -6,6 +6,7 @@ PANEL_URL=https://qa-panel.mermsemr.com
 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/
@@ -14,4 +15,7 @@ NEXT_PUBLIC_INSTAGRAM_URL=#
 NEXT_PUBLIC_YOUTUBE_URL=#
 
 #forum
-NEXT_SITE_FORUM=https://forum.automedsys.ai/
+NEXT_SITE_FORUM=https://blog.mermsemr.com/
+
+#SITE API
+NEXT_SITE_BACKEND_SERVER=https://devapi.mermsemr.com/

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>
@@ -32,9 +34,9 @@ export default function MermsFooter() {
                                         <li>
                                             <p><Link href="/about">About Us</Link></p>
                                         </li>
-                                        <li>
+                                        {/*<li>*/}
-                                            <p><Link href="/merms-blog">Use Cases</Link></p>
+                                        {/*    <p><Link href="/merms-blog">Use Cases</Link></p>*/}
-                                        </li>
+                                        {/*</li>*/}
                                         <li>
                                             <p><Link href="/contacts">Contact Us</Link></p>
                                         </li>
@@ -43,7 +45,8 @@ export default function MermsFooter() {
                                         {/*</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">
@@ -56,9 +59,9 @@ export default function MermsFooter() {
                                         <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>*/}
@@ -66,11 +69,13 @@ export default function MermsFooter() {
                                             <p><Link href="/help-center">Help Center</Link></p>
                                         </li>
                                         <li>
-                                            <p><Link href="https://forum.automedsys.ai/">Our Forum</Link></p>
+                                            <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">
@@ -94,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

@@ -13,7 +13,7 @@ export default function MersmHero() {
                                 {/* Section ID */}
                                 {/*<span className="section-id">Online Reputation That Work</span>*/}
                                 {/* Title */}
-                                <h2 className="s-54 w-700">Supercharge Your Practice Efficiency with MERMS AI Agent Today!</h2>
+                                <h2 className="s-54 w-700">All-in-One Cloud Platform for Practice Management</h2>
                                 {/* Text */}
                                 <p className="p-lg">Streamline workflows across practice with powerful AI agents. Build and deploy automated workflows with ease.
                                 </p>

components/services/services.js

@@ -1,4 +1,5 @@
 import axios from "axios"
+import {string} from "yup";
 
 
 axios.interceptors.request.use(
@@ -10,9 +11,9 @@ axios.interceptors.request.use(
             // "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.headers['Authorization'] = `Bearer ${localStorage.getItem('token')}`;
-    // config.baseURL = process.env.REACT_APP_MAIN_API
+        // config.baseURL = process.env.REACT_APP_MAIN_API
         return config;
     },
     error => {
@@ -20,15 +21,23 @@ axios.interceptors.request.use(
     }
 );
 
-const postAuxEnd = (path, postData, media=false) => {
+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){
+    if (!media) {
         newPostData = {...postData}
-    }else{
+    } else {
         newPostData = new FormData();
         for (let data in postData) {
-        newPostData.append(data, postData[data]);
+            newPostData.append(data, postData[data]);
         }
     }
     return axios.post(`${basePath}${path}`, newPostData).then(res => {
@@ -39,9 +48,9 @@ const postAuxEnd = (path, postData, media=false) => {
     })
 }
 
-const getAuxEnd = (path, reqData= null) => {
+const getAuxEnd = (basePath, path, reqData = null) => {
-    const basePath = 'https://blogdata.chiefsoft.net'
+    // const basePath = 'https://blogdata.chiefsoft.net'
-    return axios.get(`${basePath}${path}`,{ params: reqData }).then(res => {
+    return axios.get(`${basePath}${path}`, {params: reqData}).then(res => {
         return res
         // localStorage.clear();
         // window.location.href = `/login?sessionExpired=true`;
@@ -57,5 +66,12 @@ export const getMermsBlogs = (reqData) => {
     let postData = {
         ...reqData
     }
-    return getAuxEnd('/mermsblogdata/mermsemr', postData, false)
+    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
@@ -24,3 +24,4 @@ services:
       - NODE_ENV=${NODE_ENV:-live}
 volumes:
   src:
+  node_modules:

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

pages/contacts.js

@@ -1,8 +1,10 @@
-import { useMutation } from '@tanstack/react-query';
+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 {Form, Formik} from 'formik';
 import * as Yup from "yup";
+
 export default function Home() {
 
     const validationSchema = Yup.object().shape({
@@ -24,25 +26,25 @@ export default function Home() {
             return null //completePWDReset(fields)
         },
         onSuccess: (res) => {
-            if(res?.data?.resultCode != '0'){
+            if (res?.data?.resultCode != '0') {
                 throw({message: res?.data?.resultDescription})
             }
         },
         // onError: (err) => {
         //     console.log('err', err)
         // }
-  })
+    })
-  
+
-  const handleContactMutation = (values) => {
+    const handleContactMutation = (values) => {
-    let reqData = {
+        let reqData = {
-        ...values
+            ...values
+        }
+        console.log(reqData)
+        setTimeout(() => {
+            contactMutation.reset()
+        }, 3000)
+        contactMutation.mutate(reqData)
     }
-    console.log(reqData)
-    setTimeout(()=>{
-        contactMutation.reset()
-    },3000)
-    // contactMutation.mutate(reqData)
-  }
 
     return (
         <>
@@ -57,85 +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">
-                                        <Formik
+                                    {/* IMAGE BLOCK */}
-                                            initialValues={initialValues}
+                                    <div className="col-md-6 col-lg-6">
-                                            validationSchema={validationSchema}
+                                        <div className="img-block left-column wow fadeInRight">
-                                            onSubmit={handleContactMutation}
+                                            <img className="img-fluid" src="/images/contact-us-page.png" alt="content-image"/>
-                                        >
+                                        </div>
-                                            {(props) => {
+                                    </div>
-                                            return (
+                                    
-                                                <Form name="contactform" className="row contact-form">
+
-                                                    {/* Form Select */}
+                                    <div className="col-md-6 col-lg-6">
-                                                    <div className="col-md-12 input-subject">
+                                        <div className="form-holder">
-                                                        <p className="p-lg">This question is about:{(props.errors.subject && props.touched.subject) && <span style={{display: 'inline'}} className='text-danger'>{props.errors.subject}</span>}</p>
+                                            <Formik
-                                                        <span>Choose a topic, so we know who to send your request to: </span>
+                                                initialValues={initialValues}
-                                                        <select name='subject' onChange={props.handleChange} className="form-select subject" aria-label="Default select example">
+                                                validationSchema={validationSchema}
-                                                            <option value=''>This question is about...</option>
+                                                onSubmit={handleContactMutation}
-                                                            <option value='registering/authorising'>Registering/Authorising</option>
+                                            >
-                                                            <option value='using application'>Using Application</option>
+                                                {(props) => {
-                                                            <option value='troubleshooting'>Troubleshooting</option>
+                                                    return (
-                                                            <option value='backup/restore'>Backup/Restore</option>
+                                                        <Form name="contactform" className="row contact-form">
-                                                            <option value='others'>Other</option>
+                                                            {/* Form Select */}
-                                                        </select>
+                                                            <div className="col-md-12 input-subject">
-                                                    </div>
+                                                                <p className="p-lg">This question is
-                                                    {/* Contact Form Input */}
+                                                                    about:{(props.errors.subject && props.touched.subject) &&
-                                                    <div className="col-md-12">
+                                                                        <span style={{display: 'inline'}}
-                                                        <p className="p-lg">Your Name:{(props.errors.name && props.touched.name) && <span style={{display: 'inline'}} className='text-danger'>{props.errors.name}</span>}</p>
+                                                                              className='text-danger'>{props.errors.subject}</span>}</p>
-                                                        <span>Please enter your real name: </span>
+                                                                <span>Choose a topic, so we can best determine how to handle your request to:</span>
-                                                        <input type="text" onChange={props.handleChange} name="name" className="form-control name" placeholder="Your Name*" />
+                                                                <select name='subject' onChange={props.handleChange}
-                                                    </div>
+                                                                        className="form-select subject"
-                                                    <div className="col-md-12">
+                                                                        aria-label="Default select example">
-                                                        <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>
+                                                                    <option value=''>This question is about...</option>
-                                                        <span>Please carefully check your email address for accuracy</span>
+                                                                    <option
-                                                        <input type="text" onChange={props.handleChange} name="email" className="form-control email" placeholder="Email Address*" />
+                                                                        value='registering or account'>Registering or
-                                                    </div>
+                                                                        Accounts
-                                                    <div className="col-md-12">
+                                                                    </option>
-                                                        <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>
+                                                                    <option value='using application'>Application
-                                                        <span>Your OS version, MERMS version &amp; build, steps you did. Be VERY precise!</span>
+                                                                    </option>
-                                                        <textarea onChange={props.handleChange} className="form-control message" name="message" rows={6} placeholder="I have a problem with..." />
+                                                                    <option value='troubleshooting'>Troubleshooting
-                                                    </div>
+                                                                    </option>
-                                                    {/* Contact Form Button */}
+                                                                    <option value='data and files'>Data or Files
-                                                    <div className="d-flex justify-content-end mt-15 form-btn">
+                                                                    </option>
-                                                        <button 
+                                                                    <option value='others'>Other</option>
-                                                            type="submit" 
+                                                                </select>
-                                                            className="btn btn--theme hover--theme submit"
+                                                            </div>
-                                                            disabled={contactMutation.isPending || contactMutation.isSuccess}
+                                                            {/* Contact Form Input */}
-                                                        >
+                                                            <div className="col-md-12">
-                                                           {contactMutation.isPending ? 'Sending' : contactMutation.isSuccess ? 'Message Sent' : 'Submit Request'}
+                                                                <p className="p-lg">Your
-                                                        </button>
+                                                                    Name:{(props.errors.name && props.touched.name) &&
-                                                    </div>
+                                                                        <span style={{display: 'inline'}}
-                                                    <div className="contact-form-notice">
+                                                                              className='text-danger'>{props.errors.name}</span>}</p>
-                                                        <p className="p-sm">We are committed to your privacy. MERMS uses the information you
+                                                                <span>Please enter your name: </span>
-                                                            provide us to contact you about our relevant content, products, and services.
+                                                                <input type="text" onChange={props.handleChange}
-                                                            You may unsubscribe from these communications at any time. For more information,
+                                                                       name="name" className="form-control name"
-                                                            check out our <Link href="/privacy">Privacy Policy</Link>.
+                                                                       placeholder="Your Name*"/>
-                                                        </p>
+                                                            </div>
-                                                    </div>
+                                                            <div className="col-md-12">
-                                                    {/* Contact Form Message */}
+                                                                <p className="p-lg">Your Email
-                                                    <div className="col-lg-12 contact-form-msg">
+                                                                    Address:{(props.errors.email && props.touched.email) &&
-                                                        <span className="loading" />
+                                                                        <span style={{display: 'inline'}}
-                                                    </div>
+                                                                              className='text-danger'>{props.errors.email}</span>}</p>
-                                                </Form>
+                                                                <span>Please carefully check your email address for accuracy:</span>
-                                            );
+                                                                <input type="text" onChange={props.handleChange}
-                                            }}
+                                                                       name="email" className="form-control email"
-                                        </Formik>
+                                                                       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

@@ -5,7 +5,7 @@ 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'}
 ]
 
@@ -30,19 +30,30 @@ const tabContents = {
     ],
 
     '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 a custom solution from MERMS?',
+            title: 'Is my personal information secure on your website?',
-            desc: `Simply contact our product team and describe your need. We will engage to understand and help reach your objectives.`
+            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 get the error log?', desc: `Curabitur ac dapibus libero eu congue tristique neque.`},
+        {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.`},
     ]
 
 }

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/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 */}