import styles from "./Project.module.scss"; import React from "react"; import Image from "next/image"; import Head from "next/head"; import { useTranslation } from "next-i18next"; import AppContext from "../../particles/contexts/app-context"; import AppTemplate from "../../templates/app"; import Footer from "../../organisms/footer"; import Header from "../../organisms/header"; import ProjectPictures from "../../organisms/project-pictures"; const ProjectPage = ({ project, appData }: any) => { const { t } = useTranslation("common"); const infoItems = [ { label: t("Category"), value: project.categoryName, }, { label: t("Client"), value: project.client, }, { label: t("Status"), value: project.status, }, { label: t("Start date"), value: project.start_date, }, { label: t("End date"), value: project.end_date, }, ]; return ( } footer={