+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 (
+
diff --git a/src/components/web-development-service/Testimonial.tsx b/src/components/web-development-service/Testimonial.tsx
index 6886cac..8b360dd 100644
--- a/src/components/web-development-service/Testimonial.tsx
+++ b/src/components/web-development-service/Testimonial.tsx
@@ -206,7 +206,7 @@ const Testimonial = () => {