"use client"; import { MoveRight } from "lucide-react"; import Email from "./svgComponents/Email"; import Phone from "./svgComponents/Phone"; import Location from "./svgComponents/Location"; import Link from "next/link"; import z from "zod"; import { useForm } from "react-hook-form"; import { zodResolver } from "@hookform/resolvers/zod"; import { toast } from "sonner"; const subscribeSchema = z.object({ email: z .string() .min(1, "Email is required") .email("Please enter a valid email"), }); type SubscribeFormValues = z.infer; const socialLinks = [ { name: "Facebook", href: "#", icon: ( ), hoverColor: "hover:text-[#0A51C9] after:bg-[#0A51C9]", }, { name: "Instagram", href: "#", icon: ( ), hoverColor: "hover:text-[#EF583B] after:bg-[#EF583B]", }, { name: "LinkedIn", href: "#", icon: ( ), hoverColor: "hover:text-[#0A51C9] after:bg-[#0A51C9]", }, ]; export default function Footer() { const { register, handleSubmit, reset, formState: { errors, isSubmitting, isValid }, } = useForm({ resolver: zodResolver(subscribeSchema), mode: "onChange", }); async function onSubmit(values: SubscribeFormValues) { try { const response = await fetch("/api/subscribe", { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify(values), }); const data = await response.json(); if (response.ok) { toast.success("Subscribed successfully!"); reset(); } else { toast.error(data.error || "Something went wrong"); } } catch (error) { toast.success("Subscribed successfully!"); } } return ( ); }