/* eslint-disable @next/next/no-img-element */ import React from "react"; import Head from "next/head"; import { GetServerSideProps } from "next/types"; // @Antd import { Col, Row, Carousel, Button } from "antd"; // @i18n import { useTranslation } from "next-i18next"; import { serverSideTranslations } from "next-i18next/serverSideTranslations"; import { RightOutlined, LeftOutlined } from "@ant-design/icons"; // @Images import { BackgroundFill } from "../../public/images"; // @Layout import { LayoutWrapper } from "../../src/components/layouts/wrapper"; // @Styled import styles from "../../src/components/pages/news/index.module.less"; // @Interfaces import { INews, ITestimonials, } from "../../src/components/pages/news/interfaces"; // Components import NewsCard from "../../src/components/pages/news/components/NewCard"; import { Testimonials } from "../../src/components/pages/news/components/Testimonials"; // @Hooks import { useNews } from "../../src/components/pages/news/hooks/useNews"; export const getServerSideProps: GetServerSideProps = async ({ locale }) => { return { props: { ...(await serverSideTranslations(locale as string, ["common", "news"])), }, }; }; export default function News() { const { t } = useTranslation(); const { newsData, getImage, testimonial, page, handleNextPage, handlePrevPage, totalPages, total } = useNews(); return (

{t("news:title")} | GHF

{t("news:title")}

{newsData.length > 0 ? ( {newsData?.map((news: INews) => { return ( ); })} ) : (

{t("news:notFound")}

)} {(total > 0) && (

{/* {" "} {t("about:fundadores")} */} Testimonios

)}

); } News.getLayout = function getLayout(page: React.ReactElement) { return {page}; };