/* eslint-disable @next/next/no-img-element */ import React from "react"; // @Next import Head from "next/head"; import Link from "next/link"; import { GetServerSideProps } from "next/types"; // @Antd import { Button, Carousel, Col, Row, Card } from "antd"; import { MessageOutlined, ReadOutlined, TeamOutlined } from "@ant-design/icons"; // @i18n import { useTranslation } from "next-i18next"; import { serverSideTranslations } from "next-i18next/serverSideTranslations"; // @Imagenes import { ElderlyWoman, BackgroundFill, SlideGoldenHispanicHome, } from "../public/images/index"; // @Layout import { LayoutWrapper } from "../src/components/layouts/wrapper"; // @Styled import styles from "../src/components/pages/home/index.module.less"; const CarouselSlider = [ SlideGoldenHispanicHome.SlideGoldenHispanic1, SlideGoldenHispanicHome.SlideGoldenHispanic2, SlideGoldenHispanicHome.SlideGoldenHispanic3, SlideGoldenHispanicHome.SlideGoldenHispanic4, ]; export const getServerSideProps: GetServerSideProps = async ({ locale }) => { return { props: { ...(await serverSideTranslations(locale as string, ["common", "home"])), }, }; }; export default function Home() { const { t } = useTranslation(); return (
Golden Hispanic Foundation | GHF
{CarouselSlider?.map((src, index: number) => { return ( ); })}

{t("home:objetives")}

{t("home:introduction:titleone")}

{t("home:introduction:one")}

{t("home:introduction:titletwo")}

{t("home:introduction:two")}

{t("home:introduction:three")}

{t("home:sections:about-us")}

{t("home:sections:news")}

{t("home:sections:contact-us")}

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