import { Fragment, useEffect, useState } from 'react'; import Head from 'next/head'; import { useRouter } from 'next/router'; import Header from '@/components/templates/layout/header'; import Footer from '@/components/templates/layout/Footer'; import { getCities } from '@/data/cities'; import { GetStaticPropsContext, NextPage } from 'next'; import { serverSideTranslations } from "next-i18next/serverSideTranslations"; import { useTranslation } from "next-i18next"; import Link from 'next/link'; const Page: NextPage = () => { const router = useRouter(); const { t } = useTranslation(['common']); const [cities, setCities] = useState([]); useEffect(() => { const fetchCities = async () => { try { const data: any = await getCities(router.locale || 'es'); setCities(data); } catch (error) { console.error('Error cargando ciudades:', error); } }; fetchCities(); }, [router.locale]); return ( Grupo Velas | 404

Error

404

{router?.locale === "es" ? "¡Ups! Página no encontrada." : "Oops! Page not found."}

{router?.locale === "es" ? "Ir al inicio" : "Go to home"}