new service updated

scripts/generate-sitemap.cjs

@@ -43,6 +43,7 @@ const staticLinks = [
   { url: '/blog/', changefreq: 'weekly', priority: 0.7 },
   { url: '/contact/', changefreq: 'monthly', priority: 0.5 },
   { url: '/faq/', changefreq: 'monthly', priority: 0.5 },
+  { url: '/services-digital-solutions/erp-development-implementation/', changefreq: 'weekly', priority: 0.6 },
   { url: '/services-digital-solutions/website-development-company/', changefreq: 'weekly', priority: 0.6 },
   { url: '/services-digital-solutions/mobile-application-development/', changefreq: 'weekly', priority: 0.6 },
   { url: '/services-digital-solutions/graphic-designing-company/', changefreq: 'weekly', priority: 0.6 },

src/app/globals.css

@@ -8540,7 +8540,7 @@ body {
 .service-sidebar__single {
   margin-bottom: 30px;
   background: #f8fbff;
-  padding: 20px;
+  /* padding: 20px; */
   border-radius: 20px;
 }
 
@@ -12239,7 +12239,7 @@ body {
   position: absolute;
   top: 100%;
   left: 0;
-  width: 260px;
+  width: 380px;
   background: #1a1f2b;
   /* Dark background like mobile app */
   box-shadow: 0 15px 50px rgba(0, 0, 0, 0.3);
@@ -12283,8 +12283,8 @@ body {
 
 .main-menu-metatron ul li .submenu li a:hover {
   background: rgba(55, 121, 185, 0.15);
-  color: #ffffff;
+  color: #3779b9;
-  padding-left: 30px;
+  padding-left: 35px;
 }
 
 .metatron-primary-btn {
@@ -14006,6 +14006,723 @@ body {
   color: #0f172a;
 }
 
+.service-one-erp .service-card {
+  width: 100%;
+  min-width: 0;
+  padding: 10px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  border: 1px solid #DDDDDD;
+  position: relative;
+  transition: all 500ms ease-in-out;
+  text-align: center;
+  background: #fff;
+  border-radius: 10px;
+  overflow: hidden;
+}
+
+.service-one-erp .service-card__inner {
+  position: relative;
+  width: 100%;
+  padding: 20px 14px;
+  transition: 0.5s ease-in-out;
+  z-index: 1;
+}
+
+.service-one-erp .service-card__hover {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  background-repeat: no-repeat;
+  background-size: cover;
+  top: 0px;
+  left: 0px;
+  opacity: 0;
+  visibility: hidden;
+  border: 1px solid #3779b9;
+  background-position: center center;
+  transition: opacity 0.5s ease-in-out;
+  z-index: -1;
+}
+
+.service-one-erp .service-card__hover::after {
+  background-color: rgba(255, 255, 255, 0.9);
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  width: 100%;
+  height: 100%;
+  content: "";
+  z-index: -1;
+}
+
+.service-one-erp .service-card:hover .service-card__hover {
+  opacity: 1;
+  visibility: visible;
+}
+
+.service-one-erp .service-card__shape {
+  width: 218px;
+  height: 80px;
+  background-color: #3779b9;
+  clip-path: polygon(36% 100%, 65% 100%, 100% 0px, 0px 0px);
+  position: absolute;
+  top: 0px;
+  left: 50%;
+  transform: translateX(-50%) scaleY(0.6);
+  opacity: 0;
+  visibility: hidden;
+  z-index: 1;
+  transition: 500ms ease-in-out;
+}
+
+.service-one-erp .service-card:hover .service-card__shape {
+  opacity: 1;
+  visibility: visible;
+  transform: translateX(-50%) scaleY(1);
+}
+
+.service-one-erp .service-card__icon {
+  width: 76px;
+  height: 76px;
+  margin: 0 auto;
+  margin-bottom: 18px;
+  background-color: #3779b9;
+  color: #fff;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 32px;
+  border-radius: 10px;
+  position: relative;
+  overflow: hidden;
+  z-index: 1;
+  transition: all 500ms ease-in-out;
+}
+
+.service-one-erp .service-card__icon::before {
+  content: "";
+  position: absolute;
+  right: -22px;
+  top: -22px;
+  width: 50%;
+  height: 50%;
+  background-color: #222222;
+  transform: rotate(41deg);
+  transition: all 500ms ease-in-out;
+  z-index: 0;
+}
+
+.service-one-erp .service-card__icon::after {
+  content: "";
+  position: absolute;
+  left: -22px;
+  bottom: -22px;
+  width: 50%;
+  height: 50%;
+  background-color: #222222;
+  transform: rotate(41deg);
+  transition: all 500ms ease-in-out;
+  z-index: 0;
+}
+
+.service-one-erp .service-card:hover .service-card__icon {
+  background-color: #222222;
+}
+
+.service-one-erp .service-card:hover .service-card__icon::before,
+.service-one-erp .service-card:hover .service-card__icon::after {
+  background-color: #3779b9;
+}
+
+.service-one-erp .service-card__title {
+  font-size: 18px !important;
+  font-weight: 700;
+  line-height: 26px;
+  color: #0f172a;
+  margin-bottom: 10px !important;
+  margin-top: 0 !important;
+  z-index: 1;
+  position: relative;
+  transition: all 500ms ease;
+}
+
+.service-one-erp .service-card__text {
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 26px;
+  color: #475569;
+  margin-bottom: 12px !important;
+  z-index: 1;
+  position: relative;
+  transition: all 500ms ease;
+}
+
+.service-one-erp .service-card__link {
+  font-size: 14px;
+  font-weight: 700;
+  color: #3779b9;
+  text-decoration: none;
+  text-transform: uppercase;
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  transition: all 500ms ease;
+  z-index: 1;
+  position: relative;
+}
+
+.service-one-erp .service-card__link:hover {
+  color: #0f172a;
+}
+
+h4.service-details__dynamic-content-erp {
+  font-size: 30px !important;
+  font-weight: 800 !important;
+  color: #0f172a !important;
+  line-height: 1.2 !important;
+  margin-bottom: 25px !important;
+}
+
+.service-details__portfolio-cards.service-one-erp {
+  display: grid !important;
+  grid-template-columns: repeat(3, 1fr) !important;
+  gap: 30px !important;
+}
+
+@media (max-width: 1360px) {
+  .service-details__portfolio-cards.service-one-erp {
+    gap: 20px !important;
+  }
+}
+
+@media (max-width: 1200px) {
+  .service-details__portfolio-cards.service-one-erp {
+    grid-template-columns: repeat(3, 1fr) !important;
+  }
+}
+
+@media (max-width: 991px) {
+  .service-details__portfolio-cards.service-one-erp {
+    grid-template-columns: repeat(2, 1fr) !important;
+  }
+  h4.service-details__dynamic-content-erp {
+    font-size: 26px !important;
+  }
+}
+
+@media (max-width: 767px) {
+  .service-details__portfolio-cards.service-one-erp {
+    grid-template-columns: repeat(2, 1fr) !important;
+    gap: 15px !important;
+  }
+  h4.service-details__dynamic-content-erp {
+    font-size: 24px !important;
+  }
+}
+
+@media (max-width: 500px) {
+  .service-details__portfolio-cards.service-one-erp {
+    gap: 8px !important;
+  }
+  .service-one-erp .service-card__inner {
+    padding: 10px 5px !important;
+  }
+  .service-one-erp .service-card {
+    padding: 5px !important;
+  }
+  .service-one-erp .service-card__icon {
+    width: 50px !important;
+    height: 50px !important;
+    font-size: 20px !important;
+    margin-bottom: 8px !important;
+  }
+  .service-one-erp .service-card__title {
+    font-size: 13px !important;
+    line-height: 1.2 !important;
+  }
+  h4.service-details__dynamic-content-erp {
+    font-size: 22px !important;
+  }
+}
+
+@media (max-width: 425px) {
+  .service-one-erp .service-card__inner {
+    padding: 8px 2px !important;
+  }
+  .service-one-erp .service-card__icon {
+    width: 40px !important;
+    height: 40px !important;
+    font-size: 16px !important;
+    margin-bottom: 5px !important;
+  }
+  .service-one-erp .service-card__title {
+    font-size: 11px !important;
+    line-height: 1.1 !important;
+  }
+  h4.service-details__dynamic-content-erp {
+    font-size: 20px !important;
+  }
+}
+
+@media (max-width: 350px) {
+  .service-details__portfolio-cards.service-one-erp {
+    gap: 5px !important;
+  }
+  .service-one-erp .service-card__icon {
+    width: 35px !important;
+    height: 35px !important;
+    font-size: 14px !important;
+  }
+  .service-one-erp .service-card__title {
+    font-size: 10px !important;
+  }
+}
+
+.service-details__portfolio-cards.service-one-erp-industries {
+  display: grid !important;
+  grid-template-columns: repeat(5, 1fr) !important;
+  gap: 20px !important;
+}
+
+@media (max-width: 1360px) {
+  .service-details__portfolio-cards.service-one-erp-industries {
+    gap: 15px !important;
+  }
+}
+
+@media (max-width: 1200px) {
+  .service-details__portfolio-cards.service-one-erp-industries {
+    grid-template-columns: repeat(4, 1fr) !important;
+    gap: 20px !important;
+  }
+}
+
+@media (max-width: 991px) {
+  .service-details__portfolio-cards.service-one-erp-industries {
+    grid-template-columns: repeat(3, 1fr) !important;
+  }
+}
+
+@media (max-width: 767px) {
+  .service-details__portfolio-cards.service-one-erp-industries {
+    grid-template-columns: repeat(2, 1fr) !important;
+    gap: 15px !important;
+  }
+}
+
+@media (max-width: 500px) {
+  .service-details__portfolio-cards.service-one-erp-industries {
+    gap: 10px !important;
+  }
+}
+
+.service-one-erp-industries .service-card {
+  width: 100%;
+  min-width: 0;
+  padding: 10px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  border: 1px solid #DDDDDD;
+  position: relative;
+  transition: all 500ms ease-in-out;
+  text-align: center;
+  background: #fff;
+  border-radius: 10px;
+  overflow: hidden;
+}
+
+.service-one-erp-industries .service-card__inner {
+  position: relative;
+  width: 100%;
+  padding: 20px 10px;
+  transition: 0.5s ease-in-out;
+  z-index: 1;
+}
+
+.service-one .service-card__icon img {
+  width: 40px;
+  height: auto;
+  transition: all 0.5s ease-in-out;
+  filter: brightness(0) invert(1);
+  position: relative;
+  z-index: 2;
+}
+
+.service-one .service-card__icon {
+  position: relative;
+  overflow: hidden;
+  z-index: 1;
+}
+
+.service-one .service-card__icon::after {
+  content: "";
+  position: absolute;
+  left: -22px;
+  bottom: -22px;
+  width: 50%;
+  height: 50%;
+  background-color: #222222;
+  transform: rotate(41deg);
+  transition: all 500ms ease-in-out;
+  z-index: -1;
+}
+
+.service-one .service-card__icon::before {
+  content: "";
+  position: absolute;
+  right: -22px;
+  top: -22px;
+  width: 50%;
+  height: 50%;
+  background-color: #222222;
+  transform: rotate(41deg);
+  transition: all 500ms ease-in-out;
+  z-index: -1;
+}
+
+.service-one .service-card:hover .service-card__icon::after {
+  left: -12px;
+  bottom: -12px;
+}
+
+.service-one .service-card:hover .service-card__icon::before {
+  right: -12px;
+  top: -12px;
+}
+
+.service-one .service-card:hover .service-card__icon img {
+  filter: brightness(0) invert(1);
+  position: relative;
+  z-index: 1;
+}
+
+.service-one-erp-industries .service-card__hover {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  background-repeat: no-repeat;
+  background-size: cover;
+  top: 0px;
+  left: 0px;
+  opacity: 0;
+  visibility: hidden;
+  border: 1px solid #3779b9;
+  background-position: center center;
+  transition: opacity 0.5s ease-in-out;
+  z-index: -1;
+}
+
+.service-one-erp-industries .service-card__hover::after {
+  background-color: rgba(255, 255, 255, 0.9);
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  width: 100%;
+  height: 100%;
+  content: "";
+  z-index: -1;
+}
+
+.service-one-erp-industries .service-card:hover .service-card__hover {
+  opacity: 1;
+  visibility: visible;
+}
+
+.service-one-erp-industries .service-card__shape {
+  width: 218px;
+  height: 80px;
+  background-color: #3779b9;
+  clip-path: polygon(36% 100%, 65% 100%, 100% 0px, 0px 0px);
+  position: absolute;
+  top: 0px;
+  left: 50%;
+  transform: translateX(-50%) scaleY(0.6);
+  opacity: 0;
+  visibility: hidden;
+  z-index: 1;
+  transition: 500ms ease-in-out;
+}
+
+.service-one-erp-industries .service-card:hover .service-card__shape {
+  opacity: 1;
+  visibility: visible;
+  transform: translateX(-50%) scaleY(1);
+}
+
+.service-one-erp-industries .service-card__icon {
+  width: 60px;
+  height: 60px;
+  margin: 0 auto;
+  margin-bottom: 12px;
+  background-color: #3779b9;
+  color: #fff;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 24px;
+  border-radius: 10px;
+  position: relative;
+  overflow: hidden;
+  z-index: 1;
+  transition: all 500ms ease-in-out;
+}
+
+.service-one-erp-industries .service-card__icon::before {
+  content: "";
+  position: absolute;
+  right: -22px;
+  top: -22px;
+  width: 50%;
+  height: 50%;
+  background-color: #222222;
+  transform: rotate(41deg);
+  transition: all 500ms ease-in-out;
+  z-index: 0;
+}
+
+.service-one-erp-industries .service-card__icon::after {
+  content: "";
+  position: absolute;
+  left: -22px;
+  bottom: -22px;
+  width: 50%;
+  height: 50%;
+  background-color: #222222;
+  transform: rotate(41deg);
+  transition: all 500ms ease-in-out;
+  z-index: 0;
+}
+
+.service-one-erp-industries .service-card:hover .service-card__icon {
+  background-color: #222222;
+}
+
+.service-one-erp-industries .service-card:hover .service-card__icon::before,
+.service-one-erp-industries .service-card:hover .service-card__icon::after {
+  background-color: #3779b9;
+}
+
+.service-one-erp-industries .service-card__title {
+  font-size: 15px !important;
+  font-weight: 700;
+  line-height: 1.3;
+  color: #0f172a;
+  margin: 0 !important;
+  z-index: 1;
+  position: relative;
+  transition: all 500ms ease;
+}
+
+@media (max-width: 500px) {
+  .service-one-erp-industries .service-card {
+    padding: 5px !important;
+  }
+  .service-one-erp-industries .service-card__inner {
+    padding: 10px 5px !important;
+  }
+  .service-one-erp-industries .service-card__icon {
+    width: 50px !important;
+    height: 50px !important;
+    font-size: 20px !important;
+    margin-bottom: 8px !important;
+  }
+  .service-one-erp-industries .service-card__title {
+    font-size: 12px !important;
+    line-height: 1.2 !important;
+  }
+}
+
+@media (max-width: 425px) {
+  .service-one-erp-industries .service-card__inner {
+    padding: 8px 2px !important;
+  }
+  .service-one-erp-industries .service-card__icon {
+    width: 40px !important;
+    height: 40px !important;
+    font-size: 16px !important;
+    margin-bottom: 5px !important;
+  }
+  .service-one-erp-industries .service-card__title {
+    font-size: 10px !important;
+    line-height: 1.1 !important;
+  }
+}
+
+@media (max-width: 350px) {
+  .service-one-erp-industries .service-card__icon {
+    width: 35px !important;
+    height: 35px !important;
+    font-size: 14px !important;
+  }
+  .service-one-erp-industries .service-card__title {
+    font-size: 9px !important;
+  }
+}
+
+/* ERP Service List Redesign */
+.erp-service-list {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 30px;
+}
+
+.erp-service-item {
+  display: flex;
+  align-items: center;
+  gap: 20px;
+  /* padding: 25px; */
+  background: #fff;
+  border-radius: 12px;
+  transition: all 0.4s ease-in-out;
+  /* border: 1px solid #f0f0f0; */
+  position: relative;
+  overflow: hidden;
+}
+
+.erp-service-item:hover {
+  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05);
+  border-color: #3779b9;
+  transform: translateY(-5px);
+  align-items: center;
+}
+
+.erp-service-item .icon {
+  position: relative;
+  width: 64px;
+  height: 64px;
+  background: #3779b9; /* Solid blue for white icon visibility */
+  color: #3779b9;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 26px;
+  border-radius: 0px; /* Square to match about section */
+  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
+  z-index: 1;
+  flex-shrink: 0;
+  overflow: hidden;
+}
+
+.erp-service-item .icon::after {
+  content: "";
+  position: absolute;
+  left: -24px;
+  bottom: -24px;
+  width: 50%;
+  height: 50%;
+  background-color: #222222;
+  transform: rotate(41deg);
+  transition: all 500ms ease-in-out;
+  z-index: -1;
+}
+
+.erp-service-item .icon::before {
+  content: "";
+  position: absolute;
+  right: -24px;
+  top: -24px;
+  width: 50%;
+  height: 50%;
+  background-color: #222222;
+  transform: rotate(41deg);
+  transition: all 500ms ease-in-out;
+  z-index: -1;
+}
+
+.erp-service-item:hover .icon::after {
+  left: -14px;
+  bottom: -20px;
+}
+
+.erp-service-item:hover .icon::before {
+  right: -14px;
+  top: -20px;
+}
+
+.erp-service-item:hover .icon {
+  color: #fff;
+}
+
+.erp-service-item .icon img {
+  width: 32px;
+  height: auto;
+  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
+  filter: brightness(0) invert(1);
+}
+
+.erp-service-item:hover .icon img {
+  filter: brightness(0) invert(1);
+  position: relative;
+  z-index: 1;
+}
+
+.erp-service-item .content h5 {
+  font-size: 19px;
+  font-weight: 700;
+  margin-bottom: 10px;
+  color: #0f172a;
+  transition: all 0.3s ease;
+}
+
+.erp-service-item:hover .content h5 {
+  color: #3779b9;
+}
+
+.erp-service-item .content p {
+  font-size: 15px;
+  line-height: 1.6;
+  color: #64748b;
+  margin: 0;
+}
+
+@media (max-width: 991px) {
+  .erp-service-list {
+    grid-template-columns: repeat(2, 1fr);
+    gap: 15px;
+  }
+  .erp-service-item {
+    padding: 15px;
+    gap: 12px;
+  }
+  .erp-service-item .icon {
+    width: 45px;
+    height: 45px;
+    font-size: 18px;
+  }
+  .erp-service-item .content h5 {
+    font-size: 15px;
+    margin-bottom: 5px;
+  }
+  .erp-service-item .content p {
+    font-size: 12px;
+  }
+}
+
+@media (max-width: 475px) {
+  .erp-service-list {
+    gap: 10px;
+  }
+  .erp-service-item {
+    padding: 10px;
+  }
+  .erp-service-item .content h5 {
+    font-size: 13px;
+  }
+}
+
+.erp-service-list--sidebar {
+  grid-template-columns: 1fr;
+  gap: 20px;
+}
+
+
+
+
+
+
 /* Typography Refinements */
 .service-details b {
   font-size: 17px !important;

src/components/careers/AboutOneSection.tsx

@@ -68,7 +68,7 @@ const AboutOneSection = () => {
                             </div>
                             <div className="about-one__logo__icon">
                                 <Image
-                                    src="/assets/img-app/logo.webp"
+                                    src="/assets/images/logo/white-logo-2.png"
                                     alt="Logo"
                                     width={104}
                                     height={50}

src/components/careers/ServiceSection.tsx

@@ -63,8 +63,8 @@ const ServiceSection2 = () => {
                     <img src="/assets/images/services/service/element-small.webp" alt="We Run All Kinds Of Services" className="sec-title__text-shape" />
                 </div>
 
-                <div className="row mt-50">
+                <div className="row mt-50 justify-content-center">
-                    {services.slice(0, 6).map((service, index) => (
+                    {services.slice(0, 7).map((service, index) => (
                         <div
                             key={index}
                             className="col-lg-4 col-md-6 mb-30 wow fadeInUp"

src/components/common/Offcanvas.tsx

@@ -8,6 +8,7 @@ const mobileNavItems = [
         title: "Service",
         link: "/services-digital-solutions",
         children: [
+            { title: 'ERP Development & Implementation', link: '/services-digital-solutions/erp-development-implementation' },
             { title: "Website Development", link: "/services-digital-solutions/website-development-company" },
             { title: "Mobile Application Development", link: "/services-digital-solutions/mobile-application-development" },
             { title: "Graphic Designing", link: "/services-digital-solutions/graphic-designing-company" },

src/components/home/HomeServiceOne.tsx

@@ -20,13 +20,13 @@ const HomeServiceOne: React.FC = () => {
                             <div className="sec-title">
                                 <div className="sec-title__shape">
                                 </div>
-                                <h6 className="sec-title__tagline">OUR SERVICES</h6>
+                                <h6 className="sec-title__tagline text-white">OUR SERVICES</h6>
                                 <h3 className="sec-title__title text-white">We Shape the Perfect
                                     Solution.</h3>
                             </div>
                         </div>
                     </div>
-                    <div className="col-lg-5">
+                    <div className="col-lg-6">
                         <div className="service-one-home__text">
                             <p className="text-white">
                                 At Metatroncube, we sculpt digital excellence, meticulously blending innovation with user-centric design to manifest your business vision. Partner with us to experience a seamless fusion of web & app development, SEO, digital marketing, and graphic design services. Our strategic solutions and unparalleled execution pave the way for your digital voyage. We are your navigators in the digital realm, steering your project from conception to completion with precision and creativity.
@@ -37,7 +37,7 @@ const HomeServiceOne: React.FC = () => {
 
                 <div className="swiper service-one-home__carousel mt-50">
                     <div className="swiper-wrapper">
-                        {ourServices.slice(0, 6).map((service, index) => {
+                        {ourServices.slice(0, 7).map((service, index) => {
                             return (
                                 <div key={index} className="swiper-slide">
                                     <div className="item">

src/components/home/home-1/ServiceThreeSlider.tsx

@@ -39,7 +39,7 @@ const ServiceThreeSlider = () => {
 
                 <div className="swiper service-active-1">
                     <div className="swiper-wrapper">
-                        {services.slice(0, 6).map((service, index) => (
+                        {services.slice(0, 7).map((service, index) => (
                             <div key={index} className="swiper-slide">
                                 <div className="service-three__item text-center">
                                     <div className="service-three__item__content">

src/components/layout/Footer1.tsx

@@ -47,7 +47,7 @@ const Footer1 = () => {
                             <div className="col-xxl-3 col-xl-3 col-lg-3 col-md-6">
                                 <div className="footer-widget-1">
                                     <figure className="image">
-                                        <img src="/assets/img-app/logo.webp" alt="footer logo" />
+                                        <img src="/assets/images/logo/white-logo-2.png" alt="footer logo" />
                                     </figure>
                                     <p className="mt-20 mb-40">Metatroncube Software Solutions: Where innovation meets execution to elevate your digital presence. Partner with us for bespoke web and app development that powers your business growth.</p>
                                     <div className="footer-socials mb-20">
@@ -101,6 +101,7 @@ const Footer1 = () => {
                                 <div className="footer-widget-2">
                                     <h4 className="mb-20 footer-title">Our Services</h4>
                                     <ul className="service-list">
+                                        <li><Link href="/services-digital-solutions/erp-development-implementation">ERP Development & Implementation</Link></li>
                                         <li><Link href="/services-digital-solutions/website-development-company">Website Development</Link></li>
                                         <li><Link href="/services-digital-solutions/mobile-application-development">Mobile Application Development</Link></li>
                                         <li><Link href="/services-digital-solutions/graphic-designing-company">Graphic Designing</Link></li>

src/components/layout/Header1.tsx

@@ -38,7 +38,7 @@ const Header1 = () => {
                         <div className="col-lg-3 col-md-6 col-9">
                             <div className="vl-logo">
                                 <Link href="/">
-                                    <img src="/assets/img-app/logo.webp" alt="header logo" style={{ width: '100%', maxWidth: '260px', height: 'auto', transition: 'all 0.3s' }} />
+                                    <img src="/assets/images/logo/white-logo-2.png" alt="header logo" style={{ width: '100%', maxWidth: '260px', height: 'auto', transition: 'all 0.3s' }} />
                                 </Link>
                             </div>
                         </div>

src/components/layout/NavItemsMetatron.tsx

@@ -7,7 +7,8 @@ const navItems = [
         title: 'Service',
         link: '/services-digital-solutions',
         submenu: [
-             { title: 'Website Development', link: '/services-digital-solutions/website-development-company' },
+            { title: 'ERP Development & Implementation', link: '/services-digital-solutions/erp-development-implementation' },
+            { title: 'Website Development', link: '/services-digital-solutions/website-development-company' },
             { title: 'Mobile Application Development', link: '/services-digital-solutions/mobile-application-development' },
             { title: 'Graphic Designing', link: '/services-digital-solutions/graphic-designing-company' },
             { title: 'UI / UX Designing', link: '/services-digital-solutions/ui-ux-designing' },

src/components/layout/NavMenu.tsx

@@ -7,6 +7,7 @@ const NavMenu = () => (
         <li className="has-dropdown">
             <Link href="/services-digital-solutions">SERVICE <i className="fa-solid fa-angle-down ms-1"></i></Link>
             <ul className="submenu">
+                <li><Link href="/services-digital-solutions/erp-development-implementation">ERP DEVELOPMENT & IMPLEMENTATION</Link></li>
                 <li><Link href="/services-digital-solutions/website-development-company">WEBSITE DEVELOPMENT</Link></li>
                 <li><Link href="/services-digital-solutions/mobile-application-development">MOBILE APPLICATION DEVELOPMENT</Link></li>
                 <li><Link href="/services-digital-solutions/graphic-designing-company">GRAPHIC DESIGNING</Link></li>

src/components/mobile-app-development-service/support/layout/Footer/Footer.tsx

@@ -47,7 +47,7 @@ const Footer = () => {
                             <div className="col-xxl-3 col-xl-3 col-lg-3 col-md-6">
                                 <div className="footer-widget-1">
                                     <figure className="image">
-                                        <img src="/assets/img-app/logo.webp" alt="footer logo" />
+                                        <img src="/assets/images/logo/white-logo-2.png" alt="footer logo" />
                                     </figure>
                                     <p className="mt-20 mb-40">Metatroncube Software Solutions: Where innovation meets execution to elevate your digital presence. Partner with us for bespoke web and app development that powers your business growth.</p>
                                     <div className="footer-socials mb-20">

src/components/mobile-app-development-service/support/layout/Header/Header.tsx

@@ -29,7 +29,7 @@ const Header = () => {
                             <div className="col-lg-3 col-md-6 col-6">
                                 <div className="vl-logo">
                                     <Link href="#home">
-                                        <img src="/assets/img-app/logo.webp" alt="MetatronCube" style={{ width: '100%', maxWidth: '250px', height: 'auto', transition: 'all 0.3s' }} />
+                                        <img src="/assets/images/logo/white-logo-2.png" alt="MetatronCube" style={{ width: '100%', maxWidth: '250px', height: 'auto', transition: 'all 0.3s' }} />
                                     </Link>
                                 </div>
                             </div>

src/components/mobile-app-development-service/support/layout/Header/MobileMenu.tsx

@@ -27,7 +27,7 @@ const MobileMenu: React.FC<MobileMenuProps> = ({ isMobileMenuOpen, toggleMobileM
                     <div className="vl-offcanvas-header d-flex justify-content-between align-items-center">
                         <div className="vl-offcanvas-logo">
                             <Link href="#home" onClick={toggleMobileMenu}>
-                                <img src="/assets/img-app/logo.webp" alt="logo" style={{ width: '100%', maxWidth: '250px', height: 'auto' }} />
+                                <img src="/assets/images/logo/white-logo-2.png" alt="logo" style={{ width: '100%', maxWidth: '250px', height: 'auto' }} />
                             </Link>
                         </div>
                         <div className="vl-offcanvas-close">

src/components/services-digital-solutions/ServiceDetails.tsx

@@ -36,7 +36,7 @@ const ServiceDetails: React.FC<ServiceDetailsProps> = ({ service }) => {
                             <div className="service-sidebar__single">
                                 <h3 className="service-sidebar__title">All Services</h3>
                                 <ul className="list-unstyled service-sidebar__nav">
-                                    {ourServices.slice(0, 6).map((item) => (
+                                    {ourServices.slice(0, 7).map((item) => (
                                         <li key={item.id} className={item.slug === service.slug ? "active" : ""}>
                                             <Link href={`/services-digital-solutions/${item.slug}`}>
                                                 {item.title}

src/components/web-development-service/support/layout/Footer/Footer.tsx

@@ -47,7 +47,7 @@ const Footer = () => {
                             <div className="col-xxl-3 col-xl-3 col-lg-3 col-md-6">
                                 <div className="footer-widget-1">
                                     <figure className="image">
-                                        <img src="/assets/img-app/logo.webp" alt="footer logo" />
+                                        <img src="/assets/images/logo/white-logo-2.png" alt="footer logo" />
                                     </figure>
                                     <p className="mt-20 mb-40">Metatroncube Software Solutions: Where innovation meets execution to elevate your digital presence. Partner with us for bespoke web and app development that powers your business growth.</p>
                                     <div className="footer-socials mb-20">

src/utils/data.ts

@@ -534,7 +534,279 @@ export const pricingPlans: PricingType[] = [
 
 export const ourServices = [
     {
-        id: 1,
+        "id": 1,
+        "title": "ERP Development & Implementation",
+        "slug": "erp-development-implementation",
+        icon: "/assets/images/services/erp/icon/solutions.png",
+        image: "/assets/images/services/erp/big-img.webp",
+        bigImage: "/assets/images/services/erp/big-img.webp",
+        bannerLeftImage: "/assets/images/innerbanner/left/erp-left.webp",
+        bannerRightImage: "/assets/images/innerbanner/right/right-erp.webp",
+        "description": "We provide custom ERP solutions to manage your business operations like finance, inventory, HR, sales, and reporting in one powerful system.",
+        "metatitle": "ERP Development & Implementation Services | Metatron Cube",
+        "metaDesc": "Custom ERP development and implementation services to manage finance, HR, inventory, sales, and reporting. Build scalable ERP solutions for your business.",
+        "content": `
+        <h2 class="service-details__content-title">ERP Development & Implementation Services</h2>
+        <p class="service-details__text">Our ERP solutions help businesses manage operations efficiently by integrating finance, inventory, HR, sales, and reporting into a single system. We design scalable ERP platforms tailored to your business needs.</p>
+
+        <div class="service-details__benefit__img mb-40">
+            <img src="/assets/images/services/erp/big-img.webp" alt="ERP Development Services">
+        </div>
+
+
+    <h4 class="service-details__dynamic-content-erp"><span style="color: #3779b9;"> ERP </span> Services We Provide</h4>
+        <div class="erp-service-list mb-40 mt-30">
+            <div class="erp-service-item wow fadeInLeft" data-wow-delay=".3s">
+                <div class="icon">
+                    <img src="/assets/images/services/erp/icon/custom-erp.png" alt="icon" />
+                </div>
+                <div class="content">
+                    <h5>Custom ERP Development</h5>
+                </div>
+            </div>
+           
+            <div class="erp-service-item wow fadeInLeft" data-wow-delay=".5s">
+                <div class="icon">
+                    <img src="/assets/images/services/erp/icon/implementation.png" alt="icon" />
+                </div>
+                <div class="content">
+                    <h5>ERP Implementation</h5>
+                  
+                </div>
+            </div>
+            <div class="erp-service-item wow fadeInLeft" data-wow-delay=".6s">
+                <div class="icon">
+                    <img src="/assets/images/services/erp/icon/integration.png" alt="icon" />
+                </div>
+                <div class="content">
+                    <h5>ERP Integration</h5>
+                   
+                </div>
+            </div>
+            <div class="erp-service-item wow fadeInLeft" data-wow-delay=".7s">
+                <div class="icon">
+                    <img src="/assets/images/services/erp/icon/customization.png" alt="icon" />
+                </div>
+                <div class="content">
+                    <h5>ERP Customization</h5>
+                   
+                </div>
+            </div>
+            <div class="erp-service-item wow fadeInLeft" data-wow-delay=".8s">
+                <div class="icon">
+                    <img src="/assets/images/services/erp/icon/cloud.png" alt="icon" />
+                </div>
+                <div class="content">
+                    <h5>Cloud ERP Solutions</h5>
+                   
+                </div>
+            </div>
+             <div class="erp-service-item wow fadeInLeft" data-wow-delay=".4s">
+                <div class="icon">
+                    <img src="/assets/images/services/erp/icon/maintanence.png" alt="icon" />
+                </div>
+                <div class="content">
+                    <h5>ERP Maintenance & Support</h5>
+                   
+                </div>
+            </div>
+             
+        </div>
+
+             <p class="service-details__text text-center"><b>"Empower your business with an integrated ERP system built for smarter management and better decisions."</b></p>
+
+    `,
+        "fullcontent": `
+
+
+
+            <div class="row align-items-center">
+                <div class="col-lg-5">
+                    <h4 class="service-details__dynamic-content-erp "><span style="color: #3779b9;"> ERP </span> Modules</h4>
+                    <div class="erp-service-list erp-service-list--sidebar mb-40 mt-30">
+                        <div class="erp-service-item wow fadeInLeft" data-wow-delay=".3s">
+                            <div class="icon">
+                                <img src="/assets/images/services/erp/icon/finance.png" alt="icon" />
+                            </div>
+                            <div class="content">
+                                <h5>Finance & Accounting</h5>
+                              
+                            </div>
+                        </div>
+                        <div class="erp-service-item wow fadeInLeft" data-wow-delay=".4s">
+                            <div class="icon">
+                                <img src="/assets/images/services/erp/icon/inventory.png" alt="icon" />
+                            </div>
+                            <div class="content">
+                                <h5>Inventory Management</h5>
+                               
+                            </div>
+                        </div>
+                        <div class="erp-service-item wow fadeInLeft" data-wow-delay=".5s">
+                            <div class="icon">
+                                <img src="/assets/images/services/erp/icon/hr.png" alt="icon" />
+                            </div>
+                            <div class="content">
+                                <h5>HR & Payroll</h5>
+                           
+                            </div>
+                        </div>
+                        <div class="erp-service-item wow fadeInLeft" data-wow-delay=".6s">
+                            <div class="icon">
+                                <img src="/assets/images/services/erp/icon/crm.png" alt="icon" />
+                            </div>
+                            <div class="content">
+                                <h5>CRM & Sales</h5>
+                              
+                            </div>
+                        </div>
+                        <div class="erp-service-item wow fadeInLeft" data-wow-delay=".7s">
+                            <div class="icon">
+                                <img src="/assets/images/services/erp/icon/project.png" alt="icon" />
+                            </div>
+                            <div class="content">
+                                <h5>Project Management</h5>
+                               
+                            </div>
+                        </div>
+                        <div class="erp-service-item wow fadeInLeft" data-wow-delay=".8s">
+                            <div class="icon">
+                                <img src="/assets/images/services/erp/icon/reporting.png" alt="icon" />
+                            </div>
+                            <div class="content">
+                                <h5>Reporting & Analytics</h5>
+                              
+                            </div>
+                        </div>
+                        <div class="erp-service-item wow fadeInLeft" data-wow-delay=".9s">
+                            <div class="icon">
+                                <img src="/assets/images/services/erp/icon/purchase.png" alt="icon" />
+                            </div>
+                            <div class="content">
+                                <h5>Purchase & Vendor Management</h5>
+                            
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-lg-7">
+                    <div class="service-details__benefit__img mb-40">
+                        <img src="/assets/images/services/erp/left-right/right-img.webp" alt="ERP Modules">
+                    </div>
+                </div>
+            </div>
+
+
+             <h4 class="service-details__dynamic-content-erp mt-30"><span style="color: #3779b9;"> Technologies </span>  We Use</h4>
+
+   <div class="service-details__portfolio-cards service-one">
+                <div class="service-card">
+                    <div class="service-card__inner">
+                        <div class="service-card__hover" style="background-image: url(/assets/images/services/details/left.webp);"></div>
+                        <div class="service-card__shape"></div>
+                        <div class="service-card__icon">
+                            <img src="/assets/images/services/erp/icon/odoo.png" alt="icon" />
+                        </div>
+                        <h2 class="service-card__title">Odoo ERP</h2>
+                       
+                       
+                    </div>
+                </div>
+                <div class="service-card">
+                    <div class="service-card__inner">
+                        <div class="service-card__hover" style="background-image: url(/assets/images/services/details/right.webp);"></div>
+                        <div class="service-card__shape"></div>
+                        <div class="service-card__icon">
+                            <img src="/assets/images/services/erp/icon/custom.png" alt="icon" />
+                        </div>
+                        <h2 class="service-card__title">Custom ERP (React / Next.js / Node.js)</h2>
+                      
+                    </div>
+                </div>
+                <div class="service-card">
+                    <div class="service-card__inner">
+                        <div class="service-card__hover" style="background-image: url(/assets/images/services/details/right.webp);"></div>
+                        <div class="service-card__shape"></div>
+                        <div class="service-card__icon">
+                            <img src="/assets/images/services/erp/icon/solutions.png" alt="icon" />
+                        </div>
+                        <h2 class="service-card__title">Cloud ERP Systems</h2>
+                     
+                    </div>
+                </div>
+            </div>
+
+
+                    <div class="row align-items-center">
+                      <div class="col-lg-6">
+                    <div class="service-details__benefit__img mb-40">
+                        <img src="/assets/images/services/erp/left-right/left-img.webp" alt="ERP Modules">
+                    </div>
+                </div>
+                <div class="col-lg-6">
+                    <h4 class="service-details__dynamic-content-erp mt-30"><span style="color: #3779b9;"> Industries </span>  We Serve</h4>
+                    <div class="erp-service-list erp-service-list--sidebar mb-40 mt-30">
+                        <div class="erp-service-item wow fadeInLeft" data-wow-delay=".3s">
+                            <div class="icon">
+                                <img src="/assets/images/services/erp/icon/manufacturing.png" alt="icon" />
+                            </div>
+                            <div class="content">
+                                <h5>Manufacturing</h5>
+                              
+                            </div>
+                        </div>
+                        <div class="erp-service-item wow fadeInLeft" data-wow-delay=".4s">
+                            <div class="icon">
+                                <img src="/assets/images/services/erp/icon/construction.png" alt="icon" />
+                            </div>
+                            <div class="content">
+                                <h5>Construction</h5>
+                               
+                            </div>
+                        </div>
+                        <div class="erp-service-item wow fadeInLeft" data-wow-delay=".5s">
+                            <div class="icon">
+                                <img src="/assets/images/services/erp/icon/retail.png" alt="icon" />
+                            </div>
+                            <div class="content">
+                                <h5>Retail</h5>
+                           
+                            </div>
+                        </div>
+                        <div class="erp-service-item wow fadeInLeft" data-wow-delay=".6s">
+                            <div class="icon">
+                                <img src="/assets/images/services/erp/icon/restaurant.png" alt="icon" />
+                            </div>
+                            <div class="content">
+                                <h5>Restaurants</h5>
+                              
+                            </div>
+                        </div>
+                        <div class="erp-service-item wow fadeInLeft" data-wow-delay=".7s">
+                            <div class="icon">
+                                <img src="/assets/images/services/erp/icon/logistics.png" alt="icon" />
+                            </div>
+                            <div class="content">
+                                <h5>Logistics</h5>
+                               
+                            </div>
+                        </div>
+                      
+                    </div>
+                </div>
+              
+            </div>
+
+         <h2 class="service-details__content-title text-center mt-50">Looking for a powerful ERP solution for your business?</h2>
+
+         <p class="text-center">Contact Metatron Cube Solutions today to build a smart ERP system.</p>
+            <div class="text-center mt-40">
+                <a href="/contact" class="theme-btn">Contact Us</a>
+            </div>
+    `
+    },
+    {
+        id: 2,
         title: "Website Development",
         slug: "website-development-company",
         icon: "/assets/images/services/service/icon-1.webp",
@@ -830,7 +1102,7 @@ Robust Security</li>
         ]
     },
     {
-        id: 2,
+        id: 3,
         title: "Mobile Application Development",
         slug: "mobile-application-development",
         icon: "/assets/images/services/service/icon-2.webp",
@@ -901,9 +1173,6 @@ Robust Security</li>
                 </div>
             </div>
 
-            <h4 class="service-details__content-title mt-4">Crafting Cross-Platform Mobile Masterpieces</h4>
-            <p class="service-details__text">Seamless Apps for Android and iOS Users Alike</p>
-
             <div class="service-details__benefit">
                 <div class="row">
                     <div class="col-md-6">
@@ -946,7 +1215,7 @@ Robust Security</li>
         ]
     },
     {
-        id: 3,
+        id: 4,
         title: "Graphic Designing",
         slug: "graphic-designing-company",
         icon: "/assets/images/services/service/icon-3.webp",
@@ -1062,7 +1331,7 @@ Robust Security</li>
         ]
     },
     {
-        id: 4,
+        id: 5,
         title: "UI / UX Designing",
         slug: "ui-ux-designing",
         icon: "/assets/images/services/service/icon-4.webp",
@@ -1183,7 +1452,7 @@ Robust Security</li>
         ]
     },
     {
-        id: 5,
+        id: 6,
         title: "SEO & Content Writing",
         slug: "search-engine-optimization-seo-content-writing",
         icon: "/assets/images/services/service/icon-5.webp",
@@ -1302,7 +1571,7 @@ Robust Security</li>
         ]
     },
     {
-        id: 6,
+        id: 7,
         title: "Digital Marketing",
         slug: "digital-marketing-agency-in-canada",
         icon: "/assets/images/services/service/icon-6.webp",
@@ -1461,7 +1730,7 @@ Robust Security</li>
         ]
     },
     {
-        id: 7,
+        id: 8,
         title: "Website Development",
         slug: "web-page-design-in-waterloo",
         icon: "fa-solid fa-laptop-code",
@@ -1498,7 +1767,7 @@ Robust Security</li>
         `
     },
     {
-        id: 8,
+        id: 9,
         title: "Kitchener Waterloo Website Design",
         slug: "kitchener-waterloo-website-design-services",
         icon: "fa-solid fa-paint-brush",
@@ -1612,7 +1881,7 @@ Robust Security</li>
         ]
     },
     {
-        id: 9,
+        id: 10,
         title: "Mobile Application Development",
         slug: "app-development-waterloo",
         icon: "fa-solid fa-mobile-screen-button",
@@ -1722,7 +1991,7 @@ Robust Security</li>
         ]
     },
     {
-        id: 10,
+        id: 11,
         title: "Web Design Waterloo",
         slug: "professional-website-designers-in-waterloo",
         icon: "fa-solid fa-laptop",
@@ -1835,7 +2104,7 @@ Robust Security</li>
         ]
     },
     {
-        id: 11,
+        id: 12,
         title: "Website Development",
         slug: "web-design-toronto-custom-website-creation-by-metatroncube-software-solutions",
         icon: "fa-solid fa-city",
@@ -1897,7 +2166,7 @@ Robust Security</li>
         ]
     },
     {
-        id: 12,
+        id: 13,
         title: "SEO & Content Writing",
         slug: "waterloo-seo-services",
         icon: "fa-solid fa-magnifying-glass-location",