import React, { Fragment } from 'react';
import PageTitle from '../../components/pagetitle/PageTitle'
import BlogList from '../../components/BlogList/BlogList.js'
import Navbar2 from '../../components/Navbar2/Navbar2';
import Footer from '../../components/footer/Footer';
import Scrollbar from '../../components/scrollbar/scrollbar'
import bg from '/public/images/blog/blog-banner.webp'
import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
import { useTranslation } from 'next-i18next';

const BlogPage = () => {
    const { t } = useTranslation('innerBanner');
    return (
        <Fragment>
            <Navbar2 />
            <PageTitle pageTitle={t('blog.pageTitle')} backgroundImage={bg} pagesub={t('blog.pageSub')} />
            <BlogList />
            <Footer />
            <Scrollbar />
        </Fragment>
    )
};
export default BlogPage;

// ✅ This enables translations (menu, and more if you add other namespaces)
export async function getStaticProps({ locale }) {
    return {
        props: {
            ...(await serverSideTranslations(locale, ['common', 'menu', 'innerBanner', 'blog', 'footer', 'contact'])), // Add 'home', 'footer', etc. if needed
        },
    };
}