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 = () => {
+
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 = () => {
+
+
+
+
-
+ {/*
*/}
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 = () => {
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
- )}
+ )} */}
*/}
+ Harness advanced tech for top-notch web, app, and digital projects.
*/}
+ Trust our certified team for expert guidance in all digital realms.
*/}
+ 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: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.",