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

updated

Browse Source
This commit is contained in:
akash 2026-03-07 12:04:05 +05:30
parent 48e6542496
commit df31459888
4 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/assets/images/footer/footer.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

5
src/components/common/Preloader.tsx
View File

@ -2,9 +2,12 @@
import React, { useEffect, useState } from "react";
const Preloader = () => {
const [mounted, setMounted] = useState(false);
const [isLoading, setIsLoading] = useState(true);
useEffect(() => {
setMounted(true);
const timer = setTimeout(() => {
setIsLoading(false);
}, 1500); // Minimum 1.5s visibility for the logo animation
@ -25,7 +28,7 @@ const Preloader = () => {
};
}, []);
if (!isLoading) return null;
if (!mounted || !isLoading) return null;
return (
<div id="preloader">

3
src/components/home/home-1/BlogSection.tsx
View File

@ -43,6 +43,7 @@ const BlogSection = ({ hideHeader = false, isPaginated = false }: { hideHeader?:
key={i}
onClick={() => paginate(i)}
className={`pagination-btn ${currentPage === i ? 'active' : ''}`}
suppressHydrationWarning
>
{i}
</button>
@ -105,6 +106,7 @@ const BlogSection = ({ hideHeader = false, isPaginated = false }: { hideHeader?:
onClick={() => paginate(currentPage - 1)}
disabled={currentPage === 1}
className={`pagination-arrow ${currentPage === 1 ? 'disabled' : ''}`}
suppressHydrationWarning
>
<i className="fa-solid fa-angles-left"></i>
</button>
@ -115,6 +117,7 @@ const BlogSection = ({ hideHeader = false, isPaginated = false }: { hideHeader?:
onClick={() => paginate(currentPage + 1)}
disabled={currentPage === totalPages}
className={`pagination-arrow ${currentPage === totalPages ? 'disabled' : ''}`}
suppressHydrationWarning
>
<i className="fa-solid fa-angles-right"></i>
</button>

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

@ -40,7 +40,7 @@ const Footer1 = () => {
return (
<footer>
<div className="footer-main bg-color-1">
<div className="footer-main bg-color-1" style={{ backgroundImage: 'url(/assets/images/footer/footer.webp)', backgroundPosition: 'center', backgroundRepeat: 'no-repeat', backgroundSize: 'cover' }}>
<div className="footer-top section-space-medium">
<div className="small-container">
<div className="row g-4">
@ -49,7 +49,7 @@ const Footer1 = () => {
<figure className="image">
<img src="/assets/img-app/logo.webp" alt="footer logo" />
</figure>
<p className="mt-40 mb-40">Metatroncube Software Solutions: Where innovation meets execution to elevate your digital presence. Partner with us for bespoke web and app development that powers your business growth.</p>
<p className="mt-20 mb-40">Metatroncube Software Solutions: Where innovation meets execution to elevate your digital presence. Partner with us for bespoke web and app development that powers your business growth.</p>
<div className="footer-socials">
<span>
<a href="https://www.facebook.com/metatroncubecanada" target="_blank" rel="noopener noreferrer">
@ -141,7 +141,7 @@ const Footer1 = () => {
</div>
</div>
<div className="small-container">
<div className="footer-bottom pt-30 pb-30">
<div className="footer-bottom pt-15 pb-15">
<div className="left-area">
<span>Copyright {new Date().getFullYear()} © by{" "}
Metatroncube Software Solutions.