import type { ReactElement } from 'react';
import { GetStaticProps } from 'next';
import Head from 'next/head';
import Layout from '@components/Layouts/Layout';
import { seo } from '@config/seo';
import { NextPageWithLayout } from '@ts/types/app';
import { loadTranslation } from '@utils/helpers/i18n';
import HomePageContent from '@content/pages/homepage.mdx';
import { ButtonLink } from '@components/Buttons';
import styles from '@styles/pages/Home.module.scss';
import { t } from '@lingui/macro';
import FeedIcon from '@assets/images/icon-feed.svg';
import { ContactIcon } from '@components/Icons';
const Home: NextPageWithLayout = () => {
const CodingLinks = () => {
return (
-
{t`Web development`}
-
{t`Projects`}
);
};
const ColdarkRepos = () => {
return (
);
};
const LibreLinks = () => {
return (
);
};
const MoreLinks = () => {
return (
-
{t`Contact me`}
-
{t`Subscribe`}
);
};
const components = {
CodingLinks: CodingLinks,
ColdarkRepos: ColdarkRepos,
LibreLinks: LibreLinks,
MoreLinks: MoreLinks,
};
return (
<>
{seo.homepage.title}
);
};
Home.getLayout = function getLayout(page: ReactElement) {
return {page};
};
export const getStaticProps: GetStaticProps = async (ctx) => {
const translation = await loadTranslation(
ctx.locale!,
process.env.NODE_ENV === 'production'
);
return {
props: {
translation,
},
};
};
export default Home;