diff --git a/public/assets/css/main.css b/public/assets/css/main.css index 7aaf8a5..d2486ef 100644 --- a/public/assets/css/main.css +++ b/public/assets/css/main.css @@ -2612,6 +2612,7 @@ only screen and (min-width: 576px) and (max-width: 767px) { height: 36px; width: 36px; border: 1px solid #fff; + border-radius: 20px; font-size: 13px; display: inline-flex; justify-content: center; diff --git a/public/assets/images/about/1/element.webp b/public/assets/images/about/1/element.webp new file mode 100644 index 0000000..588bfbb Binary files /dev/null and b/public/assets/images/about/1/element.webp differ diff --git a/public/assets/images/about/3/icon-1.webp b/public/assets/images/about/3/icon-1.webp new file mode 100644 index 0000000..c70f1ce Binary files /dev/null and b/public/assets/images/about/3/icon-1.webp differ diff --git a/public/assets/images/about/3/icon-2.webp b/public/assets/images/about/3/icon-2.webp new file mode 100644 index 0000000..57719f1 Binary files /dev/null and b/public/assets/images/about/3/icon-2.webp differ diff --git a/public/assets/images/about/3/icon-3.webp b/public/assets/images/about/3/icon-3.webp new file mode 100644 index 0000000..81bf09a Binary files /dev/null and b/public/assets/images/about/3/icon-3.webp differ diff --git a/public/assets/images/home/1/banner-image/seo.webp b/public/assets/images/home/1/banner-image/seo.webp new file mode 100644 index 0000000..1713656 Binary files /dev/null and b/public/assets/images/home/1/banner-image/seo.webp differ diff --git a/src/app/accessibility-statement-for-metatroncube-software-solutions/page.tsx b/src/app/accessibility-statement-for-metatroncube-software-solutions/page.tsx index 8b8ac43..2360245 100644 --- a/src/app/accessibility-statement-for-metatroncube-software-solutions/page.tsx +++ b/src/app/accessibility-statement-for-metatroncube-software-solutions/page.tsx @@ -1,25 +1,23 @@ -"use client"; - -import React, { useEffect } from "react"; +import React from "react"; +import type { Metadata } from "next"; import Header1 from "@/components/layout/Header1"; import Footer1 from "@/components/layout/Footer1"; import PageHeader from "@/components/common/PageHeader"; import AccessibilityContent from "@/components/accessibility/AccessibilityContent"; +import MetatronInitializer from "@/components/MetatronInitializer"; + +export const metadata: Metadata = { + title: "Accessibility Statement for Metatroncube Software Solutions - Metatroncube Software Solutions | Innovative & User-Centric Tech Services in Waterloo", + description: "MetatronCube is committed to accessibility in its software solutions — ensuring web & mobile apps are usable, inclusive, compliant for all users.", + alternates: { + canonical: "/accessibility-statement-for-metatroncube-software-solutions", + }, +}; export default function AccessibilityStatement() { - useEffect(() => { - const init = () => { - if (typeof window !== "undefined" && (window as any).initMetatron && (window as any).jQuery) { - (window as any).initMetatron(); - } else { - setTimeout(init, 100); - } - }; - init(); - }, []); - return ( <> +
- diff --git a/src/app/careers/page.tsx b/src/app/careers/page.tsx index 081c6e7..98a3884 100644 --- a/src/app/careers/page.tsx +++ b/src/app/careers/page.tsx @@ -2,10 +2,11 @@ import React from "react"; import type { Metadata } from "next"; import Header1 from "@/components/layout/Header1"; import Footer1 from "@/components/layout/Footer1"; +import WhyChooseUs from "@/components/about/WhyChooseUs"; import PageHeader from "@/components/common/PageHeader"; -import WhyChooseSection from "@/components/careers/WhyChooseSection"; -import ContactSection from "@/components/careers/ContactSection"; -import FaqVideoSection from "@/components/careers/FaqVideoSection"; +import AboutService from "@/components/services-digital-solutions/AboutService"; +import AboutThree from "@/components/home/AboutThree"; +import ProjectsSection from "@/components/home/ProjectsSection"; import MetatronInitializer from "@/components/MetatronInitializer"; export const metadata: Metadata = { @@ -25,13 +26,14 @@ export default function CareersPage() { - - - + + + +
); -} +} \ No newline at end of file diff --git a/src/app/globals.css b/src/app/globals.css index aacf3da..40fd19c 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -4948,7 +4948,7 @@ body { ----------------------------------------------------------- */ .why-choose-two { position: relative; - background-color: var(--pelocis-gray, #F5F2EF); + background: linear-gradient(90deg, #3779b9 0%, #1a1f2b 50%, #3779b9 100%) !important; counter-reset: count; } @@ -4971,7 +4971,7 @@ body { font-size: 16px; font-weight: 400; line-height: 26px; - color: var(--pelocis-text-dark, #636363); + color: #fff; margin-bottom: 25px; } @@ -5110,6 +5110,7 @@ body { .why-choose-two .pelocis-stretch-element-inside-column { position: relative; height: 100%; + left: 50px; } .why-choose-two__shape-one { @@ -10207,7 +10208,7 @@ body { .about-service .icon-circle { width: 40px; height: 40px; - background: #fff; + /* background: #fff; */ color: #3779b9; border-radius: 4px; display: flex; @@ -12024,6 +12025,12 @@ body { .contact-area .contact-info-item .content h6 { font-size: 16px; } + .faq-one__card{ + flex-direction: column !important; + } + .choose-section .bg-image{ + display: none; + } } @media (max-width: 390px) { @@ -12097,7 +12104,31 @@ body { right: 0; z-index: 1001; /* High enough to be over offcanvas overlay (900) and info (999) */ - padding: 16px 0; + padding: 0; + /* Remove default padding, we use row-bg3 for padding */ +} + +/* Glassmorphism row for header */ +.row-bg3 { + background: rgba(26, 31, 43, 0.8) !important; + backdrop-filter: blur(12px) !important; + -webkit-backdrop-filter: blur(12px) !important; + border: 1px solid rgba(255, 255, 255, 0.1) !important; + border-radius: 16px !important; + /* padding: 10px 20px !important; */ + box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important; + margin-top: 20px !important; + transition: all 0.3s ease !important; +} + +@media (max-width: 991px) { + .row-bg3 { + margin-top: 0 !important; + border-radius: 0 !important; + border: none !important; + background: #1a1f2b !important; + padding: 15px 20px !important; + } } @media (max-width: 991px) { @@ -12170,7 +12201,8 @@ body { .main-menu-metatron ul { display: flex; - gap: 10px; + justify-content: center; + gap: 7px; margin: 0; padding: 0; list-style: none; @@ -12182,12 +12214,13 @@ body { } .main-menu-metatron ul li a { - font-size: 12px; + font-size: 16px; + font-family: 'Figtree', sans-serif; padding: 0 5px; font-weight: 700; color: #ffffff; /* White text for dark theme */ - text-transform: uppercase; + /* text-transform: uppercase; */ transition: all 0.3s; letter-spacing: 0.5px; } @@ -12230,8 +12263,9 @@ body { .main-menu-metatron ul li .submenu li a { padding: 12px 25px; display: block; - font-size: 13px; - text-transform: uppercase; + text-align: left; + font-size: 16px; + /* text-transform: uppercase; */ font-weight: 600; color: #ffffff; /* White text for dark theme */ @@ -13083,4 +13117,27 @@ body { .justify-content-between { justify-content: space-between !important; +} + +@media (max-width: 1199px) and (min-width: 600px) { + .why-choose-two .pelocis-stretch-element-inside-column { + left: 152px; + } +} + +@media (max-width: 1110px) and (min-width: 992px) { + + .main-menu-metatron ul { + justify-content: flex-start; + } + + .main-menu-metatron ul li a { + padding: 0px 3px; + font-size: 13px; + } + + .main-menu-metatron ul li .submenu li a { + font-size: 13px; + } + } \ No newline at end of file diff --git a/src/app/page.tsx b/src/app/page.tsx index 95bda51..c519fe5 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -41,9 +41,9 @@ export default function MainPage() { + {/* */} - diff --git a/src/app/privacy-policy/page.tsx b/src/app/privacy-policy/page.tsx index 41f01c7..7f732c8 100644 --- a/src/app/privacy-policy/page.tsx +++ b/src/app/privacy-policy/page.tsx @@ -1,25 +1,23 @@ -"use client"; - -import React, { useEffect } from "react"; +import React from "react"; +import type { Metadata } from "next"; import Header1 from "@/components/layout/Header1"; import Footer1 from "@/components/layout/Footer1"; import PageHeader from "@/components/common/PageHeader"; import PrivacyPolicyContent from "@/components/privacy/PrivacyPolicyContent"; +import MetatronInitializer from "@/components/MetatronInitializer"; + +export const metadata: Metadata = { + title: "Privacy Policy of Metatroncube Software Solutions - Metatroncube Software Solutions | Innovative & User-Centric Tech Services in Waterloo", + description: "Metatroncube Software Solutions values your privacy. We collect, use & protect your personal data responsibly, ensuring transparency, security, and legal compliance. Contact us anytime.", + alternates: { + canonical: "/privacy-policy", + }, +}; export default function PrivacyPolicy() { - useEffect(() => { - const init = () => { - if (typeof window !== "undefined" && (window as any).initMetatron && (window as any).jQuery) { - (window as any).initMetatron(); - } else { - setTimeout(init, 100); - } - }; - init(); - }, []); - return ( <> +
{
  • -
    +
    @@ -101,7 +101,7 @@ const Offcanvas = () => {
  • -
    +
    diff --git a/src/components/home/AboutThree.tsx b/src/components/home/AboutThree.tsx index 10b160d..9942a98 100644 --- a/src/components/home/AboutThree.tsx +++ b/src/components/home/AboutThree.tsx @@ -1,3 +1,5 @@ +"use client"; + import React, { useState, useEffect, useRef } from 'react'; const AboutThree = () => { diff --git a/src/components/home/WhyChooseTwo.tsx b/src/components/home/WhyChooseTwo.tsx index 75d1d38..10aa4cc 100644 --- a/src/components/home/WhyChooseTwo.tsx +++ b/src/components/home/WhyChooseTwo.tsx @@ -14,10 +14,10 @@ const WhyChooseTwo: React.FC = ({ reverse = false }) => {
    -
    Watch Us Live
    -

    An Agency That Gets Excited
    About Your Mission

    +
    Watch Us Live
    +

    An Agency That Gets Excited
    About Your Mission

    -

    +

    Every project we take on is personal. We get excited about your goals, your grit, and the journey you’re on.

    @@ -28,7 +28,7 @@ const WhyChooseTwo: React.FC = ({ reverse = false }) => {

  • - +

    Urgent development solutions

    @@ -40,7 +40,7 @@ const WhyChooseTwo: React.FC = ({ reverse = false }) => {
  • - +

    Top quality services with reasonable price

    @@ -52,7 +52,7 @@ const WhyChooseTwo: React.FC = ({ reverse = false }) => {
  • - +

    Professional & experienced team

    diff --git a/src/components/home/home-1/BannerSection.tsx b/src/components/home/home-1/BannerSection.tsx index 1ade9de..9646d8e 100644 --- a/src/components/home/home-1/BannerSection.tsx +++ b/src/components/home/home-1/BannerSection.tsx @@ -16,7 +16,7 @@ const banners = [ btnHref: "https://calendly.com/metatroncubeswsolutions/request-consultation", }, { - image: "/assets/images/home/1/banner-image/seo-strategies.webp", + image: "/assets/images/home/1/banner-image/seo.webp", subTitle: "METATRONCUBE SOLUTIONS", title: "SEO STRATEGIES PAVING YOUR PATH TO SUCCESS", text: "Maximize visibility and drive traffic with Metatroncube's expert SEO strategies.", diff --git a/src/components/home/home-1/TestimonialsSection.tsx b/src/components/home/home-1/TestimonialsSection.tsx index 2a0a117..01d528a 100644 --- a/src/components/home/home-1/TestimonialsSection.tsx +++ b/src/components/home/home-1/TestimonialsSection.tsx @@ -67,7 +67,7 @@ const TestimonialsSection = () => { } return ( -
    +
    diff --git a/src/components/home/home-2/About2Section.tsx b/src/components/home/home-2/About2Section.tsx index 3fc6027..d00b935 100644 --- a/src/components/home/home-2/About2Section.tsx +++ b/src/components/home/home-2/About2Section.tsx @@ -2,7 +2,7 @@ import React from "react"; const About2Section = () => (
    -
    +
    diff --git a/src/components/layout/Footer1.tsx b/src/components/layout/Footer1.tsx index 8744639..3978432 100644 --- a/src/components/layout/Footer1.tsx +++ b/src/components/layout/Footer1.tsx @@ -94,8 +94,7 @@ const Footer1 = () => (
    - - © {new Date().getFullYear()} by{" "} + Copyright {new Date().getFullYear()} © by{" "} Metatroncube Software Solutions. All Rights Reserved. diff --git a/src/components/layout/Header1.tsx b/src/components/layout/Header1.tsx index 20ee09c..ad1fd0b 100644 --- a/src/components/layout/Header1.tsx +++ b/src/components/layout/Header1.tsx @@ -35,21 +35,21 @@ const Header1 = () => {
    -
    +
    - header logo + header logo
    -
    +
    -
    +
    diff --git a/src/components/layout/NavItemsMetatron.tsx b/src/components/layout/NavItemsMetatron.tsx index 11cd556..3ad8d2b 100644 --- a/src/components/layout/NavItemsMetatron.tsx +++ b/src/components/layout/NavItemsMetatron.tsx @@ -2,25 +2,25 @@ import Link from 'next/link'; import React from 'react'; const navItems = [ - { title: 'HOME', link: '/' }, + { title: 'Home', link: '/' }, { - title: 'SERVICE', + title: 'Service', link: '/services-digital-solutions', submenu: [ - { title: 'WEBSITE DEVELOPMENT', link: '/services-digital-solutions/web-development' }, - { title: 'MOBILE APPLICATION DEVELOPMENT', link: '/services-digital-solutions/mobile-application-development' }, - { title: 'GRAPHIC DESIGNING', link: '/services-digital-solutions/graphic-designing-company' }, - { title: 'UI / UX DESIGNING', link: '/services-digital-solutions/ui-ux-designing' }, - { title: 'SEO & CONTENT WRITING', link: '/services-digital-solutions/search-engine-optimization-seo-content-writing' }, - { title: 'DIGITAL MARKETING', link: '/services-digital-solutions/digital-marketing-agency-in-canada' }, + { title: 'Website Development', link: '/services-digital-solutions/web-development' }, + { title: 'Mobile Application Development', link: '/services-digital-solutions/mobile-application-development' }, + { title: 'Graphic Designing', link: '/services-digital-solutions/graphic-designing-company' }, + { title: 'UI / UX Designing', link: '/services-digital-solutions/ui-ux-designing' }, + { title: 'SEO & Content Writing', link: '/services-digital-solutions/search-engine-optimization-seo-content-writing' }, + { title: 'Digital Marketing', link: '/services-digital-solutions/digital-marketing-agency-in-canada' } ], }, - { title: 'PORTFOLIO', link: '/portfolio' }, - { title: 'ABOUT', link: '/about-us' }, - { title: 'CAREERS', link: '/careers' }, - { title: 'BLOG', link: '/blog' }, - { title: 'CONTACT', link: '/contact' }, - { title: 'FAQ', link: '/faq' }, + { title: 'Portfolio', link: '/portfolio' }, + { title: 'About', link: '/about-us' }, + { title: 'Career', link: '/careers' }, + { title: 'Blog', link: '/blog' }, + { title: 'Contact', link: '/contact' }, + { title: 'Faq', link: '/faq' }, ]; const NavItemsMetatron = () => { diff --git a/src/components/mobile-app-development-service/support/layout/Footer/Footer.tsx b/src/components/mobile-app-development-service/support/layout/Footer/Footer.tsx index 325ae24..1d2e3a2 100644 --- a/src/components/mobile-app-development-service/support/layout/Footer/Footer.tsx +++ b/src/components/mobile-app-development-service/support/layout/Footer/Footer.tsx @@ -201,7 +201,7 @@ const Footer = ({ logo = '/assets/img-app/home/footer/footer-logo-black.webp', c
    -

    © Copyright {currentYear} - MetatronCube. All Right Reserved

    +

    Copyright {new Date().getFullYear()} © by{" "} Metatroncube Software Solutions. All Rights Reserved.

    diff --git a/src/components/web-development-service/support/layout/Footer/Footer.tsx b/src/components/web-development-service/support/layout/Footer/Footer.tsx index 07b5058..d253fdd 100644 --- a/src/components/web-development-service/support/layout/Footer/Footer.tsx +++ b/src/components/web-development-service/support/layout/Footer/Footer.tsx @@ -201,7 +201,7 @@ const Footer = ({ logo = '/assets/img/logo.webp', containerClass = 'vl-footer1-s
    -

    © Copyright {currentYear} - MetatronCube. All Right Reserved

    +

    Copyright {new Date().getFullYear()} © by{" "} Metatroncube Software Solutions. All Rights Reserved.

    @@ -211,3 +211,7 @@ const Footer = ({ logo = '/assets/img/logo.webp', containerClass = 'vl-footer1-s }; export default Footer; +Copyright {new Date().getFullYear()} © by{" "} + Metatroncube Software Solutions. + All Rights Reserved. + \ No newline at end of file