'use client' import React,{useState,useEffect} from "react"; import Link from "next/link"; import Image from "next/image"; import { useLocale, useTranslations } from "next-intl"; import axios from "@/utils/axios-config"; function Footer() { const [data, setData] = useState(null); const [loading, setLoading] = useState(true); const t = useTranslations("Footer"); const locale = useLocale(); useEffect(() => { const fetchData = async () => { try { const response = await axios.get('/settings/about_us'); //console.log('linksFooter',response.data) const data = await response?.data?.data; setData(data); } catch (err) { } finally { setLoading(false); } } fetchData(); }, []); const { about_us, facebook, twitter, instagram, linkedin,youtube,snapchat,phone,email,whatsapp } = data || {}; return ( <>