updated
This commit is contained in:
parent
48e6542496
commit
df31459888
BIN
public/assets/images/footer/footer.webp
Normal file
BIN
public/assets/images/footer/footer.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
@ -2,9 +2,12 @@
|
|||||||
import React, { useEffect, useState } from "react";
|
import React, { useEffect, useState } from "react";
|
||||||
|
|
||||||
const Preloader = () => {
|
const Preloader = () => {
|
||||||
|
const [mounted, setMounted] = useState(false);
|
||||||
const [isLoading, setIsLoading] = useState(true);
|
const [isLoading, setIsLoading] = useState(true);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
setMounted(true);
|
||||||
|
|
||||||
const timer = setTimeout(() => {
|
const timer = setTimeout(() => {
|
||||||
setIsLoading(false);
|
setIsLoading(false);
|
||||||
}, 1500); // Minimum 1.5s visibility for the logo animation
|
}, 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 (
|
return (
|
||||||
<div id="preloader">
|
<div id="preloader">
|
||||||
|
|||||||
@ -43,6 +43,7 @@ const BlogSection = ({ hideHeader = false, isPaginated = false }: { hideHeader?:
|
|||||||
key={i}
|
key={i}
|
||||||
onClick={() => paginate(i)}
|
onClick={() => paginate(i)}
|
||||||
className={`pagination-btn ${currentPage === i ? 'active' : ''}`}
|
className={`pagination-btn ${currentPage === i ? 'active' : ''}`}
|
||||||
|
suppressHydrationWarning
|
||||||
>
|
>
|
||||||
{i}
|
{i}
|
||||||
</button>
|
</button>
|
||||||
@ -105,6 +106,7 @@ const BlogSection = ({ hideHeader = false, isPaginated = false }: { hideHeader?:
|
|||||||
onClick={() => paginate(currentPage - 1)}
|
onClick={() => paginate(currentPage - 1)}
|
||||||
disabled={currentPage === 1}
|
disabled={currentPage === 1}
|
||||||
className={`pagination-arrow ${currentPage === 1 ? 'disabled' : ''}`}
|
className={`pagination-arrow ${currentPage === 1 ? 'disabled' : ''}`}
|
||||||
|
suppressHydrationWarning
|
||||||
>
|
>
|
||||||
<i className="fa-solid fa-angles-left"></i>
|
<i className="fa-solid fa-angles-left"></i>
|
||||||
</button>
|
</button>
|
||||||
@ -115,6 +117,7 @@ const BlogSection = ({ hideHeader = false, isPaginated = false }: { hideHeader?:
|
|||||||
onClick={() => paginate(currentPage + 1)}
|
onClick={() => paginate(currentPage + 1)}
|
||||||
disabled={currentPage === totalPages}
|
disabled={currentPage === totalPages}
|
||||||
className={`pagination-arrow ${currentPage === totalPages ? 'disabled' : ''}`}
|
className={`pagination-arrow ${currentPage === totalPages ? 'disabled' : ''}`}
|
||||||
|
suppressHydrationWarning
|
||||||
>
|
>
|
||||||
<i className="fa-solid fa-angles-right"></i>
|
<i className="fa-solid fa-angles-right"></i>
|
||||||
</button>
|
</button>
|
||||||
|
|||||||
@ -40,7 +40,7 @@ const Footer1 = () => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<footer>
|
<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="footer-top section-space-medium">
|
||||||
<div className="small-container">
|
<div className="small-container">
|
||||||
<div className="row g-4">
|
<div className="row g-4">
|
||||||
@ -49,7 +49,7 @@ const Footer1 = () => {
|
|||||||
<figure className="image">
|
<figure className="image">
|
||||||
<img src="/assets/img-app/logo.webp" alt="footer logo" />
|
<img src="/assets/img-app/logo.webp" alt="footer logo" />
|
||||||
</figure>
|
</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">
|
<div className="footer-socials">
|
||||||
<span>
|
<span>
|
||||||
<a href="https://www.facebook.com/metatroncubecanada" target="_blank" rel="noopener noreferrer">
|
<a href="https://www.facebook.com/metatroncubecanada" target="_blank" rel="noopener noreferrer">
|
||||||
@ -141,7 +141,7 @@ const Footer1 = () => {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="small-container">
|
<div className="small-container">
|
||||||
<div className="footer-bottom pt-30 pb-30">
|
<div className="footer-bottom pt-15 pb-15">
|
||||||
<div className="left-area">
|
<div className="left-area">
|
||||||
<span>Copyright {new Date().getFullYear()} © by{" "}
|
<span>Copyright {new Date().getFullYear()} © by{" "}
|
||||||
Metatroncube Software Solutions.
|
Metatroncube Software Solutions.
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user