MetatroncubeSoftwareSolutions/MetatronLatestWebsite
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

footer updated

Browse Source
This commit is contained in:
Selvi 2026-03-03 22:17:18 +05:30
parent 0f9d0e1d72
commit e4def3e36f
11 changed files with 56 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
src/app/globals.css
View File

@ -2014,7 +2014,7 @@ body {
.contact-one { .contact-one {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
padding: 80px 0 0; padding: 0 0 80px;
background-color: #fff; background-color: #fff;
} }
@ -6872,6 +6872,7 @@ body {
font-weight: 700; font-weight: 700;
box-shadow: 0 10px 30px rgba(55, 121, 185, 0.3); box-shadow: 0 10px 30px rgba(55, 121, 185, 0.3);
transition: all 400ms ease; transition: all 400ms ease;
color: #fff !important;
} }
.pelocis-btn--premium:hover { .pelocis-btn--premium:hover {
@ -7157,7 +7158,7 @@ body {
position: relative; position: relative;
background-size: cover; background-size: cover;
background-position: center; background-position: center;
padding: 130px 0; padding: 80px 0;
background-color: #fff; background-color: #fff;
overflow: hidden; overflow: hidden;
} }
@ -7776,8 +7777,8 @@ body {
Projects Section Styles Projects Section Styles
══════════════════════════════════════════════════════════ */ ══════════════════════════════════════════════════════════ */
:root { :root {
--pelocis-base: #e2a475; --pelocis-base: #3779b9;
--pelocis-black: #222222; --pelocis-black: #1a1f2b;
--pelocis-white: #fff; --pelocis-white: #fff;
--pelocis-gray: #F5F2EF; --pelocis-gray: #F5F2EF;
--pelocis-border-color: #DDDDDD; --pelocis-border-color: #DDDDDD;
@ -7809,7 +7810,7 @@ body {
content: ""; content: "";
width: 13px; width: 13px;
height: 13px; height: 13px;
background-color: var(--pelocis-base, #e2a475); background-color: var(--pelocis-base, #3779b9);
display: block; display: block;
} }
@ -7817,7 +7818,7 @@ body {
content: ""; content: "";
width: 12px; width: 12px;
height: 12px; height: 12px;
background-color: var(--pelocis-black, #222222); background-color: var(--pelocis-black, #1a1f2b);
border: 1px solid var(--pelocis-white, #fff); border: 1px solid var(--pelocis-white, #fff);
display: block; display: block;
position: absolute; position: absolute;
@ -7827,7 +7828,7 @@ body {
.sec-title__tagline { .sec-title__tagline {
margin: 0; margin: 0;
color: var(--pelocis-base, #e2a475); color: var(--pelocis-base, #3779b9);
font-size: 18px; font-size: 18px;
line-height: 16px; line-height: 16px;
text-transform: uppercase; text-transform: uppercase;
@ -7861,7 +7862,7 @@ body {
position: relative; position: relative;
display: block; display: block;
background-color: transparent; background-color: transparent;
color: var(--pelocis-black, #222222); color: var(--pelocis-black, #1a1f2b);
transition: all 500ms ease; transition: all 500ms ease;
text-transform: capitalize; text-transform: capitalize;
padding: 12.5px 25px; padding: 12.5px 25px;
@ -7872,8 +7873,8 @@ body {
.projects-one__filter__list li.active, .projects-one__filter__list li.active,
.projects-one__filter__list li:hover { .projects-one__filter__list li:hover {
background-color: var(--pelocis-base, #e2a475); background-color: var(--pelocis-base, #3779b9);
border-color: var(--pelocis-base, #e2a475); border-color: var(--pelocis-base, #3779b9);
color: var(--pelocis-white, #fff); color: var(--pelocis-white, #fff);
} }
@ -7951,7 +7952,7 @@ body {
left: 2.5%; left: 2.5%;
bottom: 20px; bottom: 20px;
clip-path: polygon(87% 0, 100% 50%, 87% 100%, 0 100%, 0 0); 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; z-index: -1;
border-radius: 15px; border-radius: 15px;
} }
@ -8002,10 +8003,10 @@ body {
justify-content: center; justify-content: center;
border-radius: 15px 15px 0px 0px; border-radius: 15px 15px 0px 0px;
background-color: var(--pelocis-white, #fff); background-color: var(--pelocis-white, #fff);
color: var(--pelocis-black, #222222); color: var(--pelocis-black, #1a1f2b);
font-size: 18px; font-size: 18px;
font-weight: 800; font-weight: 800;
border: 1px solid var(--pelocis-base, #e2a475); border: 1px solid var(--pelocis-base, #3779b9);
border-bottom: none; border-bottom: none;
} }
@ -8024,7 +8025,7 @@ body {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
background-color: var(--pelocis-white, #fff); background-color: var(--pelocis-white, #fff);
color: var(--pelocis-base, #e2a475); color: var(--pelocis-base, #3779b9);
font-size: 16px; font-size: 16px;
border-radius: 12px; border-radius: 12px;
cursor: pointer; cursor: pointer;
@ -8326,7 +8327,7 @@ body {
content: ""; content: "";
width: 13px; width: 13px;
height: 13px; height: 13px;
background-color: var(--pelocis-base, #e2a475); background-color: var(--pelocis-base, #3779b9);
display: block; display: block;
} }
@ -8345,7 +8346,7 @@ body {
.sec-title__tagline { .sec-title__tagline {
margin: 0; margin: 0;
font-family: var(--pelocis-font, inherit); font-family: var(--pelocis-font, inherit);
color: var(--pelocis-base, #e2a475); color: var(--pelocis-base, #3779b9);
font-size: 16px; font-size: 16px;
line-height: 16px; line-height: 16px;
text-transform: uppercase; text-transform: uppercase;
@ -8370,7 +8371,7 @@ body {
} }
.sec-title--light .sec-title__tagline { .sec-title--light .sec-title__tagline {
color: var(--pelocis-base, #e2a475); color: var(--pelocis-base, #3779b9);
} }
.sec-title--light .sec-title__shape::after { .sec-title--light .sec-title__shape::after {

2
src/components/home/AboutTwo.tsx
View File

@ -29,7 +29,7 @@ const AboutTwo = () => {
<div className="col-xl-6"> <div className="col-xl-6">
<div className="about-two__content"> <div className="about-two__content">
<div className="sec-title"> <div className="sec-title">
<span className="about-two__dot-circle"></span> {/* <span className="about-two__dot-circle"></span> */}
<div className="sec-title__shape"></div> <div className="sec-title__shape"></div>
<h6 className="sec-title__tagline">OUR ABOUT COMPANY</h6> <h6 className="sec-title__tagline">OUR ABOUT COMPANY</h6>
<h3 className="sec-title__title">Psychology Seeks To Explore The About Workings of Human</h3> <h3 className="sec-title__title">Psychology Seeks To Explore The About Workings of Human</h3>

6
src/components/home/MedicalServices.tsx
View File

@ -60,7 +60,7 @@ const MedicalServices = () => {
<section <section
className="medical-services-circle p-relative overflow-hidden" className="medical-services-circle p-relative overflow-hidden"
style={{ style={{
backgroundImage: `url('https://bracketweb.com/pelocishtml/assets/images/backgrounds/contact-bg-1.jpg')`, backgroundImage: `url('/assets/img/all-images/blog/blog-img1.png')`,
backgroundAttachment: 'fixed', backgroundAttachment: 'fixed',
backgroundPosition: 'center', backgroundPosition: 'center',
backgroundRepeat: 'no-repeat', backgroundRepeat: 'no-repeat',
@ -96,8 +96,8 @@ const MedicalServices = () => {
> >
<div className="sec-title"> <div className="sec-title">
<div className="sec-title__shape"></div> <div className="sec-title__shape"></div>
<h6 className="sec-title__tagline text-white">MEDICAL SERVICES</h6> <h6 className="sec-title__tagline text-white">WELCOME</h6>
<h3 className="sec-title__title text-white">Medical <span className="inner-text">Services</span></h3> <h3 className="sec-title__title text-white">Driving Client <span className="inner-text">Success </span></h3>
</div> </div>
<p className="sec-text mt-15 text-white">It is a long established fact that a reader will be distracted the readable content of <br /> a page when looking at layout the point of using lorem the is Ipsum less normal distribution of letters.</p> <p className="sec-text mt-15 text-white">It is a long established fact that a reader will be distracted the readable content of <br /> a page when looking at layout the point of using lorem the is Ipsum less normal distribution of letters.</p>

2
src/components/home/home-1/ChooseSection.tsx
View File

@ -11,7 +11,7 @@ const ChooseSection = () => (
<div className="sec-title"> <div className="sec-title">
<div className="sec-title__shape"></div> <div className="sec-title__shape"></div>
<h6 className="sec-title__tagline">WHY CHOOSE US</h6> <h6 className="sec-title__tagline">WHY CHOOSE US</h6>
<h3 className="sec-title__title">What&apos;s Make Us Different</h3> <h3 className="sec-title__title text-white">What&apos;s Make Us Different</h3>
</div> </div>
<img src="https://bracketweb.com/pelocishtml/assets/images/shapes/text-shape-2.png" alt="" className="sec-title__text-shape" /> <img src="https://bracketweb.com/pelocishtml/assets/images/shapes/text-shape-2.png" alt="" className="sec-title__text-shape" />
</div> </div>

2
src/components/home/home-1/CtaSection.tsx
View File

@ -1,7 +1,7 @@
import React from "react"; import React from "react";
const CtaSection = () => ( const CtaSection = () => (
<section className="cta-1-section bg-color-1 p-relative wow fadeInDown" data-wow-delay=".5s"> <section className="cta-1-section bg-color-1 p-relative wow fadeInDown mb-80" data-wow-delay=".5s">
<div className="small-container"> <div className="small-container">
<div className="row g-0 box-shadow-1 fix"> <div className="row g-0 box-shadow-1 fix">
<div className="col-xxl-6 col-lg-6 bg-white"> <div className="col-xxl-6 col-lg-6 bg-white">

4
src/components/home/home-1/FeaturesSection.tsx
View File

@ -142,7 +142,7 @@ const FeaturesSection = () => {
<div className="fo-hover-icon"> <div className="fo-hover-icon">
{feature.icon} {feature.icon}
</div> </div>
<h2 className="fo-hover-title">{feature.title}</h2> <h3 className="fo-hover-title">{feature.title}</h3>
<Link href="#" className="fo-hover-btn"> <Link href="#" className="fo-hover-btn">
<ArrowIcon /> <ArrowIcon />
</Link> </Link>
@ -152,7 +152,7 @@ const FeaturesSection = () => {
<div className="fo-card"> <div className="fo-card">
{/* Top dark section */} {/* Top dark section */}
<div className="fo-card-top"> <div className="fo-card-top">
<h2 className="fo-card-title">{feature.title}</h2> <h3 className="fo-card-title">{feature.title}</h3>
<Link href="#" className="fo-card-btn"> <Link href="#" className="fo-card-btn">
<ArrowIcon /> <ArrowIcon />
</Link> </Link>

4
src/components/home/home-1/TestimonialsSection.tsx
View File

@ -2,7 +2,7 @@ import React from "react";
import { testimonialSlides } from "@/utils/data"; import { testimonialSlides } from "@/utils/data";
const TestimonialsSection = () => ( const TestimonialsSection = () => (
<section className="testimonials-two-section fix section-space"> <section className="testimonials-two-section fix section-space-bottom">
<div className="container-fluid g-0"> <div className="container-fluid g-0">
<div className="row g-0"> <div className="row g-0">
<div className="col-xxl-4 col-xl-4 col-lg-12"> <div className="col-xxl-4 col-xl-4 col-lg-12">
@ -22,7 +22,7 @@ const TestimonialsSection = () => (
<div className="sec-title"> <div className="sec-title">
<div className="sec-title__shape"></div> <div className="sec-title__shape"></div>
<h6 className="sec-title__tagline">TESTIMONIALS</h6> <h6 className="sec-title__tagline">TESTIMONIALS</h6>
<h3 className="sec-title__title">Our Client Feedback</h3> <h3 className="sec-title__title text-white">Our Client Feedback</h3>
</div> </div>
<img src="https://bracketweb.com/pelocishtml/assets/images/shapes/text-shape-2.png" alt="" className="sec-title__text-shape" /> <img src="https://bracketweb.com/pelocishtml/assets/images/shapes/text-shape-2.png" alt="" className="sec-title__text-shape" />
</div> </div>

12
src/components/layout/Footer1.tsx
View File

@ -40,12 +40,12 @@ const Footer1 = () => (
<div className="footer-widget-2"> <div className="footer-widget-2">
<h4 className="mb-20 footer-title">Our Services</h4> <h4 className="mb-20 footer-title">Our Services</h4>
<ul className="service-list"> <ul className="service-list">
<li><Link href="/website-development">Website Development</Link></li> <li><Link href="/">Website Development</Link></li>
<li><Link href="/mobile-application-development">Mobile Application Development</Link></li> <li><Link href="/">Mobile Application Development</Link></li>
<li><Link href="/graphic-designing">Graphic Designing</Link></li> <li><Link href="/">Graphic Designing</Link></li>
<li><Link href="/ui-ux-designing">UI / UX Designing</Link></li> <li><Link href="/">UI / UX Designing</Link></li>
<li><Link href="/seo-content-writing">SEO & Content Writing</Link></li> <li><Link href="/">SEO & Content Writing</Link></li>
<li><Link href="/digital-marketing">Digital Marketing</Link></li> <li><Link href="/">Digital Marketing</Link></li>
</ul> </ul>
</div> </div>
</div> </div>

13
src/components/layout/NavMenu.tsx
View File

@ -5,8 +5,19 @@ const NavMenu = () => (
<ul> <ul>
<li><Link href="/">Home</Link></li> <li><Link href="/">Home</Link></li>
<li><Link href="/about-us">About</Link></li> <li><Link href="/about-us">About</Link></li>
<li><Link href="/services">Services</Link></li> <li className="has-dropdown">
<Link href="/services">Services</Link>
<ul className="submenu">
<li><Link href="/">Website Development</Link></li>
<li><Link href="/">Mobile Application Development</Link></li>
<li><Link href="/">Graphic Designing</Link></li>
<li><Link href="/">UI / UX Designing</Link></li>
<li><Link href="/">SEO & Content Writing</Link></li>
<li><Link href="/">Digital Marketing</Link></li>
</ul>
</li>
<li><Link href="/careers">Careers</Link></li> <li><Link href="/careers">Careers</Link></li>
<li><Link href="/portfolio">Portfolio</Link></li>
<li><Link href="/faq">FAQ</Link></li> <li><Link href="/faq">FAQ</Link></li>
<li><Link href="/blog">Blog</Link></li> <li><Link href="/blog">Blog</Link></li>
<li><Link href="/contact">Contact</Link></li> <li><Link href="/contact">Contact</Link></li>

16
src/components/mobile-app-development-service/support/common/ContactPopup/ContactPopup.tsx
View File

@ -126,29 +126,29 @@ const ContactPopup: React.FC<ContactPopupProps> = ({ isOpen, onClose }) => {
<div className="col-lg-5 info-panel" style={{ color: '#fff', position: 'relative' }}> <div className="col-lg-5 info-panel" style={{ color: '#fff', position: 'relative' }}>
<div style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%', background: 'linear-gradient(135deg, #1a1f2b 0%, #3779b9 100%)', zIndex: 0 }}></div> <div style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%', background: 'linear-gradient(135deg, #1a1f2b 0%, #3779b9 100%)', zIndex: 0 }}></div>
<div className="info-inner" style={{ position: 'relative', zIndex: 1 }}> <div className="info-inner" style={{ position: 'relative', zIndex: 1 }}>
<h2 className="title">Let’s Discuss Your App Idea</h2> <h2 className="title text-white">Let’s Discuss Your App Idea</h2>
<p className="desc">Fill out the form and our team will contact you within 24 hours.</p> <p className="desc text-white">Fill out the form and our team will contact you within 24 hours.</p>
<div className="contact-details"> <div className="contact-details">
<div className="detail-item"> <div className="detail-item">
<div className="icon"><i className="fa-solid fa-envelope"></i></div> <div className="icon"><i className="fa-solid fa-envelope"></i></div>
<div className="text"> <div className="text">
<p>Email Us</p> <p className='text-white'>Email Us</p>
<h5>info@metatroncubesolutions.com</h5> <h5 className='text-white'>info@metatroncubesolutions.com</h5>
</div> </div>
</div> </div>
<div className="detail-item"> <div className="detail-item">
<div className="icon"><i className="fa-solid fa-phone"></i></div> <div className="icon"><i className="fa-solid fa-phone"></i></div>
<div className="text"> <div className="text">
<p>Call Us Free</p> <p className='text-white'>Call Us Free</p>
<h5><a href="tel:+16476797651" style={{ color: 'inherit', textDecoration: 'none' }}>+1-647-679-7651</a></h5> <h5 className='text-white'><a href="tel:+16476797651" style={{ color: 'inherit', textDecoration: 'none' }}>+1-647-679-7651</a></h5>
</div> </div>
</div> </div>
</div> </div>
<div className="social-links"> <div className="social-links">
<a href="https://www.facebook.com/metatroncubecanada" target="_blank" rel="noopener noreferrer" className="social-icon"><i className="fa-brands fa-facebook-f"></i></a> <a href="https://www.facebook.com/metatroncubecanada" target="_blank" rel="noopener noreferrer" className="social-icon"><i className="fa-brands fa-facebook-f"></i></a>
<a href="https://x.com/MetatroncubeDA" target="_blank" rel="noopener noreferrer" className="social-icon"><i className="fa-brands fa-x-twitter"></i></a> <a href="https://x.com/MetatroncubeDA" target="_blank" rel="noopener noreferrer" className="social-icon"><i className="fa-brands fa-twitter"></i></a>
<a href="https://www.linkedin.com/company/metatroncube-software-solutions/posts/?feedView=all" target="_blank" rel="noopener noreferrer" className="social-icon"><i className="fa-brands fa-linkedin-in"></i></a> <a href="https://www.linkedin.com/company/metatroncube-software-solutions/posts/?feedView=all" target="_blank" rel="noopener noreferrer" className="social-icon"><i className="fa-brands fa-linkedin-in"></i></a>
<a href="https://www.instagram.com/metatron_digitalagency" target="_blank" rel="noopener noreferrer" className="social-icon"><i className="fa-brands fa-instagram"></i></a> <a href="https://www.instagram.com/metatron_digitalagency" target="_blank" rel="noopener noreferrer" className="social-icon"><i className="fa-brands fa-instagram"></i></a>
<a href="https://www.youtube.com/@metatron_digitalagency" target="_blank" rel="noopener noreferrer" className="social-icon"><i className="fa-brands fa-youtube"></i></a> <a href="https://www.youtube.com/@metatron_digitalagency" target="_blank" rel="noopener noreferrer" className="social-icon"><i className="fa-brands fa-youtube"></i></a>
@ -272,7 +272,7 @@ const ContactPopup: React.FC<ContactPopupProps> = ({ isOpen, onClose }) => {
flex-direction: column; flex-direction: column;
} }
.info-panel { .info-panel {
padding: 50px; padding: 40px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;

4
src/components/mobile-app-development-service/support/layout/Footer/Footer.tsx
View File

@ -13,13 +13,13 @@ const Footer = ({ logo = '/assets/img-app/home/footer/footer-logo-black.webp', c
]; ];
const serviceLinks = [ const serviceLinks = [
{ label: 'Website Development', link: '#services' }, { label: 'Mobile App Development', link: '#services' },
]; ];
const socialLinks = [ const socialLinks = [
{ icon: 'fa-facebook-f', link: 'https://www.facebook.com/metatroncubecanada', bg: '#0866ff' }, { 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-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-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' }, { icon: 'fa-youtube', link: 'https://www.youtube.com/@metatron_digitalagency', bg: '#ff0000' },
]; ];