import React, { Fragment } from "react";
import Navbar2 from "../../components/Navbar2/Navbar2";
import PageTitle from "../../components/pagetitle/PageTitle";
import Scrollbar from "../../components/scrollbar/scrollbar";
import Footer from "../../components/footer/Footer";
import ServicesSection from "../../components/services/ServicesSection";
import services from "/public/images/service/service-banner.webp";
import { serverSideTranslations } from "next-i18next/serverSideTranslations";
import { useTranslation } from "next-i18next";

const Services = () => {
    const { t } = useTranslation("services");

    return (
        <Fragment>
            <Navbar2 />
            <PageTitle
                pageTitle={t("page.title")}
                backgroundImage={services}
                pagesub={t("page.subtitle")}
            />
            <ServicesSection cmClass={"wpo-campaign-area-s5"} />
            <Footer />
            <Scrollbar />
        </Fragment>
    );
};

export default Services;

export async function getStaticProps({ locale }) {
    return {
        props: {
            ...(await serverSideTranslations(locale, ['common', 'menu', 'services'])), // Add 'home', 'footer', etc.
        },
    };
}