"use client"; import React, { ReactNode, useEffect, useState } from "react"; import FooterBg from "@/images/footer-bg.webp"; import Link from "next/link"; import axiosInstance from "@/lib/axiosInstance"; interface FooterProps { children?: ReactNode; siteSettings: any; } interface FooterBadge { id: number; title: string; image: string; } const Footer = ({ children, siteSettings }: FooterProps) => { const [badges, setBadges] = useState([]); useEffect(() => { const fetchBadges = async () => { try { const res = await axiosInstance.get("/cms/footer-badges"); const json = await res.data; if (json.success) { setBadges(json.data); } } catch (err) { console.error(err); } }; fetchBadges(); }, []); return ( ); }; export default Footer;