service bg updated

scripts/generate-sitemap.cjs

@@ -2,7 +2,7 @@ const fs = require('fs');
 const { SitemapStream, streamToPromise } = require('sitemap');
 const path = require('path');
 
-const hostname = 'http://localhost:3000';
+const hostname = 'https://metatroncubesolutions.com';
 const addTrailingSlash = true; // ✅ Set this true if your Next.js uses trailingSlash: true
 
 // // 🔧 Utility to format URLs based on config

src/app/accessibility-statement-for-metatroncube-software-solutions/page.tsx

@@ -24,7 +24,7 @@ export default function AccessibilityStatement() {
                     title="Accessibility Statement"
                     breadcrumbItems={[{ name: "Accessibility Statement" }]}
                     bannerLeftImage="/assets/images/innerbanner/left/left-about.webp"
-                    bannerRightImage="/assets/images/innerbanner/right/right-about.webp"
+                    bannerRightImage="/assets/images/innerbanner/right/right-accessability.webp"
                 />
                 <AccessibilityContent />
             </main>

src/components/home/AboutTwo.tsx

@@ -22,7 +22,7 @@ const AboutTwo = () => {
                     <div className="col-xl-6">
                         <div className="about-two__img">
                             <img
-                                src="https://bracketweb.com/pelocishtml/assets/images/resources/about-2-1.jpg"
+                                src="/assets/images/services/choose/circle.webp"
                                 alt="about"
                             />
                         </div>

src/components/home/HomeServiceOne.tsx

@@ -6,10 +6,13 @@ import { ourServices } from "@/utils/data";
 
 const HomeServiceOne: React.FC = () => {
     return (
-        <section className="service-one-home">
-            <img src="https://bracketweb.com/pelocishtml/assets/images/shapes/home-services-shape-1.png" alt="pelocis" className="service-one-home__shape-one" />
+        <section
+            className="service-one-home"
+            style={{ backgroundImage: 'url("/assets/images/home/5/bg-service.webp")' }}
+        >
+            {/* <img src="https://bracketweb.com/pelocishtml/assets/images/shapes/home-services-shape-1.png" alt="pelocis" className="service-one-home__shape-one" />
             <img src="https://bracketweb.com/pelocishtml/assets/images/shapes/home-services-shape-2.png" alt="pelocis" className="service-one-home__shape-two" />
-            <img src="https://bracketweb.com/pelocishtml/assets/images/shapes/home-services-shape-3.png" alt="pelocis" className="service-one-home__shape-three" />
+            <img src="https://bracketweb.com/pelocishtml/assets/images/shapes/home-services-shape-3.png" alt="pelocis" className="service-one-home__shape-three" /> */}
             <div className="container">
                 <div className="row align-items-center justify-content-between">
                     <div className="col-lg-6">
@@ -18,14 +21,14 @@ const HomeServiceOne: React.FC = () => {
                                 <div className="sec-title__shape">
                                 </div>
                                 <h6 className="sec-title__tagline">OUR SERVICES</h6>
-                                <h3 className="sec-title__title">We Shape the Perfect
+                                <h3 className="sec-title__title text-white">We Shape the Perfect
                                     Solution.</h3>
                             </div>
                         </div>
                     </div>
                     <div className="col-lg-5">
                         <div className="service-one-home__text">
-                            <p>
+                            <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.
                             </p>
                         </div>

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

@@ -76,7 +76,7 @@ const AboutSection = () => {
                                 </div>
                             </div>
                             <div className="about-btn-box wow fadeInLeft" data-wow-delay="1s">
-                                <a className="primary-btn-1 btn-hover" href="/about">
+                                <a className="primary-btn-1 btn-hover" href="/about-us">
                                     about us &nbsp; | <i className="fa-solid fa-arrow-right"></i>
                                     <span className="btn-hover-span"></span>
                                 </a>

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

@@ -47,7 +47,12 @@ const BannerSection = () => {
                                         <h1 className="banner-title">{banner.title}</h1>
                                         <p className="banner-text">{banner.text}</p>
                                         <div className="banner-btn-area">
-                                            <a className="primary-btn-1 btn-hover" href={banner.btnHref}>
+                                            <a
+                                                className="primary-btn-1 btn-hover"
+                                                href={banner.btnHref}
+                                                target="_blank"
+                                                rel="noopener noreferrer"
+                                            >
                                                 {banner.btnLabel} &nbsp; | <i className="fa-solid fa-arrow-right"></i>
                                                 <span className="btn-hover-span"></span>
                                             </a>

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

@@ -45,7 +45,7 @@ const BrandSection = () => {
     };
 
     return (
-        <section className="brand-section section-space-top section-space-bottom p-relative">
+        <section className="brand-section section-space p-relative">
             {/* <div className="brand-section__shape-one">
                 <img src="/assets/images/about/5/element.webp" alt="shape" />
             </div> */}

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

@@ -1,12 +1,12 @@
 import React from "react";
 
 const ChooseSection = () => (
-    <section className="choose-section bg-color-1 p-relative section-bottom pt-35">
-        <div className="bg-image" style={{ backgroundImage: "url(/assets/images/home/3/right-bg.webp)" }}></div>
+    <section className="choose-section bg-color-1 p-relative section-space">
+        <div className="bg-image" style={{ backgroundImage: "url(/assets/images/home/2/resized.webp)" }}></div>
         <div className="shape-image" style={{ backgroundImage: "url(/assets/imgs/shapes/shape-15.png)" }}></div>
         <div className="small-container">
             <div className="row g-4">
-                <div className="col-xxl-6 col-xl-6 col-lg-6 p-relative section-space-medium-bottom">
+                <div className="col-xxl-6 col-xl-6 col-lg-6 p-relative">
                     <div className="faq-one__title ">
                         <div className="sec-title">
                             <div className="sec-title__shape">
@@ -20,7 +20,7 @@ const ChooseSection = () => (
                     </p>
                     <div className="faq-one__card">
                         <div className="faq-one__img">
-                            <img src="https://bracketweb.com/pelocishtml/assets/images/resources/faq-img-2.png" alt="pelocis" />
+                            <img src="/assets/images/home/2/small-img.webp" alt="pelocis" />
                         </div>
                         <div className="faq-one__content">
                             <ul className="faq-one__list list-unstyled">

src/components/home/home-2/WorkProcessSection.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 
 const WorkProcessSection = () => (
-    <section className="work-process-section section-space p-relative" style={{ backgroundImage: "url(/assets/images/services/process/bg.webp)" }}>
+    <section className="work-process-section section-space p-relative" style={{ backgroundImage: "url(/assets/images/services/bg-2.webp)" }}>
         <div className="shape-1" style={{ backgroundImage: "url(/assets/imgs/bg/line.png)" }}></div>
         <div className="small-container">
             <div className="sec-title-wrapper text-center wow fadeInLeft" data-wow-delay=".5s">

src/components/home/home-3/ChooseSection.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import SectionTitle from "@/components/common/SectionTitle";
 
 const ChooseSection = () => (
-    <section className="choose-3-section p-relative section-space" style={{ backgroundImage: "url(/assets/images/services/choose/bg.webp)" }}>
+    <section className="choose-3-section p-relative section-space" style={{ backgroundImage: "url(/assets/images/services/bg-1.webp)" }}>
         <div className="shape-1" style={{ backgroundImage: "url(/assets/images/services/choose/element-1.webp)", opacity: 0.3 }}></div>
         <div className="small-container">
             <div className="row">