updates added

src/app/globals.css

@@ -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;
 }

src/components/home/home-1/TestimonialsSection.tsx

@@ -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' }}

src/components/layout/Footer1.tsx

@@ -1,7 +1,44 @@
-import React from "react";
+"use client";
+import React, { useState } from "react";
 import Link from "next/link";
+import axios from "axios";
 
-const Footer1 = () => (
+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">
@@ -78,11 +115,23 @@ const Footer1 = () => (
                                     <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="#">
+                                        {status.show && (
-                                        <input type="email" name="email" placeholder="Your email address" required suppressHydrationWarning={true} />
+                                            <div className={`alert alert-${status.type === 'danger' ? 'danger' : 'success'} mb-3`} style={{ fontSize: '14px', padding: '10px' }}>
-                                        <button type="submit" className="primary-btn-1 btn-hover" suppressHydrationWarning={true}>
+                                                {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
-                                            <span className="btn-hover-span"></span>
                                             </button>
                                         </form>
                                     </div>
@@ -101,6 +150,7 @@ const Footer1 = () => (
                         </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>
@@ -108,5 +158,6 @@ const Footer1 = () => (
             </div>
         </footer>
     );
+};
 
 export default Footer1;

src/components/mobile-app-development-service/Testimonial.tsx

@@ -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' }}

src/components/services-digital-solutions/ServiceDetails.tsx

@@ -80,6 +80,13 @@ const ServiceDetails: React.FC<ServiceDetailsProps> = ({ service }) => {
                                 />
                             )}
 
+                        </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">
@@ -111,11 +118,6 @@ const ServiceDetails: React.FC<ServiceDetailsProps> = ({ service }) => {
                     </div>
                 )}
             </div>
-                    </div>
-
-
-                </div>
-            </div>
 
         </section>
     );

src/components/web-development-service/Testimonial.tsx

@@ -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' }}

src/utils/data.ts

@@ -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">