+
+ );
+};
diff --git a/src/app/(home)/_components/Speakers.tsx b/src/app/(home)/_components/Speakers.tsx
new file mode 100644
index 0000000..e120c22
--- /dev/null
+++ b/src/app/(home)/_components/Speakers.tsx
@@ -0,0 +1,83 @@
+'use client';
+
+import Image from 'next/image';
+import Link from 'next/link';
+import { ReactElement } from 'react';
+import { useTranslation } from '@/app/_translation';
+import Markdown from 'react-markdown';
+import { Speaker } from '../../_schemas';
+import { asset } from '../../_utils';
+import { HomeTranslation } from '../homeTranslation';
+
+export const Speakers = ({ serializedSpeakers }: { serializedSpeakers: string }): ReactElement => {
+ const speakers: Speaker[] = Array.from(JSON.parse(serializedSpeakers));
+ const { speakers: i18n }: HomeTranslation = useTranslation();
+
+ return (
+
+
+
+ {i18n.description}
+
+ + {i18n.title} + {i18n.subtitle} +
+
+
+ {i18n.callToAction}
+
+
+
+ {slots.map((slot: Slot, index: number) => (
+
+
+
+ ))}
+
+ {slot.start} - {slot.end}
+
+
+
+
+ {index + 1}
+
+
+
+ {i18n.slots[`${slot.start.toString()}-${slot.end.toString()}`]?.title}
+ {i18n.slots[`${slot.start.toString()}-${slot.end.toString()}`]?.description} +
+
+ );
+};
diff --git a/src/app/(home)/_components/Sponsors.tsx b/src/app/(home)/_components/Sponsors.tsx
new file mode 100644
index 0000000..0643410
--- /dev/null
+++ b/src/app/(home)/_components/Sponsors.tsx
@@ -0,0 +1,39 @@
+'use client';
+
+import { ReactElement } from 'react';
+import Image from 'next/image';
+import Link from 'next/link';
+import Markdown from 'react-markdown';
+import { useTranslation } from '@/app/_translation';
+import { Sponsor } from '../../_schemas';
+import { HomeTranslation } from '../homeTranslation';
+
+export const Sponsors = ({ serializedSponsors }: { serializedSponsors: string }): ReactElement => {
+ const sponsors: Sponsor[] = Array.from(JSON.parse(serializedSponsors));
+ const { sponsors: i18n }: HomeTranslation = useTranslation();
+
+ return (
+
+
+
+ {i18n.description}
+
+ + {i18n.title} + {i18n.subtitle} +
+
+ {speakers.map((speaker: Speaker) => (
+
+
+
+ ))}
+
+
+ {speaker.networks && (
+
+ {speaker.networks.facebook && (
+
+
+ Facebook (opens a new window)
+
+ )}
+ {speaker.networks.instagram && (
+
+
+ Instagram (opens a new window)
+
+ )}
+ {speaker.networks.x && (
+
+
+ X (opens a new window)
+
+ )}
+ {speaker.networks.linkedin && (
+
+
+ LinkedIn (opens a new window)
+
+ )}
+
+ )}
+ {speaker.fullName}
+{speaker.role}
+
+
+ {i18n.callToAction}
+
+
+
+
+ );
+};
diff --git a/src/app/(home)/_components/Tickets.tsx b/src/app/(home)/_components/Tickets.tsx
new file mode 100644
index 0000000..185daa9
--- /dev/null
+++ b/src/app/(home)/_components/Tickets.tsx
@@ -0,0 +1,60 @@
+'use client';
+
+import { ReactElement } from 'react';
+import { useTranslation } from '@/app/_translation';
+import { Badge } from 'react-bootstrap';
+import Markdown from 'react-markdown';
+import { HomeTranslation } from '../homeTranslation';
+
+type TicketsProps = {
+ ticketsConfiguration: { variant: 'primary-subtle' | 'warning' | 'info-subtle'; highlight?: boolean }[];
+};
+
+export const Tickets = ({ ticketsConfiguration }: TicketsProps): ReactElement => {
+ const { tickets: i18n }: HomeTranslation = useTranslation();
+
+ return (
+
+ {i18n.description}
+
+ + {i18n.title} + {i18n.subtitle} +
+
+ {sponsors.map((sponsor: Sponsor) => (
+
+
+
+
+ );
+};
diff --git a/src/app/(home)/_components/index.ts b/src/app/(home)/_components/index.ts
new file mode 100644
index 0000000..710123f
--- /dev/null
+++ b/src/app/(home)/_components/index.ts
@@ -0,0 +1,3 @@
+export * from './About';
+export * from './Header';
+export * from './Hero';
diff --git a/src/app/home.module.scss b/src/app/(home)/home.scss
similarity index 90%
rename from src/app/home.module.scss
rename to src/app/(home)/home.scss
index d3bbda6..aec53b5 100644
--- a/src/app/home.module.scss
+++ b/src/app/(home)/home.scss
@@ -24,7 +24,7 @@
}
@include media-breakpoint-down(sm) {
- .sparta {
+ .home-illustration-container {
height: 550px;
width: auto;
margin-left: $spacer;
@@ -44,7 +44,7 @@
}
@include media-breakpoint-up(sm) {
- .sparta {
+ .home-illustration-container {
height: 550px;
margin-left: auto;
width: 75%;
@@ -62,14 +62,14 @@
}
@include media-breakpoint-up(md) {
- .sparta {
+ .home-illustration-container {
height: 650px;
width: 65%;
}
}
@include media-breakpoint-up(lg) {
- .sparta {
+ .home-illustration-container {
position: absolute;
right: 0;
top: 50%;
@@ -81,7 +81,7 @@
}
@include media-breakpoint-up(xl) {
- .sparta {
+ .home-illustration-container {
transform: translateY(-50%);
width: 50%;
height: 80%;
@@ -90,7 +90,7 @@
}
@include media-breakpoint-up(xxl) {
- .sparta {
+ .home-illustration-container {
top: 10%;
width: 40%;
height: 85%;
diff --git a/src/app/(home)/homeTranslation.ts b/src/app/(home)/homeTranslation.ts
new file mode 100644
index 0000000..febf58b
--- /dev/null
+++ b/src/app/(home)/homeTranslation.ts
@@ -0,0 +1,51 @@
+export type HomeTranslation = {
+ hero: {
+ title: string;
+ nextEditionDate: string;
+ description: string;
+ callToAction: string;
+ };
+ header: {
+ brand: string;
+ about: string;
+ program: string;
+ speakers: string;
+ tickets: string;
+ sponsors: string;
+ };
+ about: {
+ title: string;
+ subtitle: string;
+ description: string;
+ learnMore: string;
+ };
+ talks: {
+ title: string;
+ subtitle: string;
+ description: string;
+ callToAction: string;
+ slots: Record
+
+
+ {i18n.description}
+
+ + {i18n.subtitle} + {i18n.title} +
+
+ {i18n.ticketTypes.map((ticket, index) => {
+ return (
+
+
+
+ );
+ })}
+
+
+
+
+
+
+ {ticket.name}
+
+
+ {ticket.price} +
+ + {ticket.price} +
+ {ticket.description}
+
+
+
+
+
+
+
+
+
+
+ })
+
+
+
-
-
-
- FreelanceConnect
-
-
-
-
-
-
-
-
-
-
- - Prochaine édition à venir en 2024 - La plus grande conférence dédiée aux freelances -
-- Esprits libres et créatifs qui prenez en main votre destin professionnel. Rejoignez la journée des freelances, - l’événement incontournable pour les freelances ambitieux et visionnaires de la région lyonnaise. -
- -
-
-
-
-
-
-
-
-
-
-
- - À propos de la conférence - Bienvenue à la plus grande conférence dédiée aux freelances -
-- Esprits libres et créatifs qui prenez en main votre destin professionnel. Rejoignez la journée des freelances, - l’événement incontournable pour les freelances ambitieux et visionnaires de la région lyonnaise. -
-
-
-
-
-
-
-
-
-
- - Programme de la conférence - Retrouvez la liste des événements prévus -
-- Le programme se déroule sur une journée de 08h30 à 18h00, des conférences au format 40 minutes et 20 minutes - s’enchaîneront tout au long de la journée. -
-
-
- Voir le programme
-
-
-
-
-
-
-
- 08:30 - 09:00
-
-
-
-
- 1
-
-
-
- Accueil
- Récupérez votre badge pour la journée, puis prenez le temps du petit-déjeuner pour discuter un café à la main. -
-
-
- 09:40 - 12:00
-
-
-
-
- 2
-
-
-
- Première partie
- Plénière d’ouverture, suivi de 9 de conférences réparties sur 3 pistes. -
-
-
- 12:00 - 13:30
-
-
-
-
- 3
-
-
-
- Déjeuner
- Profitez d’un repas prévu sur place. Tout est inclus dans le prix du billet. -
-
-
- 13:30 - 17:40
-
-
-
-
- 4
-
-
-
- Seconde partie
- 12 conférences sont prévues l’après-midi, elles sont également réparties sur 3 pistes. -
-
-
- 17:50 - 18:30
-
-
-
-
- 5
-
-
-
- Fermeture
- Plénière de fermeture suivi d’un apéro avant de se quitter. -
-
-
-
-
-
- - Les orateurs de la conférence - Les conférenciers -
-- Des experts renommés dans leurs domaines partageront leurs connaissances pour vous aider à vous épanouir en tant - que freelance -
-
-
-
-
-
-
-
-
- Élodie Thibault
-Responsable des Relations Humaines chez YouFair
-
-
-
-
- Michel Mignard
-Chargée de communication indépendant
-
-
-
-
- Pierre Beaulne
-Responsable juridique et Référent déontologue
-
-
-
-
- Amélie Desjardins
-Key Account Manager
-
-
-
-
- Sandra Béliveau
-Digital Ecosystem Builder
-
-
-
-
- Corinne Feng
-Product manager @Benka
-
-
-
-
- Yannis Benett
-Consultant en cybersécurité
-
-
- Voir tous les orateurs
-
-
-
-
-
-
-
-
- - Réservez votre place - Choisissez le billet qui vous convient parmi nos offres -
-- Nous vous proposons trois offres affin que vous puissiez choisir ce qui correspond le mieux à vos moyens. -
-
-
-
-
-
-
-
-
-
-
- Early bird
-
-
- 29.99€ -
- - 29.99€ -
-
- - L’offre Early bird donne l’accès à un tarif préférentiel, le nombre de billets à ce tarif est limité - à 60 places, les premiers arrivés sont les premiers servis ! -
-
-
-
-
-
-
-
-
-
-
-
- Normal
-
-
- 34.99€ -
- - 34.99€ -
-
- - L’offre Normal donne l’accès à la conférence, il n’y a pas de limite de places pour ce tarif. -
-
-
-
-
-
-
-
-
-
-
-
- Soutien
-
-
- 49.99€ -
- - 49.99€ -
-
- - En choisissant l’offre de soutien, vous participez au côté de nos sponsors à rendre cet événement - possible en contribuant à assurer l’équilibre économique et nous vous en remercions chaleureusement ! -
-
-
-
-
-
-
-
- - Sponsors de la conférence - Merci à nos sponsors pour leur soutien -
-- Sans le soutien de nos sponsors nous n’aurions pas pu vous proposer une conférence d’une telle qualité, nous - tenons ici à les remercier tout particulièrement pour leur aide. -
-{talk.title}
+({talk.language})
+ + {i18n.by} {talk.speaker} - {talk.date.toLocaleString()} ({talk.duration} {i18n.durationUnit}) - {talk.room} + ++
+ {talk.track} +
+{talk.description}
+ {talk.tags?.map((tag: string) => #{tag} )} + {(talk.slidesLink || talk.videoLink) && ( +-
+ {talk.slidesLink && (
+
- + + {i18n.slides} + + + )} + {talk.videoLink && ( +
- + + {i18n.video} + + + )} +
{i18n.title}
++ {i18n.message} {i18n.link} +
+ {i18n.back} + + ); +}; diff --git a/src/app/talks/[slug]/_components/index.ts b/src/app/talks/[slug]/_components/index.ts new file mode 100644 index 0000000..c2074bd --- /dev/null +++ b/src/app/talks/[slug]/_components/index.ts @@ -0,0 +1,2 @@ +export * from './TalkDetails'; +export * from './TalkNotFound'; diff --git a/src/app/talks/[slug]/page.tsx b/src/app/talks/[slug]/page.tsx index 35a7861..59d8edc 100644 --- a/src/app/talks/[slug]/page.tsx +++ b/src/app/talks/[slug]/page.tsx @@ -1,57 +1,16 @@ import talksJson from '@/data/talks.json'; -import { Dictionary, dictionaryFor } from '@/dictionaries'; -import Link from 'next/link'; import { ReactElement } from 'react'; -import { bySlug } from '../../common'; +import { Translate } from '@/app/_translation'; +import { bySlug } from '@/app/_utils'; +import { TalkDetails, TalkNotFound } from './_components'; import { Talk, talksFromJSON } from './talk'; export const generateStaticParams = (): Talk[] => talksFromJSON(talksJson); -const TalkPage = async ({ params }: { params: Talk }): Promise{talk.title}
-({talk.language})
- - {dict.talks.by} {talk.speaker} - {talk.date.toLocaleString()} ({talk.duration} min) - {talk.room} - --
- {talk.track} -
-{talk.description}
- {talk.tags?.map((tag: string) => #{tag} )} - {(talk.slidesLink || talk.videoLink) && ( --
- {talk.slidesLink && (
-
- - - Slides - - - )} - {talk.videoLink && ( -
- - - Video - - - )} -
This talk does not exist
-- There is no talk for this url, select another talk form the list of talks -
- Back to talks - - ); + + return talk ?{i18n.title}
+-
+ {talks.map((talk: Talk) => (
+
- + {talk.title} + + ))} +
Talks
--
- {talks.map((talk: Talk) => (
-
- - {talk.title} - - ))} -