From e4def3e36fd443eeb88654e29f851845fe3ccc40 Mon Sep 17 00:00:00 2001 From: selvi Date: Tue, 3 Mar 2026 22:17:18 +0530 Subject: [PATCH] footer updated --- src/app/globals.css | 35 ++++++++++--------- src/components/home/AboutTwo.tsx | 2 +- src/components/home/MedicalServices.tsx | 6 ++-- src/components/home/home-1/ChooseSection.tsx | 2 +- src/components/home/home-1/CtaSection.tsx | 2 +- .../home/home-1/FeaturesSection.tsx | 4 +-- .../home/home-1/TestimonialsSection.tsx | 4 +-- src/components/layout/Footer1.tsx | 12 +++---- src/components/layout/NavMenu.tsx | 13 ++++++- .../common/ContactPopup/ContactPopup.tsx | 16 ++++----- .../support/layout/Footer/Footer.tsx | 4 +-- 11 files changed, 56 insertions(+), 44 deletions(-) diff --git a/src/app/globals.css b/src/app/globals.css index 998f144..e31d5e3 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -2014,7 +2014,7 @@ body { .contact-one { position: relative; overflow: hidden; - padding: 80px 0 0; + padding: 0 0 80px; background-color: #fff; } @@ -6872,6 +6872,7 @@ body { font-weight: 700; box-shadow: 0 10px 30px rgba(55, 121, 185, 0.3); transition: all 400ms ease; + color: #fff !important; } .pelocis-btn--premium:hover { @@ -7157,7 +7158,7 @@ body { position: relative; background-size: cover; background-position: center; - padding: 130px 0; + padding: 80px 0; background-color: #fff; overflow: hidden; } @@ -7776,8 +7777,8 @@ body { Projects Section Styles ══════════════════════════════════════════════════════════ */ :root { - --pelocis-base: #e2a475; - --pelocis-black: #222222; + --pelocis-base: #3779b9; + --pelocis-black: #1a1f2b; --pelocis-white: #fff; --pelocis-gray: #F5F2EF; --pelocis-border-color: #DDDDDD; @@ -7809,7 +7810,7 @@ body { content: ""; width: 13px; height: 13px; - background-color: var(--pelocis-base, #e2a475); + background-color: var(--pelocis-base, #3779b9); display: block; } @@ -7817,7 +7818,7 @@ body { content: ""; width: 12px; height: 12px; - background-color: var(--pelocis-black, #222222); + background-color: var(--pelocis-black, #1a1f2b); border: 1px solid var(--pelocis-white, #fff); display: block; position: absolute; @@ -7827,7 +7828,7 @@ body { .sec-title__tagline { margin: 0; - color: var(--pelocis-base, #e2a475); + color: var(--pelocis-base, #3779b9); font-size: 18px; line-height: 16px; text-transform: uppercase; @@ -7861,7 +7862,7 @@ body { position: relative; display: block; background-color: transparent; - color: var(--pelocis-black, #222222); + color: var(--pelocis-black, #1a1f2b); transition: all 500ms ease; text-transform: capitalize; padding: 12.5px 25px; @@ -7872,8 +7873,8 @@ body { .projects-one__filter__list li.active, .projects-one__filter__list li:hover { - background-color: var(--pelocis-base, #e2a475); - border-color: var(--pelocis-base, #e2a475); + background-color: var(--pelocis-base, #3779b9); + border-color: var(--pelocis-base, #3779b9); color: var(--pelocis-white, #fff); } @@ -7951,7 +7952,7 @@ body { left: 2.5%; bottom: 20px; clip-path: polygon(87% 0, 100% 50%, 87% 100%, 0 100%, 0 0); - background-color: var(--pelocis-base, #e2a475); + background-color: var(--pelocis-base, #3779b9); z-index: -1; border-radius: 15px; } @@ -8002,10 +8003,10 @@ body { justify-content: center; border-radius: 15px 15px 0px 0px; background-color: var(--pelocis-white, #fff); - color: var(--pelocis-black, #222222); + color: var(--pelocis-black, #1a1f2b); font-size: 18px; font-weight: 800; - border: 1px solid var(--pelocis-base, #e2a475); + border: 1px solid var(--pelocis-base, #3779b9); border-bottom: none; } @@ -8024,7 +8025,7 @@ body { justify-content: center; align-items: center; background-color: var(--pelocis-white, #fff); - color: var(--pelocis-base, #e2a475); + color: var(--pelocis-base, #3779b9); font-size: 16px; border-radius: 12px; cursor: pointer; @@ -8326,7 +8327,7 @@ body { content: ""; width: 13px; height: 13px; - background-color: var(--pelocis-base, #e2a475); + background-color: var(--pelocis-base, #3779b9); display: block; } @@ -8345,7 +8346,7 @@ body { .sec-title__tagline { margin: 0; font-family: var(--pelocis-font, inherit); - color: var(--pelocis-base, #e2a475); + color: var(--pelocis-base, #3779b9); font-size: 16px; line-height: 16px; text-transform: uppercase; @@ -8370,7 +8371,7 @@ body { } .sec-title--light .sec-title__tagline { - color: var(--pelocis-base, #e2a475); + color: var(--pelocis-base, #3779b9); } .sec-title--light .sec-title__shape::after { diff --git a/src/components/home/AboutTwo.tsx b/src/components/home/AboutTwo.tsx index 0ef32da..d4d5ff4 100644 --- a/src/components/home/AboutTwo.tsx +++ b/src/components/home/AboutTwo.tsx @@ -29,7 +29,7 @@ const AboutTwo = () => {
- + {/* */}
OUR ABOUT COMPANY

Psychology Seeks To Explore The About Workings of Human

diff --git a/src/components/home/MedicalServices.tsx b/src/components/home/MedicalServices.tsx index 4851ac5..c4be806 100644 --- a/src/components/home/MedicalServices.tsx +++ b/src/components/home/MedicalServices.tsx @@ -60,7 +60,7 @@ const MedicalServices = () => {
{ >
-
MEDICAL SERVICES
-

Medical Services

+
WELCOME
+

Driving Client Success

It is a long established fact that a reader will be distracted the readable content of
a page when looking at layout the point of using lorem the is Ipsum less normal distribution of letters.

diff --git a/src/components/home/home-1/ChooseSection.tsx b/src/components/home/home-1/ChooseSection.tsx index f77be66..70bad2b 100644 --- a/src/components/home/home-1/ChooseSection.tsx +++ b/src/components/home/home-1/ChooseSection.tsx @@ -11,7 +11,7 @@ const ChooseSection = () => (
WHY CHOOSE US
-

What's Make Us Different

+

What's Make Us Different

diff --git a/src/components/home/home-1/CtaSection.tsx b/src/components/home/home-1/CtaSection.tsx index 6833107..f893cde 100644 --- a/src/components/home/home-1/CtaSection.tsx +++ b/src/components/home/home-1/CtaSection.tsx @@ -1,7 +1,7 @@ import React from "react"; const CtaSection = () => ( -
+
diff --git a/src/components/home/home-1/FeaturesSection.tsx b/src/components/home/home-1/FeaturesSection.tsx index e5487d0..bd15823 100644 --- a/src/components/home/home-1/FeaturesSection.tsx +++ b/src/components/home/home-1/FeaturesSection.tsx @@ -142,7 +142,7 @@ const FeaturesSection = () => {
{feature.icon}
-

{feature.title}

+

{feature.title}

@@ -152,7 +152,7 @@ const FeaturesSection = () => {
{/* Top dark section */}
-

{feature.title}

+

{feature.title}

diff --git a/src/components/home/home-1/TestimonialsSection.tsx b/src/components/home/home-1/TestimonialsSection.tsx index a72a334..3fa1b1f 100644 --- a/src/components/home/home-1/TestimonialsSection.tsx +++ b/src/components/home/home-1/TestimonialsSection.tsx @@ -2,7 +2,7 @@ import React from "react"; import { testimonialSlides } from "@/utils/data"; const TestimonialsSection = () => ( -
+
@@ -22,7 +22,7 @@ const TestimonialsSection = () => (
TESTIMONIALS
-

Our Client Feedback

+

Our Client Feedback

diff --git a/src/components/layout/Footer1.tsx b/src/components/layout/Footer1.tsx index b17a6ee..81bde3b 100644 --- a/src/components/layout/Footer1.tsx +++ b/src/components/layout/Footer1.tsx @@ -40,12 +40,12 @@ const Footer1 = () => (

Our Services

    -
  • Website Development
    • -
  • Mobile Application Development
    • -
  • Graphic Designing
    • -
  • UI / UX Designing
    • -
  • SEO & Content Writing
    • -
  • Digital Marketing
    • +
  • Website Development
    • +
  • Mobile Application Development
    • +
  • Graphic Designing
    • +
  • UI / UX Designing
    • +
  • SEO & Content Writing
    • +
  • Digital Marketing
diff --git a/src/components/layout/NavMenu.tsx b/src/components/layout/NavMenu.tsx index fc93f80..96b2123 100644 --- a/src/components/layout/NavMenu.tsx +++ b/src/components/layout/NavMenu.tsx @@ -5,8 +5,19 @@ const NavMenu = () => (
  • Home
  • About
    • -
  • Services
    • +
  • + Services +
      +
    • Website Development
      • +
    • Mobile Application Development
      • +
    • Graphic Designing
      • +
    • UI / UX Designing
      • +
    • SEO & Content Writing
      • +
    • Digital Marketing
      • +
    +
  • Careers
    • +
  • Portfolio
  • FAQ
  • Blog
  • Contact
    • diff --git a/src/components/mobile-app-development-service/support/common/ContactPopup/ContactPopup.tsx b/src/components/mobile-app-development-service/support/common/ContactPopup/ContactPopup.tsx index 55eeefd..cde8c5c 100644 --- a/src/components/mobile-app-development-service/support/common/ContactPopup/ContactPopup.tsx +++ b/src/components/mobile-app-development-service/support/common/ContactPopup/ContactPopup.tsx @@ -126,29 +126,29 @@ const ContactPopup: React.FC = ({ isOpen, onClose }) => {
    -

    Let’s Discuss Your App Idea

    -

    Fill out the form and our team will contact you within 24 hours.

    +

    Let’s Discuss Your App Idea

    +

    Fill out the form and our team will contact you within 24 hours.

    -

    Email Us

    -
    info@metatroncubesolutions.com
    +

    Email Us

    +
    info@metatroncubesolutions.com
    -

    Call Us Free

    -
    +1-647-679-7651
    +

    Call Us Free

    +
    +1-647-679-7651
    - + @@ -272,7 +272,7 @@ const ContactPopup: React.FC = ({ isOpen, onClose }) => { flex-direction: column; } .info-panel { - padding: 50px; + padding: 40px; display: flex; flex-direction: column; justify-content: center; 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 12167d5..325ae24 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 @@ -13,13 +13,13 @@ const Footer = ({ logo = '/assets/img-app/home/footer/footer-logo-black.webp', c ]; const serviceLinks = [ - { label: 'Website Development', link: '#services' }, + { label: 'Mobile App Development', link: '#services' }, ]; const socialLinks = [ { icon: 'fa-facebook-f', link: 'https://www.facebook.com/metatroncubecanada', bg: '#0866ff' }, { icon: 'fa-instagram', link: 'https://www.instagram.com/metatron_digitalagency', bg: '#d62976' }, - { icon: 'fa-x-twitter', link: 'https://x.com/MetatroncubeDA', bg: '#000' }, + { icon: 'fa-twitter', link: 'https://x.com/MetatroncubeDA', bg: '#000' }, { icon: 'fa-linkedin-in', link: 'https://www.linkedin.com/company/metatroncube-software-solutions/posts/?feedView=all', bg: '#0077b5' }, { icon: 'fa-youtube', link: 'https://www.youtube.com/@metatron_digitalagency', bg: '#ff0000' }, ];