MetatroncubeSoftwareSolutions/MetatronLatestWebsite
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

banner about section image are updated

Browse Source
This commit is contained in:
akash 2026-03-14 12:04:11 +05:30
parent 02faf1b836
commit 036f82e0ca
30 changed files with 853 additions and 557 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
public/assets/css/main.css
View File

@ -1048,10 +1048,17 @@ only screen and (min-width: 576px) and (max-width: 767px) {
padding-bottom: 60px;
}
.service-one-home, .faq-page-section, .faq-two,
.home-contact-one, .history-two, .about-three,
.pf-section, .work-process-container-wrapper.style2,
.fo-section, .about-two, .why-choose-two__content {
.service-one-home,
.faq-page-section,
.faq-two,
.home-contact-one,
.history-two,
.about-three,
.pf-section,
.work-process-container-wrapper.style2,
.fo-section,
.about-two,
.why-choose-two__content {
padding: 60px 0;
}
}
@ -1095,7 +1102,9 @@ only screen and (min-width: 576px) and (max-width: 767px) {
}
@media (max-width: 767px) {
.section-space-bottom, .contact-one {
.section-space-bottom,
.contact-one {
padding-bottom: 60px;
}
}
@ -3322,8 +3331,8 @@ p.banner-text {
padding: 25px 16px 10px;
text-align: center;
position: absolute;
top: 86px;
left: -50px;
top: 347px;
left: -38px;
}
.about-us-image-area .icon-box i {

BIN
public/assets/images/about/about.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 58 KiB

BIN
public/assets/images/home/banner/bg.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

12
public/assets/js/main.js
View File

@ -400,7 +400,7 @@ window.initMetatron = function () {
'1200': { slidesPerView: 2 },
'992': { slidesPerView: 2 },
'768': { slidesPerView: 1 },
'576': { slidesPerView: 1 },
'500': { slidesPerView: 1 },
'0': { slidesPerView: 1 },
},
});
@ -428,7 +428,7 @@ window.initMetatron = function () {
'1200': { slidesPerView: 3 },
'992': { slidesPerView: 2 },
'768': { slidesPerView: 2 },
'576': { slidesPerView: 1 },
'500': { slidesPerView: 1 },
'0': { slidesPerView: 1 },
},
});
@ -456,7 +456,7 @@ window.initMetatron = function () {
'1200': { slidesPerView: 3 },
'992': { slidesPerView: 2 },
'768': { slidesPerView: 2 },
'576': { slidesPerView: 1 },
'500': { slidesPerView: 1 },
'0': { slidesPerView: 1 },
},
});
@ -580,7 +580,7 @@ window.initMetatron = function () {
'992': { slidesPerView: 4 },
'768': { slidesPerView: 4 },
'576': { slidesPerView: 3 },
'400': { slidesPerView: 2 },
'500': { slidesPerView: 1 },
'0': { slidesPerView: 1 },
},
speed: 1000,
@ -685,8 +685,8 @@ window.initMetatron = function () {
'1400': { slidesPerView: 3 },
'1200': { slidesPerView: 3 },
'992': { slidesPerView: 2 },
'768': { slidesPerView: 1 },
'576': { slidesPerView: 1 },
'768': { slidesPerView: 2 },
'500': { slidesPerView: 1 },
'0': { slidesPerView: 1 },
},
speed: 1500,

4
src/app/about-us/page.tsx
View File

