seo issues fixed
This commit is contained in:
parent
ec0837aa73
commit
03bcfbbbe6
92
public/.htaccess
Normal file
92
public/.htaccess
Normal file
@ -0,0 +1,92 @@
|
|||||||
|
Options -Indexes
|
||||||
|
RewriteEngine On
|
||||||
|
|
||||||
|
# -------------------------------------------------------
|
||||||
|
# 301 Redirects — Broken URL fixes (Metatron Website)
|
||||||
|
# -------------------------------------------------------
|
||||||
|
|
||||||
|
# --- Blog Posts ---
|
||||||
|
RedirectMatch 301 ^/blog/web-development-trends-2023/?$ /blog/web-development-trends-2025/
|
||||||
|
RedirectMatch 301 ^/blog/seo-tips-for-small-business/?$ /service/search-engine-optimization-seo-content-writing/
|
||||||
|
RedirectMatch 301 ^/blog/top-digital-marketing-strategies-2022/?$ /blog/
|
||||||
|
RedirectMatch 301 ^/blog/mobile-app-development-cost/?$ /service/mobile-application-development/
|
||||||
|
RedirectMatch 301 ^/blog/graphic-design-trends/?$ /service/graphic-designing-company/
|
||||||
|
RedirectMatch 301 ^/blog/ui-ux-best-practices/?$ /service/ui-ux-designing/
|
||||||
|
RedirectMatch 301 ^/blog/erp-implementation-guide/?$ /service/erp-development-implementation/
|
||||||
|
RedirectMatch 301 ^/blog/digital-marketing-canada/?$ /service/digital-marketing-agency-in-canada/
|
||||||
|
RedirectMatch 301 ^/blog/website-design-waterloo/?$ /service/website-development-company/
|
||||||
|
RedirectMatch 301 ^/blog/react-vs-angular-2023/?$ /blog/
|
||||||
|
RedirectMatch 301 ^/blog/how-to-choose-seo-agency/?$ /service/search-engine-optimization-seo-content-writing/
|
||||||
|
RedirectMatch 301 ^/blog/flutter-app-development/?$ /service/mobile-application-development/
|
||||||
|
RedirectMatch 301 ^/blog/logo-design-tips/?$ /service/graphic-designing-company/
|
||||||
|
RedirectMatch 301 ^/blog/nodejs-backend-development/?$ /service/website-development-company/
|
||||||
|
RedirectMatch 301 ^/blog/digital-marketing-roi/?$ /service/digital-marketing-agency-in-canada/
|
||||||
|
RedirectMatch 301 ^/blog/ecommerce-website-development/?$ /service/website-development-company/
|
||||||
|
RedirectMatch 301 ^/blog/ux-design-principles/?$ /service/ui-ux-designing/
|
||||||
|
RedirectMatch 301 ^/blog/social-media-marketing-tips/?$ /service/digital-marketing-agency-in-canada/
|
||||||
|
RedirectMatch 301 ^/blog/wordpress-vs-custom-website/?$ /service/website-development-company/
|
||||||
|
RedirectMatch 301 ^/blog/content-marketing-strategy/?$ /service/search-engine-optimization-seo-content-writing/
|
||||||
|
|
||||||
|
# --- Blog Pagination ---
|
||||||
|
RedirectMatch 301 ^/blog/page/2/?$ /blog/
|
||||||
|
RedirectMatch 301 ^/blog/page/3/?$ /blog/
|
||||||
|
RedirectMatch 301 ^/blog/page/4/?$ /blog/
|
||||||
|
|
||||||
|
# --- Blog Categories ---
|
||||||
|
RedirectMatch 301 ^/blog/category/web-development/?$ /blog/
|
||||||
|
RedirectMatch 301 ^/blog/category/seo/?$ /blog/
|
||||||
|
RedirectMatch 301 ^/blog/category/digital-marketing/?$ /blog/
|
||||||
|
RedirectMatch 301 ^/blog/category/graphic-design/?$ /blog/
|
||||||
|
|
||||||
|
# --- Blog Tags ---
|
||||||
|
RedirectMatch 301 ^/blog/tag/mobile-app/?$ /blog/
|
||||||
|
RedirectMatch 301 ^/blog/tag/seo-tips/?$ /blog/
|
||||||
|
|
||||||
|
# --- Blog Author Archive ---
|
||||||
|
RedirectMatch 301 ^/blog/author/admin/?$ /blog/
|
||||||
|
|
||||||
|
# --- Service Sub-pages ---
|
||||||
|
RedirectMatch 301 ^/service/wordpress-development/?$ /service/website-development-company/
|
||||||
|
RedirectMatch 301 ^/service/shopify-development/?$ /service/website-development-company/
|
||||||
|
RedirectMatch 301 ^/service/ppc-advertising/?$ /service/digital-marketing-agency-in-canada/
|
||||||
|
RedirectMatch 301 ^/service/social-media-marketing/?$ /service/digital-marketing-agency-in-canada/
|
||||||
|
RedirectMatch 301 ^/service/content-writing/?$ /service/search-engine-optimization-seo-content-writing/
|
||||||
|
RedirectMatch 301 ^/service/logo-design/?$ /service/graphic-designing-company/
|
||||||
|
RedirectMatch 301 ^/service/branding/?$ /service/graphic-designing-company/
|
||||||
|
RedirectMatch 301 ^/service/android-app-development/?$ /service/mobile-application-development/
|
||||||
|
RedirectMatch 301 ^/service/ios-app-development/?$ /service/mobile-application-development/
|
||||||
|
RedirectMatch 301 ^/service/local-seo/?$ /service/search-engine-optimization-seo-content-writing/
|
||||||
|
RedirectMatch 301 ^/service/email-marketing/?$ /service/digital-marketing-agency-in-canada/
|
||||||
|
RedirectMatch 301 ^/service/app-maintenance/?$ /service/mobile-application-development/
|
||||||
|
|
||||||
|
# --- Portfolio Pages ---
|
||||||
|
RedirectMatch 301 ^/portfolio/ecommerce-website/?$ /portfolio/
|
||||||
|
RedirectMatch 301 ^/portfolio/mobile-banking-app/?$ /portfolio/
|
||||||
|
RedirectMatch 301 ^/portfolio/restaurant-website/?$ /portfolio/
|
||||||
|
RedirectMatch 301 ^/portfolio/healthcare-app/?$ /portfolio/
|
||||||
|
RedirectMatch 301 ^/portfolio/real-estate-website/?$ /portfolio/
|
||||||
|
RedirectMatch 301 ^/portfolio/page/2/?$ /portfolio/
|
||||||
|
|
||||||
|
# --- Location / City Landing Pages ---
|
||||||
|
RedirectMatch 301 ^/web-development-waterloo/?$ /service/website-development-company/
|
||||||
|
RedirectMatch 301 ^/seo-agency-waterloo/?$ /service/search-engine-optimization-seo-content-writing/
|
||||||
|
RedirectMatch 301 ^/digital-marketing-kitchener/?$ /service/digital-marketing-agency-in-canada/
|
||||||
|
RedirectMatch 301 ^/web-design-toronto/?$ /service/website-development-company/
|
||||||
|
RedirectMatch 301 ^/mobile-app-development-toronto/?$ /service/mobile-application-development/
|
||||||
|
RedirectMatch 301 ^/seo-services-toronto/?$ /service/search-engine-optimization-seo-content-writing/
|
||||||
|
RedirectMatch 301 ^/digital-marketing-toronto/?$ /service/digital-marketing-agency-in-canada/
|
||||||
|
|
||||||
|
# --- Old / Alternate Site URLs ---
|
||||||
|
RedirectMatch 301 ^/services/?$ /services-digital-solutions/
|
||||||
|
RedirectMatch 301 ^/our-services/?$ /services-digital-solutions/
|
||||||
|
RedirectMatch 301 ^/work/?$ /portfolio/
|
||||||
|
RedirectMatch 301 ^/team/?$ /about/
|
||||||
|
RedirectMatch 301 ^/case-studies/?$ /portfolio/
|
||||||
|
RedirectMatch 301 ^/testimonials/?$ /about/
|
||||||
|
RedirectMatch 301 ^/get-quote/?$ /contact/
|
||||||
|
RedirectMatch 301 ^/request-proposal/?$ /contact/
|
||||||
|
RedirectMatch 301 ^/pricing/?$ /contact/
|
||||||
|
RedirectMatch 301 ^/sitemap/?$ /sitemap.xml
|
||||||
|
RedirectMatch 301 ^/feed/?$ /blog/
|
||||||
|
RedirectMatch 301 ^/wp-admin/?$ /contact/
|
||||||
|
RedirectMatch 301 ^/search/?$ /blog/
|
||||||
@ -13,7 +13,7 @@ import ContactSection from "@/components/careers/ContactSection";
|
|||||||
import CouterAreaThree from "@/components/home/CounterAreaThree";
|
import CouterAreaThree from "@/components/home/CounterAreaThree";
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: "About Metatroncube Digital Experts Canada",
|
title: "About Metatroncube | Digital Agency Waterloo",
|
||||||
description: "Metatroncube Software Solution: Pioneering custom web & mobile apps with 10+ years. Based in Waterloo, we deliver innovative, user-centric digital products that power your growth.",
|
description: "Metatroncube Software Solution: Pioneering custom web & mobile apps with 10+ years. Based in Waterloo, we deliver innovative, user-centric digital products that power your growth.",
|
||||||
alternates: {
|
alternates: {
|
||||||
canonical: "/about-metatroncube-digital-experts-canada",
|
canonical: "/about-metatroncube-digital-experts-canada",
|
||||||
|
|||||||
@ -6,8 +6,8 @@ import BlogSection from "@/components/home/home-1/BlogSection";
|
|||||||
import PageHeader from "@/components/common/PageHeader";
|
import PageHeader from "@/components/common/PageHeader";
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: "Digital Marketing & SEO Blog Insights",
|
title: "Digital Marketing & SEO Blog | Metatroncube Waterloo",
|
||||||
description: "Expert insights on web development, SEO strategies, and digital marketing trends. Actionable tips from Metatroncube Software Solutions in Waterloo, Canada.",
|
description: "Expert SEO, web dev & digital marketing tips from Metatroncube Waterloo's leading agency. Practical guides, industry trends & Ontario business insights.",
|
||||||
alternates: {
|
alternates: {
|
||||||
canonical: "/digital-marketing-seo-blog-insights",
|
canonical: "/digital-marketing-seo-blog-insights",
|
||||||
},
|
},
|
||||||
|
|||||||
@ -10,8 +10,8 @@ import ProjectsSection from "@/components/home/ProjectsSection";
|
|||||||
|
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: "Careers at Metatroncube Join Our Team",
|
title: "Careers at Metatroncube | Join Our Waterloo Team",
|
||||||
description: "Join MetatronCube — where innovation in web & mobile development, SEO, and digital marketing meets your growth. Explore careers and build the future with us.",
|
description: "Grow your career in web development, SEO, design or digital marketing at Metatroncube, Waterloo. Open roles, culture & benefits. Apply to join our team.",
|
||||||
alternates: {
|
alternates: {
|
||||||
canonical: "/careers-at-metatroncube-join-our-team",
|
canonical: "/careers-at-metatroncube-join-our-team",
|
||||||
},
|
},
|
||||||
|
|||||||
@ -7,8 +7,8 @@ import MapSection from "@/components/contact/MapSection";
|
|||||||
import PageHeader from "@/components/common/PageHeader";
|
import PageHeader from "@/components/common/PageHeader";
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: "Contact Digital Marketing Experts Canada",
|
title: "Contact Metatroncube | Free Consultation 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.",
|
description: "Ready to grow online? Contact Metatroncube's digital experts in Waterloo, Ontario. Book a FREE consultation web, SEO, app & marketing projects welcome.",
|
||||||
alternates: {
|
alternates: {
|
||||||
canonical: "/contact-digital-marketing-experts-canada",
|
canonical: "/contact-digital-marketing-experts-canada",
|
||||||
},
|
},
|
||||||
|
|||||||
@ -10,7 +10,7 @@ import FaqFour from "@/components/home/FaqFour";
|
|||||||
import FaqFive from "@/components/home/FaqFive";
|
import FaqFive from "@/components/home/FaqFive";
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: "FAQs Digital Services & Marketing Help",
|
title: "FAQs | Web, SEO & App Services | Metatroncube",
|
||||||
description: "Explore FAQs about Web & App Development, SEO, digital marketing, and graphic design. Uncover expert insights and solutions with Metatroncube.",
|
description: "Explore FAQs about Web & App Development, SEO, digital marketing, and graphic design. Uncover expert insights and solutions with Metatroncube.",
|
||||||
alternates: {
|
alternates: {
|
||||||
canonical: "/faqs-digital-services-marketing-help",
|
canonical: "/faqs-digital-services-marketing-help",
|
||||||
|
|||||||
@ -16,8 +16,8 @@ import HomeContactOne from "@/components/home/HomeContactOne";
|
|||||||
import HomeServiceOne from "@/components/home/HomeServiceOne";
|
import HomeServiceOne from "@/components/home/HomeServiceOne";
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: "Digital Solutions & Marketing Agency Canada",
|
title: "Website Design & Digital Marketing Agency in Waterloo | Metatroncube",
|
||||||
description: "Metatroncube Software Solution: Your go-to agency for cutting-edge web & app development, SEO, digital marketing, and graphic design services.",
|
description: "MetatronCube Solutions is a leading digital marketing and web design agency in Waterloo. We help businesses grow with SEO, Google Ads, website development, social media marketing, content marketing,and custom software solutions across Waterloo and Ontario",
|
||||||
alternates: {
|
alternates: {
|
||||||
canonical: "/",
|
canonical: "/",
|
||||||
},
|
},
|
||||||
|
|||||||
@ -6,8 +6,8 @@ import PortfolioSection from "@/components/home/PortfolioSection";
|
|||||||
import PageHeader from "@/components/common/PageHeader";
|
import PageHeader from "@/components/common/PageHeader";
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: "Our Portfolio Web & Marketing Projects",
|
title: "Web & App Portfolio | Metatroncube Waterloo",
|
||||||
description: "Metatroncube Software Solution: Your go-to agency for cutting-edge web & app development, SEO, digital marketing, and graphic design services",
|
description: "See Metatroncube's award-winning web, mobile app, SEO & branding work for Canadian businesses. Real results, real clients. Browse our project portfolio.",
|
||||||
alternates: {
|
alternates: {
|
||||||
canonical: "/our-portfolio-web-and-marketing-projects",
|
canonical: "/our-portfolio-web-and-marketing-projects",
|
||||||
},
|
},
|
||||||
|
|||||||
@ -6,7 +6,7 @@ import PageHeader from "@/components/common/PageHeader";
|
|||||||
import PrivacyPolicyContent from "@/components/privacy/PrivacyPolicyContent";
|
import PrivacyPolicyContent from "@/components/privacy/PrivacyPolicyContent";
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: "Privacy Policy of Metatroncube Software Solution - Metatroncube Software Solution | Innovative & User-Centric Tech Services in Waterloo",
|
title: "Privacy Policy | Metatroncube Software Solutions",
|
||||||
description: "Metatroncube Software Solution values your privacy. We collect, use & protect your personal data responsibly, ensuring transparency, security, and legal compliance. Contact us anytime.",
|
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: {
|
alternates: {
|
||||||
canonical: "/privacy-policy",
|
canonical: "/privacy-policy",
|
||||||
|
|||||||
@ -8,12 +8,12 @@ const About = () => {
|
|||||||
const [isContactOpen, setIsContactOpen] = useState(false);
|
const [isContactOpen, setIsContactOpen] = useState(false);
|
||||||
return (
|
return (
|
||||||
<div className="about1-section-area sp1" id="about">
|
<div className="about1-section-area sp1" id="about">
|
||||||
<img loading="lazy" src="/assets/img-app/elements/elements9.png" alt="" className="elements9" />
|
<img loading="lazy" src="/assets/img-app/elements/elements9.png" alt="Decorative background element" className="elements9" />
|
||||||
<div className="container">
|
<div className="container">
|
||||||
<div className="row align-items-center">
|
<div className="row align-items-center">
|
||||||
<div className="col-lg-6">
|
<div className="col-lg-6">
|
||||||
<div className="about-images-area" style={{ position: 'relative' }}>
|
<div className="about-images-area" style={{ position: 'relative' }}>
|
||||||
<img loading="lazy" src="/assets/img-app/elements/elements10.png" alt="" className="elements10" />
|
<img loading="lazy" src="/assets/img-app/elements/elements10.png" alt="Decorative overlay element" className="elements10" />
|
||||||
<img
|
<img
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
src="/assets/img-app/home/section2/about.webp"
|
src="/assets/img-app/home/section2/about.webp"
|
||||||
@ -27,7 +27,7 @@ const About = () => {
|
|||||||
<div className="col-lg-5">
|
<div className="col-lg-5">
|
||||||
<div className="about-glass-container about-header-area heading2">
|
<div className="about-glass-container about-header-area heading2">
|
||||||
<GsapReveal y={20}>
|
<GsapReveal y={20}>
|
||||||
<h5><span><img loading="lazy" src="/assets/img-app/fav-icon.webp" alt="" style={{ width: '20px', height: '20px', objectFit: 'contain' }} /></span>About Metatroncube Software Solution</h5>
|
<h5><span><img loading="lazy" src="/assets/img-app/fav-icon.webp" alt="MetatronCube icon" style={{ width: '20px', height: '20px', objectFit: 'contain' }} /></span>About Metatroncube Software Solution</h5>
|
||||||
</GsapReveal>
|
</GsapReveal>
|
||||||
<div className="space24"></div>
|
<div className="space24"></div>
|
||||||
<GsapReveal y={20} delay={0.2}>
|
<GsapReveal y={20} delay={0.2}>
|
||||||
|
|||||||
@ -64,7 +64,7 @@ const BrandSlider = () => {
|
|||||||
<div className="col-lg-8 m-auto text-center">
|
<div className="col-lg-8 m-auto text-center">
|
||||||
<div className="brand-header heading2 text-center">
|
<div className="brand-header heading2 text-center">
|
||||||
<GsapReveal y={20}>
|
<GsapReveal y={20}>
|
||||||
<h5><span><img loading="lazy" src="/assets/img-app/fav-icon.webp" alt="" style={{ width: '20px', height: '20px', objectFit: 'contain' }} /></span>Our Partners</h5>
|
<h5><span><img loading="lazy" src="/assets/img-app/fav-icon.webp" alt="MetatronCube icon" style={{ width: '20px', height: '20px', objectFit: 'contain' }} /></span>Our Partners</h5>
|
||||||
</GsapReveal>
|
</GsapReveal>
|
||||||
<div className="space24"></div>
|
<div className="space24"></div>
|
||||||
<GsapReveal y={20} delay={0.2}>
|
<GsapReveal y={20} delay={0.2}>
|
||||||
|
|||||||
@ -64,12 +64,12 @@ const CaseStudies = () => {
|
|||||||
return (
|
return (
|
||||||
<section className="case-studies-section sp1 position-relative" id="portfolio" style={{ overflow: 'hidden' }}>
|
<section className="case-studies-section sp1 position-relative" id="portfolio" style={{ overflow: 'hidden' }}>
|
||||||
|
|
||||||
<img loading="lazy" src="/assets/img-app/home/section6/1.webp" alt="" className="case-floating-element case-el-left-3" />
|
<img loading="lazy" src="/assets/img-app/home/section6/1.webp" alt="Decorative floating element" className="case-floating-element case-el-left-3" />
|
||||||
<img loading="lazy" src="/assets/img-app/home/section6/2.webp" alt="" className="case-floating-element case-el-left-4" />
|
<img loading="lazy" src="/assets/img-app/home/section6/2.webp" alt="Decorative floating element" className="case-floating-element case-el-left-4" />
|
||||||
|
|
||||||
{/* Floating Elements - Right (4) */}
|
{/* Floating Elements - Right (4) */}
|
||||||
<img loading="lazy" src="/assets/img-app/home/section6/3.webp" alt="" className="case-floating-element case-el-right-1" />
|
<img loading="lazy" src="/assets/img-app/home/section6/3.webp" alt="Decorative floating element" className="case-floating-element case-el-right-1" />
|
||||||
<img loading="lazy" src="/assets/img-app/home/section6/4.webp" alt="" className="case-floating-element case-el-right-2" />
|
<img loading="lazy" src="/assets/img-app/home/section6/4.webp" alt="Decorative floating element" className="case-floating-element case-el-right-2" />
|
||||||
|
|
||||||
|
|
||||||
<div className="container">
|
<div className="container">
|
||||||
@ -80,7 +80,7 @@ const CaseStudies = () => {
|
|||||||
<div className="consen-section-title upper text-center pb-80 heading2">
|
<div className="consen-section-title upper text-center pb-80 heading2">
|
||||||
<GsapReveal y={20}>
|
<GsapReveal y={20}>
|
||||||
<h5 style={{ color: '#3779b9', fontWeight: 600, textTransform: 'uppercase', letterSpacing: '2px' }}>
|
<h5 style={{ color: '#3779b9', fontWeight: 600, textTransform: 'uppercase', letterSpacing: '2px' }}>
|
||||||
<span><img loading="lazy" src="/assets/img-app/fav-icon.webp" alt="" style={{ width: '20px', height: '20px', objectFit: 'contain' }} /></span>
|
<span><img loading="lazy" src="/assets/img-app/fav-icon.webp" alt="MetatronCube icon" style={{ width: '20px', height: '20px', objectFit: 'contain' }} /></span>
|
||||||
Case Studies
|
Case Studies
|
||||||
</h5>
|
</h5>
|
||||||
</GsapReveal>
|
</GsapReveal>
|
||||||
|
|||||||
@ -58,12 +58,12 @@ const CaseStudy = () => {
|
|||||||
</div>
|
</div>
|
||||||
<div className="col-lg-4">
|
<div className="col-lg-4">
|
||||||
<div className="images" data-aos="zoom-in" data-aos-duration="1000">
|
<div className="images" data-aos="zoom-in" data-aos-duration="1000">
|
||||||
<img loading="lazy" src="/assets/img-app/elements/elements43.png" alt="" className="elements43" />
|
<img loading="lazy" src="/assets/img-app/elements/elements43.png" alt="Decorative element" className="elements43" />
|
||||||
<img loading="lazy" src="/assets/img-app/elements/elements27.png" alt="" className="elements27" />
|
<img loading="lazy" src="/assets/img-app/elements/elements27.png" alt="Decorative element" className="elements27" />
|
||||||
<img loading="lazy" src="/assets/img-app/elements/elements30.png" alt="" className="elements30" />
|
<img loading="lazy" src="/assets/img-app/elements/elements30.png" alt="Decorative element" className="elements30" />
|
||||||
<img loading="lazy" src="/assets/img-app/elements/elements39.png" alt="" className="elements39" />
|
<img loading="lazy" src="/assets/img-app/elements/elements39.png" alt="Decorative element" className="elements39" />
|
||||||
<div className="img1">
|
<div className="img1">
|
||||||
<img loading="lazy" src="/assets/img-app/all-images/case/case-img4.png" alt="" />
|
<img loading="lazy" src="/assets/img-app/all-images/case/case-img4.png" alt="Case study project showcase" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -97,7 +97,7 @@ const FAQ = () => {
|
|||||||
<div className="space-margin60">
|
<div className="space-margin60">
|
||||||
<GsapReveal y={20}>
|
<GsapReveal y={20}>
|
||||||
<h5 className="faqv2-subtitle">
|
<h5 className="faqv2-subtitle">
|
||||||
<span><img loading="lazy" src="/assets/img-app/fav-icon.webp" alt="" style={{ width: '20px', height: '20px', objectFit: 'contain' }} /></span>
|
<span><img loading="lazy" src="/assets/img-app/fav-icon.webp" alt="MetatronCube icon" style={{ width: '20px', height: '20px', objectFit: 'contain' }} /></span>
|
||||||
FAQ
|
FAQ
|
||||||
</h5>
|
</h5>
|
||||||
</GsapReveal>
|
</GsapReveal>
|
||||||
|
|||||||
@ -11,8 +11,8 @@ const Hero = () => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="hero1-section-area" id="home">
|
<div className="hero1-section-area" id="home">
|
||||||
<img loading="lazy" src="/assets/img-app/elements/elements4.png" alt="" className="elements4" />
|
<img loading="lazy" src="/assets/img-app/elements/elements4.png" alt="Decorative floating element" className="elements4" />
|
||||||
<img loading="lazy" src="/assets/img-app/elements/elements5.png" alt="" className="elements5" />
|
<img loading="lazy" src="/assets/img-app/elements/elements5.png" alt="Decorative floating element" className="elements5" />
|
||||||
<div className="container">
|
<div className="container">
|
||||||
<div className="row align-items-center">
|
<div className="row align-items-center">
|
||||||
<div className="col-lg-7">
|
<div className="col-lg-7">
|
||||||
@ -40,19 +40,19 @@ const Hero = () => {
|
|||||||
<div className="col-lg-5">
|
<div className="col-lg-5">
|
||||||
<div className="hero-images-area">
|
<div className="hero-images-area">
|
||||||
<div className="img1" data-aos="zoom-in" data-aos-duration="1000">
|
<div className="img1" data-aos="zoom-in" data-aos-duration="1000">
|
||||||
<img loading="lazy" src="/assets/img-app/home/banner/centre-img.webp" alt="" />
|
<img loading="eager" fetchPriority="high" src="/assets/img-app/home/banner/centre-img.webp" alt="Mobile app development services by Metatroncube" />
|
||||||
</div>
|
</div>
|
||||||
{/* <div className="image-bg1">
|
{/* <div className="image-bg1">
|
||||||
<img loading="lazy" src="/assets/img-app/all-images/bg/hero-bg2.png" alt="" className="keyframe5" />
|
<img loading="lazy" src="/assets/img-app/all-images/bg/hero-bg2.png" alt="" className="keyframe5" />
|
||||||
</div> */}
|
</div> */}
|
||||||
<div className="elements1">
|
<div className="elements1">
|
||||||
<img loading="lazy" src="/assets/img-app/home/banner/left-element.webp" alt="" className="animation-1 floating-slow" />
|
<img loading="lazy" src="/assets/img-app/home/banner/left-element.webp" alt="Animated left design element" className="animation-1 floating-slow" />
|
||||||
</div>
|
</div>
|
||||||
<div className="elements2">
|
<div className="elements2">
|
||||||
<img loading="lazy" src="/assets/img-app/home/banner/bottom-element.webp" alt="" className="animation-2 floating-fast" />
|
<img loading="lazy" src="/assets/img-app/home/banner/bottom-element.webp" alt="Animated bottom design element" className="animation-2 floating-fast" />
|
||||||
</div>
|
</div>
|
||||||
<div className="elements3">
|
<div className="elements3">
|
||||||
<img loading="lazy" src="/assets/img-app/home/banner/right-element.webp" alt="" className="animation-3 floating-slow" />
|
<img loading="lazy" src="/assets/img-app/home/banner/right-element.webp" alt="Animated right design element" className="animation-3 floating-slow" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -13,7 +13,7 @@ const Pricing = () => {
|
|||||||
<div className="consen-section-title upper text-center pb-60 heading2">
|
<div className="consen-section-title upper text-center pb-60 heading2">
|
||||||
<GsapReveal y={20}>
|
<GsapReveal y={20}>
|
||||||
<h5 style={{ color: '#3779b9', fontWeight: 600, textTransform: 'uppercase', letterSpacing: '2px' }}>
|
<h5 style={{ color: '#3779b9', fontWeight: 600, textTransform: 'uppercase', letterSpacing: '2px' }}>
|
||||||
<span><img loading="lazy" src="/assets/img-app/fav-icon.webp" alt="" style={{ width: '20px', height: '20px', objectFit: 'contain' }} /></span>
|
<span><img loading="lazy" src="/assets/img-app/fav-icon.webp" alt="MetatronCube icon" style={{ width: '20px', height: '20px', objectFit: 'contain' }} /></span>
|
||||||
Pricing Plans
|
Pricing Plans
|
||||||
</h5>
|
</h5>
|
||||||
</GsapReveal>
|
</GsapReveal>
|
||||||
@ -73,7 +73,7 @@ const Pricing = () => {
|
|||||||
<img
|
<img
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
src={plan.isPopular ? "/assets/img/arrow-white.png" : "/assets/img/arrow.png"}
|
src={plan.isPopular ? "/assets/img/arrow-white.png" : "/assets/img/arrow.png"}
|
||||||
alt=""
|
alt="Pricing feature checkmark"
|
||||||
style={{ width: '20px', height: '20px', objectFit: 'contain', marginRight: '10px' }}
|
style={{ width: '20px', height: '20px', objectFit: 'contain', marginRight: '10px' }}
|
||||||
/>
|
/>
|
||||||
{feature}
|
{feature}
|
||||||
|
|||||||
@ -16,7 +16,7 @@ const Service = () => {
|
|||||||
<div className="col-lg-7">
|
<div className="col-lg-7">
|
||||||
<div className="service-header heading2">
|
<div className="service-header heading2">
|
||||||
<GsapReveal y={20}>
|
<GsapReveal y={20}>
|
||||||
<h5 className="text-white"><span><img loading="lazy" src="/assets/img-app/fav-icon.webp" alt="" style={{ width: '20px', height: '20px', objectFit: 'contain' }} /></span>Our Services</h5>
|
<h5 className="text-white"><span><img loading="lazy" src="/assets/img-app/fav-icon.webp" alt="MetatronCube icon" style={{ width: '20px', height: '20px', objectFit: 'contain' }} /></span>Our Services</h5>
|
||||||
</GsapReveal>
|
</GsapReveal>
|
||||||
<div className="space24"></div>
|
<div className="space24"></div>
|
||||||
<GsapReveal y={20} delay={0.15}>
|
<GsapReveal y={20} delay={0.15}>
|
||||||
|
|||||||
@ -86,7 +86,7 @@ const Testimonial = () => {
|
|||||||
<div className="col-lg-7 m-auto">
|
<div className="col-lg-7 m-auto">
|
||||||
<div className="testimonial-header text-center heading2 space-margin60">
|
<div className="testimonial-header text-center heading2 space-margin60">
|
||||||
<GsapReveal y={20}>
|
<GsapReveal y={20}>
|
||||||
<h5><span><img loading="lazy" src="/assets/img-app/fav-icon.webp" alt="" style={{ width: '20px', height: '20px', objectFit: 'contain' }} /></span>Testimonials</h5>
|
<h5><span><img loading="lazy" src="/assets/img-app/fav-icon.webp" alt="MetatronCube icon" style={{ width: '20px', height: '20px', objectFit: 'contain' }} /></span>Testimonials</h5>
|
||||||
</GsapReveal>
|
</GsapReveal>
|
||||||
<div className="space20"></div>
|
<div className="space20"></div>
|
||||||
<GsapReveal y={20} delay={0.2}>
|
<GsapReveal y={20} delay={0.2}>
|
||||||
@ -139,7 +139,7 @@ const Testimonial = () => {
|
|||||||
position: 'relative',
|
position: 'relative',
|
||||||
transition: 'transform 0.3s ease'
|
transition: 'transform 0.3s ease'
|
||||||
}}>
|
}}>
|
||||||
<img loading="lazy" src="/assets/img-app/icons/quito1.svg" alt="" style={{ position: 'absolute', right: 30, top: 30, opacity: 0.15, width: 50 }} />
|
<img loading="lazy" src="/assets/img-app/icons/quito1.svg" alt="Quote icon" style={{ position: 'absolute', right: 30, top: 30, opacity: 0.15, width: 50 }} />
|
||||||
|
|
||||||
{/* Stars */}
|
{/* Stars */}
|
||||||
<div className="stars" style={{ display: 'flex', gap: '6px', marginBottom: '25px' }}>
|
<div className="stars" style={{ display: 'flex', gap: '6px', marginBottom: '25px' }}>
|
||||||
|
|||||||
@ -17,8 +17,8 @@ const Work = () => {
|
|||||||
backgroundSize: 'cover',
|
backgroundSize: 'cover',
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<img loading="lazy" src="/assets/img-app/home/section5/top-element-2.webp" alt="" className="elements16" />
|
<img loading="lazy" src="/assets/img-app/home/section5/top-element-2.webp" alt="Decorative floating element" className="elements16" />
|
||||||
<img loading="lazy" src="/assets/img-app/home/section5/top-element-1.webp" alt="" className="elements1 keyframe5" />
|
<img loading="lazy" src="/assets/img-app/home/section5/top-element-1.webp" alt="Decorative floating element" className="elements1 keyframe5" />
|
||||||
|
|
||||||
<div className="container">
|
<div className="container">
|
||||||
<div className="row align-items-center g-5">
|
<div className="row align-items-center g-5">
|
||||||
@ -38,7 +38,7 @@ const Work = () => {
|
|||||||
<div className="col-12 col-xl-7">
|
<div className="col-12 col-xl-7">
|
||||||
<div className="work-content-area heading1">
|
<div className="work-content-area heading1">
|
||||||
<GsapReveal y={20}>
|
<GsapReveal y={20}>
|
||||||
<h5><span><img loading="lazy" src="/assets/img-app/fav-icon.webp" alt="" style={{ width: '20px', height: '20px', objectFit: 'contain' }} /></span>OUR DEVELOPMENT PROCESS</h5>
|
<h5><span><img loading="lazy" src="/assets/img-app/fav-icon.webp" alt="MetatronCube icon" style={{ width: '20px', height: '20px', objectFit: 'contain' }} /></span>OUR DEVELOPMENT PROCESS</h5>
|
||||||
</GsapReveal>
|
</GsapReveal>
|
||||||
<div className="space24"></div>
|
<div className="space24"></div>
|
||||||
<GsapReveal y={20} delay={0.15}>
|
<GsapReveal y={20} delay={0.15}>
|
||||||
|
|||||||
@ -54,12 +54,12 @@ const WorkProcess = () => {
|
|||||||
</div>
|
</div>
|
||||||
<div className="col-xl-4 col-lg-12 d-flex align-items-center justify-content-center">
|
<div className="col-xl-4 col-lg-12 d-flex align-items-center justify-content-center">
|
||||||
<div className="images" data-aos="zoom-in" data-aos-duration="1000">
|
<div className="images" data-aos="zoom-in" data-aos-duration="1000">
|
||||||
<img loading="lazy" src="/assets/img-app/elements/elements12.png" alt="" className="elements12" />
|
<img loading="lazy" src="/assets/img-app/elements/elements12.png" alt="Decorative circle element" className="elements12" />
|
||||||
<img loading="lazy" src="/assets/img-app/elements/elements13.png" alt="" className="elements13" />
|
<img loading="lazy" src="/assets/img-app/elements/elements13.png" alt="Decorative circle element" className="elements13" />
|
||||||
<img loading="lazy" src="/assets/img-app/elements/elements14.png" alt="" className="elements14" />
|
<img loading="lazy" src="/assets/img-app/elements/elements14.png" alt="Decorative circle element" className="elements14" />
|
||||||
<img loading="lazy" src="/assets/img-app/elements/elements15.png" alt="" className="elements15" />
|
<img loading="lazy" src="/assets/img-app/elements/elements15.png" alt="Decorative circle element" className="elements15" />
|
||||||
<div className="img1 shadow-lg">
|
<div className="img1 shadow-lg">
|
||||||
<img loading="lazy" src="/assets/img-app/home/section5/bottom-circle.webp" alt="" />
|
<img loading="lazy" src="/assets/img-app/home/section5/bottom-circle.webp" alt="App development process illustration" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -17,12 +17,12 @@ const BlogCard: React.FC<BlogCardProps> = ({ blog }) => {
|
|||||||
<ul>
|
<ul>
|
||||||
<li>
|
<li>
|
||||||
<a href="#">
|
<a href="#">
|
||||||
<img loading="lazy" src="/assets/img-app/icons/calender1.svg" alt="" /> {blog.date} <span> | </span>
|
<img loading="lazy" src="/assets/img-app/icons/calender1.svg" alt="Calendar icon" /> {blog.date} <span> | </span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="#">
|
<a href="#">
|
||||||
<img loading="lazy" src="/assets/img-app/icons/user1.svg" alt="" /> {blog.authorName}
|
<img loading="lazy" src="/assets/img-app/icons/user1.svg" alt="Author icon" /> {blog.authorName}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|||||||
@ -32,24 +32,24 @@ const CTA = () => {
|
|||||||
<div className="col-lg-3"></div>
|
<div className="col-lg-3"></div>
|
||||||
<div className="col-lg-4">
|
<div className="col-lg-4">
|
||||||
<div className="cta-images">
|
<div className="cta-images">
|
||||||
<img loading="lazy" src="/assets/img-app/home/section10/bg-element.webp" alt="" className="elements7 keyframe5" />
|
<img loading="lazy" src="/assets/img-app/home/section10/bg-element.webp" alt="Decorative background element" className="elements7 keyframe5" />
|
||||||
<div className="img1">
|
<div className="img1">
|
||||||
<img loading="lazy" src="/assets/img-app/home/section10/right.webp" alt="" />
|
<img loading="lazy" src="/assets/img-app/home/section10/right.webp" alt="Contact us for app development" />
|
||||||
</div>
|
</div>
|
||||||
<ul className="aniamtion-key-1">
|
<ul className="aniamtion-key-1">
|
||||||
<li>
|
<li>
|
||||||
<a href="#" onClick={(e) => { e.preventDefault(); setIsContactOpen(true); }}>
|
<a href="#" onClick={(e) => { e.preventDefault(); setIsContactOpen(true); }}>
|
||||||
<img loading="lazy" src="/assets/img-app/icons/check5.svg" alt="" />Get Free Consultation
|
<img loading="lazy" src="/assets/img-app/icons/check5.svg" alt="Checkmark icon" />Get Free Consultation
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="#" onClick={(e) => { e.preventDefault(); setIsContactOpen(true); }}>
|
<a href="#" onClick={(e) => { e.preventDefault(); setIsContactOpen(true); }}>
|
||||||
<img loading="lazy" src="/assets/img-app/icons/check5.svg" alt="" /> Request Pricing
|
<img loading="lazy" src="/assets/img-app/icons/check5.svg" alt="Checkmark icon" /> Request Pricing
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="#" onClick={(e) => { e.preventDefault(); setIsContactOpen(true); }}>
|
<a href="#" onClick={(e) => { e.preventDefault(); setIsContactOpen(true); }}>
|
||||||
<img loading="lazy" src="/assets/img-app/icons/check5.svg" alt="" />Talk to an Expert
|
<img loading="lazy" src="/assets/img-app/icons/check5.svg" alt="Checkmark icon" />Talk to an Expert
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|||||||
@ -8,12 +8,12 @@ const About = () => {
|
|||||||
const [isContactOpen, setIsContactOpen] = useState(false);
|
const [isContactOpen, setIsContactOpen] = useState(false);
|
||||||
return (
|
return (
|
||||||
<div className="about1-section-area sp1" id="about">
|
<div className="about1-section-area sp1" id="about">
|
||||||
<img loading="lazy" src="/assets/img/elements/elements9.png" alt="" className="elements9" />
|
<img loading="lazy" src="/assets/img/elements/elements9.png" alt="Decorative background element" className="elements9" />
|
||||||
<div className="container">
|
<div className="container">
|
||||||
<div className="row align-items-center">
|
<div className="row align-items-center">
|
||||||
<div className="col-lg-6">
|
<div className="col-lg-6">
|
||||||
<div className="about-images-area" style={{ position: 'relative' }}>
|
<div className="about-images-area" style={{ position: 'relative' }}>
|
||||||
<img loading="lazy" src="/assets/img/elements/elements10.png" alt="" className="elements10" />
|
<img loading="lazy" src="/assets/img/elements/elements10.png" alt="Decorative overlay element" className="elements10" />
|
||||||
<img
|
<img
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
src="/assets/img/home/section2/third-section.webp"
|
src="/assets/img/home/section2/third-section.webp"
|
||||||
@ -27,7 +27,7 @@ const About = () => {
|
|||||||
<div className="col-lg-5">
|
<div className="col-lg-5">
|
||||||
<div className="about-glass-container about-header-area heading2">
|
<div className="about-glass-container about-header-area heading2">
|
||||||
<GsapReveal y={20}>
|
<GsapReveal y={20}>
|
||||||
<h5><span><img loading="lazy" src="/favicon.ico" alt="" /></span>About MetatronCube IT Solution</h5>
|
<h5><span><img loading="lazy" src="/favicon.ico" alt="MetatronCube icon" /></span>About MetatronCube IT Solution</h5>
|
||||||
</GsapReveal>
|
</GsapReveal>
|
||||||
<div className="space24"></div>
|
<div className="space24"></div>
|
||||||
<GsapReveal y={20} delay={0.2}>
|
<GsapReveal y={20} delay={0.2}>
|
||||||
@ -41,13 +41,13 @@ const About = () => {
|
|||||||
<h6>We specialize in:</h6>
|
<h6>We specialize in:</h6>
|
||||||
<div className="specialty-row mt-3">
|
<div className="specialty-row mt-3">
|
||||||
<ul className="specialty-list">
|
<ul className="specialty-list">
|
||||||
<li><span><img loading="lazy" src="/assets/img/arrow.png" alt="" style={{ width: '20px', marginRight: '8px' }} /></span> Business Websites</li>
|
<li><span><img loading="lazy" src="/assets/img/arrow.png" alt="List arrow icon" style={{ width: '20px', marginRight: '8px' }} /></span> Business Websites</li>
|
||||||
<li><span><img loading="lazy" src="/assets/img/arrow.png" alt="" style={{ width: '20px', marginRight: '8px' }} /></span> Corporate Websites</li>
|
<li><span><img loading="lazy" src="/assets/img/arrow.png" alt="List arrow icon" style={{ width: '20px', marginRight: '8px' }} /></span> Corporate Websites</li>
|
||||||
<li><span><img loading="lazy" src="/assets/img/arrow.png" alt="" style={{ width: '20px', marginRight: '8px' }} /></span> Landing Pages</li>
|
<li><span><img loading="lazy" src="/assets/img/arrow.png" alt="List arrow icon" style={{ width: '20px', marginRight: '8px' }} /></span> Landing Pages</li>
|
||||||
</ul>
|
</ul>
|
||||||
<ul className="specialty-list">
|
<ul className="specialty-list">
|
||||||
<li><span><img loading="lazy" src="/assets/img/arrow.png" alt="" style={{ width: '20px', marginRight: '8px' }} /></span> E-commerce Stores</li>
|
<li><span><img loading="lazy" src="/assets/img/arrow.png" alt="List arrow icon" style={{ width: '20px', marginRight: '8px' }} /></span> E-commerce Stores</li>
|
||||||
<li><span><img loading="lazy" src="/assets/img/arrow.png" alt="" style={{ width: '20px', marginRight: '8px' }} /></span> Custom Web Applications</li>
|
<li><span><img loading="lazy" src="/assets/img/arrow.png" alt="List arrow icon" style={{ width: '20px', marginRight: '8px' }} /></span> Custom Web Applications</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -64,7 +64,7 @@ const BrandSlider = () => {
|
|||||||
<div className="col-lg-8 m-auto text-center">
|
<div className="col-lg-8 m-auto text-center">
|
||||||
<div className="brand-header heading2 text-center">
|
<div className="brand-header heading2 text-center">
|
||||||
<GsapReveal y={20}>
|
<GsapReveal y={20}>
|
||||||
<h5><span><img loading="lazy" src="/assets/img-app/fav-icon.webp" alt="" style={{ width: '20px', height: '20px', objectFit: 'contain' }} /></span>Our Partners</h5>
|
<h5><span><img loading="lazy" src="/assets/img-app/fav-icon.webp" alt="MetatronCube icon" style={{ width: '20px', height: '20px', objectFit: 'contain' }} /></span>Our Partners</h5>
|
||||||
</GsapReveal>
|
</GsapReveal>
|
||||||
<div className="space24"></div>
|
<div className="space24"></div>
|
||||||
<GsapReveal y={20} delay={0.2}>
|
<GsapReveal y={20} delay={0.2}>
|
||||||
|
|||||||
@ -65,12 +65,12 @@ const CaseStudies = () => {
|
|||||||
return (
|
return (
|
||||||
<section className="case-studies-section sp1 position-relative" id="portfolio" style={{ overflow: 'hidden' }}>
|
<section className="case-studies-section sp1 position-relative" id="portfolio" style={{ overflow: 'hidden' }}>
|
||||||
|
|
||||||
<img loading="lazy" src="/assets/img/home/section6/1.webp" alt="" className="case-floating-element case-el-left-3" />
|
<img loading="lazy" src="/assets/img/home/section6/1.webp" alt="Decorative floating element" className="case-floating-element case-el-left-3" />
|
||||||
<img loading="lazy" src="/assets/img/home/section6/2.webp" alt="" className="case-floating-element case-el-left-4" />
|
<img loading="lazy" src="/assets/img/home/section6/2.webp" alt="Decorative floating element" className="case-floating-element case-el-left-4" />
|
||||||
|
|
||||||
{/* Floating Elements - Right (4) */}
|
{/* Floating Elements - Right (4) */}
|
||||||
<img loading="lazy" src="/assets/img/home/section6/3.webp" alt="" className="case-floating-element case-el-right-1" />
|
<img loading="lazy" src="/assets/img/home/section6/3.webp" alt="Decorative floating element" className="case-floating-element case-el-right-1" />
|
||||||
<img loading="lazy" src="/assets/img/home/section6/4.webp" alt="" className="case-floating-element case-el-right-2" />
|
<img loading="lazy" src="/assets/img/home/section6/4.webp" alt="Decorative floating element" className="case-floating-element case-el-right-2" />
|
||||||
|
|
||||||
|
|
||||||
<div className="container">
|
<div className="container">
|
||||||
@ -81,7 +81,7 @@ const CaseStudies = () => {
|
|||||||
<div className="consen-section-title upper text-center pb-80 heading2">
|
<div className="consen-section-title upper text-center pb-80 heading2">
|
||||||
<GsapReveal y={20}>
|
<GsapReveal y={20}>
|
||||||
<h5 style={{ color: '#3779b9', fontWeight: 600, textTransform: 'uppercase', letterSpacing: '2px' }}>
|
<h5 style={{ color: '#3779b9', fontWeight: 600, textTransform: 'uppercase', letterSpacing: '2px' }}>
|
||||||
<span><img loading="lazy" src="/favicon.ico" alt="" /></span>
|
<span><img loading="lazy" src="/favicon.ico" alt="MetatronCube icon" /></span>
|
||||||
Case Studies
|
Case Studies
|
||||||
</h5>
|
</h5>
|
||||||
</GsapReveal>
|
</GsapReveal>
|
||||||
|
|||||||
@ -58,12 +58,12 @@ const CaseStudy = () => {
|
|||||||
</div>
|
</div>
|
||||||
<div className="col-lg-4">
|
<div className="col-lg-4">
|
||||||
<div className="images" data-aos="zoom-in" data-aos-duration="1000">
|
<div className="images" data-aos="zoom-in" data-aos-duration="1000">
|
||||||
<img loading="lazy" src="/assets/img/elements/elements43.png" alt="" className="elements43" />
|
<img loading="lazy" src="/assets/img/elements/elements43.png" alt="Decorative element" className="elements43" />
|
||||||
<img loading="lazy" src="/assets/img/elements/elements27.png" alt="" className="elements27" />
|
<img loading="lazy" src="/assets/img/elements/elements27.png" alt="Decorative element" className="elements27" />
|
||||||
<img loading="lazy" src="/assets/img/elements/elements30.png" alt="" className="elements30" />
|
<img loading="lazy" src="/assets/img/elements/elements30.png" alt="Decorative element" className="elements30" />
|
||||||
<img loading="lazy" src="/assets/img/elements/elements39.png" alt="" className="elements39" />
|
<img loading="lazy" src="/assets/img/elements/elements39.png" alt="Decorative element" className="elements39" />
|
||||||
<div className="img1">
|
<div className="img1">
|
||||||
<img loading="lazy" src="/assets/img/all-images/case/case-img4.png" alt="" />
|
<img loading="lazy" src="/assets/img/all-images/case/case-img4.png" alt="Case study project showcase" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -105,7 +105,7 @@ const FAQ = ({ faqData }: { faqData?: { question: string; answer: string }[] })
|
|||||||
<div className="space-margin60">
|
<div className="space-margin60">
|
||||||
<GsapReveal y={20}>
|
<GsapReveal y={20}>
|
||||||
<h5 className="faqv2-subtitle">
|
<h5 className="faqv2-subtitle">
|
||||||
<span><img loading="lazy" src="/favicon.ico" alt="" /></span>
|
<span><img loading="lazy" src="/favicon.ico" alt="MetatronCube icon" /></span>
|
||||||
FAQ
|
FAQ
|
||||||
</h5>
|
</h5>
|
||||||
</GsapReveal>
|
</GsapReveal>
|
||||||
|
|||||||
@ -11,8 +11,8 @@ const Hero = () => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="hero1-section-area" id="home">
|
<div className="hero1-section-area" id="home">
|
||||||
<img loading="lazy" src="/assets/img/elements/elements4.png" alt="" className="elements4" />
|
<img loading="lazy" src="/assets/img/elements/elements4.png" alt="Decorative floating element" className="elements4" />
|
||||||
<img loading="lazy" src="/assets/img/elements/elements5.png" alt="" className="elements5" />
|
<img loading="lazy" src="/assets/img/elements/elements5.png" alt="Decorative floating element" className="elements5" />
|
||||||
<div className="container">
|
<div className="container">
|
||||||
<div className="row align-items-center">
|
<div className="row align-items-center">
|
||||||
<div className="col-lg-7">
|
<div className="col-lg-7">
|
||||||
@ -47,13 +47,13 @@ const Hero = () => {
|
|||||||
<img loading="lazy" src="/assets/img/all-images/bg/hero-bg2.png" alt="" className="keyframe5" />
|
<img loading="lazy" src="/assets/img/all-images/bg/hero-bg2.png" alt="" className="keyframe5" />
|
||||||
</div> */}
|
</div> */}
|
||||||
<div className="elements1">
|
<div className="elements1">
|
||||||
<img loading="lazy" src="/assets/img/home/banner/1-element.webp" alt="" className="animation-1 floating-slow" />
|
<img loading="lazy" src="/assets/img/home/banner/1-element.webp" alt="Animated design element" className="animation-1 floating-slow" />
|
||||||
</div>
|
</div>
|
||||||
<div className="elements2">
|
<div className="elements2">
|
||||||
<img loading="lazy" src="/assets/img/home/banner/bottom.webp" alt="" className="animation-2 floating-fast" />
|
<img loading="lazy" src="/assets/img/home/banner/bottom.webp" alt="Animated bottom design element" className="animation-2 floating-fast" />
|
||||||
</div>
|
</div>
|
||||||
<div className="elements3">
|
<div className="elements3">
|
||||||
<img loading="lazy" src="/assets/img/home/banner/right.webp" alt="" className="animation-3 floating-slow" />
|
<img loading="lazy" src="/assets/img/home/banner/right.webp" alt="Animated right design element" className="animation-3 floating-slow" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -13,7 +13,7 @@ const Pricing = () => {
|
|||||||
<div className="consen-section-title upper text-center pb-60 heading2">
|
<div className="consen-section-title upper text-center pb-60 heading2">
|
||||||
<GsapReveal y={20}>
|
<GsapReveal y={20}>
|
||||||
<h5 style={{ color: '#3779b9', fontWeight: 600, textTransform: 'uppercase', letterSpacing: '2px' }}>
|
<h5 style={{ color: '#3779b9', fontWeight: 600, textTransform: 'uppercase', letterSpacing: '2px' }}>
|
||||||
<span><img loading="lazy" src="/favicon.ico" alt="" /></span>
|
<span><img loading="lazy" src="/favicon.ico" alt="MetatronCube icon" /></span>
|
||||||
Pricing Plans
|
Pricing Plans
|
||||||
</h5>
|
</h5>
|
||||||
</GsapReveal>
|
</GsapReveal>
|
||||||
@ -73,7 +73,7 @@ const Pricing = () => {
|
|||||||
<img
|
<img
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
src={plan.isPopular ? "/assets/img/arrow-white.png" : "/assets/img/arrow.png"}
|
src={plan.isPopular ? "/assets/img/arrow-white.png" : "/assets/img/arrow.png"}
|
||||||
alt=""
|
alt="Pricing feature checkmark"
|
||||||
style={{ width: '20px', height: '20px', objectFit: 'contain', marginRight: '10px' }}
|
style={{ width: '20px', height: '20px', objectFit: 'contain', marginRight: '10px' }}
|
||||||
/>
|
/>
|
||||||
{feature}
|
{feature}
|
||||||
|
|||||||
@ -16,7 +16,7 @@ const Service = () => {
|
|||||||
<div className="col-lg-7">
|
<div className="col-lg-7">
|
||||||
<div className="service-header heading2">
|
<div className="service-header heading2">
|
||||||
<GsapReveal y={20}>
|
<GsapReveal y={20}>
|
||||||
<h5 className="text-white"><span><img loading="lazy" src="/favicon.ico" alt="" /></span>Our Services</h5>
|
<h5 className="text-white"><span><img loading="lazy" src="/favicon.ico" alt="MetatronCube icon" /></span>Our Services</h5>
|
||||||
</GsapReveal>
|
</GsapReveal>
|
||||||
<div className="space24"></div>
|
<div className="space24"></div>
|
||||||
<GsapReveal y={20} delay={0.15}>
|
<GsapReveal y={20} delay={0.15}>
|
||||||
|
|||||||
@ -85,7 +85,7 @@ const Testimonial = () => {
|
|||||||
<div className="col-lg-7 m-auto">
|
<div className="col-lg-7 m-auto">
|
||||||
<div className="testimonial-header text-center heading2 space-margin60">
|
<div className="testimonial-header text-center heading2 space-margin60">
|
||||||
<GsapReveal y={20}>
|
<GsapReveal y={20}>
|
||||||
<h5><span><img loading="lazy" src="/favicon.ico" alt="" /></span>Testimonials</h5>
|
<h5><span><img loading="lazy" src="/favicon.ico" alt="MetatronCube icon" /></span>Testimonials</h5>
|
||||||
</GsapReveal>
|
</GsapReveal>
|
||||||
<div className="space20"></div>
|
<div className="space20"></div>
|
||||||
<GsapReveal y={20} delay={0.2}>
|
<GsapReveal y={20} delay={0.2}>
|
||||||
@ -138,7 +138,7 @@ const Testimonial = () => {
|
|||||||
position: 'relative',
|
position: 'relative',
|
||||||
transition: 'transform 0.3s ease'
|
transition: 'transform 0.3s ease'
|
||||||
}}>
|
}}>
|
||||||
<img loading="lazy" src="/assets/img/icons/quito1.svg" alt="" style={{ position: 'absolute', right: 30, top: 30, opacity: 0.15, width: 50 }} />
|
<img loading="lazy" src="/assets/img/icons/quito1.svg" alt="Quote icon" style={{ position: 'absolute', right: 30, top: 30, opacity: 0.15, width: 50 }} />
|
||||||
|
|
||||||
{/* Stars */}
|
{/* Stars */}
|
||||||
<div className="stars" style={{ display: 'flex', gap: '6px', marginBottom: '25px' }}>
|
<div className="stars" style={{ display: 'flex', gap: '6px', marginBottom: '25px' }}>
|
||||||
|
|||||||
@ -17,8 +17,8 @@ const Work = () => {
|
|||||||
backgroundSize: 'cover',
|
backgroundSize: 'cover',
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<img loading="lazy" src="/assets/img/home/section5/element-2.webp" alt="" className="elements16" />
|
<img loading="lazy" src="/assets/img/home/section5/element-2.webp" alt="Decorative floating element" className="elements16" />
|
||||||
<img loading="lazy" src="/assets/img/home/section5/element-1.webp" alt="" className="elements1 keyframe5" />
|
<img loading="lazy" src="/assets/img/home/section5/element-1.webp" alt="Decorative floating element" className="elements1 keyframe5" />
|
||||||
|
|
||||||
<div className="container">
|
<div className="container">
|
||||||
<div className="row align-items-center g-5">
|
<div className="row align-items-center g-5">
|
||||||
@ -38,7 +38,7 @@ const Work = () => {
|
|||||||
<div className="col-12 col-xl-7">
|
<div className="col-12 col-xl-7">
|
||||||
<div className="work-content-area heading1">
|
<div className="work-content-area heading1">
|
||||||
<GsapReveal y={20}>
|
<GsapReveal y={20}>
|
||||||
<h5><span><img loading="lazy" src="/favicon.ico" alt="" /></span>How It Works</h5>
|
<h5><span><img loading="lazy" src="/favicon.ico" alt="MetatronCube icon" /></span>How It Works</h5>
|
||||||
</GsapReveal>
|
</GsapReveal>
|
||||||
<div className="space24"></div>
|
<div className="space24"></div>
|
||||||
<GsapReveal y={20} delay={0.15}>
|
<GsapReveal y={20} delay={0.15}>
|
||||||
|
|||||||
@ -54,12 +54,12 @@ const WorkProcess = () => {
|
|||||||
</div>
|
</div>
|
||||||
<div className="col-xl-4 col-lg-12 d-flex align-items-center justify-content-center">
|
<div className="col-xl-4 col-lg-12 d-flex align-items-center justify-content-center">
|
||||||
<div className="images" data-aos="zoom-in" data-aos-duration="1000">
|
<div className="images" data-aos="zoom-in" data-aos-duration="1000">
|
||||||
<img loading="lazy" src="/assets/img/elements/elements12.png" alt="" className="elements12" />
|
<img loading="lazy" src="/assets/img/elements/elements12.png" alt="Decorative circle element" className="elements12" />
|
||||||
<img loading="lazy" src="/assets/img/elements/elements13.png" alt="" className="elements13" />
|
<img loading="lazy" src="/assets/img/elements/elements13.png" alt="Decorative circle element" className="elements13" />
|
||||||
<img loading="lazy" src="/assets/img/elements/elements14.png" alt="" className="elements14" />
|
<img loading="lazy" src="/assets/img/elements/elements14.png" alt="Decorative circle element" className="elements14" />
|
||||||
<img loading="lazy" src="/assets/img/elements/elements15.png" alt="" className="elements15" />
|
<img loading="lazy" src="/assets/img/elements/elements15.png" alt="Decorative circle element" className="elements15" />
|
||||||
<div className="img1 shadow-lg">
|
<div className="img1 shadow-lg">
|
||||||
<img loading="lazy" src="/assets/img/home/section5/bottom circle.webp" alt="" />
|
<img loading="lazy" src="/assets/img/home/section5/bottom circle.webp" alt="Work process illustration" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -1,4 +1,4 @@
|
|||||||
import type { BlogType, CaseStudyType, PricingType, ServiceType, TeamMemberType, TestimonialType } from "@/types";
|
import type { BlogType, CaseStudyType, PricingType, ServiceType, TeamMemberType, TestimonialType } from "@/types";
|
||||||
|
|
||||||
export const services: ServiceType[] = [
|
export const services: ServiceType[] = [
|
||||||
{
|
{
|
||||||
@ -137,14 +137,14 @@ export const ourServices = [
|
|||||||
bannerLeftImage: "/assets/images/innerbanner/left/left-web-development.webp",
|
bannerLeftImage: "/assets/images/innerbanner/left/left-web-development.webp",
|
||||||
bannerRightImage: "/assets/images/innerbanner/right/right-web-dev.webp",
|
bannerRightImage: "/assets/images/innerbanner/right/right-web-dev.webp",
|
||||||
description: "We design and develop fast, responsive, and scalable websites tailored to your business goals. Our solutions focus on performance, security, and seamless user experience to help your brand grow online.",
|
description: "We design and develop fast, responsive, and scalable websites tailored to your business goals. Our solutions focus on performance, security, and seamless user experience to help your brand grow online.",
|
||||||
metatitle: "Best Web Design Agency | Web Development Company waterloo, Canada",
|
metatitle: "Website Development Waterloo | Web Design | MetatronCube Solutions",
|
||||||
metaDesc: "Top web design agency in Waterloo, Canada. Offering web development services to create stunning websites. Choose us best website design and development service.",
|
metaDesc: "Looking for a trusted website development company in Waterloo? MetatronCube Solutions creates responsive, SEO-friendly websites, eCommerce platforms and custom web applications for businesses in Waterloo.",
|
||||||
content: `
|
content: `
|
||||||
<h2 class="service-details__content-title">Website Development at Metatroncube: Crafting Digital Masterpieces</h2>
|
<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 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>
|
<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">
|
<div class="service-details__benefit__img mb-40">
|
||||||
<img src="/assets/images/services/service/web.webp" alt="benefit">
|
<img loading="lazy" src="/assets/images/services/service/web.webp" alt="benefit">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p class="service-details__text text-center"><b>"A website is not just an online destination; it’s a digital journey that starts with a single click."</b></p>
|
<p class="service-details__text text-center"><b>"A website is not just an online destination; it’s a digital journey that starts with a single click."</b></p>
|
||||||
@ -382,7 +382,7 @@ export const ourServices = [
|
|||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="service-details__benefit__img">
|
<div class="service-details__benefit__img">
|
||||||
<img src="/assets/images/services/details/service-1.webp" alt="benefit">
|
<img loading="lazy" src="/assets/images/services/details/service-1.webp" alt="benefit">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
@ -433,14 +433,14 @@ Robust Security</li>
|
|||||||
bannerLeftImage: "/assets/images/innerbanner/left/left-app-development.webp",
|
bannerLeftImage: "/assets/images/innerbanner/left/left-app-development.webp",
|
||||||
bannerRightImage: "/assets/images/innerbanner/right/right-app-dev.webp",
|
bannerRightImage: "/assets/images/innerbanner/right/right-app-dev.webp",
|
||||||
description: "Build powerful mobile and web applications that solve real business problems. We create reliable, scalable apps with intuitive interfaces and modern technologies to ensure smooth performance.",
|
description: "Build powerful mobile and web applications that solve real business problems. We create reliable, scalable apps with intuitive interfaces and modern technologies to ensure smooth performance.",
|
||||||
metatitle: "Web & Mobile Application Development Agency in Waterloo, Canada",
|
metatitle: "Mobile App Development Waterloo | Custom App Developers",
|
||||||
metaDesc: "Top mobile apps designer services for Android in Canada. Leading mobile application development company in Waterloo. Choose us for top-notch app development service.",
|
metaDesc: "Build scalable Android, iOS and cross-platform mobile applications with MetatronCube Solutions. Our app development experts create secure, user-friendly mobile solutions for startups acorss Waterloo.",
|
||||||
content: `
|
content: `
|
||||||
<h2 class="service-details__content-title">Application Development at Metatroncube: Crafting Digital Masterpieces</h2>
|
<h2 class="service-details__content-title">Application Development at Metatroncube: Crafting Digital Masterpieces</h2>
|
||||||
<p class="service-details__text">Step into the future of mobile technology with Metatroncube's Application Development Services. Our expertise spans across various platforms and technologies, ensuring we deliver high-performance, scalable, and engaging mobile applications tailored to your business needs. Whether you're looking for native solutions or cross-platform versatility, our skilled developers are adept at turning your concepts into reality.</p>
|
<p class="service-details__text">Step into the future of mobile technology with Metatroncube's Application Development Services. Our expertise spans across various platforms and technologies, ensuring we deliver high-performance, scalable, and engaging mobile applications tailored to your business needs. Whether you're looking for native solutions or cross-platform versatility, our skilled developers are adept at turning your concepts into reality.</p>
|
||||||
|
|
||||||
<div class="service-details__benefit__img mb-40">
|
<div class="service-details__benefit__img mb-40">
|
||||||
<img src="/assets/images/services/service/app.webp" alt="benefit">
|
<img loading="lazy" src="/assets/images/services/service/app.webp" alt="benefit">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h4 class="service-details__content-title">Android Application Development</h4>
|
<h4 class="service-details__content-title">Android Application Development</h4>
|
||||||
@ -499,7 +499,7 @@ Robust Security</li>
|
|||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="service-details__benefit__img">
|
<div class="service-details__benefit__img">
|
||||||
<img src="/assets/images/services/details/service-2.webp" alt="Cross-Platform Development">
|
<img loading="lazy" src="/assets/images/services/details/service-2.webp" alt="Cross-Platform Development">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
@ -546,7 +546,7 @@ Robust Security</li>
|
|||||||
bannerLeftImage: "/assets/images/innerbanner/left/left-graphic-design.webp",
|
bannerLeftImage: "/assets/images/innerbanner/left/left-graphic-design.webp",
|
||||||
bannerRightImage: "/assets/images/innerbanner/right/right-graphic.webp",
|
bannerRightImage: "/assets/images/innerbanner/right/right-graphic.webp",
|
||||||
description: "Bring your brand to life with creative and impactful visual designs. From logos to marketing materials, we craft visuals that communicate your brand message clearly and attract attention.",
|
description: "Bring your brand to life with creative and impactful visual designs. From logos to marketing materials, we craft visuals that communicate your brand message clearly and attract attention.",
|
||||||
metatitle: "Best Branding Service & Graphic Design agency in Waterloo, Canada",
|
metatitle: "Graphic Design & Branding Agency Waterloo | Metatroncube",
|
||||||
metaDesc: "Top graphic designing agency in Waterloo. Leading graphic design company in Canada offering graphic design service, and branding solutions. Best branding agencies.",
|
metaDesc: "Top graphic designing agency in Waterloo. Leading graphic design company in Canada offering graphic design service, and branding solutions. Best branding agencies.",
|
||||||
content: `
|
content: `
|
||||||
<h2 class="service-details__content-title">Graphic Design Services at Metatroncube</h2>
|
<h2 class="service-details__content-title">Graphic Design Services at Metatroncube</h2>
|
||||||
@ -557,7 +557,7 @@ Robust Security</li>
|
|||||||
|
|
||||||
|
|
||||||
<div class="service-details__benefit__img mb-40">
|
<div class="service-details__benefit__img mb-40">
|
||||||
<img src="/assets/images/services/service/graphic.webp" alt="benefit">
|
<img loading="lazy" src="/assets/images/services/service/graphic.webp" alt="benefit">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h4 class="service-details__content-title">Graphic Design Services: Marketing Collateral Design</h4>
|
<h4 class="service-details__content-title">Graphic Design Services: Marketing Collateral Design</h4>
|
||||||
@ -614,7 +614,7 @@ Robust Security</li>
|
|||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="service-details__benefit__img">
|
<div class="service-details__benefit__img">
|
||||||
<img src="/assets/images/services/details/service-3.webp" alt="Graphic Design Services">
|
<img loading="lazy" src="/assets/images/services/details/service-3.webp" alt="Graphic Design Services">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
@ -662,7 +662,7 @@ Robust Security</li>
|
|||||||
bannerLeftImage: "/assets/images/innerbanner/left/left-ui-ux.webp",
|
bannerLeftImage: "/assets/images/innerbanner/left/left-ui-ux.webp",
|
||||||
bannerRightImage: "/assets/images/innerbanner/right/right-ui-ux.webp",
|
bannerRightImage: "/assets/images/innerbanner/right/right-ui-ux.webp",
|
||||||
description: "Create engaging digital experiences with thoughtful user interface and user experience design. We focus on usability, accessibility, and modern design principles to deliver products users love.",
|
description: "Create engaging digital experiences with thoughtful user interface and user experience design. We focus on usability, accessibility, and modern design principles to deliver products users love.",
|
||||||
metatitle: "Best UI/UX Designing Company in Waterloo, Canada",
|
metatitle: "UI/UX Design Agency Waterloo, Ontario | Metatroncube",
|
||||||
metaDesc: "Establish the best UI/UX design company in Waterloo to improve user experiences. Create user-friendly interfaces for digital success.",
|
metaDesc: "Establish the best UI/UX design company in Waterloo to improve user experiences. Create user-friendly interfaces for digital success.",
|
||||||
content: `
|
content: `
|
||||||
<h2 class="service-details__content-title">UI/UX Design Services at Metatroncube: Shaping Experiences That Resonate</h2>
|
<h2 class="service-details__content-title">UI/UX Design Services at Metatroncube: Shaping Experiences That Resonate</h2>
|
||||||
@ -670,7 +670,7 @@ Robust Security</li>
|
|||||||
|
|
||||||
|
|
||||||
<div class="service-details__benefit__img mb-40">
|
<div class="service-details__benefit__img mb-40">
|
||||||
<img src="/assets/images/services/service/ui.webp" alt="benefit">
|
<img loading="lazy" src="/assets/images/services/service/ui.webp" alt="benefit">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
@ -736,7 +736,7 @@ Robust Security</li>
|
|||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="service-details__benefit__img">
|
<div class="service-details__benefit__img">
|
||||||
<img src="/assets/images/services/details/service-4.webp" alt="UI/UX Design Services">
|
<img loading="lazy" src="/assets/images/services/details/service-4.webp" alt="UI/UX Design Services">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
@ -783,8 +783,8 @@ Robust Security</li>
|
|||||||
bannerLeftImage: "/assets/images/innerbanner/left/left-seo-content.webp",
|
bannerLeftImage: "/assets/images/innerbanner/left/left-seo-content.webp",
|
||||||
bannerRightImage: "/assets/images/innerbanner/right/right-seo.webp",
|
bannerRightImage: "/assets/images/innerbanner/right/right-seo.webp",
|
||||||
description: "Improve your online visibility with strategic SEO and high-quality content. Our optimized content helps businesses rank higher in search engines and attract the right audience.",
|
description: "Improve your online visibility with strategic SEO and high-quality content. Our optimized content helps businesses rank higher in search engines and attract the right audience.",
|
||||||
metatitle: "Best SEO & Content Writing Company in waterloo, Canada",
|
metatitle: "SEO Company Waterloo | SEO Services | MetatronCube Solutions",
|
||||||
metaDesc: "Boost online visibility with best SEO & Content Writing Services. Metatroncube, a Top-rated SEO company, agency for effective local search engine optimization.",
|
metaDesc: "Grow your online visibility with MetatronCube Solutions, a trusted SEO company in Waterloo. We provide technical SEO, local SEO, content writing, keyword research and on-page optimization to help businesses rank higher on Google, Bing and AI-powered search.",
|
||||||
content: `
|
content: `
|
||||||
<h2 class="service-details__content-title">SEO & Content Writing Services at Metatroncube</h2>
|
<h2 class="service-details__content-title">SEO & Content Writing Services at Metatroncube</h2>
|
||||||
|
|
||||||
@ -794,7 +794,7 @@ Robust Security</li>
|
|||||||
|
|
||||||
|
|
||||||
<div class="service-details__benefit__img mb-40">
|
<div class="service-details__benefit__img mb-40">
|
||||||
<img src="/assets/images/services/service/seo.webp" alt="benefit">
|
<img loading="lazy" src="/assets/images/services/service/seo.webp" alt="benefit">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h4 class="service-details__content-title">Search Engine Optimization (SEO)</h4>
|
<h4 class="service-details__content-title">Search Engine Optimization (SEO)</h4>
|
||||||
@ -853,7 +853,7 @@ Robust Security</li>
|
|||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="service-details__benefit__img">
|
<div class="service-details__benefit__img">
|
||||||
<img src="/assets/images/services/details/service-5.webp" alt="SEO & Content Writing Services">
|
<img loading="lazy" src="/assets/images/services/details/service-5.webp" alt="SEO & Content Writing Services">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
@ -902,15 +902,15 @@ Robust Security</li>
|
|||||||
bannerLeftImage: "/assets/images/innerbanner/left/left-digital-marketing.webp",
|
bannerLeftImage: "/assets/images/innerbanner/left/left-digital-marketing.webp",
|
||||||
bannerRightImage: "/assets/images/innerbanner/right/right-digital.webp",
|
bannerRightImage: "/assets/images/innerbanner/right/right-digital.webp",
|
||||||
description: "Grow your business with targeted digital marketing strategies. From social media campaigns to performance marketing, we help you reach the right audience and convert them into customers.",
|
description: "Grow your business with targeted digital marketing strategies. From social media campaigns to performance marketing, we help you reach the right audience and convert them into customers.",
|
||||||
metatitle: "Best Digital Marketing Agency in Waterloo, Canada | SEO | SMM",
|
metatitle: "Digital Marketing Agency Kitchener Waterloo | Google Ads & SEO",
|
||||||
metaDesc: "Top digital marketing company in Canada. Best digital marketing agency in Waterloo offering top digital marketing service for all your business needs.",
|
metaDesc: "MetatronCube Solutions is a digital marketing agency serving Waterloo. We help businesses grow with SEO, Google Ads, PPC, social media marketing, content marketing, local SEO and lead generation across Waterloo and guelph.",
|
||||||
content: `
|
content: `
|
||||||
<h2 class="service-details__content-title">Metatroncube Software Solution: 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 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>
|
<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">
|
<div class="service-details__benefit__img mb-40">
|
||||||
<img src="/assets/images/services/service/digital.webp" alt="benefit">
|
<img loading="lazy" src="/assets/images/services/service/digital.webp" alt="benefit">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p class="service-details__text"><b>Digital Marketing Services:</b> "Shaping Canada’s Digital Landscape – One Campaign at a Time"</p>
|
<p class="service-details__text"><b>Digital Marketing Services:</b> "Shaping Canada’s Digital Landscape – One Campaign at a Time"</p>
|
||||||
@ -1001,7 +1001,7 @@ Robust Security</li>
|
|||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="service-details__benefit__img">
|
<div class="service-details__benefit__img">
|
||||||
<img src="/assets/images/services/details/service-6-1.webp" alt="Digital Marketing Services">
|
<img loading="lazy" src="/assets/images/services/details/service-6-1.webp" alt="Digital Marketing Services">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -1012,7 +1012,7 @@ Robust Security</li>
|
|||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="service-details__benefit__img">
|
<div class="service-details__benefit__img">
|
||||||
<img src="/assets/images/services/details/service-6-2.webp" alt="Social Media Marketing">
|
<img loading="lazy" src="/assets/images/services/details/service-6-2.webp" alt="Social Media Marketing">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
@ -1061,14 +1061,14 @@ Robust Security</li>
|
|||||||
"bannerLeftImage": "/assets/images/innerbanner/left/erp-left.webp",
|
"bannerLeftImage": "/assets/images/innerbanner/left/erp-left.webp",
|
||||||
"bannerRightImage": "/assets/images/innerbanner/right/right-erp.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.",
|
"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",
|
"metatitle": "ERP Development & Implementation Canada | Metatroncube",
|
||||||
"metaDesc": "Custom ERP development and implementation services to manage finance, HR, inventory, sales, and reporting. Build scalable ERP solutions for your business.",
|
"metaDesc": "Custom ERP development and implementation services to manage finance, HR, inventory, sales, and reporting. Build scalable ERP solutions for your business.",
|
||||||
"content": `
|
"content": `
|
||||||
<h2 class="service-details__content-title">ERP Development & Implementation Services</h2>
|
<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>
|
<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">
|
<div class="service-details__benefit__img mb-40">
|
||||||
<img src="/assets/images/services/erp/big-img.webp" alt="ERP Development Services">
|
<img loading="lazy" src="/assets/images/services/erp/big-img.webp" alt="ERP Development Services">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
@ -1076,7 +1076,7 @@ Robust Security</li>
|
|||||||
<div class="erp-service-list mb-40 mt-30">
|
<div class="erp-service-list mb-40 mt-30">
|
||||||
<div class="erp-service-item wow fadeInLeft" data-wow-delay=".3s">
|
<div class="erp-service-item wow fadeInLeft" data-wow-delay=".3s">
|
||||||
<div class="icon">
|
<div class="icon">
|
||||||
<img src="/assets/images/services/erp/icon/custom-erp.png" alt="Custom ERP icon" />
|
<img loading="lazy" src="/assets/images/services/erp/icon/custom-erp.png" alt="Custom ERP icon" />
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<h5>Custom ERP Development</h5>
|
<h5>Custom ERP Development</h5>
|
||||||
@ -1085,7 +1085,7 @@ Robust Security</li>
|
|||||||
|
|
||||||
<div class="erp-service-item wow fadeInLeft" data-wow-delay=".5s">
|
<div class="erp-service-item wow fadeInLeft" data-wow-delay=".5s">
|
||||||
<div class="icon">
|
<div class="icon">
|
||||||
<img src="/assets/images/services/erp/icon/implementation.png" alt="ERP implementation icon" />
|
<img loading="lazy" src="/assets/images/services/erp/icon/implementation.png" alt="ERP implementation icon" />
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<h5>ERP Implementation</h5>
|
<h5>ERP Implementation</h5>
|
||||||
@ -1094,7 +1094,7 @@ Robust Security</li>
|
|||||||
</div>
|
</div>
|
||||||
<div class="erp-service-item wow fadeInLeft" data-wow-delay=".6s">
|
<div class="erp-service-item wow fadeInLeft" data-wow-delay=".6s">
|
||||||
<div class="icon">
|
<div class="icon">
|
||||||
<img src="/assets/images/services/erp/icon/integration.png" alt="ERP integration icon" />
|
<img loading="lazy" src="/assets/images/services/erp/icon/integration.png" alt="ERP integration icon" />
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<h5>ERP Integration</h5>
|
<h5>ERP Integration</h5>
|
||||||
@ -1103,7 +1103,7 @@ Robust Security</li>
|
|||||||
</div>
|
</div>
|
||||||
<div class="erp-service-item wow fadeInLeft" data-wow-delay=".7s">
|
<div class="erp-service-item wow fadeInLeft" data-wow-delay=".7s">
|
||||||
<div class="icon">
|
<div class="icon">
|
||||||
<img src="/assets/images/services/erp/icon/customization.png" alt="ERP customization icon" />
|
<img loading="lazy" src="/assets/images/services/erp/icon/customization.png" alt="ERP customization icon" />
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<h5>ERP Customization</h5>
|
<h5>ERP Customization</h5>
|
||||||
@ -1112,7 +1112,7 @@ Robust Security</li>
|
|||||||
</div>
|
</div>
|
||||||
<div class="erp-service-item wow fadeInLeft" data-wow-delay=".8s">
|
<div class="erp-service-item wow fadeInLeft" data-wow-delay=".8s">
|
||||||
<div class="icon">
|
<div class="icon">
|
||||||
<img src="/assets/images/services/erp/icon/cloud.png" alt="Cloud ERP icon" />
|
<img loading="lazy" src="/assets/images/services/erp/icon/cloud.png" alt="Cloud ERP icon" />
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<h5>Cloud ERP Solutions</h5>
|
<h5>Cloud ERP Solutions</h5>
|
||||||
@ -1121,7 +1121,7 @@ Robust Security</li>
|
|||||||
</div>
|
</div>
|
||||||
<div class="erp-service-item wow fadeInLeft" data-wow-delay=".4s">
|
<div class="erp-service-item wow fadeInLeft" data-wow-delay=".4s">
|
||||||
<div class="icon">
|
<div class="icon">
|
||||||
<img src="/assets/images/services/erp/icon/maintanence.png" alt="ERP maintenance icon" />
|
<img loading="lazy" src="/assets/images/services/erp/icon/maintanence.png" alt="ERP maintenance icon" />
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<h5>ERP Maintenance & Support</h5>
|
<h5>ERP Maintenance & Support</h5>
|
||||||
@ -1144,7 +1144,7 @@ Robust Security</li>
|
|||||||
<div class="erp-service-list erp-service-list--sidebar mb-40 mt-30">
|
<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="erp-service-item wow fadeInLeft" data-wow-delay=".3s">
|
||||||
<div class="icon">
|
<div class="icon">
|
||||||
<img src="/assets/images/services/erp/icon/finance.png" alt="Finance module icon" />
|
<img loading="lazy" src="/assets/images/services/erp/icon/finance.png" alt="Finance module icon" />
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<h5>Finance & Accounting</h5>
|
<h5>Finance & Accounting</h5>
|
||||||
@ -1153,7 +1153,7 @@ Robust Security</li>
|
|||||||
</div>
|
</div>
|
||||||
<div class="erp-service-item wow fadeInLeft" data-wow-delay=".4s">
|
<div class="erp-service-item wow fadeInLeft" data-wow-delay=".4s">
|
||||||
<div class="icon">
|
<div class="icon">
|
||||||
<img src="/assets/images/services/erp/icon/inventory.png" alt="Inventory module icon" />
|
<img loading="lazy" src="/assets/images/services/erp/icon/inventory.png" alt="Inventory module icon" />
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<h5>Inventory Management</h5>
|
<h5>Inventory Management</h5>
|
||||||
@ -1162,7 +1162,7 @@ Robust Security</li>
|
|||||||
</div>
|
</div>
|
||||||
<div class="erp-service-item wow fadeInLeft" data-wow-delay=".5s">
|
<div class="erp-service-item wow fadeInLeft" data-wow-delay=".5s">
|
||||||
<div class="icon">
|
<div class="icon">
|
||||||
<img src="/assets/images/services/erp/icon/hr.png" alt="HR module icon" />
|
<img loading="lazy" src="/assets/images/services/erp/icon/hr.png" alt="HR module icon" />
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<h5>HR & Payroll</h5>
|
<h5>HR & Payroll</h5>
|
||||||
@ -1171,7 +1171,7 @@ Robust Security</li>
|
|||||||
</div>
|
</div>
|
||||||
<div class="erp-service-item wow fadeInLeft" data-wow-delay=".6s">
|
<div class="erp-service-item wow fadeInLeft" data-wow-delay=".6s">
|
||||||
<div class="icon">
|
<div class="icon">
|
||||||
<img src="/assets/images/services/erp/icon/crm.png" alt="CRM module icon" />
|
<img loading="lazy" src="/assets/images/services/erp/icon/crm.png" alt="CRM module icon" />
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<h5>CRM & Sales</h5>
|
<h5>CRM & Sales</h5>
|
||||||
@ -1180,7 +1180,7 @@ Robust Security</li>
|
|||||||
</div>
|
</div>
|
||||||
<div class="erp-service-item wow fadeInLeft" data-wow-delay=".7s">
|
<div class="erp-service-item wow fadeInLeft" data-wow-delay=".7s">
|
||||||
<div class="icon">
|
<div class="icon">
|
||||||
<img src="/assets/images/services/erp/icon/project.png" alt="Project management icon" />
|
<img loading="lazy" src="/assets/images/services/erp/icon/project.png" alt="Project management icon" />
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<h5>Project Management</h5>
|
<h5>Project Management</h5>
|
||||||
@ -1189,7 +1189,7 @@ Robust Security</li>
|
|||||||
</div>
|
</div>
|
||||||
<div class="erp-service-item wow fadeInLeft" data-wow-delay=".8s">
|
<div class="erp-service-item wow fadeInLeft" data-wow-delay=".8s">
|
||||||
<div class="icon">
|
<div class="icon">
|
||||||
<img src="/assets/images/services/erp/icon/reporting.png" alt="Reporting module icon" />
|
<img loading="lazy" src="/assets/images/services/erp/icon/reporting.png" alt="Reporting module icon" />
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<h5>Reporting & Analytics</h5>
|
<h5>Reporting & Analytics</h5>
|
||||||
@ -1198,7 +1198,7 @@ Robust Security</li>
|
|||||||
</div>
|
</div>
|
||||||
<div class="erp-service-item wow fadeInLeft" data-wow-delay=".9s">
|
<div class="erp-service-item wow fadeInLeft" data-wow-delay=".9s">
|
||||||
<div class="icon">
|
<div class="icon">
|
||||||
<img src="/assets/images/services/erp/icon/purchase.png" alt="Purchase module icon" />
|
<img loading="lazy" src="/assets/images/services/erp/icon/purchase.png" alt="Purchase module icon" />
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<h5>Purchase & Vendor Management</h5>
|
<h5>Purchase & Vendor Management</h5>
|
||||||
@ -1209,7 +1209,7 @@ Robust Security</li>
|
|||||||
</div>
|
</div>
|
||||||
<div class="col-lg-7">
|
<div class="col-lg-7">
|
||||||
<div class="service-details__benefit__img mb-40">
|
<div class="service-details__benefit__img mb-40">
|
||||||
<img src="/assets/images/services/erp/left-right/right-img.webp" alt="ERP development Modules">
|
<img loading="lazy" src="/assets/images/services/erp/left-right/right-img.webp" alt="ERP development Modules">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -1223,7 +1223,7 @@ Robust Security</li>
|
|||||||
<div class="service-card__hover" style="background-image: url(/assets/images/services/details/left.webp);"></div>
|
<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__shape"></div>
|
||||||
<div class="service-card__icon">
|
<div class="service-card__icon">
|
||||||
<img src="/assets/images/services/erp/icon/odoo.png" alt="Odoo ERP icon" />
|
<img loading="lazy" src="/assets/images/services/erp/icon/odoo.png" alt="Odoo ERP icon" />
|
||||||
</div>
|
</div>
|
||||||
<h2 class="service-card__title">Odoo ERP</h2>
|
<h2 class="service-card__title">Odoo ERP</h2>
|
||||||
|
|
||||||
@ -1235,7 +1235,7 @@ Robust Security</li>
|
|||||||
<div class="service-card__hover" style="background-image: url(/assets/images/services/details/right.webp);"></div>
|
<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__shape"></div>
|
||||||
<div class="service-card__icon">
|
<div class="service-card__icon">
|
||||||
<img src="/assets/images/services/erp/icon/custom.png" alt="Custom ERP solutions icon" />
|
<img loading="lazy" src="/assets/images/services/erp/icon/custom.png" alt="Custom ERP solutions icon" />
|
||||||
</div>
|
</div>
|
||||||
<h2 class="service-card__title">Custom ERP (React / Next.js / Node.js)</h2>
|
<h2 class="service-card__title">Custom ERP (React / Next.js / Node.js)</h2>
|
||||||
|
|
||||||
@ -1246,7 +1246,7 @@ Robust Security</li>
|
|||||||
<div class="service-card__hover" style="background-image: url(/assets/images/services/details/right.webp);"></div>
|
<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__shape"></div>
|
||||||
<div class="service-card__icon">
|
<div class="service-card__icon">
|
||||||
<img src="/assets/images/services/erp/icon/solutions.png" alt="Cloud ERP systems icon" />
|
<img loading="lazy" src="/assets/images/services/erp/icon/solutions.png" alt="Cloud ERP systems icon" />
|
||||||
</div>
|
</div>
|
||||||
<h2 class="service-card__title">Cloud ERP Systems</h2>
|
<h2 class="service-card__title">Cloud ERP Systems</h2>
|
||||||
|
|
||||||
@ -1258,7 +1258,7 @@ Robust Security</li>
|
|||||||
<div class="row align-items-center">
|
<div class="row align-items-center">
|
||||||
<div class="col-lg-6">
|
<div class="col-lg-6">
|
||||||
<div class="service-details__benefit__img mb-40">
|
<div class="service-details__benefit__img mb-40">
|
||||||
<img src="/assets/images/services/erp/left-right/left-img.webp" alt="ERP Modules">
|
<img loading="lazy" src="/assets/images/services/erp/left-right/left-img.webp" alt="ERP Modules">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-6">
|
<div class="col-lg-6">
|
||||||
@ -1266,7 +1266,7 @@ Robust Security</li>
|
|||||||
<div class="erp-service-list erp-service-list--sidebar mb-40 mt-30">
|
<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="erp-service-item wow fadeInLeft" data-wow-delay=".3s">
|
||||||
<div class="icon">
|
<div class="icon">
|
||||||
<img src="/assets/images/services/erp/icon/manufacturing.png" alt="Manufacturing industry icon" />
|
<img loading="lazy" src="/assets/images/services/erp/icon/manufacturing.png" alt="Manufacturing industry icon" />
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<h5>Manufacturing</h5>
|
<h5>Manufacturing</h5>
|
||||||
@ -1275,7 +1275,7 @@ Robust Security</li>
|
|||||||
</div>
|
</div>
|
||||||
<div class="erp-service-item wow fadeInLeft" data-wow-delay=".4s">
|
<div class="erp-service-item wow fadeInLeft" data-wow-delay=".4s">
|
||||||
<div class="icon">
|
<div class="icon">
|
||||||
<img src="/assets/images/services/erp/icon/construction.png" alt="Construction industry icon" />
|
<img loading="lazy" src="/assets/images/services/erp/icon/construction.png" alt="Construction industry icon" />
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<h5>Construction</h5>
|
<h5>Construction</h5>
|
||||||
@ -1284,7 +1284,7 @@ Robust Security</li>
|
|||||||
</div>
|
</div>
|
||||||
<div class="erp-service-item wow fadeInLeft" data-wow-delay=".5s">
|
<div class="erp-service-item wow fadeInLeft" data-wow-delay=".5s">
|
||||||
<div class="icon">
|
<div class="icon">
|
||||||
<img src="/assets/images/services/erp/icon/retail.png" alt="Retail industry icon" />
|
<img loading="lazy" src="/assets/images/services/erp/icon/retail.png" alt="Retail industry icon" />
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<h5>Retail</h5>
|
<h5>Retail</h5>
|
||||||
@ -1293,7 +1293,7 @@ Robust Security</li>
|
|||||||
</div>
|
</div>
|
||||||
<div class="erp-service-item wow fadeInLeft" data-wow-delay=".6s">
|
<div class="erp-service-item wow fadeInLeft" data-wow-delay=".6s">
|
||||||
<div class="icon">
|
<div class="icon">
|
||||||
<img src="/assets/images/services/erp/icon/restaurant.png" alt="Restaurant industry icon" />
|
<img loading="lazy" src="/assets/images/services/erp/icon/restaurant.png" alt="Restaurant industry icon" />
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<h5>Restaurants</h5>
|
<h5>Restaurants</h5>
|
||||||
@ -1302,7 +1302,7 @@ Robust Security</li>
|
|||||||
</div>
|
</div>
|
||||||
<div class="erp-service-item wow fadeInLeft" data-wow-delay=".7s">
|
<div class="erp-service-item wow fadeInLeft" data-wow-delay=".7s">
|
||||||
<div class="icon">
|
<div class="icon">
|
||||||
<img src="/assets/images/services/erp/icon/logistics.png" alt="Logistics industry icon" />
|
<img loading="lazy" src="/assets/images/services/erp/icon/logistics.png" alt="Logistics industry icon" />
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<h5>Logistics</h5>
|
<h5>Logistics</h5>
|
||||||
@ -1436,7 +1436,7 @@ Robust Security</li>
|
|||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="service-details__benefit__img">
|
<div class="service-details__benefit__img">
|
||||||
<img src="/assets/images/services/details/service-6-2.webp" alt="Kitchener Waterloo Website Design services">
|
<img loading="lazy" src="/assets/images/services/details/service-6-2.webp" alt="Kitchener Waterloo Website Design services">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
@ -1527,7 +1527,7 @@ Robust Security</li>
|
|||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="service-details__benefit__img">
|
<div class="service-details__benefit__img">
|
||||||
<img src="/assets/images/services/details/service-6-2.webp" alt="App Development Waterloo">
|
<img loading="lazy" src="/assets/images/services/details/service-6-2.webp" alt="App Development Waterloo">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
@ -1640,7 +1640,7 @@ Robust Security</li>
|
|||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="service-details__benefit__img">
|
<div class="service-details__benefit__img">
|
||||||
<img src="/assets/images/services/details/service-6-2.webp" alt="professional Web Design Waterloo">
|
<img loading="lazy" src="/assets/images/services/details/service-6-2.webp" alt="professional Web Design Waterloo">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
@ -1781,7 +1781,7 @@ Robust Security</li>
|
|||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="service-details__benefit__img">
|
<div class="service-details__benefit__img">
|
||||||
<img src="/assets/images/services/details/service-6-2.webp" alt="Waterloo SEO Services">
|
<img loading="lazy" src="/assets/images/services/details/service-6-2.webp" alt="Waterloo SEO Services">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user