updates added
This commit is contained in:
akash
parent
7eb469ff8c
commit
48e6542496
@ -3451,7 +3451,7 @@ body {
|
||||
transform: translateX(-50%);
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
background: #db2777;
|
||||
background: #3779b9;
|
||||
/* Pin head color */
|
||||
border-radius: 50%;
|
||||
box-shadow:
|
||||
@ -12748,7 +12748,7 @@ body {
|
||||
.contact-one__form .tolak-btn:hover,
|
||||
.contact-one__form button:hover,
|
||||
.about-2-btn-area a:hover {
|
||||
background-position: right center !important;
|
||||
background-position: left center !important;
|
||||
color: #fff !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
@ -150,7 +150,7 @@ const TestimonialsSection = () => {
|
||||
<div className="row mt-50" style={{ position: 'relative', zIndex: 2 }}>
|
||||
<div className="col-12 text-center">
|
||||
<Link
|
||||
href="https://www.google.com/maps/place/Metatron+Cube+Software+Solutions/@34.0518468,-56.3267266,3z/data=!4m8!3m7!1s0x89d4d4dc0e01490b:0xf0ca6a97298a109c!8m2!3d34.0518468!4d-56.3267266!9m1!1b1!16s%2Fg%2F11k197xnvf?entry=ttu&g_ep=EgoyMDI1MTAxMy4wIKXMDSoASAFQAw%3D%3D"
|
||||
href="https://www.google.com/maps/place/Metatroncube+Software+Solutions/@34.0518468,-56.3267266,3z/data=!4m8!3m7!1s0x89d4d7ff0d82df5b:0xf0ca6a97298a109c!8m2!3d43.4510036!4d-80.5909483!9m1!1b1!16s%2Fg%2F11k197xnvf?entry=ttu&g_ep=EgoyMDI2MDMwMi4wIKXMDSoASAFQAw%3D%3D"
|
||||
target="_blank"
|
||||
className="vl-btn1"
|
||||
style={{ display: 'inline-flex', alignItems: 'center', gap: '10px' }}
|
||||
|
||||
@ -1,112 +1,163 @@
|
||||
import React from "react";
|
||||
"use client";
|
||||
import React, { useState } from "react";
|
||||
import Link from "next/link";
|
||||
import axios from "axios";
|
||||
|
||||
const Footer1 = () => (
|
||||
<footer>
|
||||
<div className="footer-main bg-color-1">
|
||||
<div className="footer-top section-space-medium">
|
||||
const Footer1 = () => {
|
||||
const [email, setEmail] = useState("");
|
||||
const [status, setStatus] = useState({ show: false, type: "", message: "" });
|
||||
|
||||
const handleSubmit = async (e: React.FormEvent) => {
|
||||
e.preventDefault();
|
||||
if (!email) return;
|
||||
|
||||
setStatus({ show: false, type: "", message: "" });
|
||||
|
||||
const emailData = {
|
||||
email: email,
|
||||
message: `Newsletter Subscription Request from: ${email}`,
|
||||
to: "info@metatroncubesolutions.com",
|
||||
senderName: "Metatroncube Footer Newsletter",
|
||||
};
|
||||
|
||||
try {
|
||||
const res = await axios.post("https://mailserver.metatronnest.com/send", emailData);
|
||||
setStatus({
|
||||
show: true,
|
||||
type: "success",
|
||||
message: res?.data?.message || "Subscribed successfully!",
|
||||
});
|
||||
setEmail("");
|
||||
} catch (error) {
|
||||
console.error("❌ Newsletter error:", error);
|
||||
setStatus({
|
||||
show: true,
|
||||
type: "danger",
|
||||
message: "Failed to subscribe. Please try again.",
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<footer>
|
||||
<div className="footer-main bg-color-1">
|
||||
<div className="footer-top section-space-medium">
|
||||
<div className="small-container">
|
||||
<div className="row g-4">
|
||||
<div className="col-xxl-3 col-xl-3 col-lg-3 col-md-6">
|
||||
<div className="footer-widget-1">
|
||||
<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>
|
||||
<div className="footer-socials">
|
||||
<span>
|
||||
<a href="https://www.facebook.com/metatroncubecanada" target="_blank" rel="noopener noreferrer">
|
||||
<i className="fa-brands fa-facebook-f"></i>
|
||||
</a>
|
||||
</span>
|
||||
|
||||
<span>
|
||||
<a href="https://www.instagram.com/metatron_digitalagency" target="_blank" rel="noopener noreferrer">
|
||||
<i className="fa-brands fa-instagram"></i>
|
||||
</a>
|
||||
</span>
|
||||
|
||||
<span>
|
||||
<a href="https://x.com/MetatroncubeDA" target="_blank" rel="noopener noreferrer">
|
||||
<i className="fa-brands fa-twitter"></i>
|
||||
</a>
|
||||
</span>
|
||||
|
||||
<span>
|
||||
<a href="https://www.linkedin.com/company/metatroncube-software-solutions/posts/?feedView=all" target="_blank" rel="noopener noreferrer">
|
||||
<i className="fa-brands fa-linkedin-in"></i>
|
||||
</a>
|
||||
</span>
|
||||
|
||||
<span>
|
||||
<a href="https://www.youtube.com/@metatron_digitalagency" target="_blank" rel="noopener noreferrer">
|
||||
<i className="fa-brands fa-youtube"></i>
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-3 col-xl-3 col-lg-3 col-md-6">
|
||||
<div className="footer-widget-2 pl-50">
|
||||
<h4 className="mb-20 footer-title">Quick Links</h4>
|
||||
<ul className="service-list">
|
||||
<li><Link href="/">Home</Link></li>
|
||||
<li><Link href="/about-us">About</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="/blog">Blog</Link></li>
|
||||
<li><Link href="/contact">Contact</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-3 col-xl-3 col-lg-3 col-md-6">
|
||||
<div className="footer-widget-2">
|
||||
<h4 className="mb-20 footer-title">Our Services</h4>
|
||||
<ul className="service-list">
|
||||
<li><Link href="/services-digital-solutions/web-development">Website Development</Link></li>
|
||||
<li><Link href="/services-digital-solutions/mobile-application-development">Mobile Application Development</Link></li>
|
||||
<li><Link href="/services-digital-solutions/graphic-designing-company">Graphic Designing</Link></li>
|
||||
<li><Link href="/services-digital-solutions/ui-ux-designing">UI / UX Designing</Link></li>
|
||||
<li><Link href="/services-digital-solutions/search-engine-optimization-seo-content-writing">SEO & Content Writing</Link></li>
|
||||
<li><Link href="/services-digital-solutions/digital-marketing-agency-in-canada">Digital Marketing</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-3 col-xl-3 col-lg-3 col-md-6">
|
||||
<div className="footer-widget-4 pr-30">
|
||||
<h4 className="mb-20 footer-title">Newsletter</h4>
|
||||
<p>Subscribe our newsletter to get our latest update & news</p>
|
||||
<div className="footer-subscribe">
|
||||
{status.show && (
|
||||
<div className={`alert alert-${status.type === 'danger' ? 'danger' : 'success'} mb-3`} style={{ fontSize: '14px', padding: '10px' }}>
|
||||
{status.message}
|
||||
</div>
|
||||
)}
|
||||
<form onSubmit={handleSubmit}>
|
||||
<input
|
||||
type="email"
|
||||
name="email"
|
||||
placeholder="Your email address"
|
||||
required
|
||||
suppressHydrationWarning={true}
|
||||
value={email}
|
||||
onChange={(e) => setEmail(e.target.value)}
|
||||
/>
|
||||
<button type="submit" className="primary-btn-1" style={{ backgroundPosition: 'left center' }} suppressHydrationWarning={true}>
|
||||
SUBSCRIBE NOW
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="small-container">
|
||||
<div className="row g-4">
|
||||
<div className="col-xxl-3 col-xl-3 col-lg-3 col-md-6">
|
||||
<div className="footer-widget-1">
|
||||
<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>
|
||||
<div className="footer-socials">
|
||||
<span>
|
||||
<a href="https://www.facebook.com/metatroncubecanada" target="_blank" rel="noopener noreferrer">
|
||||
<i className="fa-brands fa-facebook-f"></i>
|
||||
</a>
|
||||
</span>
|
||||
|
||||
<span>
|
||||
<a href="https://www.instagram.com/metatron_digitalagency" target="_blank" rel="noopener noreferrer">
|
||||
<i className="fa-brands fa-instagram"></i>
|
||||
</a>
|
||||
</span>
|
||||
|
||||
<span>
|
||||
<a href="https://x.com/MetatroncubeDA" target="_blank" rel="noopener noreferrer">
|
||||
<i className="fa-brands fa-twitter"></i>
|
||||
</a>
|
||||
</span>
|
||||
|
||||
<span>
|
||||
<a href="https://www.linkedin.com/company/metatroncube-software-solutions/posts/?feedView=all" target="_blank" rel="noopener noreferrer">
|
||||
<i className="fa-brands fa-linkedin-in"></i>
|
||||
</a>
|
||||
</span>
|
||||
|
||||
<span>
|
||||
<a href="https://www.youtube.com/@metatron_digitalagency" target="_blank" rel="noopener noreferrer">
|
||||
<i className="fa-brands fa-youtube"></i>
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div className="footer-bottom pt-30 pb-30">
|
||||
<div className="left-area">
|
||||
<span>Copyright {new Date().getFullYear()} © by{" "}
|
||||
Metatroncube Software Solutions.
|
||||
All Rights Reserved.
|
||||
</span>
|
||||
</div>
|
||||
<div className="col-xxl-3 col-xl-3 col-lg-3 col-md-6">
|
||||
<div className="footer-widget-2 pl-50">
|
||||
<h4 className="mb-20 footer-title">Quick Links</h4>
|
||||
<ul className="service-list">
|
||||
<li><Link href="/">Home</Link></li>
|
||||
<li><Link href="/about-us">About</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="/blog">Blog</Link></li>
|
||||
<li><Link href="/contact">Contact</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-3 col-xl-3 col-lg-3 col-md-6">
|
||||
<div className="footer-widget-2">
|
||||
<h4 className="mb-20 footer-title">Our Services</h4>
|
||||
<ul className="service-list">
|
||||
<li><Link href="/services-digital-solutions/web-development">Website Development</Link></li>
|
||||
<li><Link href="/services-digital-solutions/mobile-application-development">Mobile Application Development</Link></li>
|
||||
<li><Link href="/services-digital-solutions/graphic-designing-company">Graphic Designing</Link></li>
|
||||
<li><Link href="/services-digital-solutions/ui-ux-designing">UI / UX Designing</Link></li>
|
||||
<li><Link href="/services-digital-solutions/search-engine-optimization-seo-content-writing">SEO & Content Writing</Link></li>
|
||||
<li><Link href="/services-digital-solutions/digital-marketing-agency-in-canada">Digital Marketing</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-3 col-xl-3 col-lg-3 col-md-6">
|
||||
<div className="footer-widget-4 pr-30">
|
||||
<h4 className="mb-20 footer-title">Newsletter</h4>
|
||||
<p>Subscribe our newsletter to get our latest update & news</p>
|
||||
<div className="footer-subscribe">
|
||||
<form action="#">
|
||||
<input type="email" name="email" placeholder="Your email address" required suppressHydrationWarning={true} />
|
||||
<button type="submit" className="primary-btn-1 btn-hover" suppressHydrationWarning={true}>
|
||||
SUBSCRIBE NOW
|
||||
<span className="btn-hover-span"></span>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div className="right-area">
|
||||
<span><Link href="/accessibility-statement-for-metatroncube-software-solutions">Accessibility Statement</Link></span>
|
||||
<span style={{ margin: '0 8px' }}>/</span>
|
||||
<span><Link href="/privacy-policy">Privacy Policy</Link></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="small-container">
|
||||
<div className="footer-bottom pt-30 pb-30">
|
||||
<div className="left-area">
|
||||
<span>Copyright {new Date().getFullYear()} © by{" "}
|
||||
Metatroncube Software Solutions.
|
||||
All Rights Reserved.
|
||||
</span>
|
||||
</div>
|
||||
<div className="right-area">
|
||||
<span><Link href="/accessibility-statement-for-metatroncube-software-solutions">Accessibility Statement</Link></span>
|
||||
<span><Link href="/privacy-policy">Privacy Policy</Link></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
);
|
||||
</footer>
|
||||
);
|
||||
};
|
||||
|
||||
export default Footer1;
|
||||
|
||||
@ -207,7 +207,7 @@ const Testimonial = () => {
|
||||
<div className="mt-50 text-center text-lg-start" style={{ paddingLeft: '20px' }}>
|
||||
<GsapReveal y={20} delay={0.5}>
|
||||
<Link
|
||||
href="https://www.google.com/maps/place/Metatron+Cube+Software+Solutions/@34.0518468,-56.3267266,3z/data=!4m8!3m7!1s0x89d4d4dc0e01490b:0xf0ca6a97298a109c!8m2!3d34.0518468!4d-56.3267266!9m1!1b1!16s%2Fg%2F11k197xnvf?entry=ttu&g_ep=EgoyMDI1MTAxMy4wIKXMDSoASAFQAw%3D%3D"
|
||||
href="https://www.google.com/maps/place/Metatroncube+Software+Solutions/@34.0518468,-56.3267266,3z/data=!4m8!3m7!1s0x89d4d7ff0d82df5b:0xf0ca6a97298a109c!8m2!3d43.4510036!4d-80.5909483!9m1!1b1!16s%2Fg%2F11k197xnvf?entry=ttu&g_ep=EgoyMDI2MDMwMi4wIKXMDSoASAFQAw%3D%3D"
|
||||
target="_blank"
|
||||
className="vl-btn2"
|
||||
style={{ display: 'inline-flex', alignItems: 'center', gap: '10px' }}
|
||||
|
||||
@ -80,41 +80,43 @@ const ServiceDetails: React.FC<ServiceDetailsProps> = ({ service }) => {
|
||||
/>
|
||||
)}
|
||||
|
||||
{service.faq && service.faq.length > 0 && (
|
||||
<div className="service-details__faq-wrapper mt-40">
|
||||
<div className="sec-title mb-40">
|
||||
<div className="sec-title__shape"></div>
|
||||
<h6 className="sec-title__tagline">Service FAQ</h6>
|
||||
<h3 className="sec-title__title" style={{ fontSize: '34px' }}>Frequently Asked Questions</h3>
|
||||
</div>
|
||||
<div className="faq-one__accordion pelocis-accrodion">
|
||||
{service.faq.map((item, index) => (
|
||||
<div key={index} className={`accrodion ${activeIndex === index ? 'active' : ''}`}>
|
||||
<div className="accrodion-title" onClick={() => toggleAccordion(index)}>
|
||||
<div className="accrodion-title__shape"></div>
|
||||
<div className="accrodion-title__icon">
|
||||
<i className="fa fa-check"></i>
|
||||
</div>
|
||||
<h4 style={{ fontSize: '24px' }}>
|
||||
{item.question}
|
||||
<i className="icon-right-arrow-white"></i>
|
||||
</h4>
|
||||
</div>
|
||||
<div className="accrodion-content" style={{ display: activeIndex === index ? 'block' : 'none' }}>
|
||||
<div className="inner">
|
||||
<p style={{ fontSize: '18px', color: '#444', lineHeight: '1.8' }} dangerouslySetInnerHTML={{ __html: item.answer }} />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
{/* Full-width FAQ section */}
|
||||
{service.faq && service.faq.length > 0 && (
|
||||
<div className="service-details__faq-wrapper mt-40">
|
||||
<div className="sec-title mb-40">
|
||||
<div className="sec-title__shape"></div>
|
||||
<h6 className="sec-title__tagline">Service FAQ</h6>
|
||||
<h3 className="sec-title__title" style={{ fontSize: '34px' }}>Frequently Asked Questions</h3>
|
||||
</div>
|
||||
<div className="faq-one__accordion pelocis-accrodion">
|
||||
{service.faq.map((item, index) => (
|
||||
<div key={index} className={`accrodion ${activeIndex === index ? 'active' : ''}`}>
|
||||
<div className="accrodion-title" onClick={() => toggleAccordion(index)}>
|
||||
<div className="accrodion-title__shape"></div>
|
||||
<div className="accrodion-title__icon">
|
||||
<i className="fa fa-check"></i>
|
||||
</div>
|
||||
<h4 style={{ fontSize: '24px' }}>
|
||||
{item.question}
|
||||
<i className="icon-right-arrow-white"></i>
|
||||
</h4>
|
||||
</div>
|
||||
<div className="accrodion-content" style={{ display: activeIndex === index ? 'block' : 'none' }}>
|
||||
<div className="inner">
|
||||
<p style={{ fontSize: '18px', color: '#444', lineHeight: '1.8' }} dangerouslySetInnerHTML={{ __html: item.answer }} />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
@ -206,7 +206,7 @@ const Testimonial = () => {
|
||||
<div className="mt-50 text-center text-lg-start" style={{ paddingLeft: '20px' }}>
|
||||
<GsapReveal y={20} delay={0.5}>
|
||||
<Link
|
||||
href="https://www.google.com/maps/place/Metatron+Cube+Software+Solutions/@34.0518468,-56.3267266,3z/data=!4m8!3m7!1s0x89d4d4dc0e01490b:0xf0ca6a97298a109c!8m2!3d34.0518468!4d-56.3267266!9m1!1b1!16s%2Fg%2F11k197xnvf?entry=ttu&g_ep=EgoyMDI1MTAxMy4wIKXMDSoASAFQAw%3D%3D"
|
||||
href="https://www.google.com/maps/place/Metatroncube+Software+Solutions/@34.0518468,-56.3267266,3z/data=!4m8!3m7!1s0x89d4d7ff0d82df5b:0xf0ca6a97298a109c!8m2!3d43.4510036!4d-80.5909483!9m1!1b1!16s%2Fg%2F11k197xnvf?entry=ttu&g_ep=EgoyMDI2MDMwMi4wIKXMDSoASAFQAw%3D%3D"
|
||||
target="_blank"
|
||||
className="vl-btn2"
|
||||
style={{ display: 'inline-flex', alignItems: 'center', gap: '10px' }}
|
||||
|
||||
@ -1082,7 +1082,7 @@ Robust Security</li>
|
||||
<div class="service-card__hover" style="background-image: url(/assets/images/services/details/left-ui.webp);"></div>
|
||||
<div class="service-card__shape"></div>
|
||||
<div class="service-card__icon">
|
||||
<i class="fa-solid fa-chart-simple"></i>
|
||||
<i class="fa-solid fa-lightbulb"></i>
|
||||
</div>
|
||||
<h2 class="service-card__title">Web Consultant</h2>
|
||||
<p class="service-card__text">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user