@ -14,8 +14,8 @@ import CouterAreaThree from "@/components/home/CounterAreaThree";
import MetatronInitializer from "@/components/MetatronInitializer";
export const metadata: Metadata = {
title: "About - Metatroncube Software Solutions | Innovative & User-Centric Tech Services in Waterloo",
description: "Metatroncube Software Solutions: Pioneering custom web & mobile apps since 2019. Based in Waterloo, we deliver innovative, user-centric digital products that power your growth.",
title: "About - Metatroncube Software Solution | Innovative & User-Centric Tech Services in Waterloo",
description: "Metatroncube Software Solution: Pioneering custom web & mobile apps since 2019. Based in Waterloo, we deliver innovative, user-centric digital products that power your growth.",
alternates: {
canonical: "/about-us",
},

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

@ -7,7 +7,7 @@ import AccessibilityContent from "@/components/accessibility/AccessibilityConten
import MetatronInitializer from "@/components/MetatronInitializer";
export const metadata: Metadata = {
title: "Accessibility Statement for Metatroncube Software Solutions - Metatroncube Software Solutions | Innovative & User-Centric Tech Services in Waterloo",
title: "Accessibility Statement for Metatroncube Software Solution - Metatroncube Software Solution | Innovative & User-Centric Tech Services in Waterloo",
description: "MetatronCube is committed to accessibility in its software solutions — ensuring web & mobile apps are usable, inclusive, compliant for all users.",
alternates: {
canonical: "/accessibility-statement-for-metatroncube-software-solutions",

2
src/app/blog/page.tsx
View File

@ -8,7 +8,7 @@ import MetatronInitializer from "@/components/MetatronInitializer";
export const metadata: Metadata = {
title: "Top 5 SEO Trends for 2025 | Metatroncube",
description: "Explore the latest SEO strategies for 2025. Stay ahead with insights from Metatroncube Software Solutions.",
description: "Explore the latest SEO strategies for 2025. Stay ahead with insights from Metatroncube Software Solution.",
alternates: {
canonical: "/blog",
},

2
src/app/careers/page.tsx
View File

@ -11,7 +11,7 @@ import MetatronInitializer from "@/components/MetatronInitializer";
import CareersForm from "@/components/careers/CareersForm";
export const metadata: Metadata = {
title: "Careers - Metatroncube Software Solutions | Innovative & User-Centric Tech Services in Waterloo",
title: "Careers - Metatroncube Software Solution | Innovative & User-Centric Tech Services in Waterloo",
description: "Join MetatronCube — where innovation in web & mobile development, SEO, and digital marketing meets your growth. Explore careers and build the future with us.",
alternates: {
canonical: "/careers",

2
src/app/contact/page.tsx
View File

@ -8,7 +8,7 @@ import PageHeader from "@/components/common/PageHeader";
import MetatronInitializer from "@/components/MetatronInitializer";
export const metadata: Metadata = {
title: "Contact - Metatroncube Software Solutions | Innovative & User-Centric Tech Services in Waterloo",
title: "Contact - Metatroncube Software Solution | Innovative & User-Centric Tech Services in Waterloo",
description: "Let's Connect. Drop us a Line. Whether you have a question, a project idea, or just want to chat, we're here for you.",
alternates: {
canonical: "/contact",

305
src/app/globals.css
View File

@ -5806,7 +5806,7 @@ body {
left: -200px;
top: 50%;
transform: translateY(-50%);
background-color: var(--pelocis-white, #fff);
background-color: #1a1f2b;
border-radius: 90px 0px 0px 90px;
z-index: -1;
}
@ -6028,7 +6028,7 @@ body {
left: -200px;
top: 50%;
transform: translateY(-50%);
background-color: var(--pelocis-white, #fff);
background-color: #1a1f2b;
border-radius: 90px 0px 0px 90px;
z-index: -1;
}
@ -6256,7 +6256,7 @@ body {
left: -200px;
top: 50%;
transform: translateY(-50%);
background-color: var(--pelocis-white, #fff);
background-color: #1a1f2b;
border-radius: 90px 0px 0px 90px;
z-index: -1;
}
@ -6479,7 +6479,7 @@ body {
left: -200px;
top: 50%;
transform: translateY(-50%);
background-color: var(--pelocis-white, #fff);
background-color: #1a1f2b;
border-radius: 90px 0px 0px 90px;
z-index: -1;
}
@ -11865,8 +11865,9 @@ body {
}
.about-us-image-area .working-area {
left: -20px !important;
top: 40px !important;
left: 103px !important;
top: 24px !important;
}
}
@ -11876,6 +11877,12 @@ body {
max-width: 960px !important;
}
.about-us-image-area .working-area {
left: 72px !important;
top: -18px !important;
}
h1.banner-title {
font-size: 42px !important;
}
@ -11903,6 +11910,12 @@ body {
padding: 100px 0 !important;
}
.about-us-image-area .working-area {
left: 151px !important;
top: -18px !important;
}
h1.banner-title {
font-size: 34px !important;
}
@ -11924,6 +11937,11 @@ body {
line-height: 1.2 !important;
}
.about-us-image-area .working-area {
left: 77px !important;
top: -18px !important;
}
.banner-sub-title {
font-size: 14px !important;
letter-spacing: 5px !important;
@ -11936,6 +11954,15 @@ body {
}
}
@media (max-width: 475px) {
.about-us-image-area .working-area {
left: 49px !important;
top: -18px !important;
}
}
/* 425px */
@media (max-width: 425px) {
h1.banner-title {
@ -11954,6 +11981,36 @@ body {
font-size: 24px !important;
}
.about-us-image-area .working-area {
left: 30px !important;
top: -18px !important;
}
.about-us-image-area .icon-box i {
color: #fff;
font-size: 38px !important;
}
.about-us-image-area .working-area {
padding: 25px 16px 10px !important;
}
.about-us-image-area .icon-box h4 {
color: #fff;
margin-top: 14px;
font-size: 14px;
margin-bottom: 1px;
}
.about-us-image-area .icon-box p {
font-family: var(--secondary-font);
color: #fff;
position: relative;
font-size: 12px !important;
}
.banner-area {
padding-left: 15px !important;
padding-right: 15px !important;
@ -14207,6 +14264,7 @@ h4.service-details__dynamic-content-erp {
.service-details__portfolio-cards.service-one-erp {
grid-template-columns: repeat(2, 1fr) !important;
}
h4.service-details__dynamic-content-erp {
font-size: 26px !important;
}
@ -14217,6 +14275,7 @@ h4.service-details__dynamic-content-erp {
grid-template-columns: repeat(2, 1fr) !important;
gap: 15px !important;
}
h4.service-details__dynamic-content-erp {
font-size: 24px !important;
}
@ -14226,22 +14285,27 @@ h4.service-details__dynamic-content-erp {
.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;
}
@ -14251,16 +14315,19 @@ h4.service-details__dynamic-content-erp {
.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;
}
@ -14270,11 +14337,13 @@ h4.service-details__dynamic-content-erp {
.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;
}
@ -14520,15 +14589,18 @@ h4.service-details__dynamic-content-erp {
.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;
@ -14539,12 +14611,14 @@ h4.service-details__dynamic-content-erp {
.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;
@ -14557,6 +14631,7 @@ h4.service-details__dynamic-content-erp {
height: 35px !important;
font-size: 14px !important;
}
.service-one-erp-industries .service-card__title {
font-size: 9px !important;
}
@ -14593,13 +14668,15 @@ h4.service-details__dynamic-content-erp {
position: relative;
width: 64px;
height: 64px;
background: #3779b9; /* Solid blue for white icon visibility */
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 */
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;
@ -14683,19 +14760,23 @@ h4.service-details__dynamic-content-erp {
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;
}
@ -14705,9 +14786,11 @@ h4.service-details__dynamic-content-erp {
.erp-service-list {
gap: 10px;
}
.erp-service-item {
padding: 10px;
}
.erp-service-item .content h5 {
font-size: 13px;
}
@ -14914,7 +14997,7 @@ h4.service-details__dynamic-content-erp {
height: 100%;
content: "";
z-index: -1;
background: url("/assets/images/home/banner/bg-new.webp") no-repeat center center;
background: url("/assets/images/home/banner/bg.webp") no-repeat center center;
background-size: cover;
}
@ -16132,3 +16215,207 @@ h4.service-details__dynamic-content-erp {
display: none;
}
}
@media (max-width: 1200px) {
.section-space {
padding-top: 80px;
padding-bottom: 80px;
}
.section-space-top {
padding-top: 80px;
}
}
@media (max-width: 768px) {
.section-space {
padding-top: 60px;
padding-bottom: 60px;
}
.section-space-top {
padding-top: 60px;
}
}
/* 1920px (Desktop Large) - Defaults are usually fine here */
/* 1600px */
@media (max-width: 1600px) {
.sec-title__title {
font-size: 32px;
line-height: 42px;
}
}
/* 1540px */
@media (max-width: 1540px) {
.sec-title__title {
font-size: 30px;
}
}
/* 1440px */
@media (max-width: 1440px) {
.sec-title__title {
font-size: 28px;
line-height: 38px;
}
}
/* 1360px */
@media (max-width: 1360px) {
.sec-title__title {
font-size: 26px;
}
}
/* 1200px */
@media (max-width: 1200px) {
.sec-title__title {
font-size: 24px;
line-height: 34px;
}
}
/* 1024px */
@media (max-width: 1024px) {
.sec-title__title {
font-size: 22px;
}
.hero-1 .slider-category-title {
font-size: 11px !important;
}
.testimonial-btn {
font-size: 14px !important;
}
}
/* 992px */
@media (max-width: 992px) {
.sec-title__title {
font-size: 28px;
line-height: 38px;
}
.about-us-content-area {
padding-top: 40px;
}
}
/* 768px */
@media (max-width: 768px) {
.sec-title__title {
font-size: 24px;
line-height: 32px;
}
.counter-area-two__list {
flex-wrap: wrap;
justify-content: center;
}
.counter-area-two__item {
flex: 0 0 50%;
}
}
/* 500px, 475px, 425px, 320px */
@media (max-width: 500px) {
.sec-title__title {
font-size: 22px;
}
.counter-area-two__item {
flex: 0 0 100%;
}
}
/* Counter Area */
.counter-area-two__list {
display: flex;
align-items: center;
justify-content: space-between;
list-style: none;
padding: 0;
margin: 0;
}
/* Specific Section Adjustments */
/* About Section */
@media (max-width: 991px) {
.about-us-image-area {
margin-bottom: 50px;
}
}
/* Choose Section */
@media (max-width: 1200px) {
.choose-section .image.m-img {
margin-top: 30px;
}
}
/* Counselling Solutions */
@media (max-width: 991px) {
.counselling-solutions__image {
margin-bottom: 40px;
}
}
/* Counter Area */
.counter-area-two__list {
display: flex;
align-items: center;
justify-content: space-between;
list-style: none;
padding: 0;
margin: 0;
}
@media (max-width: 768px) {
.counter-area-two__item {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.call-area-three__title {
font-size: 25px !important;
}
}
@media (max-width: 500px) {
.call-area-three__title {
font-size: 22px !important;
text-align: center;
}
.call-area-three__content {
padding: 0 15px;
}
}
/* Home Service One */
.service-one-home {
padding: 100px 0;
background-size: cover;
background-position: center;
}
@media (max-width: 991px) {
.service-one-home__text {
margin-top: 20px;
}
}
/* Blog Section */
@media (max-width: 1024px) {
.blog-section-one .row {
justify-content: center;
}
}

6
src/app/layout.tsx
View File

@ -11,7 +11,7 @@ import Offcanvas from "@/components/common/Offcanvas";
export const metadata: Metadata = {
metadataBase: new URL("https://metatroncubesolutions.com"),
title: "Metatroncube: Leaders in Web & Mobile Dev, SEO, Digital Marketing",
description: "Metatroncube Software Solutions: Your go-to agency for cutting-edge web & app development, SEO, digital marketing, and graphic design services",
description: "Metatroncube Software Solution: Your go-to agency for cutting-edge web & app development, SEO, digital marketing, and graphic design services",
robots: {
index: true,
follow: true,
@ -74,13 +74,13 @@ export default function RootLayout({
{JSON.stringify({
"@context": "https://schema.org",
"@type": "Organization",
name: "Metatroncube Software Solutions",
name: "Metatroncube Software Solution",
alternateName: "Metatron Digital Agency",
url: "https://metatroncubesolutions.com/",
logo: "https://metatroncubesolutions.com/assets/images/logo.webp",
image: "https://metatroncubesolutions.com/assets/images/logo.webp",
description:
"Metatroncube Software Solutions: Your go-to agency for cutting-edge web & app development, SEO, digital marketing, and graphic design services.",
"Metatroncube Software Solution: Your go-to agency for cutting-edge web & app development, SEO, digital marketing, and graphic design services.",
telephone: "+1-647-679-7651",
address: {
"@type": "PostalAddress",

4
src/app/page.tsx
View File

@ -20,7 +20,7 @@ import HomeServiceOne from "@/components/home/HomeServiceOne";
export const metadata: Metadata = {
title: "Metatroncube: Leaders in Web & Mobile Dev, SEO, Digital Marketing",
description: "Metatroncube Software Solutions: Your go-to agency for cutting-edge web & app development, SEO, digital marketing, and graphic design services.",
description: "Metatroncube Software Solution: Your go-to agency for cutting-edge web & app development, SEO, digital marketing, and graphic design services.",
alternates: {
canonical: "/",
},
@ -42,7 +42,7 @@ export default function MainPage() {
<CounterAreaTwo />
<CtaSection />
{/* <ServiceThreeSlider /> */}
<HomeServiceOne/>
<HomeServiceOne />
<TestimonialsSection />
<HomeContactOne />
<BlogSection />

2
src/app/portfolio/page.tsx
View File

@ -8,7 +8,7 @@ import MetatronInitializer from "@/components/MetatronInitializer";
export const metadata: Metadata = {
title: "Metatroncube: Leaders in Web &amp; Mobile Dev, SEO, Digital Marketing",
description: "Metatroncube Software Solutions: Your go-to agency for cutting-edge web &amp; app development, SEO, digital marketing, and graphic design services",
description: "Metatroncube Software Solution: Your go-to agency for cutting-edge web &amp; app development, SEO, digital marketing, and graphic design services",
alternates: {
canonical: "/portfolio",
},

4
src/app/privacy-policy/page.tsx
View File

@ -7,8 +7,8 @@ import PrivacyPolicyContent from "@/components/privacy/PrivacyPolicyContent";
import MetatronInitializer from "@/components/MetatronInitializer";
export const metadata: Metadata = {
title: "Privacy Policy of Metatroncube Software Solutions - Metatroncube Software Solutions | Innovative & User-Centric Tech Services in Waterloo",
description: "Metatroncube Software Solutions values your privacy. We collect, use & protect your personal data responsibly, ensuring transparency, security, and legal compliance. Contact us anytime.",
title: "Privacy Policy of Metatroncube Software Solution - Metatroncube Software Solution | Innovative & User-Centric Tech Services in Waterloo",
description: "Metatroncube Software Solution values your privacy. We collect, use & protect your personal data responsibly, ensuring transparency, security, and legal compliance. Contact us anytime.",
alternates: {
canonical: "/privacy-policy",
},

2
src/app/services-digital-solutions/[slug]/page.tsx
View File

@ -18,7 +18,7 @@ export async function generateMetadata({ params }: { params: Promise<{ slug: str
}
return {
title: service.metatitle || `${service.title} | Metatroncube Software Solutions`,
title: service.metatitle || `${service.title} | Metatroncube Software Solution`,
description: service.metaDesc || service.description,
alternates: {
canonical: `/services-digital-solutions/${slug}`,

2
src/components/common/Offcanvas.tsx
View File

@ -43,7 +43,7 @@ const Offcanvas = () => {
<div className="offcanvas__search mb-25">
<p className="text-white">
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.
Metatroncube Software Solution: 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>

2
src/components/contact/ContactSection.tsx
View File

@ -99,7 +99,7 @@ const ContactSection = () => {
<div className="sec-title__shape"></div>
<h6 className="sec-title__tagline">Let's Connect</h6>
<h2 className="sec-title__title">Drop us a Line.</h2>
<p>Whether you have a question, a project idea, or just want to chat about your digital needs, our team is here to listen and provide tailored solutions. Reach out to Metatroncube Software Solutions and start your journey towards innovative digital success.</p>
<p>Whether you have a question, a project idea, or just want to chat about your digital needs, our team is here to listen and provide tailored solutions. Reach out to Metatroncube Software Solution and start your journey towards innovative digital success.</p>
</div>
{/* <img src="https://bracketweb.com/pelocishtml/assets/images/shapes/text-shape-2.png" alt="" className="sec-title__text-shape" /> */}
</div>

8
src/components/home/CounsellingSolutions.tsx
View File

@ -11,19 +11,19 @@ const CounsellingSolutions: React.FC = () => {
<div className="counselling-solutions__image">
<img
src="/assets/images/home/4/back.webp"
alt="Why choose metatroncube solution"
alt="Why choose metatroncube Software Solution"
className="counselling-solutions__image__one"
/>
<img
src="/assets/images/home/4/front.webp"
alt="Why choose metatroncube Software Solutions"
alt="Why choose Metatroncube Software Solution"
className="counselling-solutions__image__two"
/>
{/* <div className="counselling-solutions__image__watch-btn">
<Link href="https://www.youtube.com/watch?v=h9MbznbxlLc" className="video-popup">
<i className="fa-solid fa-award"></i>
</Link>
<span>Metatroncube Software Solutions</span>
<span>Metatroncube Software Solution</span>
</div> */}
</div>
</div>
@ -33,7 +33,7 @@ const CounsellingSolutions: React.FC = () => {
<div className="sec-title__shape"></div>
<h6 className="sec-title__tagline">METATRONCUBE</h6>
<h3 className="sec-title__title">
Why Choose Metatroncube Solution.
Why Choose Metatroncube Software Solution.
</h3>
</div>
</div>

4
src/components/home/home-1/AboutSection.tsx
View File

@ -14,7 +14,7 @@ const AboutSection = () => {
<div className="about-us-image-area p-relative wow fadeInRight" data-wow-delay=".5s">
<div className="border-shape" style={{ backgroundImage: "url(/assets/imgs/shapes/shape-6.png)" }}></div>
<figure className="image-1">
<img src="/assets/images/home/2/section-1.webp" alt="comprehensive digital strategies" />
<img src="/assets/images/about/about.webp" alt="comprehensive digital strategies" />
</figure>
{/* <div className="image-2-area">
<div className="image-2 p-relative">
@ -47,7 +47,7 @@ const AboutSection = () => {
</div>
{/* <img src="https://bracketweb.com/pelocishtml/assets/images/shapes/text-shape-2.png" alt="" className="sec-title__text-shape" /> */}
</div>
<p className="mb-35 wow fadeInLeft" data-wow-delay=".5s">Partner with Metatroncube Software Solutions and unlock a world of digital possibilities in web & app development, SEO, digital marketing, and graphic design services. Our commitment extends beyond mere product delivery; we focus on enhancing your market presence and driving business success with comprehensive digital strategies. Experience the unique Metatroncube advantage in every aspect of digital transformation.</p>
<p className="mb-35 wow fadeInLeft" data-wow-delay=".5s">Partner with Metatroncube Software Solution and unlock a world of digital possibilities in web & app development, SEO, digital marketing, and graphic design services. Our commitment extends beyond mere product delivery; we focus on enhancing your market presence and driving business success with comprehensive digital strategies. Experience the unique Metatroncube advantage in every aspect of digital transformation.</p>
<div className="icon-box mb-20 wow fadeInLeft" data-wow-delay=".8s">
<div className="icon">
<img src="/assets/images/home/2/icon-1.webp" alt="Exceptional Digital Quality" />

8
src/components/home/home-1/BannerSection.tsx
View File

@ -4,7 +4,7 @@ import React, { useState, useEffect } from "react";
const banners = [
{
subTitle: "METATRONCUBE SOFTWARE SOLUTIONS",
subTitle: "METATRONCUBE SOFTWARE SOLUTION",
title: "WEB AND APP DEVELOPMENT PIONEERING INNOVATION",
text: "Elevate your digital landscape with Metatroncube's cutting-edge web and mobile app solutions.",
btnLabel: "Book Your Call Now",
@ -17,7 +17,7 @@ const banners = [
}
},
{
subTitle: "METATRONCUBE SOFTWARE SOLUTIONS",
subTitle: "METATRONCUBE SOFTWARE SOLUTION",
title: "DIGITAL MARKETING AMPLIFYING YOUR ONLINE VOICE",
text: "Explore Metatroncube's innovative strategies to connect, engage, and grow your audience in the digital realm.",
btnLabel: "Schedule Appointment",
@ -30,7 +30,7 @@ const banners = [
}
},
{
subTitle: "METATRONCUBE SOFTWARE SOLUTIONS",
subTitle: "METATRONCUBE SOFTWARE SOLUTION",
title: "SEO STRATEGIES PAVING YOUR PATH TO SUCCESS",
text: "Maximize visibility and drive traffic with Metatroncube's expert SEO strategies.",
btnLabel: "REQUEST CONSULTATION",
@ -43,7 +43,7 @@ const banners = [
}
},
{
subTitle: "METATRONCUBE SOFTWARE SOLUTIONS",
subTitle: "METATRONCUBE SOFTWARE SOLUTION",
title: "GRAPHIC DESIGN CREATING VISUAL IMPACT",
text: "Craft compelling visuals that enhance your brand identity with Metatroncube's graphic design services",
btnLabel: "BOOK YOUR FREE CONSULTATION",

2
src/components/home/home-1/ChooseSection.tsx
View File

@ -16,7 +16,7 @@ const ChooseSection = () => (
</div>
</div>
<p className="faq-one__text text-white">
At Metatroncube Software Solutions, we're not just about web design and mobile app development; we're a hub of innovation in SEO, digital marketing, and graphic design services.
At Metatroncube Software Solution, we're not just about web design and mobile app development; we're a hub of innovation in SEO, digital marketing, and graphic design services.
</p>
<div className="faq-one__card">
<div className="faq-one__img">

2
src/components/home/home-2/About2Section.tsx
View File

@ -36,7 +36,7 @@ const About2Section = () => (
</div>
{/* <img src="https://bracketweb.com/pelocishtml/assets/images/shapes/text-shape-2.png" alt="" className="sec-title__text-shape" /> */}
</div>
<p className="mb-35">Metatroncube Software Solutions was born from a passion for technology and a vision to revolutionize digital interactions. Based in the heart of Waterloo's tech hub, we have been pioneering custom software solutions since 2019.</p>
<p className="mb-35">Metatroncube Software Solution was born from a passion for technology and a vision to revolutionize digital interactions. Based in the heart of Waterloo's tech hub, we have been pioneering custom software solutions since 2019.</p>
<div className="about-features-list">
<div className="about-feature-item-3 wow fadeInRight" data-wow-delay=".6s">
<div className="icon">

4
src/components/layout/Footer1.tsx
View File

@ -49,7 +49,7 @@ const Footer1 = () => {
<figure className="image">
<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>
<p className="mt-20 mb-40">Metatroncube Software Solution: 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">
<span>
<a href="https://www.facebook.com/metatroncubecanada" target="_blank" rel="noopener noreferrer">
@ -145,7 +145,7 @@ const Footer1 = () => {
<div className="footer-bottom pt-15 pb-15">
<div className="left-area">
<span>Copyright {new Date().getFullYear()} © by{" "}
Metatroncube Software Solutions.
Metatroncube Software Solution.
All Rights Reserved.
</span>
</div>

4
src/components/mobile-app-development-service/About.tsx
View File

@ -17,7 +17,7 @@ const About = () => {
<img src="/assets/img-app/elements/elements10.png" alt="" className="elements10" />
<img
src="/assets/img-app/home/section2/about.webp"
alt="About Metatroncube Software Solutions"
alt="About Metatroncube Software Solution"
style={{ width: '100%', height: '100%', objectFit: 'cover', display: 'block', borderRadius: '12px' }}
/>
</div>
@ -27,7 +27,7 @@ const About = () => {
<div className="col-lg-5">
<div className="about-glass-container about-header-area heading2">
<GsapReveal y={20}>
<h5><span><img src="/assets/img-app/fav-icon.webp" alt="" style={{ width: '20px', height: '20px', objectFit: 'contain' }} /></span>About Metatroncube Software Solutions</h5>
<h5><span><img src="/assets/img-app/fav-icon.webp" alt="" style={{ width: '20px', height: '20px', objectFit: 'contain' }} /></span>About Metatroncube Software Solution</h5>
</GsapReveal>
<div className="space24"></div>
<GsapReveal y={20} delay={0.2}>

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

@ -49,7 +49,7 @@ const Footer = () => {
<figure className="image">
<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>
<p className="mt-20 mb-40">Metatroncube Software Solution: 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">
<span>
<a href="https://www.facebook.com/metatroncubecanada" target="_blank" rel="noopener noreferrer">
@ -147,7 +147,7 @@ const Footer = () => {
<div className="footer-bottom pt-15 pb-15" style={{ justifyContent: "center" }}>
<div className="left-area">
<span>Copyright {new Date().getFullYear()} © by{" "}
Metatroncube Software Solutions.
Metatroncube Software Solution.
All Rights Reserved.
</span>
</div>

6
src/components/privacy/PrivacyPolicyContent.tsx
View File

@ -10,7 +10,7 @@ const PrivacyPolicyContent = () => {
<h2>Privacy Policy</h2>
<h3>Introduction:</h3>
<p>Welcome to Metatroncube Software Solutions! We are committed to protecting the privacy and security of your personal information. This Privacy Policy outlines our practices regarding the collection, use, and disclosure of your data when you use our services, and your privacy rights under applicable law.</p>
<p>Welcome to Metatroncube Software Solution! We are committed to protecting the privacy and security of your personal information. This Privacy Policy outlines our practices regarding the collection, use, and disclosure of your data when you use our services, and your privacy rights under applicable law.</p>
<h3>Scope and Consent:</h3>
<p>By accessing or using our services, you acknowledge that you have read this Privacy Policy and understand your rights and responsibilities. You consent to the collection, use, and sharing of your information as described in this policy.</p>
@ -41,7 +41,7 @@ const PrivacyPolicyContent = () => {
<p>We use cookies and similar tracking technologies to monitor activity on our Services and store certain information. You can instruct your browser to refuse all cookies or indicate when a cookie is being sent.</p>
<h3>Use of Data:</h3>
<p>Metatroncube Software Solutions uses the collected data for various purposes:</p>
<p>Metatroncube Software Solution uses the collected data for various purposes:</p>
<ul>
<li>Font adjustments users can increase and decrease its size, change its family (type), adjust the spacing, alignment, line height, and more.</li>
<li>To provide and maintain our Services</li>
@ -74,7 +74,7 @@ const PrivacyPolicyContent = () => {
<p>We may disclose personal information in good faith when such action is necessary for the following:</p>
<ul>
<li>To comply with a legal obligation</li>
<li>To protect and defend the rights or property of Metatroncube Software Solutions</li>
<li>To protect and defend the rights or property of Metatroncube Software Solution</li>
<li>To prevent or investigate possible wrongdoing in connection with the Services</li>
<li>To protect the personal safety of users of the Services or the public</li>
<li>To protect against legal liability</li>

4
src/components/services-digital-solutions/AboutService.tsx
View File

@ -36,7 +36,7 @@ const AboutService = () => {
<div className="sec-title mb-4">
<div className="sec-title__shape"></div>
<h6 className="sec-title__tagline">Welcome to Your Next Big Opportunity</h6>
<h2 className="sec-title__title">Why Join Metatroncube Software Solutions?</h2>
<h2 className="sec-title__title">Why Join Metatroncube Software Solution?</h2>
</div>
{/* <img src="https://bracketweb.com/pelocishtml/assets/images/shapes/text-shape-2.png" alt="" className="sec-title__text-shape" /> */}
<p className="section-desc mb-2">
@ -52,7 +52,7 @@ const AboutService = () => {
<div className="feature-bullets">
<div className="bullet-item d-flex align-items-center">
<p>At Metatroncube Software Solutions, we don’t just build digital solutions—we build dreams. Founded by a passionate team, our mission is to simplify complex problems and deliver results that exceed expectations.</p>
<p>At Metatroncube Software Solution, we don’t just build digital solutions—we build dreams. Founded by a passionate team, our mission is to simplify complex problems and deliver results that exceed expectations.</p>
</div>
<div className="bullet-item d-flex align-items-center">

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

@ -49,7 +49,7 @@ const Footer = () => {
<figure className="image">
<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>
<p className="mt-20 mb-40">Metatroncube Software Solution: 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">
<span>
<a href="https://www.facebook.com/metatroncubecanada" target="_blank" rel="noopener noreferrer">
@ -147,7 +147,7 @@ const Footer = () => {
<div className="footer-bottom pt-15 pb-15" style={{ justifyContent: "center" }}>
<div className="left-area">
<span>Copyright {new Date().getFullYear()} © by{" "}
Metatroncube Software Solutions.
Metatroncube Software Solution.
All Rights Reserved.
</span>
</div>

946
src/utils/constant.utils.ts
View File

File diff suppressed because it is too large Load Diff

26
src/utils/data.ts
View File

@ -548,7 +548,7 @@ export const ourServices = [
metaDesc: "Top web design agency in Waterloo, Canada. Offering web development services to create stunning websites. Choose us best website design and development service.",
content: `
<h2 class="service-details__content-title">Website Development at Metatroncube: Crafting Digital Masterpieces</h2>
<p class="service-details__text">In the digital age, a website is more than just a digital footprint; it’s a powerful tool that encapsulates the essence of your brand, the voice of your business, and the gateway to connect with a global audience. At Metatroncube Software Solutions, we understand that each website is a unique blend of art and functionality, an opportunity to impress, engage, and convert your visitors into loyal customers.</p>
<p class="service-details__text">In the digital age, a website is more than just a digital footprint; it’s a powerful tool that encapsulates the essence of your brand, the voice of your business, and the gateway to connect with a global audience. At Metatroncube Software Solution, we understand that each website is a unique blend of art and functionality, an opportunity to impress, engage, and convert your visitors into loyal customers.</p>
<div class="service-details__benefit__img mb-40">
<img src="/assets/images/services/service/web.webp" alt="benefit">
@ -1312,9 +1312,9 @@ Robust Security</li>
metatitle: "Best Digital Marketing Agency in Waterloo, Canada | SEO | SMM",
metaDesc: "Top digital marketing company in Canada. Best digital marketing agency in Waterloo offering top digital marketing service for all your business needs.",
content: `
<h2 class="service-details__content-title">Metatroncube Software Solutions: Revolutionizing Digital Marketing in Canada</h2>
<h2 class="service-details__content-title">Metatroncube Software Solution: Revolutionizing Digital Marketing in Canada</h2>
<p class="service-details__text"><b>Introduction:</b> Metatroncube Software Solutions is not just a digital marketing agency in Canada; we are your strategic partner for transformative digital success. Our bespoke digital marketing solutions are crafted to captivate your unique Canadian audience, driving the success story you deserve.</p>
<p class="service-details__text"><b>Introduction:</b> Metatroncube Software Solution is not just a digital marketing agency in Canada; we are your strategic partner for transformative digital success. Our bespoke digital marketing solutions are crafted to captivate your unique Canadian audience, driving the success story you deserve.</p>
<div class="service-details__benefit__img mb-40">
<img src="/assets/images/services/service/digital.webp" alt="benefit">
@ -1324,7 +1324,7 @@ Robust Security</li>
<p class="service-details__text">Your search for the best digital marketing agency in Canada ends here. Metatroncube Software Solutions is home to award-winning digital marketing excellence. We are committed to driving increased traffic, generating leads, and converting prospects into loyal customers. Engage with us to elevate your online presence and connect with your audience across Canada.</p>
<p class="service-details__text">Your search for the best digital marketing agency in Canada ends here. Metatroncube Software Solution is home to award-winning digital marketing excellence. We are committed to driving increased traffic, generating leads, and converting prospects into loyal customers. Engage with us to elevate your online presence and connect with your audience across Canada.</p>
<h4 class="service-details__content-title">SEO: Optimizing for the Canadian Market – Beyond the Search Engine</h4>
<p class="service-details__text">At Metatroncube, SEO is a strategic endeavor that goes beyond ranking first. It's about understanding and acting upon the motivations of your Canadian audience. By leveraging insightful data, we create compelling content that resonates with your clientele, positioning your brand as the go-to within your industry in Canada.</p>
@ -1744,7 +1744,7 @@ Robust Security</li>
content: `
<h2 class="service-details__content-title">Web Page Design in Waterloo Metatroncube: Crafting Digital Artistry in Web Page Design for Waterloo Community</h2>
<p class="service-details__text">Discover Personalized Web Design with Waterloo's Creative Architects. At Metatroncube Software Solutions, nestled in the heart of Waterloo's innovation district, we pride ourselves on being the leading web designers in Waterloo. Our team combines the latest technological advancements with a touch of creative flair to ensure that each web solution we deliver is not only visually striking but also provides a stellar user experience that resonates with your audience.</p>
<p class="service-details__text">Discover Personalized Web Design with Waterloo's Creative Architects. At Metatroncube Software Solution, nestled in the heart of Waterloo's innovation district, we pride ourselves on being the leading web designers in Waterloo. Our team combines the latest technological advancements with a touch of creative flair to ensure that each web solution we deliver is not only visually striking but also provides a stellar user experience that resonates with your audience.</p>
<p class="service-details__text">Redefining Aesthetics with Purposeful Web Design Our journey in website design transcends typical aesthetics. As dedicated website designers in Waterloo, we delve into the fabric of your brand's story, weaving a digital narrative that captures your essence and establishes a meaningful connection with your visitors. Our ethos, deeply rooted in the concept of "Web Page Design Waterloo," sets a benchmark for innovation and quality in the digital realm.</p>
@ -1781,7 +1781,7 @@ Robust Security</li>
content: `
<h2 class="service-details__content-title">KITCHENER WATERLOO WEBSITE DESIGN SERVICES: Tailoring Digital Interfaces with Metatroncube</h2>
<p class="service-details__text">Bespoke Website Design from Kitchener's Creative Vanguard. Welcome to Metatroncube Software Solutions. We stand at the confluence of technology and creativity in Kitchener-Waterloo, offering unmatched Kitchener Waterloo Website Design Services. Our expert team, known for its technological prowess and artistic vision, ensures each solution is not just visually compelling but also enriches user experience.</p>
<p class="service-details__text">Bespoke Website Design from Kitchener's Creative Vanguard. Welcome to Metatroncube Software Solution. We stand at the confluence of technology and creativity in Kitchener-Waterloo, offering unmatched Kitchener Waterloo Website Design Services. Our expert team, known for its technological prowess and artistic vision, ensures each solution is not just visually compelling but also enriches user experience.</p>
<p class="service-details__text">Elevating Aesthetics with Functional Design< In the tech-rich landscape of Kitchener-Waterloo, our design philosophy is about infusing functionality with beauty. As providers of Waterloo Website Design Services, we craft digital narratives that align with your brand's core values, ensuring each interaction is meaningful.</p>
@ -1987,10 +1987,10 @@ Robust Security</li>
<h2 class="service-details__content-title">Metatroncube: Empowering Your Digital Journey in Waterloo</h2>
<p class="service-details__text">Welcome to Metatroncube Software Solutions, where innovation in web design meets Waterloo's vibrant business landscape. As Waterloo's premier website designers, we specialize in creating bespoke digital solutions that capture the essence of your business and connect you with your target audience. Our expertise in understanding the local market nuances positions us uniquely to elevate your online presence.</p>
<p class="service-details__text">Welcome to Metatroncube Software Solution, where innovation in web design meets Waterloo's vibrant business landscape. As Waterloo's premier website designers, we specialize in creating bespoke digital solutions that capture the essence of your business and connect you with your target audience. Our expertise in understanding the local market nuances positions us uniquely to elevate your online presence.</p>
<h4 class="service-details__content-title">Why Choose Metatroncube for Your Waterloo Business</h4>
<p class="service-details__text">In Waterloo's thriving economic scene, your business deserves a website that stands out. At Metatroncube Software Solutions, we:</p>
<p class="service-details__text">In Waterloo's thriving economic scene, your business deserves a website that stands out. At Metatroncube Software Solution, we:</p>
<p class="service-details__text"><b>Grasp Local Dynamics:</b> Our deep understanding of Waterloo's business environment means your website will effectively engage with your local audience.</p>
@ -2078,10 +2078,10 @@ Robust Security</li>
metatitle: "Top Custom Website Creators in Toronto | Metatroncube",
metaDesc: "Build a standout website in Toronto with Metatroncube - custom designs, smooth UX, & high-performance sites crafted to elevate your brand online.",
content: `
<h2 class="service-details__content-title">Unlock the Potential of Your Online Presence with Metatroncube Software Solutions – Premier Web Design in Toronto</h2>
<h2 class="service-details__content-title">Unlock the Potential of Your Online Presence with Metatroncube Software Solution – Premier Web Design in Toronto</h2>
<p class="service-details__text">At Metatroncube Software Solutions, we understand that the digital landscape of Toronto is not just about being seen—it's about being memorable. Specializing in innovative website creation, our Toronto-based web design experts blend aesthetics with functionality, crafting bespoke websites that capture the essence of your brand and engage your target audience.</p>
<p class="service-details__text">At Metatroncube Software Solution, we understand that the digital landscape of Toronto is not just about being seen—it's about being memorable. Specializing in innovative website creation, our Toronto-based web design experts blend aesthetics with functionality, crafting bespoke websites that capture the essence of your brand and engage your target audience.</p>
<p class="service-details__text"><b>Specializing in innovative website creation, our Toronto-based web design experts blend aesthetics with functionality, crafting bespoke websites.</b></p>
@ -2099,10 +2099,10 @@ Robust Security</li>
<h4 class="service-details__content-title">Your Website Is Your First Impression
</h4>
<p class="service-details__text">In today’s fast-paced digital world, your website often makes the first impression on potential clients and customers. Metatroncube Software Solutions ensures it’s a lasting one. Our team leverages the latest technologies and creative strategies to deliver websites that are not only visually striking but also highly functional and user-friendly.</p>
<p class="service-details__text">In today’s fast-paced digital world, your website often makes the first impression on potential clients and customers. Metatroncube Software Solution ensures it’s a lasting one. Our team leverages the latest technologies and creative strategies to deliver websites that are not only visually striking but also highly functional and user-friendly.</p>
<h4 class="service-details__content-title">Ready to Elevate Your Online Presence?</h4>
<p class="service-details__text">If you're looking for top-tier web design in Toronto, look no further than Metatroncube Software Solutions. Contact us today to discuss how we can transform your online presence with a stunning, effective, and SEO-optimized website tailored just for you.</p>
<p class="service-details__text">If you're looking for top-tier web design in Toronto, look no further than Metatroncube Software Solution. Contact us today to discuss how we can transform your online presence with a stunning, effective, and SEO-optimized website tailored just for you.</p>
<p class="service-details__text">Let's create a digital experience that resonates with your audience and elevates your brand. Discover the difference with Metatroncube—where your vision meets our expertise.</p>
@ -2122,7 +2122,7 @@ Robust Security</li>
metaDesc: "Boost visibility with the best SEO & content writing services in Waterloo. Drive traffic, engage readers, and grow your brand with expert strategies.",
content: `
<h2 class="service-details__content-title">Waterloo SEO Services "Waterloo SEO": Revolutionizing Your Online Visibility</h2>
<p class="service-details__text">In the heart of Waterloo's dynamic digital landscape, excelling in SEO is not just beneficial; it's essential. Metatroncube Software Solutions specializes in Waterloo SEO, crafting strategies that propel your business to the top of search rankings in the local market. Our approach to "Waterloo SEO" is designed to maximize your digital footprint and elevate your brand in the Waterloo area. By understanding the unique aspects of the local market, we tailor our SEO strategies to ensure your business not only gets noticed but becomes a leading voice in your industry.</p>
<p class="service-details__text">In the heart of Waterloo's dynamic digital landscape, excelling in SEO is not just beneficial; it's essential. Metatroncube Software Solution specializes in Waterloo SEO, crafting strategies that propel your business to the top of search rankings in the local market. Our approach to "Waterloo SEO" is designed to maximize your digital footprint and elevate your brand in the Waterloo area. By understanding the unique aspects of the local market, we tailor our SEO strategies to ensure your business not only gets noticed but becomes a leading voice in your industry.</p>
<h4 class="service-details__content-title">1. The Art of "Waterloo SEO": Crafting Your Success Story</h4>
<p class="service-details__text"><b>Tailoring Strategies for Local Impact</b></p>