i just realised that the problem is not only in the index page, some pages work fine, some dont,the components that are missing data are called in the app.js file

i think it has to do with something about translation

bc even my translated variables in common.js are not being translated

as u can see in some pages the navbar is showing in others no(data fetched inside)

this is the file structure

ik its irrelevant for this but jic

try deleting .next and try again. if that doesn't work we'll probably need to see your navbar and index.js code

if i delete the .next will it create a new one instantly?

with npm build?

yeah

ye didnt work

they are being shown on this page

not on this

not a caching issue

working here

@Asiatic Lion u gave up? 😆

cz me personally i did

cz i have no idea whats happening

yeah. no idea how that doesn't work... do you get anything in the javascript console on the pages that don't show the navbar properly?

wait

client.js:1 Invalid href 'en//' passed to next/router in page: '/OurOffers'. Repeated forward-slashes (//) or backslashes \ are not valid in the href.

nah thats not what the problem is

there is also a 404

thats because the translation is not working

it cant find the image path from the common.js locale file

i have to clean up these errors sheesh

import Hero from '@/components/Hero'
import Clients from '@/components/Clients'
import Solutions from '@/components/Solutions'
import { serverSideTranslations } from 'next-i18next/serverSideTranslations';


export default function Home({ pages }) {
return (
#Unknown Channel
<Hero />
<Solutions />
<Clients />
</>
)
}

export const getServerSideProps = async ({ locale }) => ({
props: {
...(await serverSideTranslations(locale, ['common']))
}
});

fixed