import Image from 'next/image' import Head from 'next/head' import '@splidejs/splide/dist/css/splide.min.css'; // Import Splide.css import { Splide, SplideSlide } from '@splidejs/react-splide'; import Navbar from '@/components/Navbar'; import { useTranslation } from 'react-i18next'; import config from "../../config.json" import { getSessionWithServerSideProps } from '@/handler/session'; import JobsAPI from '@/api/JobsAPI'; import { ServerSide } from '@/sides/server/ServerSide'; import { ClientSide } from '@/sides/client/ClientSide'; import Footer from '@/components/Footer'; import { PROFILES_SEARCH, SEARCH, SIGNUP, buildRoute } from '@/handler/router'; import Link from 'next/link'; export default function Home(props: { lang: string, user: any, jobs: string[], title: string }) { const user = props.user; const partners = config.partners; const jobs = [ "actor", "model", "appearing", "dancer", "makeup_artist", "photographer", "video_maker", "hairdresser", "fashion_designer", "influencer" ] const translate = useTranslation().t; ClientSide.setLanguage(props.lang) return ( <> FIND.ME - Artist's Social Network

{translate("home_title")}

{translate("home_subtitle")}

{ jobs.map((filter: any, key: number) => { return ( {translate(filter)} ) }) }

{translate("join_a_network")}

{translate("join_a_network_text")}

{translate("subscription_title")}

Eye
{translate("choice_1_title")}
Avion en papier
{translate("choice_2_title")}
Sac à main
{translate("choice_3_title")}
{translate("signup")}
{/*

{translate("why_choice")} FIND.ME

Oeil
{translate("choice_1_title")}

{translate("choice_1_text")}

Avion en papier
{translate("choice_2_title")}

{translate("choice_2_text")}

Sac à main
{translate("choice_3_title")}

{translate("choice_3_text")}

*/}
Agence

{translate("who_is")} FIND.ME ?

{translate("who_is_paragraph_1")}

{translate("who_is_paragraph_2")}

{translate("our_partners")}

{ partners.map((partner, key) => { return (
{partner.path}
) }) }