"use client"; import React, { useState } from "react"; import Link from "next/link"; import { useCart } from "@/context/CartContext"; import { LogoMark } from "@/components/Logo"; import { Mail, Phone, MapPin, Clock, ShieldCheck, Truck, Send, CheckCircle2, FileText, PackageCheck, Heart, } from "lucide-react"; export const Footer: React.FC = () => { const { setIsQuoteModalOpen, setIsTrackerOpen } = useCart(); const [newsletterEmail, setNewsletterEmail] = useState(""); const [newsletterSuccess, setNewsletterSuccess] = useState(false); const [isSubmitting, setIsSubmitting] = useState(false); const handleNewsletterSubmit = async (e: React.FormEvent) => { e.preventDefault(); if (!newsletterEmail) return; setIsSubmitting(true); try { const res = await fetch("/api/newsletter", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email: newsletterEmail }), }); const data = await res.json(); if (data.success) { setNewsletterSuccess(true); setNewsletterEmail(""); } } catch (e) { console.error(e); } finally { setIsSubmitting(false); } }; return ( ); };