alt txts updated

This commit is contained in:
Selvi 2026-03-09 20:14:42 +05:30
parent 473ba216cf
commit 9b315bdc3c
35 changed files with 56 additions and 54 deletions

View File

@ -1226,9 +1226,9 @@ only screen and (min-width: 576px) and (max-width: 767px) {
-webkit-transition: all 400ms linear;
-o-transition: all 400ms linear;
transition: all 400ms linear;
color: #151515;
color: #fff;
justify-content: center;
background-color: #fff;
background-color: #222222;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}
@ -2828,11 +2828,11 @@ ul.footer-contact-info-widget .icon {
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, rgba(16, 32, 57, 0.90) 0%, rgba(11, 21, 38, 0.60) 56.25%, rgba(0, 0, 0, 0.00) 97.81%);
/* background: linear-gradient(90deg, rgba(16, 32, 57, 0.90) 0%, rgba(11, 21, 38, 0.60) 56.25%, rgba(0, 0, 0, 0.00) 97.81%); */
}
.banner-area {
max-width: 1075px;
max-width: 900px;
padding-left: 70px;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 90 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 46 KiB

After

Width:  |  Height:  |  Size: 145 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 39 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 39 KiB

After

Width:  |  Height:  |  Size: 102 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 43 KiB

After

Width:  |  Height:  |  Size: 114 KiB

View File

@ -36,7 +36,7 @@ export default function Home2() {
<CouterAreaThree />
<WhyChooseTwo />
<HistoryTwo />
<BrandSection />
<BrandSection start={9} />
<TestimonialsSection className="section-space-bottom" />
<ContactSection />
</main>

View File

@ -139,7 +139,7 @@ const BlogSidebar = ({
{/* Recent News Widget */}
<div className="single-sidebar-widget">
<div className="wid-title">
<h3>Recent News</h3>
<h3>Recent Blogs</h3>
</div>
<div className="popular-posts">
{recentPosts.map((post: any) => (

View File

@ -50,7 +50,7 @@ const WorkProcessSection2 = () => {
<img
className="rotate360"
src="/assets/images/services/journey/element-1.webp"
alt="shape"
alt="metatroncube"
style={{ opacity: 0.5 }}
/>
</a>
@ -94,9 +94,9 @@ const WorkProcessSection2 = () => {
{processCards.map((card) => (
<div key={card.id} className={`process-card card-${card.id}`}>
<div className="number">{card.id}</div>
<div className="icon">
{/* <div className="icon">
<span className={card.icon}></span>
</div>
</div> */}
<div className="text">
{card.text.split('\n').map((line, i) => (
<React.Fragment key={i}>

View File

@ -8,7 +8,7 @@ const mobileNavItems = [
title: "Service",
link: "/services-digital-solutions",
children: [
{ title: "Website Development", link: "/services-digital-solutions/web-development" },
{ 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" },

View File

@ -98,14 +98,14 @@ const ContactSection = () => {
<div className="sec-title">
<div className="sec-title__shape"></div>
<h6 className="sec-title__tagline">Let's Connect</h6>
<h3 className="sec-title__title">Drop us a Line.</h3>
<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>
</div>
{/* <img src="https://bracketweb.com/pelocishtml/assets/images/shapes/text-shape-2.png" alt="" className="sec-title__text-shape" /> */}
</div>
<div className="contact-info-list">
<div className="contact-info-item d-flex align-items-center mb-30">
<div className="icon">
<div className="Call Anytime">
<i className="fa-solid fa-phone-volume"></i>
</div>
<div className="content">
@ -114,7 +114,7 @@ const ContactSection = () => {
</div>
</div>
<div className="contact-info-item d-flex align-items-center mb-30">
<div className="icon">
<div className="Send Email">
<i className="fa-solid fa-envelope"></i>
</div>
<div className="content">
@ -123,7 +123,7 @@ const ContactSection = () => {
</div>
</div>
<div className="contact-info-item d-flex align-items-center">
<div className="icon">
<div className="Waterloo, Ontario Canada">
<i className="fa-solid fa-location-dot"></i>
</div>
<div className="content">

View File

@ -63,7 +63,7 @@ const AboutThree = () => {
<ul className="about-three__card__list">
<li className="about-three__card__item">
<div className="about-three__card__icon">
<img src="/assets/images/careers/2/icon.webp" alt="icon" />
<img src="/assets/images/careers/2/icon.webp" alt="Innovate Fearlessly" />
</div>
<h3 className='text-white'>Innovate Fearlessly</h3>
</li>

View File

@ -8,12 +8,12 @@ const AboutTwo = () => {
<div className="about-two__shape"></div>
<img
src="/assets/images/services/why/left-element.webp"
alt="shape"
alt="metatroncube canada"
className="about-two__shape__two"
/>
<img
src="/assets/images/services/why/right-element.webp"
alt="shape"
alt="metatroncube digital solutions"
className="about-two__shape__three"
style={{ opacity: 0.4 }}
/>

View File

@ -87,7 +87,7 @@ const CounterAreaThree: React.FC = () => {
{counterItems.map((item, index) => (
<li key={index} className="counter-area-three__item count-box">
<div className="counter-area-three__icon">
<img src={item.icon} alt="icon" />
<img src={item.icon} alt={item.text} />
</div>
<div className="counter-area-three__content">
<h3 className="counter-area-three__count">

View File

@ -87,7 +87,7 @@ const CounterAreaTwo: React.FC = () => {
{counterItems.map((item, index) => (
<li key={index} className="counter-area-two__item count-box">
<div className="counter-area-two__icon">
<img src={item.icon} alt="icon" />
<img src={item.icon} alt={item.text} />
</div>
<div className="counter-area-two__content">
<h3 className="counter-area-two__count">

View File

@ -81,7 +81,7 @@ const FaqFour = () => {
<div className="faq-four__image">
<img
src="/assets/images/faq/2.webp"
alt="Metatroncube FAQs: web-apps, SEO, & digital marketing"
alt="Get in touch with metatroncube"
/>
<div className="faq-four__image__icon">
<i className="icon-faq">faq</i>

View File

@ -214,7 +214,7 @@ export default function PortfolioSection() {
<div className="sec-title">
<div className="sec-title__shape"></div>
<h6 className="sec-title__tagline">PORTFOLIO</h6>
<h3 className="sec-title__title">We Serve the Best Works<span className="inner-text"></span></h3>
<h2 className="sec-title__title">We Serve the Best Works<span className="inner-text"></span></h2>
</div>
</div>

View File

@ -10,7 +10,7 @@ const projectsData = [
description: "5 Feb, 2025 | Full Time",
image: "/assets/images/careers/4/web.webp",
category: "web",
link: "/services-digital-solutions/web-development"
link: "/services-digital-solutions/website-development-company"
},
{
id: 2,

View File

@ -49,7 +49,7 @@ const AboutSection = () => {
</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>
<div className="icon-box mb-20 wow fadeInLeft" data-wow-delay=".8s">
<div className="icon">
<div className="Exceptional Digital Quality">
<img src="/assets/images/home/2/icon-1.webp" alt="Exceptional Digital Quality" />
</div>
<div className="content">
@ -58,7 +58,7 @@ const AboutSection = () => {
</div>
</div>
<div className="icon-box mb-20 wow fadeInLeft" data-wow-delay=".9s">
<div className="icon">
<div className="Expertise in innovation">
<img src="/assets/images/home/2/icon-2.webp" alt="Expertise in innovation" />
</div>
<div className="content">
@ -67,7 +67,7 @@ const AboutSection = () => {
</div>
</div>
<div className="icon-box mb-20 wow fadeInLeft" data-wow-delay=".9s">
<div className="icon">
<div className="Comprehensive web solutions">
<img src="/assets/images/home/2/icon-3.webp" alt="Comprehensive web solutions" />
</div>
<div className="content">

View File

@ -81,10 +81,10 @@ const BannerSection = () => {
style={{ backgroundImage: "url(/assets/images/home/1/dark-light/dark.webp)" }}
></div> */}
<div
{/* <div
className="shape-5"
style={{ backgroundImage: "url(/assets/images/home/1/right/right.webp)" }}
></div>
></div> */}
</div>
</div>
))}

View File

@ -3,7 +3,7 @@ import React from "react";
import SectionTitle from "@/components/common/SectionTitle";
import Slider from "react-slick";
const BrandSection = () => {
const BrandSection = ({ start = 1 }) => {
const settings = {
dots: false,
arrows: false,
@ -60,10 +60,12 @@ const BrandSection = () => {
<Slider {...settings} className="brand-active">
{[1, 2, 3, 4, 1, 2, 3, 4].map((num, i) => (
<div key={i} className="brand-item">
<span><img
src={`/assets/img/add/icon-${num}.webp`}
alt={`Brand ${i + 1}`}
/></span>
<span>
<img
src={`/assets/img/add/icon-${num}.webp`}
alt={`Brand ${start + i}`}
/>
</span>
</div>
))}
</Slider>
@ -73,4 +75,4 @@ const BrandSection = () => {
);
};
export default BrandSection;
export default BrandSection;

View File

@ -162,7 +162,7 @@ const FeaturesSection = () => {
<div className="fo-mobile-icon d-md-none mb-3">
<Image
src={feature.icon}
alt={feature.title}
alt={feature.desc}
width={40}
height={40}
style={{ objectFit: "contain" }}
@ -188,7 +188,7 @@ const FeaturesSection = () => {
<div className="fo-card-icon">
<Image
src={feature.icon}
alt={feature.title}
alt={feature.desc}
width={50}
height={50}
style={{ objectFit: "contain" }}

View File

@ -44,7 +44,7 @@ const ServiceThreeSlider = () => {
<div className="service-three__item text-center">
<div className="service-three__item__content">
<div className="service-three__item__icon">
<img src={service.icon} alt="icon" width="55" height="40" />
<img src={service.icon} alt={service.title} width="55" height="40" />
</div>
<h3 className="service-three__item__title">
<Link href={`/services-digital-solutions/${service.slug}`}>{service.title}</Link>

View File

@ -32,14 +32,14 @@ const About2Section = () => (
<div className="sec-title">
<div className="sec-title__shape"></div>
<h6 className="sec-title__tagline">ABOUT US</h6>
<h3 className="sec-title__title">Our Story</h3>
<h2 className="sec-title__title">Our Story</h2>
</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>
<div className="about-features-list">
<div className="about-feature-item-3 wow fadeInRight" data-wow-delay=".6s">
<div className="icon">
<div className="Innovative Solutions">
<i className="fa-solid fa-microchip"></i>
</div>
<div className="content">
@ -49,7 +49,7 @@ const About2Section = () => (
</div>
</div>
<div className="about-feature-item-3 wow fadeInRight" data-wow-delay=".7s">
<div className="icon">
<div className="Expert Teamwork">
<i className="fa-solid fa-users-gear"></i>
</div>
<div className="content">
@ -59,7 +59,7 @@ const About2Section = () => (
</div>
</div>
<div className="about-feature-item-3 wow fadeInRight" data-wow-delay=".8s">
<div className="icon">
<div className="Future-Ready Approach">
<i className="fa-solid fa-chess-knight"></i>
</div>
<div className="content">

View File

@ -17,7 +17,7 @@ const WorkProcessSection = () => (
{[
{ num: 1, title: "Our Mission", icon: "our-mission.webp", desc: "Empowering businesses with innovative digital growth solutions."},
{ num: 2, title: "Our Vision", icon: "our-vision.webp", desc: "Redefining digital innovation for a connected, efficient future."},
{ num: 3, title: "Our Values", icon: "our-values.webp", desc: "Redefining digital innovation for a connected, efficient future."}
{ num: 3, title: "Our Values", icon: "our-values.webp", desc: "Integrity and Trust, Innovation and Excellence, Collaborationl."}
].map((proc, i) => (
<div key={i} className="col-xxl-4 col-xl-4 col-lg-4">
<div className="work-process-box text-center">

View File

@ -101,7 +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/web-development">Website Development</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>
<li><Link href="/services-digital-solutions/ui-ux-designing">UI / UX Designing</Link></li>

View File

@ -7,7 +7,7 @@ const navItems = [
title: 'Service',
link: '/services-digital-solutions',
submenu: [
{ title: 'Website Development', link: '/services-digital-solutions/web-development' },
{ 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' },

View File

@ -7,7 +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/web-development">WEBSITE DEVELOPMENT</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>
<li><Link href="/services-digital-solutions/ui-ux-designing">UI / UX DESIGNING</Link></li>

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>
<h3 className="sec-title__title">Why Join Metatroncube Software Solutions?</h3>
<h2 className="sec-title__title">Why Join Metatroncube Software Solutions?</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">

View File

@ -3664,7 +3664,7 @@ AI is not replacing SEO—its evolving it. The opportunity for brands that mo
</ul>
<p>You're not getting an overseas "one size fits all" strategy. You're getting people who understand that showing up for "coffee near Waterloo Park" can literally be the difference between a quiet afternoon and a line out the door.</p> <p>
Learn more about us here:
<a href="https://metatroncubesolutions.com/about/" target="_blank" style="color: blue; text-decoration: underline;">
<a href="https://metatroncubesolutions.com/about-us/" target="_blank" style="color: blue; text-decoration: underline;">
Click here
</a>
</p>
@ -4980,7 +4980,7 @@ AI is not replacing SEO—its evolving it. The opportunity for brands that mo
<li>A law office in North York that relies on search visibility and reviews</li>
<li>An e-commerce brand shipping across the GTA and beyond</li>
</ul>
<p>You can read more about their approach on their <a href="https://metatroncubesolutions.com/about/" target="_blank">About page</a>, but heres the simple idea:</p>
<p>You can read more about their approach on their <a href="https://metatroncubesolutions.com/about-us/" target="_blank">About page</a>, but heres the simple idea:</p>
<p>Use AI to automate and personalize the boring, repetitive parts of marketing, so you can focus on running and growing your business.</p>
<h4>What Exactly Are AI Marketing Services in Toronto?</h4>
@ -6605,7 +6605,7 @@ AI is not replacing SEO—its evolving it. The opportunity for brands that mo
<p>You can reach out directly here:</p>
<p><a href="https://metatroncubesolutions.com/contact/" target="_blank">Contact MetatronCube Solutions</a></p>
<p>Or learn more about the team and their background:</p>
<p><a href="https://metatroncubesolutions.com/about/" target="_blank">About MetatronCube Solutions</a></p>
<p><a href="https://metatroncubesolutions.com/about-us/" target="_blank">About MetatronCube Solutions</a></p>
<h4>Final Thoughts: Choosing the Right PPC Partner in Waterloo</h4>
<p>So, is MetatronCube Solutions the best PPC agency in Waterloo?</p>
@ -7438,7 +7438,7 @@ AI is not replacing SEO—its evolving it. The opportunity for brands that mo
<li>Professional firms that rely on steady, high-quality leads</li>
</ul>
<p>If you want to learn more about the team and their background, you can visit their About page:<br>
<a href="https://metatroncubesolutions.com/about/" target="_blank">About MetatronCube Solutions</a></p>
<a href="https://metatroncubesolutions.com/about-us/" target="_blank">About MetatronCube Solutions</a></p>
<h4>How AI-Powered Marketing Solutions in Waterloo Actually Work</h4>
<p class="mb-2">Lets keep this simple and practicalno heavy jargon.</p>
@ -8206,7 +8206,7 @@ AI is not replacing SEO—its evolving it. The opportunity for brands that mo
<h4>Meet MetatronCube Solutions: Your Local SEO Agency</h4>
<p>Picture this: A software whiz starts MetatronCube Solutions in 2019, right in Waterloo's tech hub. From
<a href="https://metatroncubesolutions.com/about/" target="_blank">About</a>, you'll see their passion for web dev, SEO, and digital marketing. They're not some distant agencythey get the local vibe, from Laurel Creek trails to Conestoga Mall shoppers.</p>
<a href="https://metatroncubesolutions.com/about-us/" target="_blank">About</a>, you'll see their passion for web dev, SEO, and digital marketing. They're not some distant agencythey get the local vibe, from Laurel Creek trails to Conestoga Mall shoppers.</p>
<p>As a local SEO agency, they optimize for Waterloo-specific searches, ensuring your site ranks for "Waterloo plumber" or "Etobicoke dentist" if you're expanding nearby. Their team handles everything under one roof, saving you the hassle of juggling vendors.</p>
<p>Businesses near the Waterloo Public Library tell me they love how MetatronCube understands cultural preferences herelike mobile-first strategies for busy students and professionals.</p>
@ -8347,7 +8347,7 @@ info@metatroncubesolutions.com
<h4>Waterloo Success Stories with MetatronCube</h4>
<p>A bakery on King Street North battled slow winters. MetatronCube ran Instagram Reels + Facebook offerssales up 35%, per their process. Another, a salon near Westmount Place, used LinkedIn for corporate events, filling chairs.</p>
<p>These aren't outliers. Local directories list them strongGoogle Maps <a href="https://www.google.com/maps/search/Metatroncube+Software+Solutions+Waterloo" target="_blank">https://www.google.com/maps/search/Metatroncube+Software+Solutions+Waterloo</a>, Waterloo Chamber. Visit <a href="https://metatroncubesolutions.com/about/" target="_blank">About</a> for more.</p>
<p>These aren't outliers. Local directories list them strongGoogle Maps <a href="https://www.google.com/maps/search/Metatroncube+Software+Solutions+Waterloo" target="_blank">https://www.google.com/maps/search/Metatroncube+Software+Solutions+Waterloo</a>, Waterloo Chamber. Visit <a href="https://metatroncubesolutions.com/about-us/" target="_blank">About</a> for more.</p>
<h4>Practical Tips from a Local Social Media Agency</h4>
<p>Post native videoshigher engagement. Use urgency: "Today only, Uptown pickup." Budget 70% creation, 30% boosts initially.</p>

View File

@ -536,7 +536,7 @@ export const ourServices = [
{
id: 1,
title: "Website Development",
slug: "web-development",
slug: "website-development-company",
icon: "/assets/images/services/service/icon-1.webp",
image: "/assets/images/services/service/img-1.webp",
bigImage: "/assets/images/services/service/web.webp",
@ -1518,7 +1518,7 @@ Robust Security</li>
<div class="row">
<div class="col-md-6">
<div class="service-details__benefit__img">
<img src="https://bracketweb.com/pelocishtml/assets/images/resources/service-details-2.png" alt="Kitchener Waterloo Website Design">
<img src="https://bracketweb.com/pelocishtml/assets/images/resources/service-details-2.png" alt="Kitchener Waterloo Website Design services">
</div>
</div>
<div class="col-md-6">
@ -1739,7 +1739,7 @@ Robust Security</li>
<div class="row">
<div class="col-md-6">
<div class="service-details__benefit__img">
<img src="https://bracketweb.com/pelocishtml/assets/images/resources/service-details-2.png" alt="Web Design Waterloo">
<img src="https://bracketweb.com/pelocishtml/assets/images/resources/service-details-2.png" alt="professional Web Design Waterloo">
</div>
</div>
<div class="col-md-6">