diff --git a/public/assets/images/services/choose/bg.webp b/public/assets/images/services/choose/bg.webp new file mode 100644 index 0000000..3bba2eb Binary files /dev/null and b/public/assets/images/services/choose/bg.webp differ diff --git a/public/assets/images/services/choose/element-1.webp b/public/assets/images/services/choose/element-1.webp new file mode 100644 index 0000000..35fc3f4 Binary files /dev/null and b/public/assets/images/services/choose/element-1.webp differ diff --git a/public/assets/images/services/choose/element-2.webp b/public/assets/images/services/choose/element-2.webp new file mode 100644 index 0000000..e8ef910 Binary files /dev/null and b/public/assets/images/services/choose/element-2.webp differ diff --git a/public/assets/images/services/choose/grid.webp b/public/assets/images/services/choose/grid.webp new file mode 100644 index 0000000..1f47b3c Binary files /dev/null and b/public/assets/images/services/choose/grid.webp differ diff --git a/public/assets/images/services/deliver/big-img.webp b/public/assets/images/services/deliver/big-img.webp new file mode 100644 index 0000000..b38fddb Binary files /dev/null and b/public/assets/images/services/deliver/big-img.webp differ diff --git a/public/assets/images/services/deliver/element.webp b/public/assets/images/services/deliver/element.webp new file mode 100644 index 0000000..b2373b4 Binary files /dev/null and b/public/assets/images/services/deliver/element.webp differ diff --git a/public/assets/images/services/deliver/small-img.webp b/public/assets/images/services/deliver/small-img.webp new file mode 100644 index 0000000..4b4b1f3 Binary files /dev/null and b/public/assets/images/services/deliver/small-img.webp differ diff --git a/public/assets/images/services/feature/1-1.webp b/public/assets/images/services/feature/1-1.webp new file mode 100644 index 0000000..60d9c1b Binary files /dev/null and b/public/assets/images/services/feature/1-1.webp differ diff --git a/public/assets/images/services/feature/1-2.webp b/public/assets/images/services/feature/1-2.webp new file mode 100644 index 0000000..bb8b14e Binary files /dev/null and b/public/assets/images/services/feature/1-2.webp differ diff --git a/public/assets/images/services/feature/1-3.webp b/public/assets/images/services/feature/1-3.webp new file mode 100644 index 0000000..de5b67a Binary files /dev/null and b/public/assets/images/services/feature/1-3.webp differ diff --git a/public/assets/images/services/feature/comprehensive.png b/public/assets/images/services/feature/comprehensive.png new file mode 100644 index 0000000..9a8d0e8 Binary files /dev/null and b/public/assets/images/services/feature/comprehensive.png differ diff --git a/public/assets/images/services/feature/creative.png b/public/assets/images/services/feature/creative.png new file mode 100644 index 0000000..db60ec3 Binary files /dev/null and b/public/assets/images/services/feature/creative.png differ diff --git a/public/assets/images/services/feature/strategic.png b/public/assets/images/services/feature/strategic.png new file mode 100644 index 0000000..da4bea9 Binary files /dev/null and b/public/assets/images/services/feature/strategic.png differ diff --git a/public/assets/images/services/journey/centre-img.webp b/public/assets/images/services/journey/centre-img.webp new file mode 100644 index 0000000..0dc6f16 Binary files /dev/null and b/public/assets/images/services/journey/centre-img.webp differ diff --git a/public/assets/images/services/journey/element-1.webp b/public/assets/images/services/journey/element-1.webp new file mode 100644 index 0000000..3a93068 Binary files /dev/null and b/public/assets/images/services/journey/element-1.webp differ diff --git a/public/assets/images/services/journey/element-2.webp b/public/assets/images/services/journey/element-2.webp new file mode 100644 index 0000000..39e5179 Binary files /dev/null and b/public/assets/images/services/journey/element-2.webp differ diff --git a/public/assets/images/services/process/bg.webp b/public/assets/images/services/process/bg.webp new file mode 100644 index 0000000..196c6f9 Binary files /dev/null and b/public/assets/images/services/process/bg.webp differ diff --git a/public/assets/images/services/process/our-mission.webp b/public/assets/images/services/process/our-mission.webp new file mode 100644 index 0000000..2cc4d81 Binary files /dev/null and b/public/assets/images/services/process/our-mission.webp differ diff --git a/public/assets/images/services/process/our-values.webp b/public/assets/images/services/process/our-values.webp new file mode 100644 index 0000000..6fcb6a0 Binary files /dev/null and b/public/assets/images/services/process/our-values.webp differ diff --git a/public/assets/images/services/process/our-vision.webp b/public/assets/images/services/process/our-vision.webp new file mode 100644 index 0000000..e07c873 Binary files /dev/null and b/public/assets/images/services/process/our-vision.webp differ diff --git a/public/assets/images/services/service/app.webp b/public/assets/images/services/service/app.webp new file mode 100644 index 0000000..104d687 Binary files /dev/null and b/public/assets/images/services/service/app.webp differ diff --git a/public/assets/images/services/service/bottom-left.webp b/public/assets/images/services/service/bottom-left.webp new file mode 100644 index 0000000..7d54f10 Binary files /dev/null and b/public/assets/images/services/service/bottom-left.webp differ diff --git a/public/assets/images/services/service/digital.webp b/public/assets/images/services/service/digital.webp new file mode 100644 index 0000000..4b77613 Binary files /dev/null and b/public/assets/images/services/service/digital.webp differ diff --git a/public/assets/images/services/service/element-small.webp b/public/assets/images/services/service/element-small.webp new file mode 100644 index 0000000..b2373b4 Binary files /dev/null and b/public/assets/images/services/service/element-small.webp differ diff --git a/public/assets/images/services/service/graphic.webp b/public/assets/images/services/service/graphic.webp new file mode 100644 index 0000000..04d000a Binary files /dev/null and b/public/assets/images/services/service/graphic.webp differ diff --git a/public/assets/images/services/service/icon-1.webp b/public/assets/images/services/service/icon-1.webp new file mode 100644 index 0000000..f667324 Binary files /dev/null and b/public/assets/images/services/service/icon-1.webp differ diff --git a/public/assets/images/services/service/icon-2.webp b/public/assets/images/services/service/icon-2.webp new file mode 100644 index 0000000..1182e23 Binary files /dev/null and b/public/assets/images/services/service/icon-2.webp differ diff --git a/public/assets/images/services/service/icon-3.webp b/public/assets/images/services/service/icon-3.webp new file mode 100644 index 0000000..ec965ca Binary files /dev/null and b/public/assets/images/services/service/icon-3.webp differ diff --git a/public/assets/images/services/service/icon-4.webp b/public/assets/images/services/service/icon-4.webp new file mode 100644 index 0000000..2e0fe7f Binary files /dev/null and b/public/assets/images/services/service/icon-4.webp differ diff --git a/public/assets/images/services/service/icon-5.webp b/public/assets/images/services/service/icon-5.webp new file mode 100644 index 0000000..dd94897 Binary files /dev/null and b/public/assets/images/services/service/icon-5.webp differ diff --git a/public/assets/images/services/service/icon-6.webp b/public/assets/images/services/service/icon-6.webp new file mode 100644 index 0000000..7fae26b Binary files /dev/null and b/public/assets/images/services/service/icon-6.webp differ diff --git a/public/assets/images/services/service/img-1.webp b/public/assets/images/services/service/img-1.webp new file mode 100644 index 0000000..32e200a Binary files /dev/null and b/public/assets/images/services/service/img-1.webp differ diff --git a/public/assets/images/services/service/img-2.webp b/public/assets/images/services/service/img-2.webp new file mode 100644 index 0000000..5776168 Binary files /dev/null and b/public/assets/images/services/service/img-2.webp differ diff --git a/public/assets/images/services/service/img-3.webp b/public/assets/images/services/service/img-3.webp new file mode 100644 index 0000000..6034f29 Binary files /dev/null and b/public/assets/images/services/service/img-3.webp differ diff --git a/public/assets/images/services/service/img-4.webp b/public/assets/images/services/service/img-4.webp new file mode 100644 index 0000000..8c801e6 Binary files /dev/null and b/public/assets/images/services/service/img-4.webp differ diff --git a/public/assets/images/services/service/img-5.webp b/public/assets/images/services/service/img-5.webp new file mode 100644 index 0000000..7efac7c Binary files /dev/null and b/public/assets/images/services/service/img-5.webp differ diff --git a/public/assets/images/services/service/img-6.webp b/public/assets/images/services/service/img-6.webp new file mode 100644 index 0000000..2fe9c05 Binary files /dev/null and b/public/assets/images/services/service/img-6.webp differ diff --git a/public/assets/images/services/service/seo.webp b/public/assets/images/services/service/seo.webp new file mode 100644 index 0000000..9bd06e6 Binary files /dev/null and b/public/assets/images/services/service/seo.webp differ diff --git a/public/assets/images/services/service/ui.webp b/public/assets/images/services/service/ui.webp new file mode 100644 index 0000000..08a2945 Binary files /dev/null and b/public/assets/images/services/service/ui.webp differ diff --git a/public/assets/images/services/service/web.webp b/public/assets/images/services/service/web.webp new file mode 100644 index 0000000..c77faeb Binary files /dev/null and b/public/assets/images/services/service/web.webp differ diff --git a/public/assets/images/services/why/circle.webp b/public/assets/images/services/why/circle.webp new file mode 100644 index 0000000..f030606 Binary files /dev/null and b/public/assets/images/services/why/circle.webp differ diff --git a/public/assets/images/services/why/icon-1.webp b/public/assets/images/services/why/icon-1.webp new file mode 100644 index 0000000..6945cfc Binary files /dev/null and b/public/assets/images/services/why/icon-1.webp differ diff --git a/public/assets/images/services/why/icon-2.webp b/public/assets/images/services/why/icon-2.webp new file mode 100644 index 0000000..c800a89 Binary files /dev/null and b/public/assets/images/services/why/icon-2.webp differ diff --git a/public/assets/images/services/why/icon-3.webp b/public/assets/images/services/why/icon-3.webp new file mode 100644 index 0000000..57a3a14 Binary files /dev/null and b/public/assets/images/services/why/icon-3.webp differ diff --git a/public/assets/images/services/why/left-element.webp b/public/assets/images/services/why/left-element.webp new file mode 100644 index 0000000..be5a8d9 Binary files /dev/null and b/public/assets/images/services/why/left-element.webp differ diff --git a/public/assets/images/services/why/right-element.webp b/public/assets/images/services/why/right-element.webp new file mode 100644 index 0000000..4375cdd Binary files /dev/null and b/public/assets/images/services/why/right-element.webp differ diff --git a/src/app/globals.css b/src/app/globals.css index 123dbae..add98ab 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -2512,6 +2512,12 @@ body { margin-bottom: 40px; } +@media (max-width: 991px) { + .work-process-section .shape-1 { + display: none; + } +} + .gt-btn.style5 { display: inline-flex; align-items: center; @@ -2630,7 +2636,7 @@ body { } .card-3 { - bottom: 60%; + bottom: 20%; left: 0; } @@ -2647,7 +2653,7 @@ body { } .card-6 { - bottom: 20%; + bottom: 60%; right: 0; } @@ -2657,11 +2663,11 @@ body { } /* Mirror Number for right cards */ -.card-6 .number, +/* .card-6 .number, .card-7 .number { left: auto; right: -15px; -} +} */ @media (max-width: 1399px) { .work-process-thumb { @@ -2671,22 +2677,22 @@ body { } @media (max-width: 1199px) { - .work-process-wrapper.style2 { + /* .work-process-wrapper.style2 { padding: 80px 40px; - } + } */ .work-process-content .section-title .title { font-size: 36px; } .work-process-thumb { - margin-top: 50px; + /* margin-top: 50px; */ scale: 1; height: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 30px; - padding: 20px; + /* padding: 20px; */ } .work-process-thumb::before, @@ -4160,11 +4166,29 @@ body { @media (max-width: 1199px) { .about-two__img { - float: none; + /* float: none; */ margin-bottom: 50px; } } +@media (max-width: 1199px) { + + .about-two__shape { + display: none; + } + + .about-two{ + margin: 0px 0px; + } + +} + +@media (max-width: 1199px) and (min-width: 992px) { + .about-two__img { + right: 170px; + } +} + .about-two__content { position: relative; } @@ -4303,9 +4327,45 @@ body { } .about-two__list li span { - font-size: 45px; - color: var(--pelocis-black, #1a1f2b); - transition: all 300ms ease; + display: none; +} + +.about-two__list__icon-box { + position: relative; + width: 70px; + height: 70px; + display: flex; + align-items: center; + justify-content: center; + flex-shrink: 0; +} + +.about-two__list__circle { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + object-fit: contain; + animation: rotate 15s linear infinite; +} + +.about-two__list__icon { + position: relative; + z-index: 1; + width: 50px; + height: 50px; + object-fit: contain; +} + +@keyframes rotate { + from { + transform: rotate(0deg); + } + + to { + transform: rotate(360deg); + } } [class^="icon-"], @@ -4900,7 +4960,7 @@ body { top: 0; width: 100%; height: 100%; - background-color: rgba(var(--pelocis-black-rgb, 34, 34, 34), 0.94); + /* background-color: rgba(var(--pelocis-black-rgb, 34, 34, 34), 0.94); */ } .history-two .container { @@ -5237,7 +5297,7 @@ body { .about-three__card__icon { width: 87px; height: 87px; - background-color: var(--pelocis-gray, #F5F2EF); + background-color: #1a1f2b; border-radius: 50%; display: flex; align-items: center; @@ -10523,7 +10583,7 @@ body { width: 0px; height: 0px; margin-right: 20px; - font-size: 16px; + font-size: 16px; } } diff --git a/src/components/about/Results.tsx b/src/components/about/Results.tsx index 9d06776..049c324 100644 --- a/src/components/about/Results.tsx +++ b/src/components/about/Results.tsx @@ -13,7 +13,7 @@ const ResultsSection = () => {
Discover Our Process

How We Deliver Exceptional Results

- +

Delve into Metatroncube’s unique approach to delivering exceptional results. Our ‘Discover Our Process’ section illuminates the meticulous steps we take in transforming your digital vision into tangible success.

@@ -55,11 +55,11 @@ const ResultsSection = () => {
- Business Meeting + Business Meeting
- Profile + Profile
diff --git a/src/components/careers/ServiceSection.tsx b/src/components/careers/ServiceSection.tsx index f771362..21e562b 100644 --- a/src/components/careers/ServiceSection.tsx +++ b/src/components/careers/ServiceSection.tsx @@ -54,7 +54,7 @@ const ServiceSection2 = () => { >
*/}
@@ -63,11 +63,11 @@ const ServiceSection2 = () => {
OUR BEST SERVICE

We Run All Kinds Of Services
From Technologies

- +
- {services.map((service, index) => ( + {services.slice(0, 6).map((service, index) => (
{
- + icon

{service.title} diff --git a/src/components/careers/WorkProcessSection.tsx b/src/components/careers/WorkProcessSection.tsx index 8b8287c..9545b92 100644 --- a/src/components/careers/WorkProcessSection.tsx +++ b/src/components/careers/WorkProcessSection.tsx @@ -49,19 +49,20 @@ const WorkProcessSection2 = () => { shape

- +
-
+ {/*
-
+
*/}
@@ -72,7 +73,7 @@ const WorkProcessSection2 = () => {
digital transformation journey

Embark on a digital transformation journey with Metatroncube

- + {/* */}

Our process begins with consultation and strategy development, where we understand your vision and create a customized plan aligned with your goals. We then move into design and development, combining creativity and technology to build functional and visually appealing solutions. Next, we implement and optimize the strategy to ensure efficiency, performance, and measurable impact. After thorough testing, we launch your project smoothly with a focus on quality and reliability. Finally, we provide ongoing support, continuous analysis, and client feedback integration to ensure long-term growth and sustained digital success. @@ -84,7 +85,7 @@ const WorkProcessSection2 = () => {

thumb diff --git a/src/components/common/SectionTitle.tsx b/src/components/common/SectionTitle.tsx index 0ab1fed..83330f8 100644 --- a/src/components/common/SectionTitle.tsx +++ b/src/components/common/SectionTitle.tsx @@ -26,13 +26,13 @@ const SectionTitle: React.FC = ({ dangerouslySetInnerHTML={{ __html: title }} />
- {showShape && ( + {/* {showShape && ( - )} + )} */}
); }; diff --git a/src/components/home/AboutTwo.tsx b/src/components/home/AboutTwo.tsx index 48834f7..0eacf19 100644 --- a/src/components/home/AboutTwo.tsx +++ b/src/components/home/AboutTwo.tsx @@ -7,14 +7,15 @@ const AboutTwo = () => {
shape shape
@@ -41,21 +42,30 @@ const AboutTwo = () => {

*/}
  • - +
    + {/* circle */} + icon +

    Latest Technology

    Harness advanced tech for top-notch web, app, and digital projects.

  • - +
    + {/* circle */} + icon +

    Certified Experts

    Trust our certified team for expert guidance in all digital realms.

  • - +
    + {/* circle */} + icon +

    Get Reasonable Price

    Get value-driven solutions at prices tailored for your business needs.

    diff --git a/src/components/home/home-1/FeaturesSection.tsx b/src/components/home/home-1/FeaturesSection.tsx index c0a2aff..ce8bdb0 100644 --- a/src/components/home/home-1/FeaturesSection.tsx +++ b/src/components/home/home-1/FeaturesSection.tsx @@ -7,7 +7,7 @@ import Image from "next/image"; interface FeatureItem { title: string; desc: string; - icon: React.ReactNode; + icon: string; image: string; imageAlt: string; defaultActive?: boolean; @@ -55,26 +55,26 @@ const features: FeatureItem[] = [ { title: "Comprehensive digital development", desc: "Expert web, app development and e-commerce solutions.", - icon: , - image: "/assets/img-app/about/about-img2.png", - imageAlt: "Versatile Latest Technology", + icon: "/assets/images/services/feature/comprehensive.png", + image: "/assets/images/services/feature/1-1.webp", + imageAlt: "Comprehensive Digital Development", delay: 0, }, { title: "Strategic online growth solutions", desc: "Strategic SEO and digital marketing for growth.", - icon: , - image: "/assets/img-app/about/about-img4.png", - imageAlt: "Business Planning Strategies", + icon: "/assets/images/services/feature/strategic.png", + image: "/assets/images/services/feature/1-2.webp", + imageAlt: "Strategic Online Growth Solutions", defaultActive: true, delay: 200, }, { title: "Creative design and branding excellence", desc: "Creative graphic design and branding strategy services.", - icon: , - image: "/assets/img-app/about/about-img1.png", - imageAlt: "Professional Team Members", + icon: "/assets/images/services/feature/creative.png", + image: "/assets/images/services/feature/1-3.webp", + imageAlt: "Creative Design and Branding Excellence", delay: 400, }, ]; @@ -140,7 +140,13 @@ const FeaturesSection = () => {
    {/* Circle icon badge above the hover card */}
    - {feature.icon} + {feature.title}

    {feature.title}

    {/* @@ -170,7 +176,13 @@ const FeaturesSection = () => { />
    - {feature.icon} + {feature.title}
diff --git a/src/components/home/home-1/ServiceThreeSlider.tsx b/src/components/home/home-1/ServiceThreeSlider.tsx index c0bbfe9..7b7944d 100644 --- a/src/components/home/home-1/ServiceThreeSlider.tsx +++ b/src/components/home/home-1/ServiceThreeSlider.tsx @@ -39,7 +39,7 @@ const ServiceThreeSlider = () => {
- {services.map((service, index) => ( + {services.slice(0, 6).map((service, index) => (
diff --git a/src/components/home/home-2/WorkProcessSection.tsx b/src/components/home/home-2/WorkProcessSection.tsx index a831aab..86d3713 100644 --- a/src/components/home/home-2/WorkProcessSection.tsx +++ b/src/components/home/home-2/WorkProcessSection.tsx @@ -1,7 +1,7 @@ import React from "react"; const WorkProcessSection = () => ( -
+
@@ -15,14 +15,14 @@ const WorkProcessSection = () => (
{[ - { num: 1, title: "Our Mission", icon: "icon-4.png", desc: "Empowering businesses with innovative digital growth solutions."}, - { num: 2, title: "Our Vision", icon: "icon-5.png", desc: "Redefining digital innovation for a connected, efficient future."}, - { num: 3, title: "Our Values", icon: "icon-6.png", desc: "Redefining digital innovation for a connected, efficient future."} + { num: 1, title: "Our Mission", icon: "our-mission.webp", desc: "Empowering businesses with innovative digital growth solutions."}, + { num: 2, title: "Our Vision", icon: "our-vision.webp", desc: "Redefining digital innovation for a connected, efficient future."}, + { num: 3, title: "Our Values", icon: "our-values.webp", desc: "Redefining digital innovation for a connected, efficient future."} ].map((proc, i) => (
- img + img {proc.num}
diff --git a/src/components/home/home-3/ChooseSection.tsx b/src/components/home/home-3/ChooseSection.tsx index ae6c98f..7ee56b1 100644 --- a/src/components/home/home-3/ChooseSection.tsx +++ b/src/components/home/home-3/ChooseSection.tsx @@ -2,26 +2,26 @@ import React from "react"; import SectionTitle from "@/components/common/SectionTitle"; const ChooseSection = () => ( -
-
+
+
-
-
- +
+
+
-
+ {/*
- {/*
+
-
*/} +
-
+
*/}

Metatron

diff --git a/src/components/services-digital-solutions/ServiceDetails.tsx b/src/components/services-digital-solutions/ServiceDetails.tsx index 916fd70..ca76274 100644 --- a/src/components/services-digital-solutions/ServiceDetails.tsx +++ b/src/components/services-digital-solutions/ServiceDetails.tsx @@ -70,7 +70,7 @@ const ServiceDetails: React.FC = ({ service }) => {
- {service.title} + {service.title}
{service.content && ( diff --git a/src/components/web-development-service/style.css b/src/components/web-development-service/style.css index 96ec807..a6329c0 100644 --- a/src/components/web-development-service/style.css +++ b/src/components/web-development-service/style.css @@ -326,7 +326,7 @@ h2, left: 0px; opacity: 0; visibility: hidden; - border: 1px solid #e2a475; + border: 1px solid #3779b9; background-position: center center; transition: opacity 0.5s ease-in-out; z-index: -1; @@ -351,7 +351,7 @@ h2, .service-one .service-card__shape { width: 218px; height: 80px; - background-color: #e2a475; + background-color: #3779b9; clip-path: polygon(36% 100%, 65% 100%, 100% 0px, 0px 0px); position: absolute; top: 0px; diff --git a/src/types/index.ts b/src/types/index.ts index 1272430..4d03dba 100644 --- a/src/types/index.ts +++ b/src/types/index.ts @@ -4,6 +4,7 @@ export interface ServiceType { image?: string; bannerLeftImage?: string; bannerRightImage?: string; + bigImage?: string; title: string; description: string; slug?: string; diff --git a/src/utils/data.ts b/src/utils/data.ts index e4b7898..19bb750 100644 --- a/src/utils/data.ts +++ b/src/utils/data.ts @@ -537,11 +537,12 @@ export const ourServices = [ id: 1, title: "Website Development", slug: "web-development", - icon: "fa-solid fa-code", - image: "https://bracketweb.com/pelocishtml/assets/images/resources/service-d-2.jpg", + icon: "/assets/images/services/service/icon-1.webp", + image: "/assets/images/services/service/img-1.webp", + bigImage: "/assets/images/services/service/web.webp", bannerLeftImage: "/assets/images/innerbanner/left/left-web-development.webp", bannerRightImage: "/assets/images/innerbanner/right/right-web-dev.webp", - description: "Business tailored design, management & support services Business for free.", + description: "Business-tailored website design, development, management, and ongoing support services to grow your brand online effectively.", content: `

Website Development at Metatroncube: Crafting Digital Masterpieces

In the digital age, a website is more than just a digital footprint; it’s a powerful tool that encapsulates the essence of your brand, the voice of your business, and the gateway to connect with a global audience. At Metatroncube Software Solutions, we understand that each website is a unique blend of art and functionality, an opportunity to impress, engage, and convert your visitors into loyal customers.

@@ -820,8 +821,9 @@ Robust Security id: 2, title: "Mobile Application Development", slug: "mobile-application-development", - icon: "fa-solid fa-mobile-screen", - image: "https://bracketweb.com/pelocishtml/assets/images/resources/service-d-2.jpg", + icon: "/assets/images/services/service/icon-2.webp", + image: "/assets/images/services/service/img-2.webp", + bigImage: "/assets/images/services/service/app.webp", bannerLeftImage: "/assets/images/innerbanner/left/left-app-development.webp", bannerRightImage: "/assets/images/innerbanner/right/right-app-dev.webp", description: "High-performance, scalable mobile apps tailored to your business needs across Android, iOS, and cross-platform technologies.", @@ -927,8 +929,9 @@ Robust Security id: 3, title: "Graphic Designing", slug: "graphic-designing-company", - icon: "fa-solid fa-paintbrush", - image: "https://bracketweb.com/pelocishtml/assets/images/resources/service-d-2.jpg", + icon: "/assets/images/services/service/icon-3.webp", + image: "/assets/images/services/service/img-3.webp", + bigImage: "/assets/images/services/service/graphic.webp", bannerLeftImage: "/assets/images/innerbanner/left/left-graphic-design.webp", bannerRightImage: "/assets/images/innerbanner/right/right-graphic.webp", description: "Elevate your brand with Metatroncube's comprehensive graphic design services—from logos and branding to UI/UX and packaging design.", @@ -1033,8 +1036,9 @@ Robust Security id: 4, title: "UI / UX Designing", slug: "ui-ux-designing", - icon: "fa-solid fa-pen-ruler", - image: "https://bracketweb.com/pelocishtml/assets/images/resources/service-d-2.jpg", + icon: "/assets/images/services/service/icon-4.webp", + image: "/assets/images/services/service/img-4.webp", + bigImage: "/assets/images/services/service/ui.webp", bannerLeftImage: "/assets/images/innerbanner/left/left-ui-ux.webp", bannerRightImage: "/assets/images/innerbanner/right/right-ui-ux.webp", description: "Elevate your digital presence with intuitive, user-centered design that delights users and drives engagement.", @@ -1142,8 +1146,9 @@ Robust Security id: 5, title: "SEO & Content Writing", slug: "search-engine-optimization-seo-content-writing", - icon: "fa-solid fa-magnifying-glass-chart", - image: "https://bracketweb.com/pelocishtml/assets/images/resources/service-d-2.jpg", + icon: "/assets/images/services/service/icon-5.webp", + image: "/assets/images/services/service/img-5.webp", + bigImage: "/assets/images/services/service/seo.webp", bannerLeftImage: "/assets/images/innerbanner/left/left-seo-content.webp", bannerRightImage: "/assets/images/innerbanner/right/right-seo.webp", description: "Transform your online presence with strategic SEO and compelling content that ranks, engages, and converts.", @@ -1248,8 +1253,9 @@ Robust Security id: 6, title: "Digital Marketing", slug: "digital-marketing-agency-in-canada", - icon: "fa-solid fa-bullseye", - image: "https://bracketweb.com/pelocishtml/assets/images/resources/service-d-2.jpg", + icon: "/assets/images/services/service/icon-6.webp", + image: "/assets/images/services/service/img-6.webp", + bigImage: "/assets/images/services/service/digital.webp", bannerLeftImage: "/assets/images/innerbanner/left/left-digital-marketing.webp", bannerRightImage: "/assets/images/innerbanner/right/right-digital.webp", description: "Transform your digital presence with data-driven strategies that captivate Canadian audiences and drive measurable growth.",